Remerciez-le!

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

T utoriel 767 com m entaires Historique Appréciation des lecteurs : 29 19 83 16

T utoriel 767 com m entaires Historique Appréciation des lecteurs : 29 19 83 1652 Informations sur le tutoriel Auteur : M@teo21 Difficulté : T emps d'étude estimé : 20 jours Licence : Plus d'informations Popularité Visualisations : 2 129 196 414 3923 personnes souhaitent voir ce tutoriel publié en livre ! V ous aussi ? Publicité Historique des mises à jour Le 22/02/2011 à 07:52:54 Correction orthographique suite au report #3953 Le 21/02/2011 à 08:06:05 Mise à jour des liens des hébergeurs Le 17/02/2011 à 06:00:28 Correction orthographique #3910 T ous 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 LaT eX Word T utoriel du jour Les Aliases Rédigez un cours Informatique Bientôt... 2 516 Zéros connectés - 230 154 Membres inscrits > Le Site du Zéro > Cours > T utoriels > Site W eb > XH TML / CSS > Apprenez à créer votre site w eb ! > 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 P a r t i e 1 : L e s b a s e s d u X H T M L 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 2) V otre 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 Inscription Inscription rapide en 2 m inutes Connexion U tilisez votre com pte Cours Forum s Participez Études Em ploi Boutique Rechercher Cours Go + converted by Web2PDFConvert.com 5) Les images Différents formats d'images Insérer une image P a r t i e 2 : C ' e s t p l u s j o l i a v e c 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) T aille 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 P a r t i e 3 : X H T M L & C S S , t o u j o u r 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) Block et Inline c'est pas pareil ! La taille Les bordures Les marges 3) Mise en boîte (partie 2/2) T ransformer 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... converted by Web2PDFConvert.com 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à ? P a r t i e 4 : A n n e x e s 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. V ous 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 V os questions courantes 3) Le W3C et les standards du web L'histoire du web Du HTML au XHTML V otre 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 Balises de formulaire Balises génériques P a r t i e 1 : L e s b a s e s d u X H T M 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 ! V oici 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 converted by Web2PDFConvert.com 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. V ous 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 X H T M L ? C S S ? C ' e s t q u o i ç 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 HyperT ext 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. uploads/s3/ tuo-html-css-site-du-zero.pdf