Ce livre s'adresse à de grands débutants en développement informatique, qui n'ont jamais programmé avec HTML5, CSS3 et JavaScript. L'auteur guide le lecteur en lui enseignant des méthodes efficaces et actuelles pour créer son premier site web, en partant vraiment de zéro et en allant jusqu'à un niveau suffisant pour qu'il soit ensuite autonome.

Dès le début du livre l'auteur présente un tour d'horizon du développement sur le Web ; les langages côté client et serveur, les formats d'images, les navigateurs… afin que le lecteur comprenne les mécanismes par lesquels le contenu d'une page s'affiche sur un écran. Le chapitre suivant enseigne les règles générales à observer pour développer de manière efficace : lisibilité du code, organisation des dossiers, utilisation des éditeurs de code, référencement…

Ensuite, l'auteur entre dans le vif du sujet et présente tout d'abord le langage HTML5 qui permet de structurer une page, de disposer les éléments visuels très précisément. Le second langage présenté est le CSS3, qui permet quant à lui d'ajouter des styles, des animations, des effets visuels rendant inutile l'utilisation d'images et permettant d'adapter l'affichage aussi bien sur un téléphone que sur un ordinateur. Pour avoir une bonne connaissance des langages utilisés côté client, le troisième présenté dans ce livre est le JavaScript. C'est ce langage qui va permettre d'ajouter de l'interactivité sur les pages, de faire des comparaisons, de répéter des actions, d'utiliser une base de données côté client…
Au travers d'exemples concrets et au-delà de l'aspect purement technique de cet apprentissage, l'auteur transmet au lecteur les principales règles de mise en page à respecter pour rendre le site agréable à l'œil, convivial et facile d'utilisation ainsi que les bonnes méthodes de développement et les pièges à éviter. Après la lecture de ce livre, le lecteur pourra créer un site web fonctionnel dont il pourra être fier.

Des éléments complémentaires sont en téléchargement sur le site www.editions-eni.fr.

Quizinclus dans
la version en ligne !

Testez vos connaissances à l'issue de chaque chapitre
Validez vos acquis

Téléchargements

Des fichiers complémentaires (35 536 Ko)

Le Web

1. Qu’est-ce que le Web ?
1. 1.1 Côté serveur : HTTP, FTP, langages, SQL
2. 1.2 Côté client : HTML, CSS, JavaScript
2. Les langages et leur utilité
1. 2.1 HTML
2. 2.2 CSS
3. 2.3 JavaScript
4. 2.4 Exemple général avec les trois langages
3. Les formats d’images
1. 3.1 Format Bitmap
2. 3.2 Format vectoriel
4. Les navigateurs et leurs outils

Règles générales

1. Préserver la lisibilité : l’indentation, les commentaires
1. 1.1 L’indentation
2. 1.2 Les commentaires
2. Penser au référencement
3. Dossiers et chemins vers les fichiers
4. Les éditeurs pour le code
5. Des raccourcis bien pratiques
1. 5.1 Sauvegarder et tester une page
2. 5.2 Sélectionner du texte ou se déplacer plus vite sans la souris

HTML

1. Création d’une page web
2. Code HTML obligatoire
3. Le doctype
4. La balise <head>
1. 4.1 Lien avec une feuille de style
2. 4.2 Lien avec un fichier JavaScript
5. La balise <body>
1. 5.1 Méthode et balises pour structurer une page
2. 5.2 Le texte dans la page HTML
3. 5.3 Les caractères spéciaux

CSS3

1. Les trois styles de base possibles
1. 1.1 Le style de balise
2. 1.2 Le style de classe
3. 1.3 Le style d’ID
4. 1.4 Combinaison des trois méthodes
2. Les polices de caractères et le Web
3. Les sélecteurs
4. Les pseudoclasses
1. 4.1 Pour les liens
2. 4.2 Pour le texte
3. 4.3 Pour les sélecteurs
5. Les couleurs en hexadécimal, en RGBA ou en HSLA
6. Les images et les bordures
7. Les boutons issus d’images ou de polices
8. Les fonds et fonds multiples
9. Le positionnement
10. Le débordement
11. Utilisation de padding et margin
12. Les variables
13. Des propriétés décoratives (ombre, dégradé, arrondi...)
14. Des colonnes dans le texte
15. Les transformations 3D
16. Les transitions et animations
17. Le responsive design et les media queries
18. Le menu Burger

JavaScript

1. Introduction
2. La liste des tâches
3. Variables et affectation
4. Les types de variables
1. 4.1 Les valeurs numériques
2. 4.2 Le texte et la concaténation
3. 4.3 Les tableaux
4. 4.4 Les booléens
5. 4.5 Les objets
5. Les opérateurs
6. Les conditions
1. 6.1 if, else et les accolades
2. 6.2 switch case
7. Les itérations
1. 7.1 La boucle for
2. 7.2 while
3. 7.3 do ... while
4. 7.4 break et continue
5. 7.5 Foreach
8. Déboguer un programme
9. Les fonctions
1. 9.1 Déclaration
2. 9.2 Appel
3. 9.3 Les variables locales et globales
4. 9.4 Le retour d’une fonction
10. Les cookies
11. Le drag and drop
12. Afficher le site HTML en plein écran
13. Interactions entre JavaScript, HTML et CSS
14. Les bases de données locales
1. 14.1 Création d'une base de données
2. 14.2 Création d’une table
3. 14.3 Insertion d'enregistrements
4. 14.4 Lecture d'informations
15. Générer des PNG en JavaScript
16. Ajax
17. Gestion des timers (setTimeout(), setInterval(), Date)
18. Déplacer un élément au clavier

Mise en page HTML et CSS

1. Les blocs et leur position à l’écran
1. 1.1 Les tableaux
2. 1.2 Les div et les nouvelles balises HTML5
2. Les listes

Les méthodes de dessin

1. La balise Canvas
2. La balise SVG
3. Avantages et inconvénients des deux technologies

Le multimédia

1. La balise <video>
2. Les codecs vidéo
3. La balise <audio>
4. Les codecs audio

Les formulaires

1. Introduction
2. Fonctionnement d’un formulaire client/serveur
3. Les différentes balises du formulaire
4. Les expressions régulières
5. La validation du formulaire
6. Ajout d’un script CGI sur le serveur

Les liens et menus en HTML5

1. Introduction
2. Création de liens
1. 2.1 Ouverture de page HTML
2. 2.2 Ouverture d’une image
3. 2.3 Navigation dans la page
4. 2.4 Proposer le téléchargement d’un fichier
5. 2.5 Envoyer un e-mail
6. 2.6 Déclenchement d’un script JavaScript
3. Création d’un menu (liste + liens + CSS)
4. Agir sur la page grâce au menu
5. Ajout de « data » dans les liens
6. Liste complexe organisée par JavaScript et le CSS

Correction des exercices

1. Exercice sur les sélecteurs CSS
2. Une horloge qui se balance
3. Modifier l’heure en JavaScript
4. Position personnage
5. Déplacer le personnage au clavier
Conclusion
Index

13/01/2023

Très satisfait des produits. Rapport qualité prix satisfaisant

Anonyme

08/12/2022

Clair, bien structuré et une bonne mise en page. Rien à redire sur le prix.

Anonyme

09/09/2022

j'ai un peu de difficulté avec les exemples à télécharger pour le moment mais je n'ai pas eu beaucoup de temps à consacrer a ce livre

GILBERT L

08/09/2022

il manque juste une liste des commandes , par protocole. Pour ce qui est du contenu et de l'approche du concept c'est très bien fait.

didier D

Denis Matarazzo

Denis Matarazzo développe depuis plus de trente ans dans de nombreux langages de programmation. Également passionné d’art graphique, cette double compétence de développeur et d’infographiste lui a permis d’accompagner de nombreux projets où la communication entre ces deux mondes n’était pas facile. Pédagogue, il travaille aujourd’hui essentiellement comme formateur pour des développeurs ou des infographistes et accompagne des projets de développement informatique liés au web. Dans ce livre, il rassemble tout son savoir-faire et toute son expérience pour permettre au lecteur de réaliser en toute autonomie le site qu’il a en tête.