Réseaux, HTML et CSS
		Suivant

Réseaux, HTML et CSS

Dominique Gonzalez

Université Lille3-Charles de Gaulle

Copyright © 2005 D.Gonzalez

Ce document est soumis à la licence GNU FDL. Permission vous est donnée de distribuer, modifier des copies de ces pages tant que cette note apparaît clairement.

19/10/2006

Table des matières

Pourquoi et comment ?

Pourquoi ce document ?
Comment ce document a-t-il été construit ?
Où trouver ce document ?

1. HTML, à quoi ça resemble ?

À quoi ça ressemble ?
Quelles balises va-t-on utiliser ?
Structure simplifiée d'un document
Les principales balises de structure
Où placer les pages HTML pour qu'elles soient visibles par tous ?
Comment visualiser une page HTML ?
D'autres informations : le poly sur internet
Derniers trucs

2. Application, acte 1

3. En-tête d'une page HTML

4. Les tableaux en HTML

Syntaxe de base
Une cellule particulière

5. La gestion des couleurs en HTML

RGB
Quelques exemples
Comment ça s'utilise ?
Comment calculer un code RGB ?
Et plus simple ?

6. Feuilles de style : présentation

Motivation
Généralités

7. Feuilles de style : appliquer un style

Application d'un style à un code HTML

Association avec un média particulier

Association d'un style à une balise

Sélecteurs de types
Sélecteurs d'attributs (CLASS ou ID)
Par contexte
Par pseudo-classes

DIV et SPAN

Notion de boîte

8. Feuilles de style : liste des éléments

Unités de mesure
Propriétés de police
Mise en forme du texte
Agencement du texte
Mise en forme de listes
Couleurs et arrière-plans
Retraits extérieurs et intérieurs
Cadres
Positionnement absolu des éléments
Voir aussi...

9. Réalisation de la feuille de style du site

Rappel : que doit contenir le site ?

Le but à atteindre

Deux formats différents, donc deux feuilles de style

La feuille de style pour l'écran

Corps du texte
Parenthèses sur les couleurs
Titres
Noms de familles
Listes
Liens
Signature

La feuille de style pour l'impression

10. Application, suite

III. CSS, plus loin

11. Comme c'est beau les feuilles de style

12. Utilitaires CSS

Formulaires
Recommandations du W3C
Open Web
Ressources
Tutoriels
Le nuancier hexadécimal

13. Positionnement et affichage avec les CSS

Pourquoi ?
Positionnement relatif
Positionnement absolu
Positionnement fixe
Exemples de positionnements relatif, absolu et fixe
Positionnement flottant
La propriété clear
Exemple de positionnement flottant
Affichage
Des bonnes lectures

14. Tableaux sans tableaux

Un premier tableau simple
À quoi ça sert ?
En apprendre plus

15. Bouton CSS sans programmation

Bouton plat

Source html
Source css

Bouton en relief

Source html
Source css

Plus d'informations

16. Les bugs d'Internet Explorer, les contourner, les utiliser

Pourquoi ?
Avant-propos : compléments sur la syntaxe d'une feuille de style
Et alors ?
Exemple
Quelques bonnes lectures

17. Application, acte 3

IV. Quelques généralités sur les réseaux

18. Qu'est-ce qu'un réseau ?

Qu'est-ce qu'un réseau ?
Historique général des réseaux
Les dates marquantes
Qui est qui? Qui fait quoi?
Dernières remarques

19. Les services d'Internet

mail
ftp
news
telnet et ssh
web
Historique du web

20. Les adresses sur internet

Adresses domainisées
Les adresses URL

21. Droit et logiciels

Différents types de logiciels

Logiciels du domaine public
Logiciels « freeware » ou libres de droit
Logiciels « shareware » ou « contributif » (ou à contribution)
Logiciels commerciaux

La copie frauduleuse ou contrefaçon

V. Logiciels libres

22. FireFox

Qu'est-ce que c'est ?
Pourquoi l'utiliser ?
Comment l'obtenir ?

23. Thunderbird

Qu'est-ce que c'est ?
Pourquoi l'utiliser ?
Comment l'obtenir ?

24. OpenOffice

Qu'est-ce que c'est ?
Pourquoi l'utiliser ?
Comment l'obtenir ?

25. Le Gimp

Qu'est-ce que c'est ?
Pourquoi l'utiliser ?
Comment l'obtenir ?

Qu'est-ce que c'est ?

Un logiciel libre
GNU et linux
Distributions

Pourquoi l'utiliser ?

Comment l'obtenir ?

Liste des tableaux

5.1. Correpondances décimal-hexadécimal

		Suivant
		Pourquoi et comment ?