Le HTML de base - Cours 4

Cours4
Cours 4
La publication d’un site web
-Retour sur le dernier cours
-La structure d’un site WEB
(l’utilisation des dossiers)
-La sélection d’un service d’hébergement
- La création d’un site WEB
- La publication des pages et fichiers sur un
serveur d’hébergement
1Retour: Cours 3
Voici ce que vous avez appris d’important au
dernier cours:
-Les liens via la balise <A HREF=“page.html”>
-La balise de commentaires <!-- … -->
-Les fichiers multimédias <EMBED>
-Les fameux TABLEAUX!!! <TABLE>
-Le texte défilant <MARQUEE>
La structure des dossiers
• Lorsqu’on crée un site Web, on peut séparer
son contenu dans des dosiers (Pages,
images, multimédia). Cela permets de
mieux se retrouver!
• Par contre, pour retrouver un fichier qui se
trouve dans un dossier quelconque, l’emploi
de la barre oblique (/) fait toute une
différence!
2
Copyright 2006 Philippe Phen - www.CoursHTML.tkVous êtes sur la page
index.html …
SRC="image1.jpg"
L’image se trouve dans le
même dossier que la
page Web.
SRC="images/image2.jpg"
L’image se trouve dans le
dossier «images» qui se
trouve dans le même
répertoire que la page
Web.
Vous êtes sur la page
page2.html …(membres)
SRC="/image1.jpg"
L’image se trouve dans un
niveau inférieur à celui de
la page Web.
SRC="/images/image2.jpg"
L’image se trouve dans le
dossier «images» qui se
trouve dans un niveau
inférieur à celui de la
page Web.
3Les dossiers… (suite)
• Dans le fond, pour ne pas se mêler avec les
barres obliques, il suffit de ne pas employer
de dossiers!
Le serveur d’hébergement
• Lorsque votre site sera terminé ou prêt à être
envoyé en ligne (Il devrait être prêt…) il faudra se
choisir un serveur d’hébergement.
• Un serveur d’hébergement est un site, (serveur)
qui offre le service d’héberger des sites Web
(pages html, images, musiques et autres fichiers)
• Voici des exemples connus d’hébergeurs:
Lycos-Multimania, Tiscali Pages persos,
Wanadoo, I-France I-Québec, Angelfire, Yahoo
Geocities, Voilà, etc.
4
Copyright 2006 Philippe Phen - www.CoursHTML.tkLa sélection du serveur d’hébergement
• Avant de s’inscrire au premier serveur
d’hébergement proposé par Google lors de la
recherche, il faut connaître quelques caractéristiques
à tenir compte lors de la comparaison.
• Espace d’hébergement : Pour un site personnel qui
n’est pas destiné à offrir des fichiers MP3 à
télécharger, un espace de 10 à 20 MO est suffisant.
• Publicités : Est-ce qu’il va y avoir des publicités?
Généralement les services gratuits vont avoir de la
publicité. Ce sera soit une barre publicitaire en
haut/en bas ou un Pop-UP.
• Bande passante (MO/mois): C’est la limite de
téléchargement de contenu à partir du serveur vers
les visiteurs. Plus la bande passante est grande,
plus de visiteurs pourront visiter votre site en un
mois.
• Temps d’activation du compte : Le temps que ça
prends avant que votre compte soit actif après une
inscription. Le mieux: Activation instantanée
• Adresse de l’hébergement : Si l’adresse du serveur
d’hébergement est trop longue comme : http://
www.serveurdhebergementfictifgratuitdemontreal.qc
.ca/votrecompte/index.html
Ce ne sera pas très beau! Choisissez un serveur
dont l’adresse est court et facile à retenir!
5• Gestion des fichiers : Est-ce que l’hébergeur offre un
gestionnaire des fichiers en ligne [File manager]
et/ou vous devez/pouvez y accéder par F.T.P. ?
• Autres caractéristiques : Offre t-il un compte d’e-mail
POP3? Garantie t-il la disponibilité et fonctionnement
des serveurs à 99,5% du temps? Supporte t-il le
PHP3? Supporte-il le CGI-Script? Supporte-il les
base de données My SQL? Offre t-il un support
technique?
• Voici deux services d’hébergements dont les caractéristiques
sont semblables et dont le processus d’inscription et le même.
• AtSpace : http://www.atspace.com
(Hébergeur actuel du site CoursHTML)
GRATUIT, sans publicités, 50 MO d’espace disque,
hébergement illimité de sites par compte, bande passante
illimitée, gestionnaire de fichier en ligne ET par FTP, Compte
d’e-mail POP3, réseau de serveurs ultra rapides. Limite de
200ko/fichier. ACTIVATION INSTANTANNÉE !
• 50Webs : http://www.50webs.com
GRATUIT, sans publicités, 60 MO d’espace disque,
hébergement illimité de sites par compte, bande passante
illimitée, gestionnaire de fichier en ligne ET par FTP, réseau de
serveurs linux ultra rapides. Limite de 300ko/fichier.
ACTIVATION INSTANTANÉE !
6
Copyright 2006 Philippe Phen - www.CoursHTML.tkL’inscription sur l’un des deux
services d’hébergement gratuit
• Les étapes de l’inscription ne seront pas
expliqués en détail ICI étant donné que ça ne
servirait pas à grand chose.
• C’est déjà bien expliqué dans les notes de
cours!
• Il sera aussi possible de voir ces étapes sur le
site CoursHTML à la page «Votre serveur
d’hébergement» à la section DIVERS-
ASTUCES lorsque vous devrez vous créer un
compte!
• Pour ceux qui veulent utiliser AtSpace,
rendez-vous sur le site www.atspace.com
et cliquez sur SING UP dans le menu en
haut.
• Pour ceux qui veulent utiliser 50Webs,
rendez-vous sur le site www.50webs.com
et cliquez sur SING UP dans le menu en
haut. Sélectionnez le choix de droite
(FREE) et cochez Use a subdomain.
7• Sur la page d’inscription (SING UP),
entrez correctement les informations
demandées ; le nom d’utilisateur n’est
pas le nom qui sera utilisé comme
adresse du site.
• Vous allez recevoir le mot de passe par
E-mail. Vous pourrez par la suite changer
ce mot de passe sur le panneau de
contrôle sur le site d’hébergement.
Le changement de mot de passe et la
création d’un site Web
• Il sera aussi possible de voir ces étapes illustrés
sur le site CoursHTML aux pages suivantes:
Pour le mot de passe :«Votre serveur
d’hébergement»
Pour la création d’un site Web: «L’envoi de
fichiers sur votre compte d’hébergement»
Tout ceci à la section DIVERS-ASTUCES.
8
Copyright 2006 Philippe Phen - www.CoursHTML.tk• Rendez-vous sur le site du serveur
d’hébergement et connectez-vous avec le
mot de passe que vous aurez reçu par e-
mail
• www.atspace.com/members
• www.50webs.com/members
9• Sur le panneau d’administration, cliquez
sur Change [account] Password pour
changer le mot de passe.
• Lorsque ce sera fait, cliquez sur Add
virtual host (AtSpace) ou Add Website
(50Webs) pour obtenir un site Web.
• Choisissez le nom du site. Ce sera ce qui
doit être tapé pour s’y rendre c’est à dire:
• http://votrechoix.hebergeur.com
10
Copyright 2006 Philippe Phen - www.CoursHTML.tk