Suite au
super
atelier du samedi le 21 février sur
la création de pages web,
vous trouverez un résumé de la présentation. Amusez-vous bien.
Construire une ou des pages web est assez simple :
1 - Créer sa page web à partir d'un éditeur de texte
2 - Publier sa page sur un serveur à l'aide d'un
logiciel approprié
Voici le
document remis :
Document accompagnant l'atelier
sur la création des pages web
Pour lire son adresse IP
Cliquez sur l'icône de connexion avec le bouton droit de la
souris.
Choisissez la commande État.
Sur la page Détails, vous trouverez votre adresse IP sous Adresse IP
du Client.
Programmes spécialisés selon un service
Service mailto : Outlook Express, Outlook, Netscape Communicator,
Eudora, …
Service ftp : FTP, les produits MS Office, WS-FTP, FTP Expert, …
Service http : Internet Explorer, Netscape Navigator, Opera, …
Définitions
SGML : Standard General Markup Language
texte contenant des balises
HTTP : HyperText Transfer Text Protocol
protocole
spécialisé dans les documents multimédia
Page web de base :
<html>
<head>
<title>Ma maison</title>
</head>
<body>
<p>Ma maison</p>
<p><img src="maison.gif" ></p>
</body>
</html>
Page web mieux construite :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="fr-ca">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ma maison</title>
</head>
<body>
<p>Ma maison</p>
<p><img border="0" src="maison.gif" width="284" height="243"></p>
</body>
</html>
Sites intéressants
Sites de référence :
http://www.aidenet.com/pageperso0.htm
http://guide.ungi.net
http://www.memoclic.com
Site pour valider votre code :
http://validator.w3.org
Moyens pour publier sa page web :
À partir d'un logiciel spécialisé en FTP : FTP Expert, WS_FTP,
...
À partir d'un logiciel de la suite MS Office, par la commande
Enregistrer sous
À partir de FrontPage par la commande Publier
En écrivant directement sur le serveur : geocities.yahoo.com
Exemple de styles internes
<style>
<!--
h1 { background-color: #C0C0C0; text-align: center; border-style:
solid; margin-top: 6; margin-bottom: 6 }
h2 { color: #FF0000 }
-->
</style>
Exemple de feuilles de styles
Il faut un fichier, d'extension css, contenant les styles :
h1 { font-family: 'Times New Roman', Times; color: #FF0000;
list-style-type: decimal; background-color: #C0C0C0;
text-align: center; border-style: solid }
h2 { font-family: 'Times New Roman', Times; color: #0000FF }
h3 {font-family: Times New Roman, Times; color: rgb(0,102,153)}
h4 {font-family: Times New Roman, Times; color: rgb(153,153,0)}
h5 {font-family: Times New Roman, Times; color: rgb(255,153,0)}
h6 {font-family: Times New Roman, Times; color: rgb(51,102,204)}
lien à une feuille de styles externe
Il faut inclure un lien à ce fichier dans votre page :
<link rel="stylesheet" type="text/css" href="feuille.css">
Commande d'enchâssement d'objet
<embed src="camping.mov" height="150" width="150">
Exemples de cgi :
Ajout d'un compteur chez Videotron
<img src="/cgi-bin/Count.cgi?display=counter|df=vlxxxxxx.dat">
Ajout d'un livre d'or chez Videotron
<a href="/cgi-bin/Guestbook/livreor.cgi">Livre d'or</a>
Traitement d'un formulaire chez Videotron
<form method=post action="http://pages.infinit.net/cgi-bin/FormCour.pl">
<input
type=hidden name="recipient" value="courriel@videotron.ca">
<input type=hidden name="redirect" value="http://pages.infinit.net/xxxxxxxx/confirmation.htm">
<input type=hidden name="subject" value="Commande de CD">
Exemple de code XML
<?xml version="1.0"?>
<traducteur>
<mot>
<francais>Bleu</francais>
<english>Blue</english>
<italiano>Azzurro</italiano>
</mot>
<mot>
<francais>Rouge</francais>
<english>Red</english>
<italiano>Rosso</italiano>
</mot>
<mot>
<francais>Vert</francais>
<english>Green</english>
<italiano>Verde</italiano>
</mot>
</traducteur>
En période de question, il a été dit qu'il
existait un programme permettant de convertir un diaporama
PowerPoint en
format Flash.
Vous trouverez ce programme,
PowerConverter4, en format "shareware",
avec une période d'essai de 10 jours à
http://www.presentationpro.com/Downloads/PowerCONVERTER4.EXE
.
J'invite tous les participants à
cet atelier à essayer de se créer un site web selon ce que nous
avons vu dans le cours. Ce n'est pas nécessaire que le site soit
super compliqué (quoi qu'il puisse l'être si vous le désirez ). Si
le produit est satisfaisant, vous pourriez me faire parvenir
l'adresse du site et je la ferai paraître sur la page Sites de nos
membres.
Faites-moi
parvenir un courriel à
admin.
|
Suite à
l'atelier sur