|
034a. DE LA PROGRAMMATION... |
|
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 cinquantaine 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 agrémentent son
visionnement.
En conséquence, on doit agir grâce à un éditeur de pages
web 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
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 4 -- 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 décennies ; tentez votre chance sur la toile, 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 ou Open Office les logiciels libres (en 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 4 offrent cette manipulation si pratique. Ce dernier est un véritable éditeur html Web 4 gratuit mais complet... justement un peu trop à notre goût pour le modeste amateur lecteur de ces, 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 sur la toile mondiale, en un mot sur Internet ! 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
Free si connu qui permettait gratuitement dans le "cloud" bien sûr un tel placement sur 10 Go
; à présent, c'est en fait, seul l'abonné dispose de 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
sur le procédé.
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 clignotant 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 4 |
|
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 en même temps, 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, à savoir
téléverser vos données numériques vers votre site web ; grâce aux 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, voire un blog. 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 !
|
034a. DE LA PROGRAMMATION... |
|