Ne prenez pas peur !  Vous n'avez rien à craindre, le webmestre ne veut surtout pas vous transformer en informaticien chevronné ! Il désire simplement vous donner un peu quelques informations sur la caractéristique de l'informatique.
Lui-même est loin d'être un spécialiste en la matière mais un amateur éclairé dans ce domaine depuis une quarantaine d'années. Aussi veut-il faire partager ses impressions avec son public, surtout nos plus anciens.

         Élaborer une page web, c'est concevoir une page d'accueil avec des éléments connus comme un texte, une image, un son, voire une vidéo, qui renforcent le message voulu, lui apportent un surplus de connaissances
et en agrémentant son visionnement. 
En conséquence, on doit agir grâce à un éditeur de pages qui vous délivre la façon de travailler, la manière de lier tous ces éléments ensemble, pour obtenir au final une page lisible. Autrement dit, l'éditeur a programmé  le déroulement de votre projet : vous n'avez tapé aucun codage, vous suivez juste les instructions recommandées selon les envies du moment en observant le menu du logiciel situé en haut de votre écran. Voilà donc votre page codée grâce au langage html, celui demandé pour finaliser une page web. Vous regardez alors en bas de l'écran les 4 grandes notions de programmation, adaptées à l'internaute : édition - modifier et le code HTML - code HTML - aperçu de la page  en glissant sur les hyperliens.

Le choix de votre éditeur de pages est assez large : Blue Griffon - Sea Monkey - Expression Web -- Namo Web Editor v6 . Ils sont gratuits comme freewares et en français, le dernier est un shareware mais difficile à trouver sur la toile car il n'est plus mis à jour depuis plusieurs années ; tentez votre chance, c'est le meilleur, à notre avis !

        Maintenant vous pouvez bien vous représenter en quoi consiste une page web : manier un éditeur de pages en joignant plusieurs éléments annexes utiles selon le choix du moment. Il convient donc de bien articuler les nombreuses aides dans un dossier spécial - on dit dédié - où l'on n'a qu'à piocher au fur et à mesure de l'avancement du travail. D'où l'importance primordiale apportée au plan adopté. L'organisation devient la clé de votre entreprise !
Ce n'est plus une oeuvre linéaire comme le livre d'antan, mais un va et vient constant au sein de pages web, en interne... comme en externe, sur la toile mondiale dénommée l'internet.

         Vous le constatez : je n'ai rien codé ! Juste ai-je tapé au clavier un "vulgaire" texte écrit - on le dénomme un tapuscrit - mon éditeur préféré (Namo Webeditor v6) faisant le reste.
Bien entendu, force est de connaître le détail du menu général situé tout en haut de votre écran ; tout est indiqué dans les sous-menus ! Vous reconnaissez sans peine les notions de base.

      Le plus difficile à saisir est, je crois, la perspective de la page ; en effet, en langage html comme ici, le tableau est absolument nécessaire, il régule l'emplacement d'éléments dans un cadre (visible ou non) au sein de la page, et facilite ainsi la disposition de ces élements, surtout les icônes, images ou autres signaux. Regardez voir le titre de cette page : un très léger cadre visible permet la disposition des icônes mais le rendre invisible est fort aisé. 
Comme de juste, un hyperlien s'adapte sur l'élément, permettant de la sorte une direction précise, avec explication éventuelle donnée à la souris et marquée en bas de l'écran. 

    Une autre façon d'oeuvrer consiste à créer une page en .docx sous Word, le célèbre programme textes MS Office - même action sous Libre Office le logiciel libre (open source) - puis de la transformer via le programme interne en .pdf  afin de l'intégrer au site web. Votre webmestre emploie constamment cette subtilité qui utilise les nombreuses facettes du programme, notamment les images.
À ce propos, un document en *.html se transforme rapidement en *.mht, lu alors par Word qui peut l'adapter ; c'est un peu comme avec un pdf élaboré à partir de *.docx , qui se transforme avec Word 2021 aisément en html.

     L'intérêt de l'éditeur réside également dans la doublure du travail. En effet, il transforme de manière automatique le fichier choisi en doublon avec l'extension *.bak, si bien que l'internaute retrouve aussitôt parmi les multiples fichiers ceux qui furent retouchés : xxx.html => xxx.bak . À vrai dire, seuls Namo Web Editor v6, Blue Griffon et Expression Web offrent cette manipulation si pratique. Ce dernier est un véritable éditeur html gratuit mais complet... justement un peu trop à notre goût pour le modeste amateur lecteur de ces pages.
Une astuce dévoilée aussi : ouvrir plusieurs éditeurs en même temps quand on travaille un document web permet de surmonter une difficulté passagère, voire un ajout supplémentaire, selon le programme employé, parce que les données ne sont pas uniques partout ; de cette façon il existe une grande variété de créations. C'est certes le risque mais l'internaute arrive ainsi à ses fins.

     Une fois la pratique saisie, cela devient un jeu facile de créer une page, voire un site web ; libre à chacun d'y évoquer souvenirs, mémoires, expériences, projets... bref, tout devient possible. Attention toutefois à la question de l'hébergeur qui enregistre le site web. Le choix prend une grande importance : grandeur, durée, prix, transfert... etc. Chaque FAI (fournisseur d'accès à internet) offre gracieusement un site web mais souvent trop exigu avec peu de mégaoctets, ce qui réduit les pages. Il faut se tourner vers un hébergeur gratuit, et là nous citons l'opérateur Freesi connu qui permet gratuitement dans le "cloud" bien sûr un tel placement sur 10 Go - 50 Go avec l'abonnement à la freebox.
Le système du transfert par FTP devient alors la norme tant aisée. Trouver la perle rare n'est pas chose très aisée. Les fiches 036 et 036a. donnent de plus amples détails.

                Voilà l'essentiel à connaître. Mieux vaut cependant bien analyser la structure du projet, le plan, les dossiers choisis,... et les outils indispensables à disposition ! Nous insistons trop peu souvent sur ces outils à posséder, afin de rendre notre action plus souple. Citons le navigateur (= lire les pages web), le gestionnaire de fichiers (= manier les fichiers à loisir), le programme de graphisme (= manipuler les images), la saisie d'écran (= copier un élément de l'écran), le scanner (= copier des pages éditées), l'éditeur (= créer les pages web), l'appareil photo numérique (= prendre les clichés). Nous renvoyons à la fiche correspondante 035 pour davantage de détails.

     L'internaute se trouve devant un choix assez cornélien : désire-t-il agir comme précédemment ou bien accepte-t-il l'aide d'un apport extérieur ? Oui, certains organismes connus sur le carreau numérique offrent leur collaboration technique comme Wordpress, Wix, Jimdo, SiteW, E-monsite, Joomla, Drupal, OpenClassrooms . Certes, vous êtes pris(e) par la main, mais l'organisme est le maître, que vous devez suivre pratiquement selon sa volonté.

     Autre choix fondamental : le titre de votre site, le nom d'usage que vous voulez lui donner. Il convient d'y réfléchir avec grand soin. En effet, ce nom vous suivra - ou plutôt suivra vos pages du site - tout au long de sa présence sur la toile mondiale. Par conséquent, sa désignation est à prendre avec sérieux. "Cibler avec justesse" est le mode d'ordre ici. Réfléchissez-y soigneusement !

    L'étape suivante sera de regarder le code, afin de tirer les conséquences ponctuellement, c'est à dire opérer au besoin un changement minime. Selon le type d'éditeur le langage varie légèrement.

Un exemple : placer votre souris, plus exactement le curseur vertical de votre souris à l'endroit qui vous plaît. Ensuite, cliquer en bas sur l'onglet Code source, vous apercevez à l'endroit choisi - le curseur clignote alors - sur la longueur de la ligne en fond de couleur, le code en question. Revenir sur l'onglet précédent, à savoir Page Web. Selon le logiciel, le mot diverge un peu mais le sens général comme suit sera conservé :

le codage	le codage avec le texte html	l'édition, la création en html	type d'éditeur
code	Fractionné	Création	Expression Web
HTML	Modifier & HTML	Édition	Namo Web Editor v6
code Source	Vue combinée	Page Web	Blue Griffon
<HTML> Source		Normal	Sea Monkey

Cliquer sur l'onglet Vue combinée vous dévoilera les deux facettes de la page : le code source et la page web, du moins la partie incriminée de la page. Vous découvrez vaiment l'importance de notre éditeur de pages web !

La dernière phase de notre activité se déroule à la fin, avant de voir le résultat sur internet. Comment envoyer nos travaux sur le Net ? Quelle est la formule idéale ? La façon de télécharger nos pages sur le site web... dans les nuages ?
Le programme exigé se dénomme le FTP, c'est charger de l'ordinateur vers le serveur de l'hébergeur via la platte-forme FTP, que l'on trouve dans les programmes File Zila  et Total Commander. Ce dernier est un vrai bijou qui sert à moult actions, dont le transfert des données vers le "cloud" (en français : le domaine virtuel des nuages ou "domaine nuagique"). On trouve bien d'autres applications pratiques dans ce gestionnaire de fichiers [consulter la fiche 026 sur cette question].

Rappelons pour mémoire : le téléversement  est l'action de transférer de votre ordinateur vers le cloud, le téléchargement   est le transfert du cloud vers votre ordinateur.

En conséquence, lancez vous dans l'aventure du web, n'hésitez plus à élaborer un site personnel de votre cru. Vous verrez, le premier pas est dur, mais l'habitude viendra vite... vous ne pourrez plus vous en passer !

N'hésitez pas à m'envoyer un courriel en cas de difficulté !  

Bonne continuation en notre compagnie !