Cours HTML

1. Penser son projet

Tout d'abord, lorsque vous débutez votre projet,vous notez toutes les idées qui vous viennent à l'esprit. Ensuite, vous devez classer vos idées, comme dans une dissertation et faire un plan. Vous devez répartir ces différentes idées dans différentes parties, trois ou quatre parties. Ces parties correspondent à vos rubriques. Vos idées doivent s'organiser et s'articuler de manière logique pour votre visiteur.

a. architecture du site

Vous définissez vos rubriques, vos sous rubriques, voire vos sous-sous rubriques. Pensez à placer les informations importantes en première page. Vous décidez du contenu de chaque page. Ce travail est à réaliser sur papier, en brouillon, en document Word si vous devez le présenter à une personne ou en présentation Powerpoint si vous le montrez devant un groupe.

b. charte visuelle et graphique

Il faut ensuite penser à la création de l'identité visuelle : le choix d'un logo, d'une marque, des couleurs, des images, de l'unité entre les différentes pages.
Selon le thème ou le sujet que vous avez retenu, vous aurez à choisir tout d'abord comment le présenter.

La présentation ce n'est pas seulement le choix des images, c'est surtout le choix de la mise en page : comment vous souhaitez naviguer dans votre site avec bien sûr la notion de ce que vous pouvez ou savez faire ou pas.

vous devez choisir la façon de naviguer d'une page à l'autre, comment se présenter la page d'accueil par rapport aux autre pages? Présentez vous un article principal avec des articles de rappel sur le côté ou un seul article? Un menu de navigation ou un menu secondaire?

2. Réalisation de la maquette

Une fois que vous vous êtes décidé, c'est le moment de réaliser la maquette des pages. Soit vous choisissez un modèle pour vos pages, soit vous choisissez plusieurs modèles, vous êtes libres. Vous réalisez votre page modèle, avec les différents éléments nécessaires (bloc de texte, menu en entier, paragraphes longs et courts, images et ou vidéos).Vous mettez en place les règles de rédaction : quel titre, à quel moment? Quand est ce que je mets en gras, quand est ce que j'encadre? Quelle police de caractère j'utilise? À quel moment?

Vous commencez par écrire le HTML, afin qu'il soit correctement structuré, puis vous vous aidez des css pour réaliser votre mise en page.

a. Intégration des pages HTML

Vous avez votre (vos) modèle(s), maintenant vous remplissez vos pages avec le contenu préalablement préparé. Vous créez les images nécessaires au fur et à mesure de vos besoins.

3. tester

Les pages terminées, n'oubliez pas de tester vos pages dans différents navigateurs : Firefox, Safari, Internet Explorer, Chrome, Opera. Pensez que votre visiteur n'a pas toujours le dernier navigateur et pas forcément le même que vous.

La dernière étape consiste bien sûr à placer son site sur le WEB, avec le protocope FTP.