SlideShare une entreprise Scribd logo
Production de documents pour le Web De la découverte du HTML à la création d’un premier site Web « perso » Equipe pédagogique C2i Université Bordeaux 3 Cours pour le C2i
Le langage HTML HTML (HyperText Markup Langage) est le langage universel utilisé pour concevoir des pages WEB, c’est à dire des pages pouvant être transportées sur le réseau Internet et lues par des Browsers (navigateurs) comme Internet explorer, Firefox, Safari, Opera...  Les pages Web correspondent à des fichiers nommés avec l ’extension .htm ou .html.
Les bases du HTML ,[object Object],[object Object],[object Object],[object Object]
L’édition ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Les hyperliens ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Lien hypertexte « externe » ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Lien hypertexte « local » ,[object Object],[object Object],Le fichier sur lequel on pointe se situe dans un répertoire différent et sur la même machine.  L'adresse du lien sera alors  : <A HREF=« ../../dossier4/fichier.htm &quot;>Cliquez ici</A>
Liens hypertextes « internes » et étiquettes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Les images La gestion des images
Les images (formats recommandés) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Production et publication d’un site Web
Introduction L’objectif de cette partie du cours est d’indiquer quelques dispositifs existants et la démarche pour ouvrir un espace d’hébergement (gratuit) sur le Web. Ceci est la première étape pour créer un site de type « perso ». Il existe différentes solutions et de nombreux acteurs proposent des services similaires. Nous nous appuierons sur une des solutions pour créer notre premier site.
Les solutions « perso » http://www.multimania.lycos.fr/   http://www.free.fr http://monsite.voila.fr/   et beaucoup d’autres encore...
Types de solution pour produire des pages Web ,[object Object],[object Object],[object Object],2 approches différentes Recours à un éditeur en « mode local » puis transfert des fichiers  importation des fichiers (pages HTML et ressources graphiques ...) sur le serveur (dans la zone d’hébergement créée). mode full-web mode FTP Solution présentée dans ce cours
Etude de cas avec Voila http://monsite.voila.fr/   Nous allons maintenant créer notre site Web « perso » sur Voila que nous avons retenu pour l’exemple. Bien évidemment les acteurs cités précédemment  (et bien d’autres encore) fournissent des services semblables. Il faut se connecter sur l’adresse de gestion des sites web perso de Voila Comment créer son site en 20 minutes en 5 étapes !
Création d’un compte chez Voila Il faut créer un compte chez Voilà. Suivez les différentes étapes, complétez le formulaire en ligne, mémorisez votre mot de passe, puis validez le formulaire. Cliquez sur « Devenez membre » Attention e-mail obligatoire pour valider votre inscription ! 1 ère  étape
Confirmation de l’inscription Il faut confirmer l’inscription => voir le mail reçu dans la boîte que vous avez indiqué lors de l’inscription.  Après avoir cliqué sur le lien de confirmation, vous accédez à l’écran reproduit ci-dessous. Cliquez sur  Voila Mon Site  pour continuer 2 ème  étape
Création en mode assisté Nous allons maintenant montrer comment créer un  site Web en nous appuyant sur un exemple de système de production entièrement géré en ligne (connexion Internet nécessaire) et ne nécessitant aucun logiciel installé sur votre poste de travail.  Comment créer son site sans aucune connaissance  des langages d’édition pour le Web.
Création de votre site en mode assisté Vous allez créer maintenant votre site Choisissez «  assistant en ligne » Cliquez sur « C réer  » 3 ème  étape
Création de votre site en mode assisté 3 ème  étape suite Il faut lire les conditions avant de les accepter puis vous accédez au formulaire de création de votre site. Il suffit d’indiquer le nom du site. Le nom d’utilisateur et le nom du site peuvent être différents. http:// nom_choisi .site.voila.fr
Gestion des fichiers (pages, images...) en mode assisté Votre espace d’hébergement est maintenant créé. Il faut choisir un modèle de page d’accueil 4 ème  étape
Modification de la page d’accueil du site en mode assisté Recours à l’assistant pour créer vos pages Ouvrez la page dans votre navigateur : http:// nom_choisi .site.voila.fr/index.jhtml 5 ème  étape en cliquant sur  Publier et tester,  vous pouvez vérifier votre travail en ligne
Modification (ultérieure) du site en mode assisté ,[object Object],puis, il suffit de choisir  «Modifier un site » Pour gérer par la suite (après déconnexion), son site (ou ses sites),  il faut passer par l’entrée :  http://site.voila.fr puis choisir «  assistant en ligne  »
Création en mode expert Nous allons maintenant montrer comment gérer un site Web. Pour cela il faut gérer les fichiers nécessaires au bon fonctionnement de notre site en important ceux-ci sur le serveur (FTP). Comment créer une zone d’hébergement et gérer les fichiers (pages HTML, images ...)
Création de votre site (mode expert) Vous allez créer maintenant votre site Choisissez «  assistant en ligne » Cliquez sur «  je veux créer un site » 3 ème  étape
Gestion des fichiers (pages, images...) en mode expert Votre espace d’hébergement est maintenant créé. Vous pouvez maintenant transférer vos fichiers (html, jpg, gif...) en vous appuyant sur l’interface (importer des fichiers...) 4 ème  étape
Modification de la page index.html en mode expert Pour éditer en ligne votre page  index.html. Il suffit pour cela de cliquer sur le lien puis sur  modifier la page. Ouvrez la page dans votre navigateur : http:// nom_choisi .site.voila.fr/index.html 5 ème  étape Modification du code source HTML
Modification (ultérieure) du site en mode expert ,[object Object],puis, il suffit de choisir  « je veux gérer mes fichiers » Pour gérer par la suite (après déconnexion), son site (ou ses sites),  il faut passer par l’entrée :  http://site.voila.fr puis choisir «  assistant en ligne  »
Liens utiles
Des liens utiles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Création d’un premier site (par l’assistant) Créez votre premier site en utilisant le mode assistant. Dans ce site, présentez les résultats d’une recherche d’informations sur Internet en y insérant des images: le sujet de la recherche est libre. Déposez ensuite l’hyperlien vers votre site dans un dossier à votre nom et n° étudiant dans les « Favoris » sur le Bureau Virtuel. Utilisez le groupe dans lequel vous avez déposé votre épreuve pratique préparatoire. Bon courage !
Après la production et la publication… Référencement du site Mesure d’audience du site  Une fois que votre site est en ligne,  un autre travail commence …
Le référencement ,[object Object],[object Object],[object Object],[object Object]
L’inscription dans les outils de recherche ,[object Object],[object Object],[object Object],[object Object]
Le tissage de liens ,[object Object],[object Object],[object Object]
La métadescription de la page Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Du compteur de visites aux statistiques ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Du simple compteur  à des systèmes élaborés (Webmining)
Les outils ,[object Object],Nedstat (basic),  http://www.nedstat.fr   Xiti (gratuit),  http://www.xiti.com/gratuit Umain Stat,  http://umain.homelinux.com/ustat/   Les hébergeurs comme Free, Lycos, Voila … proposent également des services intégrés                       
Activités facultatives Essayez de faire référencer votre site. Vous pouvez également essayer de mettre en œuvre un compteur comme Xiti gratuit sur votre site.

Contenu connexe

Tendances

Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
michel.titeux
 
Tutoriel Netvibes
Tutoriel NetvibesTutoriel Netvibes
Tutoriel Netvibes
Francis Verger
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPress
Abdoulaye Dieng
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
François Huynh
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
Ghodhbane Mohamed Amine
 
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Claude BUENO
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
Kénium
 
Chap 2 animations___vf
  Chap 2 animations___vf  Chap 2 animations___vf
Chap 2 animations___vf
Thabet Chokri
 
Html 5
Html 5Html 5
Html 5
Thomas Bodin
 
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 201510 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
Com'3elles - www.com3elles.com
 
Creer un site internet sous WordPress
Creer un site internet sous WordPress Creer un site internet sous WordPress
Creer un site internet sous WordPress
Erwan Tanguy
 
Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5
Com'3elles - www.com3elles.com
 
WP day Algérie : Concevoir un plugin WordPress
WP day Algérie : Concevoir un plugin WordPressWP day Algérie : Concevoir un plugin WordPress
WP day Algérie : Concevoir un plugin WordPress
imath
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMSChi Nacim
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
davidbx
 
Blog
BlogBlog
Blog
rsscm
 
Blog sur Wordpress.com
Blog sur Wordpress.comBlog sur Wordpress.com
Blog sur Wordpress.com
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
Cyberco
 

Tendances (20)

Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
 
Tutoriel Netvibes
Tutoriel NetvibesTutoriel Netvibes
Tutoriel Netvibes
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPress
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
 
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
 
Chap 2 animations___vf
  Chap 2 animations___vf  Chap 2 animations___vf
Chap 2 animations___vf
 
Html 5
Html 5Html 5
Html 5
 
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 201510 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
 
Creer un site internet sous WordPress
Creer un site internet sous WordPress Creer un site internet sous WordPress
Creer un site internet sous WordPress
 
Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
WP day Algérie : Concevoir un plugin WordPress
WP day Algérie : Concevoir un plugin WordPressWP day Algérie : Concevoir un plugin WordPress
WP day Algérie : Concevoir un plugin WordPress
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMS
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
 
Blog
BlogBlog
Blog
 
Blog sur Wordpress.com
Blog sur Wordpress.comBlog sur Wordpress.com
Blog sur Wordpress.com
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
 
Tuto.initiation2.word.press
Tuto.initiation2.word.pressTuto.initiation2.word.press
Tuto.initiation2.word.press
 

En vedette

Certificat c2i ben_hazzez_belgacem
Certificat c2i ben_hazzez_belgacemCertificat c2i ben_hazzez_belgacem
Certificat c2i ben_hazzez_belgacem
BEN HAZZEZ Belgacem
 
Ppt Reunion C2 I
Ppt Reunion C2 IPpt Reunion C2 I
Ppt Reunion C2 Ic2i
 
Cours Excel avance
Cours Excel avanceCours Excel avance
Cours Excel avance
hassan1488
 
Cours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vieCours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vie
Mohammed Amine Mostefai
 
Tableur avance EXCEL
Tableur avance EXCELTableur avance EXCEL
Tableur avance EXCELwalid sassi
 
Cours complet excel détaillé
Cours complet excel détailléCours complet excel détaillé
Cours complet excel détailléPaul Kamga
 

En vedette (6)

Certificat c2i ben_hazzez_belgacem
Certificat c2i ben_hazzez_belgacemCertificat c2i ben_hazzez_belgacem
Certificat c2i ben_hazzez_belgacem
 
Ppt Reunion C2 I
Ppt Reunion C2 IPpt Reunion C2 I
Ppt Reunion C2 I
 
Cours Excel avance
Cours Excel avanceCours Excel avance
Cours Excel avance
 
Cours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vieCours Génie Logiciel - Cours 2 - Cycles de vie
Cours Génie Logiciel - Cours 2 - Cycles de vie
 
Tableur avance EXCEL
Tableur avance EXCELTableur avance EXCEL
Tableur avance EXCEL
 
Cours complet excel détaillé
Cours complet excel détailléCours complet excel détaillé
Cours complet excel détaillé
 

Similaire à C2i Web

Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
tanokouakouludovic
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
cours Php
cours Phpcours Php
cours Php
mohamednacim
 
Formation web
Formation webFormation web
Formation web
Stéphane BIOKOU
 
Comment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site InternetComment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site Internet
rockpunk55
 
Comment creer un site internet
Comment creer un site internetComment creer un site internet
Comment creer un site internet
estreetz
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Mohammed JAITI
 
Créer un blog de bibliothèque
Créer un blog de bibliothèqueCréer un blog de bibliothèque
Créer un blog de bibliothèque
webmaster87
 
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de BergeracCréation d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de BergeracPays de Bergerac
 
Synthese sur HTML
Synthese sur HTMLSynthese sur HTML
Synthese sur HTMLyoutisha
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Laurent Moccozet
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
Com'3elles - www.com3elles.com
 
Creation Du Design
Creation Du DesignCreation Du Design
Creation Du Design
Patrick Van Hoof
 
Sa4
Sa4Sa4
Atelier template
Atelier templateAtelier template
Atelier template
Pierre Sempé
 
Cours referencement optimisation
Cours referencement optimisationCours referencement optimisation
Cours referencement optimisationRémi Bachelet
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri ville
Peggy Le Déaut ☂️
 
Création de blog et sites internet
Création de blog et sites internetCréation de blog et sites internet
Création de blog et sites internet
piera5
 
Installation Modx
Installation ModxInstallation Modx
Installation Modx
Patrick Van Hoof
 

Similaire à C2i Web (20)

Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
cours Php
cours Phpcours Php
cours Php
 
Formation web
Formation webFormation web
Formation web
 
Comment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site InternetComment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site Internet
 
Comment creer un site internet
Comment creer un site internetComment creer un site internet
Comment creer un site internet
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
Créer un blog de bibliothèque
Créer un blog de bibliothèqueCréer un blog de bibliothèque
Créer un blog de bibliothèque
 
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de BergeracCréation d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
 
Synthese sur HTML
Synthese sur HTMLSynthese sur HTML
Synthese sur HTML
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
 
Creation Du Design
Creation Du DesignCreation Du Design
Creation Du Design
 
Sa4
Sa4Sa4
Sa4
 
Atelier template
Atelier templateAtelier template
Atelier template
 
Cours referencement optimisation
Cours referencement optimisationCours referencement optimisation
Cours referencement optimisation
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri ville
 
Création de blog et sites internet
Création de blog et sites internetCréation de blog et sites internet
Création de blog et sites internet
 
Installation Modx
Installation ModxInstallation Modx
Installation Modx
 

C2i Web

  • 1. Production de documents pour le Web De la découverte du HTML à la création d’un premier site Web « perso » Equipe pédagogique C2i Université Bordeaux 3 Cours pour le C2i
  • 2. Le langage HTML HTML (HyperText Markup Langage) est le langage universel utilisé pour concevoir des pages WEB, c’est à dire des pages pouvant être transportées sur le réseau Internet et lues par des Browsers (navigateurs) comme Internet explorer, Firefox, Safari, Opera... Les pages Web correspondent à des fichiers nommés avec l ’extension .htm ou .html.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. Les images La gestion des images
  • 10.
  • 11. Production et publication d’un site Web
  • 12. Introduction L’objectif de cette partie du cours est d’indiquer quelques dispositifs existants et la démarche pour ouvrir un espace d’hébergement (gratuit) sur le Web. Ceci est la première étape pour créer un site de type « perso ». Il existe différentes solutions et de nombreux acteurs proposent des services similaires. Nous nous appuierons sur une des solutions pour créer notre premier site.
  • 13. Les solutions « perso » http://www.multimania.lycos.fr/ http://www.free.fr http://monsite.voila.fr/ et beaucoup d’autres encore...
  • 14.
  • 15. Etude de cas avec Voila http://monsite.voila.fr/ Nous allons maintenant créer notre site Web « perso » sur Voila que nous avons retenu pour l’exemple. Bien évidemment les acteurs cités précédemment (et bien d’autres encore) fournissent des services semblables. Il faut se connecter sur l’adresse de gestion des sites web perso de Voila Comment créer son site en 20 minutes en 5 étapes !
  • 16. Création d’un compte chez Voila Il faut créer un compte chez Voilà. Suivez les différentes étapes, complétez le formulaire en ligne, mémorisez votre mot de passe, puis validez le formulaire. Cliquez sur « Devenez membre » Attention e-mail obligatoire pour valider votre inscription ! 1 ère étape
  • 17. Confirmation de l’inscription Il faut confirmer l’inscription => voir le mail reçu dans la boîte que vous avez indiqué lors de l’inscription. Après avoir cliqué sur le lien de confirmation, vous accédez à l’écran reproduit ci-dessous. Cliquez sur Voila Mon Site pour continuer 2 ème étape
  • 18. Création en mode assisté Nous allons maintenant montrer comment créer un site Web en nous appuyant sur un exemple de système de production entièrement géré en ligne (connexion Internet nécessaire) et ne nécessitant aucun logiciel installé sur votre poste de travail. Comment créer son site sans aucune connaissance des langages d’édition pour le Web.
  • 19. Création de votre site en mode assisté Vous allez créer maintenant votre site Choisissez «  assistant en ligne » Cliquez sur « C réer  » 3 ème étape
  • 20. Création de votre site en mode assisté 3 ème étape suite Il faut lire les conditions avant de les accepter puis vous accédez au formulaire de création de votre site. Il suffit d’indiquer le nom du site. Le nom d’utilisateur et le nom du site peuvent être différents. http:// nom_choisi .site.voila.fr
  • 21. Gestion des fichiers (pages, images...) en mode assisté Votre espace d’hébergement est maintenant créé. Il faut choisir un modèle de page d’accueil 4 ème étape
  • 22. Modification de la page d’accueil du site en mode assisté Recours à l’assistant pour créer vos pages Ouvrez la page dans votre navigateur : http:// nom_choisi .site.voila.fr/index.jhtml 5 ème étape en cliquant sur Publier et tester, vous pouvez vérifier votre travail en ligne
  • 23.
  • 24. Création en mode expert Nous allons maintenant montrer comment gérer un site Web. Pour cela il faut gérer les fichiers nécessaires au bon fonctionnement de notre site en important ceux-ci sur le serveur (FTP). Comment créer une zone d’hébergement et gérer les fichiers (pages HTML, images ...)
  • 25. Création de votre site (mode expert) Vous allez créer maintenant votre site Choisissez «  assistant en ligne » Cliquez sur «  je veux créer un site » 3 ème étape
  • 26. Gestion des fichiers (pages, images...) en mode expert Votre espace d’hébergement est maintenant créé. Vous pouvez maintenant transférer vos fichiers (html, jpg, gif...) en vous appuyant sur l’interface (importer des fichiers...) 4 ème étape
  • 27. Modification de la page index.html en mode expert Pour éditer en ligne votre page index.html. Il suffit pour cela de cliquer sur le lien puis sur modifier la page. Ouvrez la page dans votre navigateur : http:// nom_choisi .site.voila.fr/index.html 5 ème étape Modification du code source HTML
  • 28.
  • 30.
  • 31. Création d’un premier site (par l’assistant) Créez votre premier site en utilisant le mode assistant. Dans ce site, présentez les résultats d’une recherche d’informations sur Internet en y insérant des images: le sujet de la recherche est libre. Déposez ensuite l’hyperlien vers votre site dans un dossier à votre nom et n° étudiant dans les « Favoris » sur le Bureau Virtuel. Utilisez le groupe dans lequel vous avez déposé votre épreuve pratique préparatoire. Bon courage !
  • 32. Après la production et la publication… Référencement du site Mesure d’audience du site Une fois que votre site est en ligne, un autre travail commence …
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. Activités facultatives Essayez de faire référencer votre site. Vous pouvez également essayer de mettre en œuvre un compteur comme Xiti gratuit sur votre site.