Info Cours (X)HTML avec LigneWeb.net...
© LigneWeb ... Optimisé pour Safari, Chrome. ... © : alain jean deligne ... /info cours (X)HTML.
Un démarage tout en douceur :
... le langage ...
XHTML 1.0 ... est le ...
HTML 4.0 ... amélioré et précisé ...
... il reste dans son essentiel ...
le langage de référence ... pour le nouveau langage ...
HTML 5 ...
...
il faut donc le connaître pour avoir facilement accès à ce dernier, comme nous le verrons bientôt ....
... il implique aussi que la ou les feuilles de style soient à ...
l'extérieur du fichier HTML ...
L'autonomie basée sur la connaissance :
La dynamique d'un cours est de donner progressivement l'ensemble des éléments qui permettent de savoir comment est construit un site web. Le language utilisé (html, xhtml, css, js, php etc.) démonté élément par élément éclaircit le code, ce qui amène à la compréhension débouchant sur l'autonomie à la fin du processus.
L'apprentissage se fait par répétition et par réalisation.
Un questionnaire avec des bonnes réponses ne prouve pas la connaissance, ... parce que celle-ci nait de l'interaction coeur - esprit - liberté - créativité - individualité - humilité ... et réflexion.
En d'autres mots, c'est l'action qui compte ... et donc c'est existentiel.
Il n'y a pas de questionnaire ... puisque la réalisation sera remplie de questions, d'erreurs, et amènera nécessairement des réflexions et des solutions ...
... parce que la connaissance est également basée sur l'expérience.
L'apprentissage du point de rupture de l'équilibre ne peut se découvrir qu'en l'expérimentant : ... c'est en tombant que l'on apprend à marcher dans un premier temps, ... mais il faut très vite éviter d'arriver à ce point de rupture, ... d'où la difficulté pour certains apprentissages.
L'expérience de l'autre aussi, c'est-à-dire celle de l'ainé, ... sera importante ... Ce qui implique une écoute et un apprentissage pour les jeunes ou les novices, mais également un enseignement de la part des ainés.
... une multitude d'éléments différents interviennent dans cette réalité tellement diverses, voire improbables ... et c'est cela le vivant.
Un autre élément qui est essentiel et peu précisé, est le ... référentiel ... dans lequel le travail se réalise. Pour une page web, nous avons par exemple le DOCTYPE. nous pouvons aussi avoir le xml, le php, et ainsi de suite ... toute référence indispensable pour que le site soit présent ... c'est une cléf de la connaissance ...
Pour une autonomie :
Une lecture progressive est nécessaire, ... en suivant ce qui est écrit. Cela demande du temps, de la patience ... Le blé ne pousse pas en un jour.
Cela demande aussi une certaine attention de tous nos sens ...
... être humain ( du verbe être ).
... column ( colonnes ) : propriété de CSS 3.0 ...
... et cette connaissance progressive permet l'éclosion de l'autonomie ... et de notre individualité ...
... la connaissance exclus le … mensonge ...
... La première constatation que vous ferez en voyant ... le résultat d'un site créé par vous ... est qu'il ne correspond pas souvent à ce que l'on veut ...
... et c'est à ce moment là que l'on a besoin de comprendre les languages ...
... La première donnée à comprendre sont les deux abréviations que sont ......
...HTML .. (ou XHTML) ... et ... CSS 2.0 ... et cela est expliqué en début du cours que nous vous suggérons ...... dans cette page sur le ...
W3C ...... et son histoire ......
… pour commencer les cours, ...
en parrallèle avec notre propre cours ...vous pouvez aussi suivre les explications données par ... d'autres sites web …
... il y a une source d'information
dans la page liens ... avec des sites web intéressants ...
... Allez voir aussi le ...
"plan" ... du
site du Zéro, car il est complexe ... et vous verrez tout ce qu'il contient ...
... C'est une bonne manière de voir une construction d'un site et ses exigences ...
... en comparant cette page plan avec la page d'acceuil ...
... vous pouvez aussi aller voir le plan de notre site ... ( voir en bas de page ) ...
... Ce cours donne les bases que sont le ... HTML 4.0 , le XHTML 1.0 ... ainsi que le CSS 2.0 ...
... nous allons pouvoir le compléter par le ... HTML 5.0 ... et le... CSS 3.0 ...
... qui vont simplifier et dynamiser le Web avec JavaScript ...
... qui voient actuellement le jour grâce au W3C ... voir (
info ) ...
... Une autre source d'inspiration est ... le site ...
Conseils création ... mais qui lui est constuit en PHP ( dynamique et sur le serveur ) ... mais libre à vous ...et à nous aussi ......
Un site très important qui donne ...
une assistance ... pour la sécurité pour Windows.
... voir aussi l'information sur
gnt quand à la ...
sécurité ... d'Internet Explorer ...
... vous pouvez aller tout de suite à ... l'espace cours ...
... il est intéressant de le suivre dans l'ordre ...
Des astuces :
... Nous voyons en parallèle, des notions de compréhension valables pour tous sites ......
Une première remarque : ( quel est votre navigateur ? )
Les informations sur votre navigateur donné par un petit script permet, ... soit de vous informer sur celui-ci, ... soit d'avoir ce renseignement en vue d'adapter la page web au navigateur que vous possédez ... étant donné les différences existantes entre navigateurs et entre les anciens et les nouveaux ...
Mais ici, un seul naviguateur pose réellement problème, ...c'est Explorer 6, qui a ses propres codes, ...
Il ne respecte pas les recommandations du W3C ...... l'organisme qui contrôle l'évolution du Web, du HTML, du XHTML et des différents CSS ...
Il a ces propres balises, obligeant les webmaster à faire des pages spéciales pour lui, ...
... ou à ne travailler que pour lui ... délaissant les autres ...
... alors que tous les autres navigateurs s'entendent pour être transparents ...
et avec les derniers qui suivent les recommandations du W3C et qui assimilent le HTML 5 et et le CSS 3.0 déjà...
Il existe d'autres navigateurs gratuits ... pouvant fonctionner sous Windows, Linux, et Mac ... sans discrimination
comme Firefox ou Safari par exemple ... et le dernier né de Google, le bien nommé Chrome ...
Le choix, pour nous est vite fait ...
... voir l'excellent article d'information ...
sur Explorer 9 ... montrant les avancées de tous les navigateurs ...
... Coins arrondis, ... ombrages, ... colonnes : ... CSS 3.0 ...
... une demande de ...
Microsoft ... pour l'arrêt de ...
Explorer 6 ...
...
acceuillons le nouveau ...
Windows 7 ... qui semble plus intéressant pour les internautes ...
... voir aussi l'information sur
gnt quand à la
... sécurité ... d'Internet Explorer ...
... le nouvel
...Explorer 9... (en prévisualisation) semble intéressant
... voir l'article ... sur GNT …
…
mais … après utilisation …
Explorer 9 est décevant …
Une deuxième remarque : ( réactualiser votre site )
Il faut régulièrement ...actualiser... votre page d'acceuil du site que vous allez voir car votre ordinateur enregistre... dans le cache ...beaucoup d'éléments pour accélérer la mise en place de la page...
... il y a bien une technique par balise meta, ... mais peu utilisée ...
...Un site peu changé régulièrement ses pages, et vous ne le verriez pas sauf si c'est la première fois ...
----------------
... actualiser un site consiste à vider le cache du naviguateur pour ce site que vous avez déjà consulté ...
... ce qui vous permet de le voir tel qu'il est devenu ......
Une troisième remarque : ( les trois petits points dans le texte )
Vous remarquez tous qu'il y a des petits points dans le texte ...
... En français, cela n'existe pas ... alors ?! ...
... C'est pour une question d'ergonomie de lecture, ... ou pour être plus clair, ...
... pour une facilité de lecture ... car il est plus difficile de lire sur l'écran ...
... que sur une feuille de papier ... nous le remarquons tous ...
----------------
... et surtout quand le texte défile à une certaine vitesse ...
----------------
... Est-ce un bon choix ? ... Nous pouvons en parler ...
Un site avec un Sommaire des références en html : ...
Manuel PHP ... avec self html ...
... la filière de cours html et css pourrait aussi s'ouvrir à ... d'autres cours tels que des cours de logique, de math, et autres ... car installé dans un espace indépendant de ce site ...