Bluegriffon, un éditeur de pages Web WYSIWYG
Quelques vidéos sur l'éditeur
WYSIWYG
de pages Web BlueGriffon.
1) Introduction à BlueGriffon et comment l'installer, 11'37".
° Quelques éditeurs alternatifs, mais non WYSIWYG (non visuels).
° Où télécharger BlueGriffon, compatible Linux, Windows et Mac.
° Paramètres conseillés de BlueGriffon.
° Un première mini page Web écrite avec BlueGriffon.
° Titre de la fenêtre, dans la balise <title>, à ne pas confondre avec un titre de page.
2) Les bases du CSS avec BlueGriffon, 13'41".
° Les balises HTML, être conscient de leur existance.
° La balise <h1> pour un titre de page.
° Insertion d'une image.
° Lien relatif sur une image.
° Centrer un texte.
° Mettre un mot en gras.
° Fond de page ou fond de texte de couleur choisie.
3) Suite sur les bases du CSS avec BlueGriffon, 8'35".
° Couleur de texte.
° La balise <span> pour formatter une portion de texte.
° Changement de la police d'un texte.
° Couleur RVB (RGB = Red Green Blue).
° Alignement vertical.
° Visualisation des balises dans le code visuel.
4) Structure des dossiers d'un site Web, 10'50".
° Insite sur la structure d'une page Web. Ne pas avoir de référence hors du dossier de base du site Web.
° Lien relatif sur une autre page Web.
° Le fichier "index.html", correspondant à la page d'accueil du site Web.
° Insertion de date de mise à jour et de structure du site.
° Copier - coller de code HTML d'une page Web dans une autre.
° Notion de dossier parent, important dans la structure d'un site Web.
5) CSS, centrer, cadre, margin, padding, 23'54".
° Centrer un texte.
° La balise <span>
° Beaucoup d'exemples de style CSS, c.f.
exemples CSS.
° La balise <div>
° Couleur de fond d'un <div>
° Le style "inline-block", pour définir un bloc de texte.
° Cadre d'un bloc de texte.
° Couleur de fond d'un bloc de texte.
° Centrer un bloc de texte.
° Marge externe, cadre, marge interne = margin, border, padding.
° Position relative, pour un positionnement fin.
° Bords arrondis d'un cadre.
6) formulaire et début de javascript, 19'34".
° Insertion d'un formulaire.
° Insertion d'un champ texte.
° Insertion d'un bouton.
° Le panneau "Éditeur de scripts".
° Adjonction de code javascript pour que le clique sur un bouton fasse une action.
° document.nomForm1.nomTexte1.value = ...
° parseInt("123"), conversion d'une chaine de caractère ("123") en un nombre entier.
° parseFloat("1.25"), conversion d'une chaine de caractère ("1.25") en un nombre à virgule.
° Manipulation du code source HTML et JavaScript.
° Copier - coller de code javascript d'un fichier dans un autre.
° Quelques fonction mathématiques en javascript.
Plan du Site :
Home
bgweb.html
editeurs_html.html
bluegriffon.html
Page mise à jour le 6 avril 2020 par Bernard Gisin
( Envoyer un e-mail )
Hébergement par : www.infomaniak.ch