Finalisez votre site créé avec Publisher

MISE EN PAGE

Si la résolution de votre écran est 1024x768, sachez qu'il y a des personnes qui utilisent la résolution standard 800x600.

Cliquez sur le menu Fichier puis sur mise en page.

Dans Type de composition sélectionnez Page web, et pour la taille sélectionnez standard 800x600.

Si vous voulez entrer des choix personnels cliquez sur Personnalisé et entrez les nouvelles valeurs largeur et hauteur de la page. Le tout est en pixel (Px).

ET LE CONTENU DES PAGES ??

Effectivement, je ne l'ai pas oublié.

Remarquez que le texte affiché par défaut comporte des instructions à suivre dans l'élaboration de votre texte personnel.

Il vous montre ce que doit comprendre chaque page, ainsi que sa disposition.

Les images proposées sont modifiables, cliquez avec le bouton droit et sélectionnez Modifier l'image pour remplacer l'image actuelle par l'image de votre choix.

Sur la nouvelle image insérée, cliquez encore avec le bouton droit de la souris, mais cette fois sélectionnez Format de l'image.

Sous l'onglet Web saisissez un texte de remplacement.

Juste en dessous, lisez la fonction de ce texte.

Effectuez aussi vos mises en forme pour vos textes (taille, couleur..), vous pouvez ajouter d'autres zones de texte, d'autres images …

TESTER VOTRE SITE

Votre site maintenant est prêt, mais il se peut que vous avez fait quelques erreurs..

Publisher dispose d'un vérificateur qui vous aide à corriger vos erreurs.

Dans le menu Outils, cliquez sur Vérificateur de mise en page.

Le volet office affiche donc ces erreurs, cliquez sur la flèche à droite de chaque erreur puis choisissez l'une des opérations disponibles :

• Atteindre : vous permet d'atteindre l'emplacement de l'élément défectueux.

• Corriger : pour corriger automatiquement l'erreur…

• Fermez enfin le vérificateur.

Enregistrement du site

Nous l'avons déjà fait. C'est vrai. Mais nous n'avons enregistré que le fichier publisher.

Nous voulons donc enregistrer le site au format Web pour le publier.

Cliquez sur publier sur le web dans le menu Fichier.

Choisissez de le publier sur votre disque dur. on va l'enregistrer pour le moment dans un dossier pour le publier après.

APERÇU DU SITE

Ouvrez le dossier contenant votre site.

Il contient une page web index et un dossier index_Fichiers.

Cliquez 2 fois sur la page web index pour voir le résultat de votre travail.

Le site sera affiché dans le navigateur que vous utilisez par défaut.

Problèmes !!

Vous pouvez remarquer, si vous avez affiché le site dans un navigateur différent de Internet explorer, que seul dans ce dernier qui est affiché correctement.

Ne vous fâchez pas !

LE PLUS IMPORTANT !

Je suis d'accord avec vous que c'est désespérant.

Cependant il se peut qu'il y aurait une solution quelques parts.

En plus, ne trouvez pas que le plus important c'est que:

• nous avons acquis beaucoup d'informations sur la conception des sites
• Nous avons vu le rôle des mots-clés, l'importance des textes de remplacement, quelles polices choisir, la mise en page …
• Nous nous sommes arrêtés sur l'importance de posséder des navigateurs différents.
• ....
  

Ces informations vont nous faciliter des tâches quand nous aborderons l'éditeur web FrontPage.

PRÉCÉDENT

Gérez votre site avec le volet office de Publisher

Le volet office

Presque tout notre travail va se faire à partir du volet office

car il affiche toutes les commandes qu'on aura besoin

pour concevoir notre site.

Pour afficher le volet, cliquez dans le menu Affichage sur Volet office.

Utilisez ses flèches : Précédent et suivant en haut du volet pour vous y déplacer.

• Commande n°1: options de site web

Vous pouvez choisir une disposition désirée pour la barre de navigation.

Si vous voulez ajouter une autre page à votre site cliquez sur insérer une page dans la zone Ajouter à votre site, en bas.

Sélectionnez le type de page voulu dans la fenêtre qui s'ouvre.

Cliquez sur Plus pour plus d'options et valider votre choix.

N'affichez pas l'aperçu pour le moment.

Pour d'autres options telles que le codage (Langue d'affichage du site dans un navigateur), l'orientation de la page (de gauche à droite ou de droite à gauche), cliquez sur Autres options de site web.

• COMMANDE N°2: CONTENU DE LA PAGE
  

Quelle disposition désirez-vous pour les objets de votre site ?

Voulez-vous donner un autre titre pour vos pages, leur choisir un arrière plan, ou définir un fond sonore, sélectionnez les options de page en bas et faîtes vos choix dans la fenêtre qui s'ouvre.

Donnez aussi une description à votre page, et des mots-clés qui seront utilisés par les moteurs de recherches comme GOOGLE.

Par exemple : entrez les mots-clés suivant séparés des virgules : oiseau, oiseaux, oiseau à berceaux, cage.. Si vous voulez parler des oiseaux dans votre site….

• COMMANDE N°3 : STYLE DE COMPOSITION

Si le modèle que vous avez choisi au début ne vous plaît pas, vous pouvez le modifier en cliquant sur un autre dans la zone Appliquer une création.

L'option Rétablir la création active vous permet de réafficher le modèle choisi au début.

Cliquez sur cette option et sélectionner les cases représentant les éléments à réactiver.

• COMMANDE N° 4 : JEUX DE COULEURS

Vous avez une liste de jeux de couleurs devant vous, cliquez sur un jeu de couleurs et observez les modifications apportées à votre page.

Cliquez en bas sur personnaliser le jeu de couleurs sélectionné.

Effectuez les modifications dans la boîte de dialogue ouverte.

Pour la couleur de votre texte choisissez l'option Principale.

Pour les liens hypertexte qui ne sont pas visités choisissez Lien hypertexte.

Pour un lien visité choisissez lien hypertexte visité.

Enregistrez vos modifications dans un jeu personnel en cliquant sur le bouton Enregistrer le jeu. Il sera affiché dans la liste des jeux de couleurs.

• COMMANDE N° 5 : JEUX DE POLICE

Votre site doit contenir les polices utilisées sur le web, c'est-à-dire les polices qui seront affichés dans tous les navigateurs et dans tous les écrans des visiteurs.

Voici une liste de ces polices :

• Arial
• Arial Black
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Symbol
• Times New Roman
• Trebuchet
• Verdana
• Wingdings

Dans la barre d'outils mise en forme, cliquez sur la zone de liste des polices pour voir la liste des polices proposées pour votre site.

Dans la liste des jeux de polices affichée devant vous, vous trouvez ces types de polices, appliquez en un et faites vos remarques.

PRÉCÉDENT SUIVANT

Créer un site rapidement avec Publisher

On trouve beaucoup de logiciels qui vous aident à créer votre site à l'aide d'un assistant.

Microsoft Office Publisher constitue l'un de ces logiciels. Il permet de créer des compositions attirantes d'un aspect professionnel.

Ces compositions sont soit destinées à être imprimées comme des annonces, des brochures, des bulletins, des diplômes … ou soit destinées à être publiées sur le web.

Ce qui nous intéresse ici c'est la création d'un site web.

Publisher nous offre 3 méthodes pour ce faire :

1. Créer un site à partir d'un assistant.
2. Le créer à partir de rien.
3. Ou à partir d'un fichier HTML existant.

Bien sûr on va choisir la 1^ère méthode.

Démarrer donc le logiciel :

• Démarrer --> tous les programmes --> Microsoft Office --> Publisher

Alors tout est prêt pour vous, il vous faut cliquer tout simplement.

• Choisissez Site web et messagerie puis site web, enfin site web 3 pages.
• 

• Dans la zone de droite, cliquez sur le modèle souhaité.

• Enregistrez votre travail.

SUIVANT

Les éditeurs web

Pour créer un site web, vous devez avoir un logiciel qui vous aide à faire cette tâche.
Tenez par exemple le Bloc Note de windows, ce petit logiciel nous permet de construire un site…
Oui, c'est vrai. Mais on doit maîtriser un langage de code qu'on saisit dans ce logiciel…
Bien sûr, vous entendez parler de HTML ou autre, comme asp ou php, ce sont donc quelques exemples de ces langages.

Cependant, il y a des logiciels qui s'occupent de ce côté d'écriture du code, et qui vous présentent un espace graphique de travail avec des menus, des barres d'outils, des pages sur lesquelles vous allez travaillez : écrire du texte, insérer des images, faire des mises en forme, ou des mises en pages … comme si vous travailliez avec un logiciel de traitement de texte; Word par exemple.
On les appelle alors, des éditeurs web.

Les éditeurs web, il y en a plusieurs, on peut citer :

FrontPage

Dreamweaver

Golive

Kompozer

Nvu

Mozilla composer

Web expert

Et autres…

Quel navigateur utilisez-vous pour surfer sur internet?!

• Peut être Internet explorer ou Mozilla FireFox?!
• Ou peut être vous utilisez Netscape ?
• Ou bien vous êtes amateur de Opera !!?

Je ne voudrais pas ici vous aider à choisir le meilleur de ces navigateurs…

Je veux simplement vous dire que tous ces navigateurs; et autres encore; vous permettent de visiter des sites sur internet.

En plus, si vous n'utilisez qu'un de ces navigateurs, pensez donc à installer les autres.

POURQUOI ?!

Une fois publié sur le net, votre site ne sera pas visité via le même navigateur que le votre et il se peut, alors, qu'il ne sera pas affiché de la même façon d'un navigateur à l'autre.

C'est pour cela donc, il vous serait demandé de tester votre site sur ces différents navigateurs. Ça vous aide aussi à le maintenir.

Allons maintenant jeter un coup d'œil sur ces navigateurs:

INTERNET EXPLORER :

Très connu, il accompagne le système d'exploitation Windows de Microsoft. Il est en version 7, qui propose des nouveautés telles que : la navigation par onglets, la détection des flux RSS.. et une sécurité renforcée.

Télécharger ici

MoZILLA FIREFOX : est un navigateur internet qui dispose de plusieurs avantages :

• une sécurité accrue.
• vous pouvez personnaliser ses barres d'outils.
• utilisation des onglets dans la même fenêtre.
• blocage des pop-up.

Télécharger ici

OPERA : navigateur très puissant, il a aussi les avantages de Mozilla. En plus, il propose une fonctionnalité de courrier électronique et un lecteur de Flux RSS.

Télécharger ici

NETSCAPE : développé par la société Netscape,il est disponible depuis la fin 1994. il dispose aussi d'une navigation en onglets, et autres fonctionnalités pareilles à Mozilla et opera .. en plus il détecte les erreurs de frappe des .com et .org …et vous aide à les corriger.

Télécharger ici

SAFARI : de Apple, est un navigateur rapide qui offre des capacités web supérieure. Il télécharge les pages les plus complexes très rapidement.

Télécharger ici

A RETENIR :

• Installez ces navigateurs.
• Connectez vous et voir la différence existante entre ces navigateurs.
• Vous allez tester votre site créé sur ces navigateurs

La page web !?

Passons au pratique ..

Essayons d'utiliser un logiciel de traitement de texte comme MS Word par exemple.

• Créez donc un nouveau document et restez en mode page. (Menu Affichage: Page)
• Ecrivez ce titre et ce paragraphe:

Site web

Un site web est un ensemble de pages web liées par des liens hypertextes, stockées sur un serveur web, c'est à dire un ordinateur connecté en permanence à l'Internet, hébergeant les pages web.

• Mettez les en forme comme vous voulez.
• Choisissez des couleurs de fond…

Vous pourrez avoir un résultat comme ci-dessous:

• Passez maintenant en mode web (Affichage : web)

QUE REMARQUEZ VOUS ?

…..

• La largeur de la page occupe toute la largeur de l'écran.
• Le paragraphe s'est élargi aussi.
• Il n'y a pas de marges: supérieur, droite ou gauche.

Exemple 2

• Toujours en mode page, créez un nouveau document et insérez un tableau de 2 lignes et 1 colonne.
• Insérez le titre précédent dans la 1^ère cellule, et le paragraphe dans la 2^ème.
• Effectuez vos mises en formes.
• Centrez le tableau.

• Passez en mode web:

QUE REMARQUEZ VOUS ?

……

• Disparition des marges, modification de la largeur de la page..
• La seule différence, c'est que notre texte garde sa position sur la page et c'est grâce au tableau ajouté qui lui aussi, n'a pas changé de dimensions.

La résolution de l'écran:

Ouvrez les 2 documents et changez la résolution de votre écran : 800*600 , 1024*768, 1280*720 ..

Je vous laisse remarquer.

A RETENIR

Une page web est toute à fait différente d'une page imprimable.

La mise en page d'une page web se fait avec prise en considération la résolution de l'écran.

Les tableaux jouent un rôle fondamental dans la construction des pages web.