Ojectifs |
DurÉe : 2 Jours |
| |
Comprendre l’architecture et les principaux Tag du langage XHTML et l'utilisation des feuilles de style CSS afin de réaliser une mise en page Web pratique et conviviale. Intégrer des objets multimédia et d’autres éléments de Script (JavaScript, Applet…) |
|
Public visÉ |
| |
Vous êtes en charge du maintien ou de la création d’un site web. |
Niveau requis |
| |
Connaissance de l’environnement Windows et pratique régulière du Web. |
Plan DE COURS dÉtaillÉ |
| |
Internet et le Web |
| |
- Historique
- Comment ça marche (Adresse IP, Routeur, Serveur…)
- Les principaux services : HTTP, SMTP, FTP…
- Les connections : ADSL, Wifi, câble…
- Comprendre les termes internet : URL, WWW, Hyperlien…
- Le nom de domaine et la résolution DNS
- Le serveur Web et client HTTP (navigateur)
- Les statistiques du Web
|
| |
Mise en place d’un site Web |
| |
- L'organisation du site Web (Dossier, Pages, Images, autres scripts…)
- L'architecture du site web (Page d’accueil...)
- La navigation dans les pages Web
- Présentation du serveur Web IIS
- La résolution écran et l'unité de mesure (Pixel)
- Présentation d’un Editeur de page HTML
|
| |
Caractéristiques du langage HTML |
|
| |
- Définition, avantages, inconvénients et propriétés du langage
- Les nomes W3C (XHTML)
- La logique des Balises ou Tags
- La structure du langage (titre, en-tête et corps de la page)
- Le Titre et les Meta Tags
- Les principaux Tags (Paragraphe, retour ligne...)
|
|
| |
La mise en forme de texte |
|
| |
- Les Tags et les propriétés standards (Gras, police, taille, couleur...)
- La mise en forme de blocs de texte
- Les Tags prédéfinis (En-tête, liste...)
|
|
| |
Les feuilles de styles (CSS) |
|
| |
- Intérêt des feuilles de styles
- Les catégories de styles (classe de style, balises, avancées )
- Créer un bloc de style dans la page
- Lier une feuille de style externe
|
|
| |
Multimédia |
|
| |
- Insertion et positionnement des images
- Les sons, les vidéos et les options de lecture
|
|
| |
Les liens hypertextes |
|
| |
- Les liens entre les pages d’un site Web
- Notion de chemin relatif
- Les liens externes (Autres sites Web, autres documents : PDF, Word...)
- Notion de cible
- Les ancres dans une même page
- Les zones réactives
|
|
| |
Les tableaux |
|
| |
- Les principaux Tags associés au tableau
- Les propriétés de tableau et de cellule
- La notion de taille relative ou absolue
- Fusionner des lignes ou des colonnes
|
|
| |
Les Tags utiles pour la mise en page |
|
| |
- Utilisation du tableau
- Positionnement absolu ou relatif de bloc de texte
- Les cadres
|
|
| |
Le formulaire Web |
|
| |
- Principe de liaison avec une base de données
- Notion de page active et de requête SQL
- Méthode de soumission des données
- Champs de saisie simple et multi-ligne
- Liste déroulante
- Case à cocher et bouton radio
|
|
| |
Les autres langages du web |
|
| |
- Présentation du JavaScript, Java, Flash...
- Insérer du code JavaScript
- Ajouter une Applet Java
- Incorporer une animation Flash
|
|
| |
Référencement à un moteur de recherche |
|
| |
- Comment fonctionne un moteur de recherche
- Utiliser les bonnes Balises
- Choisir et placer les mots dans la page HTML
- Mise en valeur des mots
- Inscription de votre site
|
|
