Comment faire un site Web - Introduction à la construction et les pages web d'édition
Les bases de la fabrication d'une page Web
- Comment créer des pages HTML en utilisant un éditeur de texte
- Les os nus de la structure de la page HTML
- Comment sauvegarder des pages
- Comment lier les pages ensemble
- Comment télécharger vos pages sur un serveur Web en direct
Les pages sont faites de HTML
Quel logiciel avez-vous besoin pour faire des pages HTML?
Pour avoir un contrôle total sur vos pages web (et pour être en mesure de créer de l'interactivité en utilisant les langages de script), il est préférable de code à la main.
Vous pouvez le faire avec un éditeur de texte (comme le Bloc-notes), mais il y a certains éditeurs de texte beaucoup mieux libres (comme TextPad).
Vous ne devez même pas connaître le langage HTML pour faire une page web. Il y a beaucoup d'éditeurs visuels (parfois appelés éditeurs WYSIWYG). NVu est un éditeur WYSIWYG gratuit qui est très bien pour les débutants.
Votre première page web
index.html v1
Votre contenu visible ici ...
Remarquez comment tout est compris entre et Mots clés.
Ceci est un exemple d'une étiquette paire, qui ont besoin d'une étiquette de départ et une balise de fermeture correspondant (indiqué par la barre oblique). balises appairés décrivent le contenu entre eux. Dans le cas du tag, il est dit un navigateur web que tout entre les 2 balises HTML est.
La section de tête
La section de la tête d'une page HTML contient des informations sur la page, comme ce que son titre est, si elle doit utiliser les feuilles de style, etc. Son contenu ne sont pas vu dans la fenêtre du navigateur (bien, le titre apparaît dans la barre de titre ..).
La section du corps
Le corps est où le contenu vislble va. Tout ce que vous mettez dans le corps de votre code HTML sera affiché dans le navigateur (à moins qu'il est caché).
Enregistrement de vos pages HTML
Pour faire une page HTML, enregistrez votre fichier texte avec l'extension .html. Ensuite, un navigateur web saura exactement quoi faire avec elle.
Nommer vos fichiers HTML
Je vous recommandons d'enregistrer tous vos fichiers avec des noms en minuscules.
Si vous développez sur une machine Windows, il ne sera pas stricte sur les noms de fichiers étant dans le cas correct (AboutUs.html est traité comme aboutus.html).
Je recommande également contre avoir des espaces vides dans les noms de fichiers. J'utilise généralement traits d'union (-) au lieu des espaces.
Les pages d'index
Regarde votre page
Tout ce que vous devez faire est de taper dans ce champ d'adresse du navigateur Web ou utilisez Fichier> Ouvrir et recherchez le fichier.
Vous devriez voir quelque chose comme ça ...
Notez comment la barre de titre du navigateur lit comme suit: « Titre de la page » - les mots que nous mettons dans la
Et les mots que nous mettons à l'intérieur du
Les tags sont visibles sur la page.Lier pages ensemble
Voici le HTML simple ...