• Aide
  • Eurêkoi Eurêkoi

Livre

Conception et réalisation de sites web avec HTML5 et CSS3

Résumé

Un ouvrage pour apprendre à créer son site web. Après une analyse des langages HTML5 et CSS3, les auteurs proposent une partie pratique dans laquelle ils présentent les règles clés à appliquer pour mener son projet à bien, accompagnées d'exemples et de travaux pratiques corrigés.


  • Autre(s) auteur(s)
  • Éditeur(s)
  • Date
    • C 2021
  • Notes
    • HTML = HyperText Markup Language. CSS = Cascading Style Sheets
  • Langues
    • Français
  • Description matérielle
    • 1 vol. (IX-330 p.) : ill. en coul. ; 24 cm
  • Collections
  • Sujet(s)
  • ISBN
    • 978-1-78405-743-5
  • Indice
  • Quatrième de couverture
    • Alliant la théorie à la pratique, Conception et réalisation de sites web avec HTML5 et CSS3 s'adresse aussi bien aux débutants voulant concevoir leur premier site web qu'aux développeurs expérimentés souhaitant consolider leurs acquis techniques.

      Dans une partie théorique, l'ouvrage analyse les langages HTML5 et CSS3 (éléments HTML, conteneurs sémantiques, mise en forme sémantique du texte, éléments multimédia, formulaires, tableaux, définition et intégration des styles CSS, mise en forme du texte, styles des conteneurs et des boîtes). Dans une partie pratique, il présente la démarche de création d'un site web ainsi que les règles clés à appliquer afin d'assurer la réussite du projet tout en apportant une meilleure satisfaction des besoins utilisateurs. Illustré de nombreux exemples, l'ouvrage comporte des travaux pratiques corrigés, structurés selon une logique évolutive allant de la conception d'une simple page HTML5 à la création d'un site web professionnel.


  • Tables des matières
      • Conception et réalisation de sites web avec HTML5 et CSS3

      • Hassen Ben Rebah

      • Hafedh Boukthir

      • Antoine Chédebois

      • ISTE éditions

      • Préface 1
      • Teddy Payet
      • Avant-propos 3
      • Chapitre 1. Le Web et son avenir5
      • 1.1. Historique5
      • 1.1.1. Les années 1960 : situation de la Guerre froide6
      • 1.1.2. Les années 1970-1980 : naissance du protocole TCP/IP6
      • 1.1.3. Les années 1980, 1990 et 2000 : évolution d'Internet vers WWW6
      • 1.2. Phases de l'évolution du Web7
      • 1.2.1. 1991-1999 : le Web 1.0, statique ou passif8
      • 1.2.2. 2000-2010 : le Web 2.0, collaboratif ou social8
      • 1.2.3. 2010-2020 : le Web 3.0, sémantique ou smart9
      • 1.2.4. Depuis 2020 : le Web 4.0, intelligent9
      • 1.3. Architecture des applications web11
      • 1.3.1. Les trois niveaux d'abstraction d'une application11
      • 1.3.2. L'architecture un tiers12
      • 1.3.3. L'architecture deux tiers12
      • 1.3.4. L'architecture trois tiers13
      • 1.3.5. L'architecture n-tiers14
      • Chapitre 2. Le langage du Web : HTML517
      • 2.1. Généralités17
      • 2.1.1. Généalogie de HTML517
      • 2.1.2. Syntaxe et lexique du langage HTML518
      • 2.1.3. Règles de base de HTML520
      • 2.1.4. Environnement de travail21
      • 2.2. Structure d'un document HTML522
      • 2.3. Structurer le contenu d'une page web25
      • 2.3.1. L'élément <div>25
      • 2.3.2. L'élément <span>27
      • 2.3.3. Les nouveaux éléments de HTML527
      • 2.4. Organisation du texte32
      • 2.4.1. Paragraphes et textes32
      • 2.4.2. Les listes à puces51
      • 2.4.3. Les titres55
      • 2.5. Création des liens hypertextes57
      • 2.5.1. Insertion d'un lien hypertexte : la balise <a>57
      • 2.5.2. Types des liens hypertextes58
      • 2.5.3. Ajout d'une infobulle à un lien62
      • 2.6. Insertion des images et des objets multimédias62
      • 2.6.1. L'image62
      • 2.6.2. Les médias audio et vidéo67
      • 2.7. Les tableaux70
      • 2.7.1. La balise <table>70
      • 2.7.2. La balise <caption>71
      • 2.7.3. La balise <thead>71
      • 2.7.4. La balise <tfoot>71
      • 2.7.5. La balise <tbody>71
      • 2.7.6. La balise <tr>73
      • 2.7.7. La balise <td>73
      • 2.7.8. La balise <th>74
      • 2.8. Les formulaires75
      • 2.8.1. Intérêt d'un formulaire75
      • 2.8.2. Construction de formulaires75
      • 2.8.3. La balise <input/> de formulaires et ses variantes78
      • 2.8.4. Autres balises de formulaires91
      • 2.8.5. Attributs communs pour les éléments de formulaires99
      • 2.8.6. Quelques nouveaux attributs ajoutés avec HTML5101
      • Chapitre 3. Les feuilles de style : CSS3107
      • 3.1. Généralités107
      • 3.1.1. Généalogie de CSS3107
      • 3.1.2. Syntaxe et structure du langage CSS3109
      • 3.1.3. Sélecteurs117
      • 3.1.4. Valeurs et unités utilisées125
      • 3.2. Mise en forme du texte128
      • 3.2.1. Taille des caractères128
      • 3.2.2. Type de police129
      • 3.2.3. Texte italique130
      • 3.2.4. Texte gras130
      • 3.2.5. Décoration et soulignement du texte131
      • 3.2.6. Petites majuscules132
      • 3.2.7. Coloration du texte132
      • 3.2.8. Transformation du texte en minuscules ou en majuscules133
      • 3.2.9. Indentation de la première ligne d'un paragraphe133
      • 3.2.10. Espacement entre les lettres134
      • 3.2.11. Espacement entre les mots134
      • 3.2.12. Interlignage des paragraphes134
      • 3.2.13. Alignement horizontal du texte135
      • 3.2.14. Alignement vertical du texte135
      • 3.2.15. Direction du texte137
      • 3.2.16. Longueur et hauteur du texte137
      • 3.2.17. Flottants137
      • 3.3. Mise en forme des listes138
      • 3.3.1. Différents styles de numérotation des puces138
      • 3.3.2. Style graphique des puces139
      • 3.3.3. Retrait des lignes d'une liste à puces140
      • 3.4. Arrière-plans, bordures et ombres140
      • 3.4.1. Arrière-plans140
      • 3.4.2. Bordures et ombres143
      • 3.5. Mise en forme des tableaux151
      • 3.5.1. Espace entre les cellules151
      • 3.5.2. Bordures152
      • 3.5.3. Cellules vides153
      • 3.5.4. Position de la légende154
      • 3.6. Mise en page du site155
      • 3.6.1. Concept du modèle de boîte155
      • 3.6.2. Élément bloc ou en ligne156
      • 3.6.3. Largeur et hauteur d'un élément de boîte158
      • 3.6.4. Marges externes160
      • 3.6.5. Marges internes162
      • 3.6.6. Positionnement des éléments164
      • 3.6.7. Flottement des éléments169
      • 3.6.8. Superposition des éléments170
      • Chapitre 4. Conception et réalisation d'un site web173
      • 4.1. Démarche de création d'un site web173
      • 4.1.1. Le développement173
      • 4.1.2. L'hébergement177
      • 4.1.3. Le référencement179
      • 4.1.4. La mise à jour181
      • 4.1.5. L'évaluation181
      • 4.2. Ergonomie du site web181
      • 4.2.1. Notion d'ergonomie181
      • 4.2.2. Critère d'ergonomie182
      • 4.2.3. Charte graphique186
      • 4.2.4. Maquette186
      • 4.2.5. Dimensions des pages web187
      • 4.3. Différents types de sites web187
      • 4.3.1. Moteur de recherche/métamoteur187
      • 4.3.2. Annuaire web188
      • 4.3.3. Site marchand (e-commerce)188
      • 4.3.4. Site éducatif (e-learning)189
      • 4.3.5. Site publicitaire190
      • Chapitre 5. Travaux pratiques191
      • 5.1. TP 1 : structure d'une page web HTML5191
      • 5.1.1. Objectif191
      • 5.1.2. Énoncé191
      • 5.1.3. Solution195
      • 5.2. TP 2 : formulaires simples201
      • 5.2.1. Objectif201
      • 5.2.2. Énoncé201
      • 5.2.3. Solution207
      • 5.3. TP 3 : mise en forme de tableaux217
      • 5.3.1. Objectif217
      • 5.3.2. Énoncé217
      • 5.3.3. Solution226
      • 5.4. TP 4 : médias (image, vidéo et audio)245
      • 5.4.1. Objectif245
      • 5.4.2. Énoncé245
      • 5.4.3. Solution257
      • 5.5. TP 5 : positionnement des éléments275
      • 5.5.1. Objectif275
      • 5.5.2. Énoncé276
      • 5.5.3. Solution287
      • 5.6. TP 6 : création d'un modèle de template301
      • 5.6.1. Objectif301
      • 5.6.2. Énoncé301
      • 5.6.3. Solution306
      • 5.7. TP 7 : réalisation d'un site web de A à Z317
      • 5.7.1. Étape 0 : objectif du site317
      • 5.7.2. Étape 1 : périmètre fonctionnel317
      • 5.7.3. Étape 2 : maquettage du site319
      • 5.7.4. Étape 3 : choix/définition de la charte graphique323
      • 5.7.5. Étape 4 : réalisation des maquettes HTML/CSS des pages principales324
      • 5.7.6. Étape 5 : développement du site à partir des maquettes325
      • Bibliographie 327
      • Index 329

  • Origine de la notice:
    • BPI
  • Disponible - 681.226(07) BEN

    Niveau 3 - Informatique