Formation Internet : Naviguer   Débuter sur le web      Exploiter le web   Accéder au web  Aspirer un site   Le web et le fichiers

CREER UN SITE WEB avec FRONT PAGE EXPRESS (IE4 ou IE5) : METHODE et MODELE

Front Page Express ? c'est un  Freeware !
programme, en principe, installé avec I.E.5 ...

Pour le lancer:
Démarrer/Programmes/Accessoires/Outils Internet/Frontpage Express ou
Démarrer/Programmes/Internet Explorer/Frontpage Express) 

si vous ne l'avez pas?

Pour le retrouver:
Rechercher sur votre disque dur l'existence du fichier de lancement "fpxpress.exe" :
- s'il existe : créer un raccourci et lancer le programme.
- s'il est absent, il faut alors installer Fpage Express !

Pour l'installer
 Aller dans : Paramètres/Panneau de Configuration/Ajout-Suppression de programmes/
                   Onglet : Installation Windows puis Composants : Outils Internet / 
Demander : Détails / Cocher "FrontPage Express" / OK.
et l'installation se déroule !

Toujours impossible ?

Pour le télécharger :
Aller sur le site memoclic ou soswindowsfr

- télécharger le fichier dans un dossier intitulé "Frontpage Express"(à créer), 
- le décompresser si nécessaire
- enfin, cliquer sur "fpxpress.exe" et Frontpage Express démarre ! 
- penser à créer un raccourci

1/SUR PAPIER CREER SA MAQUETTE  

Lister les composants nécessaires : ex images, sons…Attention :  fichiers htm  =/= fichiers images, sons

2/LANCER L'ORDINATEUR

• Créer un Dossier destiné au site avec sous dossiers nécessaires (image)

• Récupérer les composants (images en GIF ou JPEG, maxi 50 Ko ; attention à la taille en pixels/taille d'un écran ayant une résolution de 72 dpi. les stocker dans le dossier idoine  et donc créer des sous dossiers (image/sons/video/gif..)

• Eventuellement faire un dossier vignette et y placer les images en vignettes (avec le même nom). Si musique fichier.mid ou .wav Gif animé = gif normal !

• Remarque : toujours utiliser des noms de fichiers "dos" 8+3 (minuscules, sans espace, ni  accent…).

3/LANCER FRONT PAGE EXPRESS

A.CREER LES PAGES

§          Créer chaque page (Fichier/Nouveau) insérer le texte, et l'enregistrer (Fichier/enregistrer sous… comme Fichier!)  le plus vite possible dans le bon dossier .  Ne pas fermer la page. Ne pas oublier de donner un titre significatif à la page (se lira dans le navigateur). 
Nota   Page: index.htm  = obligatoire!

§          Si nécessaire, Insérer les images (Insertion/image : nom.gif ou nom.jpeg) au bon endroit. Menu Insertion / Image … à partir du fichier…Parcourir et sélectionner… (donc s'affiche ex : image/paysage.jpg) Redimensionner.

§          Créer les liens externes : sélectionner le texte ou l'image support du lien puis Insertion/Lien/World Wide Web et taper l'adresse du site (http://www.fnac.net) et valider OK. (possibilité de copier/coller des adresses mais veiller à ne pas coller d'espace!)

§          Créer les  liens hypertextes internes à la page : d'abord sélectionner la cible et insérer un signet (Edition/Signet et lui mettre un nom. OK) puis aller au mot qui doit faire référence  à la cible, le sélectionner (Insertion/lien/page ouverte et dérouler t des signets puis sélectionner le bon signet puis OK)

B.CREER LE SITE WEB : CREER LES LIENS INTERNES attention toutes les pages doivent être ouvertes !

§          Activer la page puis sélectionner le texte ou l'image support du lien puis Insertion/Lien/…ouverture de pages et choisir le titre de la page concernée. Valider avec OK

§          Répéter l'opération pour toutes les pages.

    VOIR UNE STRUCTURE DE BASE DE SITE MODELE conçu avec Frontpage Express
VOIR LE FONCTIONNEMENT DU SITE MODELE conçu avec Frontpage Express

4/ASTUCES

§          La mise en forme de texte n'est pas aussi souple qu'avec un traitement de texte aussi faut-il parfois utiliser un tableau (Tableau/Insérer) pour mieux disposer les données. Disposition et aspect du tableau dans Tableau/propriétés.
L'on peut : Ne pas faire apparaître les cadres du tableau ! Faire fusionner des cellules. Insérer un tableau dans un tableau …

§          Arrière plan : Menu  Format/arrière plan  et insérer un Texte défilant (insertion/texte défilant) ou clignotant(format/police/styles spéciaux : cocher clignotant)

§         Vignette cliquable : Insérer d'abord la vignette (comme une image normale) puis la sélectionner et faire un clic droit : propriétés/général/ en bas "Liens par défaut" et à emplacement, indiquer l'adresse de l'image ex : image/paysage.jpg)

§         Dans Fichier/Propriétés page, vérifier le titre, possibilité d'ajout d'un fond sonore

§          Attention l'aspect d'une page varie selon les navigateurs utilisés… à vérifier !

5/TRANSFERER LE SITE WEB SUR UN SERVEUR

§          Il faut l'accord du responsable du serveur  qui ouvre un comte en attribuant un DOSSIER et les coordonnées nécessaires. Il faudra transférer le contenu du dossier local vers le dossier distant

§          Utiliser un logiciel FTP spécialisé dans le téléchargement ex : WS_FTP ou FTP Expert: d'abord, le configurer en indiquant un nom au site puis URL du site (www.multimania.com/monsite) votre identifiant ( ????) et votre mot de passe (à mémoriser). Se connecter : l'on obtient à G : votre ordinateur, à droite, l'ordinateur distant. Il suffit de sélectionner les dossiers ou fichiers  à transférer  et cliquer sur la flèche d'envoi.

6/FAIRE VIVRE  ET ACTUALISER SON SITE

•  Tout fichier modifié ou nouveau devra être transféré sur le serveur : l'ancien fichier sera automatiquement écrasé.

• Faire connaître son site : le référencement : mots clés, inscriptions dans les moteurs ; connaître ses visiteurs (compteur, audience

 §   Plus tard utiliser un logiciel plus performant ex: Frontpage (simple) ou  Dreamweaver (complet) et utiliser des techniques   puissantes :intégrer des sons ou vidéos, dynamiser les pages (DHTML et javascript), créer des feuilles de style, utiliser la technologie Flash... et ne plus compter son temps !