Comment faire pour créer un site web? (mon site, pas à pas)

Transcription

1 Comment faire pour créer un site web? (mon site, pas à pas) Author : soufiane Bonjour, Bienvenue dans cette nouvelle série de tutoriels destinée aux débutants cherchant comment créer un site web de A à Z! Dans cette série, vous allez pouvoir créer votre propre site web en suivant tous les chapitres de cette série nommée "mon site, pas à pas". D'ailleurs, vous n'allez pas seulement apprendre comment créer une site web, vous allez découvrir les langages que vous pouvez utiliser pour créer des pages web sans logiciels, uniquement en utilisant le fameux Notepad (Bloc Note)! Si vous ne savez rien de l'xhtml, ce que signifie l'http, comment publier votre site ou comment mettre des images dedans, vous êtes dans la bonne place! Commençons notre série de tutoriels, par les bases du web :) Allons-y! L'XHTML, l'html, le CSS... mais c'est quoi tout ça? Comme l'être humain, l'ordinateur a ses propres langages de communication, que ce soit dans le domaine de programmation ou dans le web. L'HTML et le CSS sont les langages de base, que nous devons les utiliser pour créer des pages web qui marchent, avec des couleurs, des images et même des menus et des boutons. En faite, ce sont les langages les plus faciles à apprendre, et vous allez voir :woot: Nous allons couvrir presque tous les codes nécessaire pour apprendre l'xhtml entièrement et pourquoi pas le CSS aussi! L'HTML est un langage de balisage comme l'xhtml, permettant d'organiser le contenu de vos 1 / 7

2 pages web et c'est c'est là ou vous allez placer votre texte, vos titres et vos liens. L'XHTML est une version plus récente que l'html. Bref, ce texte que vous lisez maintenant, ce n'est qu'un texte gravé dans un code HTML. Nous allons parler de ça dans l'article qui suit, dans cette série :) Le CSS (ou Cascading Style Sheet) est le langage qui va définir le thème de vos pages et parfois de votre site web. Aujourd'hui, on utilise souvent des fichiers externes (.css) permettant la modification totale du thème, et sans toucher à toutes les pages HTML. En effet, l'html et le CSS ne sont plus des langages de programmation, car ces derniers n'utilisent plus des variables et ne traite que des codes prêts à être visualisés par le navigateur Internet. Contrairement au PHP, qui est un langage de programmation, je vais parler de ce fameux PHP dans la série. Serveur web, http, INTERNET... pouvez-vous m expliquer ce que tout cela veut dire? Je vais vous expliquer comment tout cela marche, brièvement, et sans se casser la tête :) L'Internet, ce n'est qu'un réseau de fils de cuivre qui lie des milliers d'ordinateurs à travers le Monde 8) Votre ordinateur, possède d'une adresse IP (comme le matricule d'une voiture) qui lui permet de s'identifier et connaitre son emplacement parmi les autres machines connectés. Un serveur n'est qu'un ordinateur, et pas autre chose. Pour bien comprendre, prenons l'exemple d'un café, le serveur est celui qui serve le café aux clients, les clients sont les ordinateurs qui accèdent aux sites web hébergés dans les serveurs web, et finalement, le protocole HTTP est celui qui vous serve le café! Nous sommes ici pour vous aider à créer un site web, donc pas la peine de détailler les choses :) Il me reste une chose! En faite, il existe deux types de sites web, des sites statiques (dont je vais vous parler dans le prochain article) utilisant uniquement des langages statiques comme l'xhtml et CSS, et il existe des sites dynamiques utilisant des bases de données et une langage qu'on appelle le 2 / 7

3 PHP. On va parler de tout cela dans cette série :) Bref, l'xhtml et CSS sont des langages pour organiser et qui ont relation uniquement au contenu et style des pages web, l'http, FTP ou HTTPS ce sont des protocoles qui permettent le transfert des données entre le serveur et l'utilisateur (ou navigateur), et tout cela se passe sur Internet! Bien! Maintenant, je vais vous parler un peu sur les navigateurs, et la différence entre eux! Les navigateurs Internet Le problème qui affronte souvent les créateurs des sites web, c'est la diversité des navigateurs web! Chacun de ces navigateurs web utilise son algorithme propre à lui. Et spécialement dans le côté apprence (CSS) que nous allons traiter dans cette série 8) En faite, le meilleur et le navigateur le plus jeune c'est Google Chrome. Mais attention! Vous devez installer au moins ces 5 navigateurs dans votre ordinateur, pour afficher clairement votre site web dans tous les navigateurs. 1. Google Chrome Google Chrome, créé après Internet Explorer et Firefox, par Google. Il est rapide, flexible et facile à utiliser! D'ailleurs, si vous l'utilisez, c'est que vous avez déjà la dernière version installé dans votre ordinateur. Il se met automatiquement à se mettre-à-jour, sans l intervention de l'utilisateur. Je vous conseille vivement de l'utiliser, rapide, sécurisé et plus pratique! Voici le lien de téléchargement. Voici à quoi ressemble le Google Chrome : 3 / 7

4 2. Mozilla FireFox C'est un navigateur très connu, utilisé par plusieurs utilisateurs, je l'utilise comme un plan B si je ne trouve pas le Google Chrome. Créé par la fondation Mozilla. Vous pouvez le télécharger en utilisant ce lien. Voici à quoi ressemble le Mozilla FireFox : 3. Internet Explorer C'est le navigateur de Microsoft, autrement dit, vous allez trouver ce navigateur dans tout ordinateur utilisant Windows comme système d exploitation. 4 / 7

5 La version la plus dangereuse est celle qui porte le numéro 6. C'est une version qui n'admet ni CSS3 ni XHTML, c'est une version qui ne fait même pas de mise-à-jour automatique :( La dernière version d'internet Explorer c'est la version 9. Voici à quoi ressemble l'internet Explorer 8 (Windows 7) : Il existe d'autres navigateurs comme Safari, Opera... Mais bon :) Les éditeurs... En faite, pour créer un site web qui marche, vous devez télécharger un logiciel très rare :p Je rigole :D Pour créer un site web, il suffit d'avoir le fameux logiciel installé dans tous les ordinateurs utilisant Windows, c'est le Bloc note! Et voici son impression d'écran : 5 / 7

6 Vous allez me dire : "Est-ce vraiment le programme utilisé par les autres créateurs des sites?" Et bein oui! Mais ils utilisent une version plus sophistiquée, nommée Notepad++, c'est celui là que nous allons utiliser durant notre série. Bref, tout éditeur permettant d'écrire le mot "Easytutoriel" peut créer des pages web attractifs qui marchent! Vous pouvez télécharger le programme Notepad++ en utilisant ce lien magique :ninja: Et quoi encore? Nous allons nous concentrer dans le début de cette formation sur la bases du web, nous allons découvrir ensemble l'xhtml et les balises que nous allons utiliser pour créer une page web, le CSS pour faire du Style à notre page et la rendre plus attractive. 6 / 7

7 Powered by TCPDF ( Easytutoriel.com Et puis par la suite, nous allons partir plus loin avec le CSS et l'xhtml en ajoutant et en vous offrant des codes prêts à utiliser avec des astuces et tutoriels très faciles à comprendre :) Tout cela dans la série "Créons un site Pas à pas". PS: Les articles de cette série vont débuter par "Créons un site pas à pas : " avec le logo de la série dans l'image de chaque article.. Et voilà! J'attend vos suggestions sur le programme de la série destinée aux débutants, n'hésitez pas à mettre des commentaires pour m'encourager ^_^ Soufiane - Easytutoriel.com 7 / 7