Créer un mini-site avec FrontPage Express

A moins de disposer légalement d’un éditeur HTML performant (Frontpage97 ou plus, DreamWeaver3 …), Microsoft Frontpage express suffit largement aux besoins de l’IGC pour initier les élèves à la création de pages (voire de sites) au format HTML. Front page Express présente même un avantage pédagogique car il oblige à une réflexion préalable quant à la structure du site (arborescence…).

I/ FrontPage Express en quelques lignes

Frontpage express est un éditeur HTML : HTML (Hyper Text Markup Language) est le langage adopté par le web.

Ce langage est composé uniquement de texte brut auquel s’ajoutent des balises (Tag) permettant de mettre en forme le texte LORS DE L’AFFICHAGE dans le navigateur. Le format texte HTML est un format universel reconnu par tous les navigateurs web.

Grâce à ces « Tags », il est également possible d’afficher des images stockées sur le serveur qui héberge le site.

HTML signifie en français Langage de Liens Hyper Textes : Un clic sur un mot ou une image pour lesquels un lien hypertexte a été défini permet d’ouvrir une nouvelle page.

Exemple : affichage d’une page HTML dans le navigateur

L’apprentissage du langage HTML n’est pas indispensable mais comprendre sa structure de base peut permettre d’aller plus loin comme par exemple pour insérer des effets d’animation (langage DHTML, script en java script)

Remarque : dans le référentiel d’IGC, le programme prévoit des éléments de programmation. Si on ne souhaite pas enseigner le langage Lotus Script ou le VBA (MS office) on peut aborder quelques notions de java script avec les élèves.

II/ Structure d’une page HTML

Observez l’affichage du code HTML de l’exemple précédent :

<html>

<head>

content="text/html; charset=iso-8859-1">

</head>

Bienvenue sur le site du Club

igc 2001

Un site créé et animé par les élèves

de seconde

du lycée Rimbaud

<a href="presentation/present.htm">Présentation</a>

Activités du club

...

Nous écrire : <a href="mailto:clubigc2001.rimbaud@laposte.net">

<img src="file:///D:/Mes%20documents/Mes%20images/Boutons/kb3c-17.gif"

alt="Ecrivez au club " border="0" width="124" height="28"></a>

</body>

</html>

Quel est le rôle de la balise <html> et </html> ?
Combien de parties comportent une page html ?
Quel est le rôle de la balise et
Dans l’exemple affiché à la page précédente, comment le titre de la fenêtre apparaît-il ?
Quelle est la balise permettant de créer un lien hypertexte ?

III/ Une préparation minutieuse pour une conception réussie

Pour réaliser un site, il faut se poser un certain nombre de questions

A/ Définir des objectifs

1) Des objectifs clairs pour définir :

Quelle information doit être communiquée à travers le site :
- Faire connaître une organisation (entreprise, association…) ?
- Faire connaître une gamme de produits ?
- Transmettre une passion, une expérience gratuitement ?

2) A qui s’adresse le site (cible) ?

q à une clientèle actuelle ou potentielle ?

q à une communauté réduite (des élèves, aux membres d’une association…) ?

q à un public très large ou au contraire très spécifique (personnes partageant la même passion…)

3) Des objectifs réalisables

Il est inutile de promettre un cours sur la programmation en Visual Basic Application, par exemple si on ne connaît pas ce langage. A moins de créer un site dans le seul but d’apprendre, le webmestre s’engage moralement envers ses visiteurs à mettre à jour son site régulièrement (au moins une fois tous les quinze jours).

4) Des objectifs réalistes

La toile regorge de sites extraordinaires et complets sur de nombreux thèmes. Lorsqu’on crée un site celui-ci doit apporter un plus en terme de contenu.

Des objectifs qui respectent le droit d’auteur

q Il est interdit de reproduire sur un site des extraits d’autres sites ou des articles de journaux, livres sans une autorisation des auteurs. Même chose pour les images et photos.

q lorsque vous faites un lien vers un site externe, la page doit s’afficher dans une fenêtre (et non à l’intérieur d’un cadre sinon il faut demander l’autorisation de l’auteur)

q Seuls les documents ou logiciels relevant de la « licence libre » (G.N.U.) peuvent être diffusés, modifiés sans autorisation préalable (à condition de mentionner la source de l’original et le nom de l’auteur)

Remarque : les contraintes liées au respect du droit d’auteur font qu’on ne trouve aucun support de cours « prêt à l’emploi » en économie droit (documents et questions associés).

De la fixation des objectifs dépendra la structure du site et la mise en page