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

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

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

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

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

Type de navigation dans le site

Nombre de pages et hiérarchie

Hiérarchisation des pages

Choisir un thème

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

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

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

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)

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

Ma page à moi Navigateur Serveur Navigateur Ma page à moi Lecture du code source 2) ANALYSE 1) Demande pour consulter une page ( url) Lecture du code HTML

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

Ma page à moi Navigateur 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

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

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