Cours de création de site Web

Comme vous devez certainement le savoir maintenant, nous proposons l'Editeur Web Arobasenet, un logiciel de création de sites en ligne. Logiciel qui permet de créer un site Internet sans prendre de cours de création de site et sans écrire une seule ligne de code HTML.

Ce cours de création de site que nous proposons a pour objectif d'initier les utilisateurs de l'Editeur Web Arobasenet au langage HTML afin qu'ils se familiarisent un tant soit peu à ce langage de développement de site.

Par conséquent, ce cours de création de site Internet va donc consister à vous présenter et vous apprendre les bases du langage HTML.

Vous aurez donc compris, cette initiation au HTML s'adresse en priorité aux novices. Car, apprendre le HTML, c'est aussi s'autoriser à comprendre le code qu'on peut créer automatiquement avec un logiciel de création de site en WYSIWYG.

Une bonne organisation est nécessaire

Il est important, lors du développement de son site en HTML, d'être bien organisé dans la création de ses répertoires, dans le nommage de ses fichiers ainsi que dans la sauvegarde de ses pages web.

Toutes les différentes parties de ce cours d'initiation se présenteront sous forme de cours théorique, bien sûr, mais aussi d'exercices pratiques que vous devez réaliser, au fur et à mesure, à partir de votre ordinateur pour mieux comprendre.

Pour la partie pratique, nous vous recommandons d'utiliser le Notepad de Windows pour réaliser les pages HTML. D'avance, n'oubliez pas, à chaque étape de création de pages, d'ajouter l'extension .html ou .htm avant d'enregistrer votre fichier HTML.

Présentation d'une structure de projet Internet

L'organisation d'un projet de conception de site suppose la création de répertoires et de sous répertoires bien définis. Ainsi, sur votre disque dur, votre projet en développement pourrait avoir la structure suivante:

Répertoire principal sous C:\HTML

  Répertoire THEME-A
  Fichier test.html (dans le répertoire THEME-A)
    Répertoire IMAGES-A

  Répertoire THEME-B
    Répertoire IMAGES-B

  Répertoire THEME-C
    Répertoire IMAGES-C

Pour un projet cohérent, faîtes en sorte de créer un répertoire par thème et de créer, à l'intérieur de chaque répertoire, un sous-répertoire images. De cette façon, vous vous évitez toute confusion inutile qui risque de vous faire perdre du temps.

Exercice Pratique :

La partie pratique est supposée se faire à partir de Windows et du navigateur Internet Explorer.

Nous allons donc commencer par créer nos différents répertoires sur le disque dur. Vous faîtes un clic droit sur "Démarrer" puis un clic normal sur "Explorer". Dans la fenêtre qui s'ouvre, vous faîtes un clic droit sur la lettre C du disque dur. Et dans le menu déroulant qui s'affiche, vous choisissez "Nouveau", puis "Dossier". Vous nommez ce nouveau dossier "HTML".

Maintenant, vous faîtes un clic droit sur le dossier "HTML" nouvellement créé. Et dans le menu déroulant qui s'affiche, vous choisissez "Nouveau", puis "Dossier". Vous nommez ce nouveau dossier "theme-A".

Ensuite, vous faîtes un clic droit sur le dossier "theme-A" nouvellement créé. Et dans le menu déroulant qui s'affiche, vous choisissez "Nouveau", puis "Dossier". Vous nommez ce nouveau dossier "images-A". Vous recommencez l'opération pour tous les autres répertoires et sous-répertoires présentés dans la structure affichée plus haut.

Pour finir, vous ouvrez votre Bloc-Notes (cliquer sur Démarrer -> Programmes -> Accessoires -> Bloc-Notes). Vous créez un nouveau fichier que vous nommerez "test.html" (dans votre bloc-notes ouvert, cliquez sur Fichier -> Enregistrer Sous...).

Le cours d'initiation à la création de site web en langage HTML va pouvoir commencer avec les bases du HTML.


Suivez-nous sur :    Facebook    Twitter    Google Buzz    Tumblr    FriendFeed    Youtube

Cliquez sur le bouton FeedBurner ci-après pour vous abonner à notre flux RSS :  

Partagez cet article avec vos amis :

Partager |

Veuillez laisser un commentaire sur cet article dans l'espace prévu ci-dessous afin de partager votre point de vue.

Retrouvez d'autres articles sur Google, la création de site, l'optimisation, le référencement, le trafic web, les mots clés, le nom de domaine et l'hébergement web à partir de notre sélection de liens dans notre Plan de site.