Comment créer son site Web facilement ?

Résumé du document

Une page HTML est un simple document texte (avec l'extension HTM ou HTML), dans lequel sont placées différentes balises de mise en forme (gras, italique, etc).

Le langage HTML étant un langage interprété, un utilitaire va « traduire » ces balises (dans ce cas il s'agit du navigateur) afin de rendre la page compréhensible

Extraits

[...] Exercice : Créer une image cliquable en combinant les balises et Note : Si vous souhaitez enlever la bordure autour de l'image précisez a la balise le paramètre border="0". Si des éditeurs WYSIWYG ( What You See Is What You Get), permettent de réaliser des pages web de façon transparente, sans manipuler le code source, il faut garder à l'esprit que sans une bonne connaissance du langage HTML, il vous sera par la suite impossible de maîtriser des langages tels que le PHP ou l'ASP. De nombreux éditeurs (dreamweaver, frontpage, etc ) proposent une fonction pour éditer le code source, ne vous en privez pas ! [...]

[...] Exemple : Créer ou télécharger une image au format jpg et (re)nommez-la en image.jpg Comme pour les liens, le chemin peut être relatif ou absolu par conséquent vous pouvez fort bien intégrer dans votre page des images qui ne sont pas hébergés sur votre machine (attention tout de même aux copyrights Afficher sur sa page le logo du moteur de recherche google.fr Si de nombreux formats d'images existent, il est fortement recommandé de n'utiliser dans ses pages que les formats JPG, GIF et PNG, les autres formats n'étant pas compressés ou n'étant pas reconnus par certains navigateurs Format JPG : Les images sont très compressés et se chargent donc plus rapidement au détriment d'une perte de qualité de l'image d'origine. Format PNG : A utiliser pour afficher des images sans perte de qualité (éléments d'interface d'un site web par exemple), ce format gère aussi la transparence. [...]

[...] Les chemins relatifs permettent de lier les pages qui se trouvent sur une même machine. Exemples : - Si la page est dans le même dossier : Page 2 - Si la page est dans un sous-dossier : Page 2 - Si la page est dans un dossier parent : Page 2 Ainsi si l'on actualise notre page le texte Page 2 prend la forme d'un lien (bleu souligné) et devient cliquable, et un clic affichera la page ex2.html dans la fenêtre courante. [...]

[...] Dans notre exemple nous avons employé plusieurs balises : o (Bold) Permet de mettre une zone de texte en gras. o Permet de mettre une zone de texte en italique. o (Underline) Permet de souligner une zone de texte. La quasi-totalité des fonctions html sont constituées d'une balise ouvrante et d'une balise fermante, dans le cas de balises de mises en formes la balise fermante marque la fin de l'effet désiré (gras, italique, etc . Il est possible d'imbriquer des balises (comme le montre notre exemple avec l'italique et le souligné) pour cumuler les effets. [...]

[...] Créer un nouveau document texte et l'ouvrir avec le bloc-note de windows. Copier-Coller (ou taper Titre de ma premiere page html Ceci est ma première page web réalisée avec le bloc note Enregistrer et renommer le fichier en exemple.html L'ouvrir avec le navigateur (si l'étape précédente a été réalisée correctement un double-clic sur le fichier suffit) pour obtenir : Comprendre le code saisi Une page HTML se divise toujours en deux parties : l'entête et le corps. L'entête est compris entre les balises , dans notre exemple il ne contient que le titre de la page placé entre les balises , mais il peut contenir aussi des scripts (javascript, vbscript, etc ou le chemin d'un fichier de mise en forme CSS (Cascading Style Sheet). [...]