Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Dimension: px

Commencer à balayer dès la page:

Download "Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web"

Thérèse Perrot
il y a 8 ans
Total affichages :

1 Le Web 1. Qu est-ce que le Web? Côté serveur : HTTP, FTP, langages, SQL Côté client : HTML, CSS, JavaScript Les langages et leur utilité HTML CSS JavaScript Exemple général avec les trois langages Les formats d images Format Bitmap Format vectoriel Les navigateurs et leurs outils 38 Règles générales 1. Préserver la lisibilité : l indentation, les commentaires L indentation Les commentaires Penser au référencement Dossiers et chemins vers les fichiers Les éditeurs pour le code Des raccourcis bien pratiques 63 1/7

1 Format Bitmap 26 3.2 Format vectoriel 31 4. Les navigateurs et leurs outils 38 Règles générales 1.

2 5.1 Sauvegarder et tester une page Sélectionner du texte ou se déplacer plus vite sans la souris 65 HTML 1. Création d une page web Code HTML obligatoire Le doctype La balise <head> Lien avec une feuille de style Lien avec un fichier JavaScript La balise <body> Méthode et balises pour structurer une page Le texte dans la page HTML Les caractères spéciaux 85 CSS3 1. Les trois styles de base possibles Le style de balise Le style de classe Le style d ID Combinaison des trois méthodes Les polices de caractères et le Web Les sélecteurs 107 2/7

La balise <body> 73 5.1 Méthode et balises pour structurer une page 75 5.2 Le texte dans la page HTML 83 5.3 Les caractères spéciaux 85 CSS3 1.

3 4. Les pseudoclasses Pour les liens Pour le texte Pour les sélecteurs Les couleurs en hexadécimal, en RGBA ou en HSLA Les images et les bordures Les boutons issus d images ou de polices Les fonds et fonds multiples Le positionnement Le débordement Utilisation de padding et margin Un préfixe par navigateur Des propriétés décoratives (ombre, dégradé, arrondi...) Des colonnes dans le texte Les transformations 3D Les transitions et animations Le responsive design et les media queries 147 3/7

Les fonds et fonds multiples 131 9. Le positionnement 132 10. Le débordement 134 11. Utilisation de padding et margin 135 12.

4 JavaScript 1. Introduction La liste des tâches Variables et affectation Les types de variables Les valeurs numériques Le texte et la concaténation Les tableaux Les booléens Les objets Les opérateurs Les conditions if, else et les accolades switch case Itérations La boucle for Le while Le do... while break et continue Déboguer un programme Les fonctions Déclaration Appel Les variables locales et globales 186 4/7

Les opérateurs 161 6. Les conditions 165 6.1 if, else et les accolades 165 6.2 switch case 171 7. Itérations 174 7.1 La boucle for 174 7.

5 9.4 Le retour d une fonction Les cookies Le drag and drop Afficher le site HTML en plein écran Gestion de l historique du navigateur La géolocalisation Les bases de données locales Création d'une base de données Création d une table Insertion d'enregistrements Lecture d'informations Générer des PNG en JavaScript Ajax 210 Mise en page HTML et CSS 1. Les blocs et leur position à l écran Les tableaux Les div et les nouvelles balises HTML Les listes 223 Les méthodes de dessin 5/7

2 Création d une table 203 15.3 Insertion d'enregistrements 204 15.4 Lecture d'informations 204 16. Générer des PNG en JavaScript 205 17.

6 1. La balise Canvas La balise SVG Avantages et inconvénients des deux technologies 241 Le multimédia 1. La balise vidéo Les codecs vidéo La balise audio Les codecs audio 250 Les formulaires 1. Introduction Fonctionnement d un formulaire client/serveur Les différentes balises du formulaire Les expressions régulières La validation du formulaire Ajout d un script CGI sur le serveur 268 6/7

Les codecs vidéo 247 3. La balise audio 248 4. Les codecs audio 250 Les formulaires 1. Introduction 253 2.

7 Les liens et menus en HTML5 1. Introduction Création de liens Ouverture de page HTML Ouverture d une image Navigation dans la page Proposer le téléchargement d un fichier Envoyer un mail Déclenchement d un script JavaScript Création d un menu (liste + liens + CSS) Ajout de «data» dans les liens 279 Conclusion Index 285 7/7

4 Proposer le téléchargement d un fichier 275 2.5 Envoyer un mail 275 2.

Documents pareils

Formation : WEbMaster

Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins