Description de la formation web général
Au cours de cette formation web général, vous allez apprendre à décrire et réaliser des pages Web statiques et dynamiques comprenant du texte mis en forme et structuré, des images, des formulaires. Le multifenêtrage sera également couvert, les hyperliens et le langage PHP.
Objectifs
- Connaître la structure d’une page Web et ses composants (balises, texte, images, formulaires, listes, hyperliens…)
- Écrire des scripts serveurs avec PHP
- Utiliser des feuilles de style CSS
- Insérer du code JavaSript et Jquery
Rappels du fonctionnement d’un serveur Web et du dialogue Navigateur/Serveur Web
Présentation de l’URL et localisation d’un document
Le protocole HTTP
Les autres protocoles tels que FTP, TELNET, etc…
Le format des documents
Le format HTML
Les différents types de format
Les formats texte, image, vidéo
Présentation du protocole http
Principe du protocole
Les différents types de requêtes (GET, POST, etc..)
Généralités du HTML
Structure type d’une page HTML
Format des commandes
Exemple de message
Structure d’un document HTML
Les balises principales HTML
L’instruction !DOCTYPE
Les balises BDO, INS et DEL
L’en-tête HTML
la balise META
La reconnaissance par les moteurs de recherche
Les styles de Paragraphe
Les en-têtes de paragraphe
Les sauts de paragraphe
Formatage des textes
Les balises DIV et SPAN
Le formatage des textes par balises
Les séparateurs graphiques
Exemples
Les hyperliens
Les liens hypertexte
Les autres types de liens
Les listes
Les listes à puce
Les listes numérotées
Les listes de définition
Les listes de menu et répertoire
Les listes imbriquées
Exemples
Travaux pratiques:
Mise en oeuvre des techniques acquises
Les styles
les styles physiques
les caractères
Les caractères accentués
Les styles logiques
Les modifications de fonte : BASEFONT
Les balises FONT
Exemples
Les images et les couleurs
L’insertion d’images
Les formats GIF, JPEG, PNG
La balise IMG
La balise OBJECT et PARAM
Le fond d’écran
Les images de fond
Les images réactives
Définition d’une image réactive
Les coordonnées
Les server-side imagemap (zones sensibles)
Les client-side imagemap
Les tables
Définir une table
Les balises de définition de table et leurs attributs TABLE, TH, TR, TD, etc…
Les formulaires
Définition d’un formulaire
La balise INPUT
La balise SELECT
La balise TEXTAREA
La balise BUTTON
La balise FIELDSET
Travaux pratiques:
Réalisation de divers formulaires
Notions de PHP
Présentation du langage PHP
Principes du langage PHP
Les fonctions PHP
Ecriture de scripts pour les formulaires
Envoyer un e-mail à partir d’un formulaire PHP
Variables persistantes: Cookies et Session
Travaux pratiques:
Exemple de script PHP
Les feuilles de style CSS
Présentation des feuilles de style
Définition d’un style
La balise LINK
La notion de cascade
Les attributs des styles
exemples de feuilles de style
Travaux pratiques
Utilisation des feuilles CSS
Les calques
Présentation et définition des calques
Mise en place des calques avec les feuilles de style
Utilisation des balises DIV et SPAN
Les layers
La balise ILAYER et NOLAYER
JavaScript : intégration de scripts
Présentation de JavaScript
La balise SCRIPT
Les attributs événementiels
Masquer le script JAVASCRIPT
La balise NOSCRIPT
