Création d’un site Web -Création « Graphique » de pages Création « Graphique » de pagesCréation « Graphique » de pages -Le graphisme Le graphismeLe graphisme.

Présentation au sujet: "Création d’un site Web -Création « Graphique » de pages Création « Graphique » de pagesCréation « Graphique » de pages -Le graphisme Le graphismeLe graphisme."— Transcription de la présentation:

1 Création d’un site Web -Création « Graphique » de pages Création « Graphique » de pagesCréation « Graphique » de pages -Le graphisme Le graphismeLe graphisme -Création avancée : les principes et le code HTML Création avancée : les principes et le code HTMLCréation avancée : les principes et le code HTML - Les sites dynamiques : intérêts et concepts généraux Les sites dynamiques : intérêts et concepts générauxLes sites dynamiques : intérêts et concepts généraux - Mise en ligne Mise en ligneMise en ligne -Quelques références Quelques référencesQuelques références Dohm production’s copyrighted

2 Création Graphique - Pas ou peu de connaissances - Placer des images, des tableaux - Attention au porte-monnaie : Quelques logiciels : -Word, PowerPoint Word -FrontPage -Webexpert -Dreamwaver

3 On place des objets On place du texte On enregistre sous fichier Html Mon_nom.html Génération d’une page Web à partir d’un document Word

4 Faire apparaître l’assistant Web Affichage Si la barre d’outil office n’y est pas : /barres d’outils / Volet Office Lancement de l’assistant

5 Donnez un titre et choisir l’emplacement de sauvegarde Titre du site Emplacement sur le disque dur

6 Type de navigation dans le site

7 Nombre de pages et hiérarchie

8 Hiérarchisation des pages

9 Choisir un thème

10 Page générée ( barre de liens à gauche ) Index Lien 1 Lien 2 Lien 3 Index Default.html Index Lien 1 Lien 2 Lien 3 page1 page1.html Index Lien 1 Lien 2 Lien 3 page2 page2.html Index Lien 1 Lien 2 Lien 3 page3 page3.html

11

12 Graphisme Graphisme - Disposition en tableaux, en couches - Logiciels de dessin, retouche -Paint -Gimp -Photoshop -Paintshop  Trouver des tutoriaux sur Internet

13 objet Création de page au graphisme précis (1)

14 Formulaire Comment faire du rond avec des objets carrés ? Graphisme rond Découper l’image en 9 parties indépendantes, puis les placer dans un tableau Création de page au graphisme précis (2)

15 Le HTML Le HTML - Interprété par le navigateur - Système de balises - Exemples - Pas de programmation

16 Ma page à moi Navigateur www.lifeve.fr.s/mapage.html Serveur Navigateur Ma page à moi Lecture du code source 2) ANALYSE 1) Demande pour consulter une page ( url) Lecture du code HTML

17 Site dynamique - Gestion d’événements, programmation - Sécurité - Comment est-ce lu ? Génération de pages « statiques ». - Accès aux bases de données - Exemples

18 Ma page à moi Navigateur www.lifeve.fr.s/mapage.html Serveur Navigateur <?php $i=1+2; echo(« $i Ma page à moi » ); ?> Ma page à moi 1) Demande pour consulter une page ( url) Interprétation du code php Génération d’une page en HTML, en remplaçant les variables par leurs valeurs. Et affichant ce qui doit l’être Serveur PHP ( Ex : Apache) Base de données Interaction si besoin 2) Envoi vers le serveur php Lecture du code source jusqu’aux balises php Navigateur 3 Ma page à moi Lecture du code source jusqu’aux balises php 3) Génération d’une page HTML 4) Analyse et renvoi de la page Html au navigateur Lecture du code php

19 Mise en ligne Mise en ligne - Création en local - Le ftp ( File Transfert protocole ) -Avec IE : ftp ://login@nom_serveur -> le mot de passe est demandé - Avec un logiciel : login:mdp@nom_serveur - Les hébergeurs : -Gratuits : Free, Lycos, freesurf … -Payants ( plus de services )

20 Références - Commentcamarche.net - PHPdebutant.com - Phpfrance - Livres sur le Html Collection Campus presse - www.Lifeve.com - Moi ( je plaisante :-!)