Conception web
-Notation de langage HTML Le but du TD était de construire une page web, qui est constituées de texte et ce texte est rédigé en code HTML. Une page HTML est un fichier texte qui contient des balises pour mettre en forme le texte, les images etc… Pour coder une page j’ai utilisé le logiciel Notepad++, j’ai passer le logiciel en HTML en faisant Langage>H>HTML. Voici les codes que j’ai utilisé pour faire le codage ci-dessous:
- <html>
- <head>
- <title>The life of my flowers</title>
- </head>
- <body>
- My flowers are beautiful!
- </body>
- </html>
Pour fermé une balise il faut mettre un slash /: exemple <html>( ouvert), </html>( fermé). Pour mettre une phrase en gars-italique-souligné il faut tape le code: <b><i><u>……….</u></i></b>.
Pour mettre de la couleur à une page il faut rentrer le code: <font color= »red »>My flowers are beautiful</font> Pour connaitre le code hexadécimal d’une couleur utiliser un logiciel de traitement de l’image comme Point.Net ou Gimp et utiliser la palette. Pour former un paragraphe il faut utiliser la balise <p>, <p>coucou!</p>, pour un retour a la ligne <br> c’est une balise orpheline pas besoin de la fermé.
My flowers are beautiful-Notion de langage CSS Pour faire ce TD j’ai télécharger 3 fichiers que j’ai enregistré dans mon espace perso, j’ai utilisé notepad++ et j’ai passer le logiciel en CSS: langage>C>CSS Dans un fichier il y avait des textes avec une image et le but étais de mettre les titres en rouge h1,h2,h3{ color:#d40500; } régler la taille des titres et paragraphes h1{ font-size: 26px; } mettre les liens en rouge et les liens visités et survolés en turquoise + la définition. L’image fait 300px de large avec une bordure de 2px noire et en pointillé et la mettre en forme dans la partie body de la page. Pour effectué se travail j’ai pas rencontré de difficulté puisque j’ai suivi les vidéos explicatives de celui-ci.
WordPress
-Connexion, Paramétrage Je me suis connecté à mon portefolio, puis j’ai fait quelque réglage comme choisir un titre, un slogan, cocher la case visibilité pour les moteurs de recherche, ensuite j’ai choisi un thème puis le personnalisé ( les couleurs, image d’en tête…), j’ai découvert les widgets (catégories, menus, images). Le portefolio comporte un onglet menu ou je peux créer mes pages, mes articles, des liens vers d’autres sites, mes catégories d’articles). J’ai installé des extensions: Akismet, Jetpack, All in one SEO pack, GDPR Cookie Consent & Compliance Notice et One click Accessibility. Le plus dure à été de trouver un titre et un slogan car je ne savais pas encore de quoi parlerait mon portefolio. -Installer Jetpack et Akismet Akismet gére les commentaires et Jetpack des services qui augmentent les possibilités de WordPress. Une fois qu’ils ont été installé, il faut activer l’extension. Jetpack propose plusieurs fonctionnalités comme mozaïque d’image, formulaire de contact…. -SEO et All in One SEO pack SEO (search engine optimisation) optimise les contenus pour un meilleur référencement dans les moteurs de recherche. Pour qu’une page est un bon SEO il faut un titre évocateur, la rédaction des articles, les tags des articles ou mots clés et des liens entrants. -Articles, pages, formulaires Pour écrire une page, il faut cliquer sur page puis sur ajouter, je peux la modifier en appuyant sur modification rapide et je peux changer l’auteur, mettre un mot de passe pour filtrer l’accès à la page, changer la page « parent »…. Pour mettre la page en ligne je vais dans menus, apparences puis dans widgets. Les liens sont très importants sur un site web. Concernent le texte il doit être lisible, harmonieux et aérée. Il faut des titres accrocheurs et des paragraphes courts. Pour faire un formulaire de contact il faut insérer un bloc « formulaire de contact » dans la page puis le personnaliser. -RGPD et Cookies Le RGPD est important car il sert à la protection des données sur le territoire Européen, j’ai installé l’extension CookiesYes qui permet au visiteur d’accepter ou pas les cookies pour que leurs données personnelles soient recueillies. -Accessibilité Numérique J’ai installé l’extension One Click Accessibility, cela va ajouter une barre d’outils qui permet aux visiteurs de changer la taille des textes, les couleurs et contraste. L’accessibilité numérique permet à rendre les services de communication au public en ligne accessible aux personnes handicapées ( perceptible, utilisable, compréhensible et robuste) -CV Le CV permet de montrer le parcours scolaire et les expériences professionnelles. Pour réaliser mon CV j’ai installé l’extension Resume Builder qui permet de rédiger un CV, j’ai choisi un CV anti-chronologique. Les rubriques à mettre son:
- l’état civil
- titre
- formation
- expérience professionnel
- compétence
-Newsletter, e-mailing, MailPoet L’extension Mailpoet, permet de réalisé une newsletter, j’ai pris un modèle que je peux modifier.
Marketing Automation
-Concevoir une landing page Crée une landing page est de faire en sorte que le visiteur soit incité à acheter le produit. J’ai du trouver un titre et une description accrocheur. J’ai fait une offre promotionnelle sur l’Azalée pour noël, j’ai mis une photo de la plante, un texte descriptif de la plante pour attirer le client. J’ai mis un bouton qui permet d’aller sur le livret blanc. Puis sur Canva j’ai crée un coupon promotionnelle.
-Prise en main Canva Je connais Canva depuis la seconde donc je n’ai pas eu besoin d’apprendre à le manipulé, mais pour cette prise en main j’ai fait une bannière que j’ai ensuite mis dans mon portefolio. Pour cela j’ai taper dans la barre de recherche Canva « bannière » puis j’ai juste modifier le desing.
-Infographie J’ai crée mon infographie sur Canva, pour faire mon infographie j’ai chercher des données, des chiffres etc sur le marché de la jardinerie, une fois trouvé je suis allée sur canva et j’ai choisi un model dans lequel j’ai mis mes données trouver.
-Zeoob Le but était d’aller sur zeoob pour crée une publication et une story pour les porte ouverte du lycée. Sur canva j’ai crée la publication que j’ai ensuite mis sur zeoob, j’ai mis une description, des hachetags etc. J’ai mis un lien pour aller voir la publication et pour voir à quoi ressemble zeoob.
Odoo
-Sondage En classe nous avons vu comment crée un sondage sur les serres du lycée, je suis aller sur Odoo qui est un portail du lycée, le professeur nous avait déjà donner les questions et réponses à rentré . Sur Odoo j’ai aussi vu comment géré nos clients avec des pistes pour chaque clients. Nous avons nous aussi crée notre piste, une équipe commerciale, pour faire cela j’ai du rentrer des infos sur moi comme mon nom et prénom
Mes badges
WordPress – Conception Web – BTS
Awarded: 31 janv. 2024
Canva – Design Web – BTS
Awarded: 31 janv. 2024
Technologies Web – BTS
Awarded: 11 oct. 2023