1 / 21

Concevoir un site Web de A à Z

Concevoir un site Web de A à Z. Ce cours permet à l’étudiant de réaliser de façon professionnelle un site internet de A à Z. Présentation des gens. Le prof et les élèves, t our de table. - Quelles sont vos connaissances actuelles? - Pourquoi avoir choisit ce cours?. Présentation du cours.

rock
Download Presentation

Concevoir un site Web de A à Z

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Concevoir un site Web de A à Z Ce cours permet à l’étudiant de réaliser de façon professionnelle un site internet de A à Z

  2. Présentation des gens Le prof et les élèves, tour de table. - Quelles sont vos connaissances actuelles? - Pourquoi avoir choisit ce cours?

  3. Présentation du cours • Utilisation de Dreamweaver • Notions de HTML • Design graphique du site en Photoshop • Intégration des tranches dans Dreamweaver • L’utilisation du service FTP pour les transfers de fichier

  4. Aujourd’hui • Exploration des outils: Dreamweaver et Photoshop • Exercices de base

  5. Photoshop • Photoshop est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité par Adobe. • Photoshop est un logiciel travaillant sur des images bitmap. Ces images sont constituées de pixels. • Reconnu par les infographistes professionnels à travers sa galerie de filtres et d’outils graphiques, il est maintenant enseigné dans les plus grandes écoles. • La version 1.0 date de 1990

  6. Photoshop Alternatives: Le logiciel libre GIMP, Pixia, Paint.Net et CorelDraw

  7. Formats supportés • Photoshop possède son propre format de projet (PSD), qui est plus qu’un simple format de fichier. • Le programme accepte également d’importer et d’exporter des fichiers d’image dans les formats les plus courants (GIF, JPEG, TIFF, PNG, ILBM, etc.).

  8. Barre de paramètres de l’outil Barre d’outil Barre de menu Espace de travail Fenêtres de couches

  9. Photoshop Exploration des outils de base- La main- La flèche- L’outil de sélection et baguette magique- Découper (Crop)- Le crayon, le pinceau- L’étampe- L’outil de texte

  10. Photoshop • Régler l’opacité • Les couches (Calques)- Le classement- Les outils de vérouillage- Les masques- Les filtres • Les couleurs • Interagir entre divers espaces de travail

  11. Photoshop • Quelques filtres- Le brouillage- Texture craquelure- Éponge • L’ajustement des niveaux • Les options de sauvegarde

  12. Laboratoire • Rendre l’image « St-tite » plus acceptable avec les outils précedemment utilisés • Faire le montage suivant: Modifier la tête de Sarkozy ou Charest avec une tête d’animal

  13. Dreamweaver • Adobe Dreamweaver un éditeur de site web de type WYSIWYG. • Utilisable autant par le néophyte que par le professionnel. • L'utilisateur peut choisir entre un mode création permettant d'effectuer la mise en page directement à l'aide d'outils simples, comparables à un logiciel de traitement de texte (insertion de tableau, d'image, etc). Il est également possible d'afficher et de modifier directement le code HTML qui compose la page. • Il offre la possibilité de concevoir des feuilles de style et les liaisons avec des bases de données.

  14. Dreamweaver Alternatives: Microsoft Expression Web, les logiciels libres Kompozer et Nvu.

  15. Barre de menu Barre de document Contenu de la page HTML (À cause du mode Code) Barre de codage Gestion des sites web et des fichiers Barre de propriétés

  16. Dreamweaver Exploration des outils de base- Mode code/split/design- Gestion des sites web- Création du premier fichier index.html- Utilisation des propriétés- Insertion des images

  17. Dreamweaver Survol du HTML- Le titre- Les hyperliens- Les tableaux- Les balises et ses attributs - h1 a h5, balises de titre - gras, italique, souligné - les listes

  18. Dreamweaver • Apprendre a gérer les fichiers • Voir le résultat dans un navigateur

  19. Laboratoire • Faire un site web avec deux pages • Chacune de ces pages doit posséder un hyperlien menant vers l’autre page • Mettre une image dans chaque page

  20. Laboratoire Reproduisez le plus fidèlement possible le site web suivant:

  21. Devoir • Penser au thème de votre site • Penser à la structure hiérarchique • Préparer des textes en format .doc pour chaque page

More Related