Convertir Une Page Existante

Différence (auteur précédent) (Changé, Edité, affichage normal de la page)

Modifié: 1c1,31

Describe the new page here.

Chantier En cours de Construction Cet exercice tiré de Eric Meyer ISBN 0-7357-1245-X est à pratiquer avec : *le site compagnon : http://www.ericmeyeroncss.com pour disposer des fichiers de travail *La page de référence sur le weblog compagnon est disponible ici *Le mémo d'Eric Meyer CSS précis et concis (O'Reilly) traduit en français est bien utile pour pratiquer l'exercice ( ISBN 2-84177-156-3) = Intention pédagogique = L'idée est de prendre une page existante balisée à la vieille école du HTML avec plein de tables pour la convertir en HTML/CSS. Cet exercice doit démontrer l'avantage du design CSS. *Le nombre d'images doit être réduit au minimum *Nous supprimerons quelques tables *Le produit fini doit se rapprocher d'une vraie conception HTML proche des standards. *Nous inclurons toutes les astuces pour intégrer le résultat dans CityDesk. Autres informations utiles : ' *La page de référence sur le weblog compagnon est disponible ici *Vous pouvez travailler avec l'éditeur intégré de CityDesk. Dans CityDesk vous pouvez choisir de travailler avec plusieurs autres éditeurs comme votre éditeur préféré (Dreamweaver, ou l'excellent HtmlTidy qui permet de disposer d'utilitaires de nettoyage de la syntaxe). [[toc]Table Des Matières : Exercice de Conversion d'une Page Existante] = Préparation = #Téléchargez le dossier sur http://www.ericmeyeroncss.com/projects/01/proj01.zip / Décompressez-le. #Ouvrez un nouveau fichier site CityDesk ##Importez le dossier complet proj01 dans citydesk avec les fichiers images (commande insert > Import folder from disk) - Vous disposez désormais de tous les fichiers de travail dans votre fichier CityDesk ##Collez le code source html du fichier ch0101.html dans un nouveau gabarit (view template puis créez new template) Passer à la page /Exercice

Cet exercice tiré de Eric Meyer ISBN 0-7357-1245-X est à pratiquer avec :

• le site compagnon : http://www.ericmeyeroncss.com pour disposer des fichiers de travail
• La page de référence sur le weblog compagnon est disponible ici
• Le mémo d'Eric Meyer CSS précis et concis (O'Reilly) traduit en français est bien utile pour pratiquer l'exercice ( ISBN 2-84177-156-3)

Intention pédagogique    

vieille école du HTML

• Le nombre d'images doit être réduit au minimum
• Nous supprimerons quelques tables
• Le produit fini doit se rapprocher d'une vraie conception HTML proche des standards.
• Nous inclurons toutes les astuces pour intégrer le résultat dans CityDesk.

• La page de référence sur le weblog compagnon est disponible ici
• Vous pouvez travailler avec l'éditeur intégré de CityDesk. Dans CityDesk vous pouvez choisir de travailler avec plusieurs autres éditeurs comme votre éditeur préféré (Dreamweaver, ou l'excellent HtmlTidy qui permet de disposer d'utilitaires de nettoyage de la syntaxe).

Table Des Matières : Exercice de Conversion d'une Page Existante Intention pédagogique    Préparation

Préparation    

1. Téléchargez le dossier sur http://www.ericmeyeroncss.com/projects/01/proj01.zip / Décompressez-le.
2. Ouvrez un nouveau fichier site CityDesk
1. Importez le dossier complet proj01 dans citydesk avec les fichiers images (commande insert > Import folder from disk) - Vous disposez désormais de tous les fichiers de travail dans votre fichier CityDesk
2. Collez le code source html du fichier ch0101.html dans un nouveau gabarit (view template puis créez new template)