Automne 2006 DREAMWEAVER SEANCE 1 SI 28

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 Écriture interactive & multimédia Présentation Dreamweaver 8 Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 1. Le html - À partir du bloc note … - Interprétation des balises ex: sur le site de l’UTC Séance 1 qu’est-ce que le HTML ? 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - Le html, bloc note, structure, balises, … Creation d’un site Liens relatifs et pas absolus! Formatage du texte Cadres Insertion d'images (carte-image, image survolée), Les tableaux (mode standard / mode mise en forme), Les cadres (frames) Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … - Interprétation des balises ex: sur le site de l’UTC 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Langage structuré à l’aide de balises Peut être écrit dans le bloc note Nécessite un navigateur web pour voir le résultat : Internet Explorer Mozilla Firefox Netscape … Les tableaux ( standard /mise en forme ) - HTML, Hyper Text Markup Language Cadres Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … - Interprétation des balises ex: sur le site de l’UTC Obtenir un document html à partir du bloc note 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les tableaux ( standard /mise en forme ) - Cadres -> en re gi st re rs ou s -> Les liens - ie r Les images survolées - ch Les images - Fi Documents « * » . txt ## ## . h tm l Documents « * » . html Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 1. Le html - qu’est-ce que le HTML ? - Interprétation des balises ex: sur le site de l’UTC Mister HTML Structure d’un document html À partir du bloc note … - DREAMWEAVER SEANCE 1 – SI 28 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - (+ref. document, style etc, informations cachées …) Cadres Contenu Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 Ce qu’il faut réaliser … 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … - Interprétation des balises ex: sur le site de l’UTC 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - Cadres Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 Création d’un documents html à partir du bloc note 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … - ( utilisé Z: public_html pour l’exercice ainsi que pour la sauvegarde des entités à utilisées) Interprétation des balises ex: sur le site de l’UTC 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - Cadres Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 Que se cache-t-il derrière cette page ? 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … - Interprétation des balises ex: sur le site de l’UTC 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - http: //www. utc. fr/ Cadres Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 1. Le html - qu’est-ce que le HTML ? - Et Dreamweaver ? À partir du bloc note … - DREAMWEAVER SEANCE 1 – SI 28 Interprétation des balises ex: sur le site de l’UTC 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - Cadres Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … - Interprétation des balises ex: sur le site de l’UTC 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - Cadres Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … Utilisation du serveur Vega - Interprétation des balises ex: sur le site de l’UTC Enregistrer son dossier site dans le répertoire Z: Public_html 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - permet un accès via Internet à tous (convention) Cadres Url de votre site : http: //wwwetu. utc. fr/~login Procédure avec Dreamweaver Liens relatifs et pas absolus! pourquoi créer un nouveau site ? Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05

Automne 2006 DREAMWEAVER SEANCE 1 – SI 28 1. Le html - qu’est-ce que le HTML ? - À partir du bloc note … - Interprétation des balises ex: sur le site de l’UTC 2. Création d’un site à l’aide de Dreamweaver - L’interface - Comment créer son site sur Vega - Texte et style - Les images survolées - Les liens - Les tableaux ( standard /mise en forme ) - Cadres Sébastien LEMULLOIS GM 01 – Roland SAAB GSM 05