Cette publication ne fait pas partie de la bibliothèque YouScribe
Elle est disponible uniquement à l'achat (la librairie de YouScribe)
Achetez pour : 12,99 € Lire un extrait

Téléchargement

Format(s) : EPUB

sans DRM

Créer un site Web avec HTML, XHTML et CSS Mégapoche Pour les Nuls

De
393 pages

Un livre indispensable à tous les concepteurs ou développeurs de sites Web !





Ce livre est destiné aux développeurs débutants qui veulent créer un site Internet en adoptant les standard du Web que sont HTML, XHTML, les CSS et JavaScript.






Au programme :






HTML, les bases du développement
Le tout nouveau HTML 5
Construction des blocs
De HTML à XHTML
Intégration de JavaScript
Principes de base des CSS
Comment gagner du temps avec les CSS
CSS pour le texte
CSS pour les polices de caractère
CSS pour les tableaux
CSS pour les listes, etc.





Voir plus Voir moins
cover.jpg
i0001.jpg

Créer un site Web avec HTML, XHTML & CSS pour les Nuls

 

Cet ouvrage comporte des extraits de : Concevoir et créer un site web pour les Nuls (4e édition) et HTML, XHTML & CSS pour les Nuls (3e édition).

 

Copyright © 2010 et 2011 Wiley Publishing, Inc.

 

Pour les Nuls est une marque déposée de Wiley Publishing, Inc.
For Dummies est une marque déposée de Wiley Publishing, Inc.

 

Collection dirigée par Jean-Pierre Cano
Traduction : Philip Escartin, Patricia Moritz et Jean-Louis Gréco
Mise en page : maged

 

Edition française publiée en accord avec Wiley Publishing, Inc.
© Éditions First, un département d’Édi8, 2014
Éditions First, un département d’Édi8
12 avenue d’Italie
75013 Paris
Tél. : 01 44 16 09 00
Fax : 01 44 16 09 01
E-mail : firstinfo@efirst.com
Web : www.editionsfirst.fr

 

ISBN : 978-2-7540-6681-5

ISBN numérique : 9782754069403

Dépôt légal : 3e trimestre 2014

 

Cette œuvre est protégée par le droit d’auteur et strictement réservée à l’usage privé du client. Toute reproduction ou diffusion au profit de tiers, à titre gratuit ou onéreux, de tout ou partie de cette œuvre est strictement interdite et constitue une contrefaçon prévue par les articles L 335-2 et suivants du Code de la propriété intellectuelle. L’éditeur se réserve le droit de poursuivre toute atteinte à ses droits de propriété intellectuelle devant les juridictions civiles ou pénales.

Chapitre 3 - Construire son site en fonction de sa cible
Déterminer le public
Création d’un plan de site
Coucher les idées sur le papier : la carte du site
Création d’une carte pour remodelage de site
Développer un plan marketing
Chapitre 4 - Organisation du contenu et des éléments de navigation
Présentation du contenu des pages
Avoir du style dans la navigation
Chapitre 5 - Conception de l’interface utilisateur
Conception de la navigation
Aspect des éléments visuels (boutons)
Restez homogène
Optimisation de l’espace
Chapitre 6 - Tests utilisateurs
Développement d’une grille de test
Préparer le test utilisateur
Préparation finale
Houston, nous avons un problème...
Deuxième partie - Des images pour le Web
Chapitre 7 - Créer des images pour le Web
Élaboration de l’interface visuelle
Établir les priorités visuelles
Ajout d’espace pour aérer la page
Restez homogène
Établir la charte graphique
Chapitre 8 - Travailler sur le texte
Ce texte que vous pouvez lire
Contrôler l’affichage du texte
Gestion de polices CSS
Chapitre 9 - La couleur affichée sur le Web
Les secrets du monde RVB
La palette de couleurs sécurisées Web
Pour un usage rationnel de la couleur
Chapitre 10 - Création d’images Web à partir de zéro
Images bitmap et images vectorielles
Logiciels de travail sur l’image
Conception d’une bannière de page Web
Manipulation d’image
Chapitre 11 - Présentation de votre travail
Développement des propositions de conception
Assemblage d’une présentation
Création de belles présentations imprimées
Présentation au client
Chapitre 12 - Production graphique
Production graphique
Formats de fichier
Objectif minceur
Travail sur l’arrière-plan des images
Troisième partie - Production finale
Chapitre 13 - Le Koh Lanta HTML
HTML, ça sert à quoi ?
Poser ses balises
Définir la structure des pages Web
Laisser HTML faire le travail de conception
Introduire de l’interactivité dans vos pages
Fier de votre code !
Chapitre 14 - Contrôler la mise en page
Tableaux de taille absolue ou relative
Positionnement précis avec les calques CSS
Contrôler les éléments graphiques avec des CSS
Ajouter un espace supplémentaire autour des éléments
Créer des modèles HTML
Chapitre 15 - Intégration de technologies avancées
Avez-vous accès aux scripts CGI ?
Ajouter des scripts CGI
Utiliser du JavaScript
Les applets Java
Améliorer la navigabilité
Intégrer des éléments multimédias
Chapitre 16 - Pour un site qui en jette... gratuitement
Trouver des images gratuites
Créer un logo avecCoolText.com
Quelques applets toutes simples
Les bonnes adresses du Net
Quatrième partie - L’art de recevoir ses visiteurs
Chapitre 17 - Ecouter ses visiteurs
Organiser un sondage
Tester les concepteurs de formulaires
Confidentialité et sécurité
Les bonnes adresses du Net
Chapitre 18 - Vos visiteurs ont leur mot à dire
Le livre d’or
Créer des forums
Les bonnes adresses du Net
Livre 2 - Intégrer HTML, XHTML & CSS
Première partie - Découvrir (X)HTML et CSS
Chapitre 1 - Ce qu’il faut savoir sur HTML, CSS et le Web
Les pages Web dans leur habitat naturel
Anatomie d’une URL
Les parties du composant (X)HTML
Les parties de la partie I : ce dont les pages Web sont faites
Listing 1.1 : rencontre avec l’auteur
Chapitre 2 - Créer et visualiser une page Web
Avant de commencer
Créer une page à partir de rien
Modifier une page Web existante
Mettre une page en ligne
Chapitre 3 - Planifier correctement pour créer des pages performantes
Planifier le site
Héberger le site Web
Deuxième partie - Mettre en forme des pages Web avec (X)HTML
Chapitre 4 - Créer la structure d’un document (X)HTML
Etablir la structure du document
Déclarer le document (X)HTML
Ajouter un en-tête de document
Créer le corps du document (X)HTML
Chapitre 5 - Le texte et les listes
Mettre en forme le texte
Contrôler les blocs de texte
Organiser l’information
Chapitre 6 - Se relier à des ressources en ligne

Les liens basiques
Les liens personnalisés
Chapitre 7 - Utiliser des images
Créer des images adaptées au Web
Insérer une image dans une page Web
Les images qui lient
Troisième partie - Prendre le contrôle des pages Web et des styles
Chapitre 8 - Balises (X)HTML dépréciées
Et maintenant, un mot de notre sponsor !
Éléments dépréciés
Attributs dépréciés
Comment gérer les balises dépréciées ?
Chapitre 9 - S’initier aux feuilles de style en cascade
Les avantages des feuilles de style
Ce que CSS peut apporter à une page Web
Ce qu’il est possible de faire avec CSS
Les unités de mesure des propriétés
La structure et la syntaxe de CSS
Utiliser différents types de feuilles de style
Comprendre la cascade
Chapitre 10 - Utiliser des feuilles de style en cascade
Gérer l’agencement et le positionnement
Modifier les polices pour améliorer l’aspect visuel et la lisibilité
Externaliser les feuilles de styles
Utiliser CSS avec différents médias
Chapitre 11 - Créer avec des couleurs et des polices
Les valeurs des couleurs
Les définitions des couleurs
Les polices
Positionner les blocs de texte
Les décorations du texte
La propriété générale font
Quatrième partie - Intégrer des scripts avec (X)HTML
Chapitre 12 - Le top 20 des propriétés CSS
Les propriétés d’arrière-plan
Les propriétés des bordures et contours
Les dimensions
Les polices et propriétés de police
Les propriétés d’espacement : marges internes et externes
Le positionnement
Le texte
Les pseudo-classes
Les meilleures ressources CSS
Chapitre 13 - Ajouter du script dans les pages Web
Ce que JavaScript peut faire pour les pages Web
Travailler avec les fenêtres du navigateur
Solliciter et vérifier des saisies de l’utilisateur
Mais attendez… ce n’est pas tout !
Chapitre 14 - Travailler avec des formulaires
Les utilisations des formulaires
Créer des formulaires
Traiter les données
Concevoir des formulaires ergonomiques
Autre balisage utile pour les formulaires
Les cadres de formulaire
CAPTCHA

Introduction

Vous avez peut-être un site Web qui ne vous donne pas entière satisfaction ou vous projetez d’en créer un et souhaitez qu’il soit absolument parfait. Vous avez visité des sites extraordinaires et n’avez qu’une idée en tête : que le vôtre rivalise d’ingéniosité et d’inventivité avec eux ! Bientôt, votre rêve sera réalité. Dans cet ouvrage, vous découvrirez les principaux outils, techniques, stratégies, trucs et astuces qui vous permettront de créer le site dont vous rêvez.

 

Si vous n’avez aucune expérience de la création Web, cet ouvrage présente les outils avec lesquels vous pourrez concevoir des animations, des images et des sites, sans que vous ayez à saisir une seule ligne de code HTML, XML, DHTML ou encore JavaScript. « Une ligne de code ? » D’accord ! Votre interrogation montre que ce livre est vraiment fait pour vous.

Au sujet de ce livre

Ce livre n’est pas un ouvrage de plus sur la conception de sites Web. Il s’agit de bien autre chose. Nous avons décidé d’écrire le livre, le seul qui nous eût été vraiment utile pour créer notre premier site Web, tout en sortant des sentiers battus. Nous avons rassemblé et testé une multitude d’outils, de trucs et d’astuces, et de sites Web, afin de sélectionner les meilleurs pour les partager avec vous. Nous sommes impatients de vous les faire découvrir. Parmi la vingtaine d’ouvrages d’informatique et sur l’Internet dont nous sommes les auteurs ou coauteurs, celui-ci est vraiment notre préféré.

 

À la fois drôle et sérieux, cet ouvrage vous donnera des idées amusantes pour égayer votre site, ainsi que des astuces pour gagner de l’argent grâce à l’Internet.

Pour profiter de ce livre

Chaque chapitre est une entité indépendante. Vous n’êtes pas obligé de lire tout le livre, ni de le lire linéairement. Feuilletez le sommaire, consultez l’index et lancez-vous ! Lorsque vous aurez fini de lire les parties qui vous intéressent le plus, jetez quand même un œil aux autres, vous y découvrirez une foule d’informations étonnantes et inattendues ! Vous ne le regretterez pas, car tous les chapitres offrent de véritables trésors !

Connaissances de base

Nous partons du principe que vous ne disposez pas forcément d’une expérience en matière de création de pages Web, mais que vous connaissez ce nouveau média et désirez y apparaître un jour ou l’autre pour donner à votre vie une dimension planétaire.

 

Nous supposons que les commandes et fonctions principales de votre système d’exploitation (disons Windows 7 ou Windows 8) sont acquises. Ainsi, quand nous vous demandons de copier et coller du texte ou de sauvegarder votre fichier, vous comprenez de quoi il retourne.

Conventions utilisées dans ce livre

Cet ouvrage est conçu et organisé avec rigueur. Nous respectons certaines règles de typographie et de mise en forme précises qui vous permettront de vous y retrouver facilement.

 

Le code, qui fait régulièrement son apparition, ressemble à ceci :

i0002.jpg

Dans cet ouvrage, les éléments HTML sont en lettres capitales et leurs attributs en lettres minuscules, comme dans cet exemple :

i0003.jpg

(Vous n’y comprenez rien ! Tant mieux ! Vous n’avez pas acheté ce livre pour rien !) Si la valeur d’un attribut est saisie en casse normale, vous la recopiez telle quelle. L’italique indique qu’il s’agit de caractères joker que vous devez remplacer par une valeur réelle. Dans l’exemple suivant, remplacez monimage par le nom de l’image que vous souhaitez utiliser ; photofamille. jpg, par exemple. (Notez l’extension.jpg qui désigne un format de fichier très répandu sur le Web, média qui n’en supporte que deux autres : GIF et PNG.)

i0004.jpg

Comment est organisé cet ouvrage

Le souci premier de ce livre est la clarté. Il se compose deux livres distincts comportant des parties et des chapitres, eux-mêmes organisés en sections. Ces deux livres peuvent être lus indépendamment l’un de l’autre.

Les icônes de cet ouvrage

Les icônes situées en marge indiquent que le sujet abordé est d’un intérêt particulier.

i0005.jpgIl n’est absolument pas nécessaire de connaître ces détails techniques, mais ils peuvent s’avérer intéressants.

i0006.jpgAttention ! Il s’agit là d’un sujet délicat, soyez vigilant !

i0007.jpgUne astuce qui vous fera gagner un temps précieux.

i0008.jpgIl s’agit là d’informations particulièrement utiles à ne jamais oublier !

Se plonger dans cet ouvrage

Eh bien, tournez la page, parcourez le sommaire ou partez en quête du sujet qui vous préoccupe dans l’index, et plongez-vous dans cet ouvrage riche et passionnant !

 

L’un des points les plus délicats a été d’attribuer à chaque site visité la bonne partie, le bon chapitre, la bonne section. Un même site couvre souvent de nombreux domaines, aussi nous vous conseillons, lorsque vous visitez un site, de le décortiquer en long, en large et en travers, pour y découvrir les trésors et ressources qu’il recèle !

 

Bonne lecture !

Livre 1

Concevoir un site Web de A à Z

Première partie

Le processus de création d’un site Web

i0009.jpg