Objectifs du cours quelques « langages » pour Internet, tutoriel & cours et exercices avec corrigés document PDF.
Cours Internet
I. Introduction
A. Logiciels utilisés
1. Editeur de Textes
2. Navigateur
3. Serveur http
4. Interprète Php
5. Serveur de base de données MySQL
6. Installation des logiciels
a) Sous Windows
b) Sous Linux
B. Objectifs du cours : quelques « langages » pour Internet
1. Seul le client est utile
L’ HyperText Markup Language
a) Les feuilles de style
b) Le javascript
c) Les applets java
2. serveur(s) nécessaire(s)
a) Le Php
b) Php – MySql
C. But de l’enseignement
D. Clients et Serveurs
1. Exemple
2. Client seul.
3. Client et serveur
Bonjour
4. Fonctionnement Résultat
E. Javascript ou Php ?
1. Exemple 1
2. Exemple 2
3. Exemple 3
II. Attention à la casse
III. Html
A. Structure d’un document HTML
B. Le laxisme du HTML
C. Présentation d’un document HTML
D. Indentation ou pas
E. Liste des balises et des attributs
F. Du style dans le texte
1. Les titres
Mon titre en H1
Mon titre en H2
Mon titre en H3
Mon titre en H4
2. Les différents styles de caractères
Voici du gras
Voici de l’italique
voici du texte en police monospace
voici du texte souligné
Voici un exemple de texte partiellement en italique, en gras et souligné
3. Styles logiques
Mise en évidence simple
Plus d’emphase
Pour faire une citation
Le résultat d’un programme
ceci est une variable
Du code
Une touche du clavier
G. Formater le texte
1. Les retours à la ligne : <br> ou <p>
avec un retour à la ligne et une ligne vierge
2. Aligner le texte
Votre paragraphe est au centre
3. Mettre du texte en retrait :
4. Le texte préformaté :
5. Césure ou pas de césure
6. Les traits de séparation :
7. Les caractères spéciaux
8. Indice et exposant
H. Afficher des images
1. Les formats de fichiers graphiques
2. Affichage simple d’une image
3. Les attributs de <IMG>
4. Une image pour le fond de votre page
I. Les Liens HyperTextes
1. Créer un lien hypertexte – <A>
2. Utiliser les ancres – <A name= »… »>
a) Insérer une ancre
b) Pointer vers une ancre
J. Les Listes
1. Listes à puces et listes numérotées
a) Les listes à puces – <UL>
b) Les listes numérotées – <OL>
1. Mon premier élément de liste
2. Mon deuxième élément de liste
2. Les listes descriptives – <DL>
3. Les listes <DIR> et <MENU>
4. Mêler les listes
K. Couleurs et Polices
1. Définition des couleurs en HMTL
a) Les couleurs standard
b) Les codes hexadécimaux
2. Les éléments de la page
3. Les polices de caractères : La balise <FONT>
a) Changer la taille par défaut
L. Les Tableaux
1. Définir un tableau – <TABLE>
2. Les cellules d’un tableau
a) Les titres
b) Les cellules
3. Exemple de code pour un tableau
M. Les frames
1. Le fichier <FRAMESET>
2. Les attributs pour le fichier <FRAMESET>
3. Des fichiers HTML et des frames
4. Exemple de code pour un fichier frameset
N. Formulaires de saisie
IV. Javascript
A. Généralités
B. Erreur dans un javascript
1. Erreur simple
2. ErreurGrave
……….
Introduction
Logiciels utilisés
Editeur de Textes
Votre éditeur de textes (ASCII) préféré fera l’affaire. Il est possible d’utiliser Notepad sous Windows, VI ou Kedit sous Linux. Mais les Editeurs plus évolués comme (X)Emacs ou Pfe ou scriptEdit ou encore EditPlus faciliteront la tache. Les éditeurs intégrés aux navigateurs seront aussi utilisés sans en abuser. Il permettra d’écrire les codes dans les différents langages
Navigateur
Internet Explorer, Netscape, Mozilla sont les plus utilisés. Ils ne réagissent pas tous exactement de la même façon. Internet Explorer n’existe que sous windows. Netscape et mozilla existent sous Windows et linux, Ils ne réagissent pas non plus exactement de la même façon sous ces 2 systèmes d’exploitation. Il conviendra donc de tester les pages créées sous les 2 systèmes d’exploitation et avec les différents navigateurs.
Serveur http
C’est lui qui va fournir les pages html demandées. Nous utiliserons Apache. Le rôle essentiel du serveur Http va être de fournir une arborescence pour Internet différente de l’arborescence « physique ». Par exemple sous Windows, avec easyphp installé en standard les pages http et php se trouvent en « C:\Program Files\EasyPHP\www »
A gauche : sans utiliser le serveur http. A droite : en utilisant le serveur http sur la machine locale (127.0.0.1 est l’adresse IP de la machine locale, mais cette IP peut être remplacée par celle d’une machine distante équipée d’un serveur http).
On remarque que la racine pour le serveur correspond physiquement à « C:\Program Files\EasyPHP\www » pour la machine. Et qu’il est possible de descendre dans l’arborescence sous WWW, mais qu’il n’est pas possible d’y remonter.
……….