Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Apprenez à créer votre site web ! http://www.siteduzero.com/tutoriel-3-13666-ap

Apprenez à créer votre site web ! http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html?all=1[21/12/2010 04:37:56] Appréciation des lecteurs : 20 19 72 1349 Informations sur le tutoriel Auteur : M@teo21 Difficulté : Temps d'étude estimé : 20 jours Licence : Plus d'informations Créé : Le 20/07/2005 à 23:22:56 Modifié : Le 21/07/2009 à 15:05:35 Avancement : 100% 714 commentaires Revenir au sommaire du tutoriel Popularité Visualisations : 2 128 122 894 2465 personnes souhaitent voir ce tutoriel publié en livre ! Vous aussi ? Publicité Historique des mises à jour Tous les cours Cours Nouveau ? Suivez le guide ! Site Web XHTML / CSS Javascript PHP / MySQL Java EE (J2EE) Programmation Langage C Langage C++ Java Java (API) Python VB .NET Systèmes d'exploitation Linux FreeBSD Graphisme Photoshop Infographie 3D Blender Maya Bureautique LaTeX Tutoriel du jour Enregistrer vos options avec QSettings Rédigez un cours Informatique Bientôt... 408 Zéros connectés - 216 717 Membres inscrits > Le Site du Zéro > Cours > Tutoriels > Site Web > XHTML / CSS > Apprenez à créer votre site web ! > Lecture du tutoriel Apprenez à créer votre site web ! Comment on fait un site web ? C'est compliqué ? C'est long ? C'est pour les pros ? Que nenni ! Faire un site web aujourd'hui, c'est facile et passionnant. Pas besoin d'être un expert pour en faire un, il suffit juste d'avoir un tutoriel qui vous explique depuis le début comment ça fonctionne, à votre rythme. Ça tombe bien, car j'ai créé ce tutoriel spécialement pour vous qui n'y connaissez rien. Ici, pas de connaissances requises. On part de Zér0, depuis le début, et on apprend au fur et à mesure comment ça fonctionne. Faites chauffer vos claviers, vous allez bientôt impressionner vos proches ! Ce cours est composé des parties suivantes : Les bases du XHTML C'est plus joli avec du CSS ! XHTML & CSS, toujours plus forts ! Annexes Partie 1 : Les bases du XHTML Découvrez ce qu'est le XHTML... Et apprenez à vous en servir pour faire votre site web ! 1) Avant de commencer... XHTML ? CSS ? C'est quoi ça ? L'éditeur Les navigateurs Tutoriel 714 commentaires Historique Inscription Inscription rapide en 2 minutes Connexion Utilisez votre compte Cours Forums Participez Études Boutique Cours Rechercher Cours Apprenez à créer votre site web ! http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html?all=1[21/12/2010 04:37:56] Le 09/12/2010 à 13:50:11 Corrections de liens morts et de typo Le 23/11/2010 à 18:59:51 Mise en minicode d'une balise, ticket #3289 Le 09/11/2010 à 17:29:56 Typo 2) Votre première page XHTML Les balises et attributs Une page XHTML Les commentaires 3) Organiser son texte Les paragraphes Les titres Mettre en valeur le texte Quelques balises plus rares (mais utiles !) 4) Créer des liens Relatif ou absolu ? Un lien vers une autre page Un lien vers une ancre 5) Les images Différents formats d'images Insérer une image Partie 2 : C'est plus joli avec du CSS ! Maintenant que vous connaissez les bases du XHTML Donnez du "style" à votre page ! 1) Mettre en place le CSS Où mettre du CSS ? Appliquer un style à des balises Utiliser les class et id 2) Formatage du texte en CSS (partie 1/2) Taille du texte Polices Alignement 3) Formatage du texte en CSS (partie 2/2) Effets de style Les couleurs Le fond 4) Les pseudo-formats Des liens sympas Première lettre et première ligne Avant / Après Partie 3 : XHTML & CSS, toujours plus forts ! Non, vous n'avez pas encore tout vu, Combinez XHTML et CSS, c'est magique ! 1) Les listes à puces Différents types de listes (XHTML) Décorez vos listes (CSS) 2) Mise en boîte (partie 1/2) Apprenez à créer votre site web ! http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html?all=1[21/12/2010 04:37:56] Block et Inline c'est pas pareil ! La taille Les bordures Les marges 3) Mise en boîte (partie 2/2) Transformer un inline en block (et vice-versa) Les flottants Positionnement absolu, fixe et relatif 4) Créons le design de votre site web ! Bon, par quoi on commence ? Primo, le XHTML Secundo, le CSS Attendez, c'est pas fini ! 5) Les tableaux Un tableau simple Des tableaux plus élaborés Et avec un peu de CSS... 6) Les formulaires Créer un formulaire Les zones de saisie Eléments d'options Un formulaire accessible et design ? Y'a plus qu'à appuyer sur le bouton ! 7) Et maintenant, on fait quoi ? (Conclusion) L'heure du bilan a sonné On va quand même pas s'arrêter là ? Partie 4 : Annexes Les annexes contiennent d'autres informations qui vous seront utiles lors de la création de votre site web, comme des Mémos (résumé), ou encore des explications sur la façon dont on envoie un site sur le web. Vous n'êtes pas obligés de lire ces informations à la fin, vous pouvez vous en servir n'importe quand lors de votre lecture du cours. 1) Envoyez votre site sur le web Le nom de domaine L'hébergeur Utiliser un client FTP 2) Gagner de l'argent grâce à la publicité Qu'est-ce qu'une bonne publicité ? Installation d'une bannière publicitaire Le vocabulaire de la pub Vos questions courantes 3) Le W3C et les standards du web L'histoire du web Du HTML au XHTML Votre site est-il valide ? 4) Liste des propriétés CSS Propriétés de formatage de texte Propriétés de couleur et de fond Propriétés des boîtes Propriétés de positionnement et d'affichage Propriétés des listes Propriétés des tableaux Autres propriétés 5) Liste des balises XHTML Balises de premier niveau Balises d'en-tête Balises de structuration du texte Balises de liste Balises de tableau Apprenez à créer votre site web ! http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html?all=1[21/12/2010 04:37:56] Balises de formulaire Balises génériques Partie 1 : Les bases du XHTML Découvrez ce qu'est le XHTML... Et apprenez à vous en servir pour faire votre site web ! Avant de commencer... Bonjour et bienvenue à toutes et à tous ! Voici donc le premier chapitre de ce cours pour débutants, qui va vous apprendre à créer votre site web ! Nous allons passer quelque temps ensemble, tout dépendra de la vitesse à laquelle vous apprendrez. Si vous lisez ce cours régulièrement et à une bonne vitesse, vous l'aurez terminé en une semaine. Mais si vous avez besoin d'un peu plus de temps, ne vous inquiétez pas : le principal est que vous y alliez à votre rythme, en prenant du bon temps. Ah, mais je parle, je parle, et je ne me suis pas encore présenté Donc moi, c'est M@teo21 (du moins c'est mon pseudo, vous vous doutez bien que ce n'est pas mon vrai nom ) Je serai votre guide tout au long de ce cours... Je vais essayer de faire en sorte que l'apprentissage soit pour vous un vrai plaisir Ce tutoriel va donc vous apprendre à créer un site web de A à Z. Vous allez y découvrir 2 langages informatiques, appelés XHTML & CSS. Ce sont eux qui vous permettront de créer votre site web. Commençons tout de suite par voir ce que sont ces langages au nom... plutôt imprononçable XHTML ? CSS ? C'est quoi ça ? Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de simplement taper le texte qu'il y aura dans son site, il faut aussi savoir placer ce texte, insérer des images, faire des liens etc... Pour expliquer à l'ordinateur ce que vous voulez, il va falloir utiliser un langage qu'il comprend. Il existe des langages qui servent à créer des programmes, comme le C++ ou encore le Java. Ces langages sont néanmoins complexes et destinés à des personnes qui ont déjà quelques connaissances en informatique. Les langages XHTML et CSS, eux, servent précisément à créer des sites web, et ils ont été créés de manière à être simples à utiliser. Mon rôle sera de vous apprendre à vous en servir. Bon, mais pourquoi apprendre 2 langages pour créer un site web ? Un seul n'aurait pas suffi ? C'est vrai que, quand je vous dis que vous allez apprendre 2 langages à la fois, vous vous demandez si ce n'est pas déjà trop pour vous. Pas d'inquiétude, vous allez vous rendre compte au fur et à mesure que tout a été très bien pensé. Chacun de ces 2 langages sert à faire quelque chose de précis, et les deux se complètent naturellement pour au final donner un site web : XHTML : c'est l'abréviation de eXtensible HyperText Markup Language. Entre nous, si vous ne retenez pas ce que ça veut dire, ça ne vous empêchera pas de dormir Ce langage XHTML, c'est celui avec lequel vous taperez le contenu de votre site web. Il contient des informations logiques : vous direz par exemple "Ceci est mon titre, ceci est mon menu, là c'est le texte principal de la page, là il y a une image etc etc...". Vous avez peut-être entendu parler aussi du HTML. En fait, le XHTML et le HTML se ressemblent beaucoup et peuvent tous les deux être utilisés pour créer des pages web. Ils sont quasiment identiques. Le uploads/s3/ apprenez-crer-votre-site-web-2.pdf