1 Microsoft FrontPage Robert H. Smith School of Business University of Maryland – College Park Chapitre 1 – Créer une page web

1

Microsoft FrontPage

Robert H. Smith School of BusinessUniversity of Maryland – College Park

Chapitre 1 – Créer une page web

2You are learning Microsoft FrontPage Click to Continue

Objectifs

A la fin de cette leçon, vous devrez: 1. Comprendre l’essentiel de

HTML 2. Comprendre Microsoft

FrontPage 3. Etre capable de créer une page

web


Plan du chapitre

Ce chapitre vous enseigne l’essentiel pour créer une page web en utilisant FrontPage


Le World Wide Web

Une page web est une seule page

Un site internet est un ensemble de page web

URL est l’adresse de la page web ou du site


Leçon #1: HTML

Vous verrez l’essentiel du language HTML. (NOTE: On n’a pas besoin d’apprendre HTML

avant d’utiliser FrontPage, mais ça aide pour le

comprendre)


HTML

HTML = Hypertext Markup Languages

Langage des pages webs Commandes écrites entre

carottes Pour commencer < Pour finir />


Essentiel de HTML

Le début de HTML tab

<html>

Nom du titre <title>le nom de la page</title>

Corps du Document

<body>texte du document</body>

Fin de HTML Tab

</html>


Exemples de l’essentiel de HTML

Mettre en gras ……

Insérer une ligne 

Aligner un Paragraphe

…

Liste à Puce <ul> <li>… <li>…</ul>


Créer un avec HTML

Lien Hypertexte

<a>…</a>

Lien E-mail <A HREF=“mailto:…”>email</A>


Leçon #2: Plan d’une Page Web

Vous apprendrez à fair un plan avant de commencer à utiliser

FrontPage.


Plan Plan général Lien internet

Copier les Adresses dans le document NotePad

Images Ensembles dans un même endroit

Soit sous format .GIF or .JPG

Fichier texte Ensembles dans un même endroit


Leçon #3: L’essentiel de FrontPage

Vous verrez l’essentiel de FrontPage pour etre en mesure

d’utiliser le programme.


FrontPage

Niveau moyen pour creer des pages web

Pas besoin de trop de connaissance sur HTML

Pareil que les programmes de Microsoft Office


Application fenêtre

Tout ce que vous voyez quand vous ouvrer FrontPage

La barre d’outils, etiquettes, etc

On peut ouvrir plusieurs documents en même temps



Fenêtre du Document web

Les Documents sont créés, modifiés et vus sur cette fenêtre


Barre d’affichage

Montre les fenêtres qui sont ouvertes


Barre de titre Barre du haut

de FrontPage Contient des

Boutons pour:

Annuler Réduire Restorer ou

Agrandir


Barre de Menu

Contient des menus

Fichier Edition AffichageInsertion

Format OutilsTable Encadrer Fenêtre Aide


Barre d’outil standard Des raccourcis pour les

commandes qu’on a le plus besoin

Nouvelle Page Presse-papierOuvrir

Insérer Enregistrer Défaire/RefaireImprimerHyperlien E-mail

Orthographe


Barre d’outil de formatage

Bouton pour formater un Document Inclus

Ecriture Alignement Balles et Numérotage Couleur


Barre de status

Montre le temps nécessaire pour une page à la vitesse du modem

Vous pouvez changer la vitesse ou le mode


Barre de déroulement

Permet de bouger à gauche, droite, en haut et en bas sur votre document


Etiquettes de Zone de travail

Contrôle l’exposition du document

Trois formes Normal – Où est créer le document HTML – dans un format HTML Aperçu – A quoi la page ressemble


Leçon #4: Travailler avec FrontPage

Cette leçon vous aidera à créer un page web de base en

utilisant FrontPage.


Créer un contexte

Cliquer sur Format sur la barre de menu

Ensuite cliquer sur contexte Selectionner la couleur




Insérer un Texte

Cliquer sur la fenêtre du document où vous voulez ajouter le texte

Taper votre texte Changer la taille du texte si

vous voulez



Insérer un Texte hyperlien

Cliquer sur la fenêtre document web voulu et cliquer sur le coté droit de la souris

Selectionner Hyperlien Entrer la destination dans la

boîte URL Cliquer sur OK




Insérer une image Cliquer sur la fenêtre du

Document web voulu Cliquer sur Insertion sur la

barre de Menu Cliquer sur Image et cliquer de

fichier Selectionner l’image voulue et

cliquer sur OK




Insérer sur une Image Hyperlien

Cliquer du coté droit sur l’image que vous voulez et cliquer sur Hyperlien

Taper le lien voulu dans la boîte URL




Tables

Cette fonction permet la creation des Tables

Tables donnent une vue plus organisée des informations présentées

Icône de table dans la barre d’outils standard


Ceci montre comment insérer une table 2x2



Enregistrer une Page

Cliquer sur fichier sur la barre de menu et cliquer sur enregistrer

Choisir où vous voulez enregistrer ce fichier



Enregistrer (suite)

S’il ya des images dans la page web, alors elles doivent être aussi enregistrer au même endroit

Tout doit être enregistrer au même endroit


Quiz: Question 1 Quelle est la difference entre Site

internet et une page web? (1) Aucune (2) une Page web est sur papier

et un Web Site est sur le World Wide Web

(3) Une page web est une simple page alors qu’un site internet est un ensemble de pages


Quiz: Réponse Quelle est la difference entre

Site internet et une page web? (1) Aucune (2) une Page web est sur

papier et un Web Site est sur le World Wide Web

(3) Une page web est une simple page alors qu’un site internet est un ensemble de page

Correct


Quiz: Question 2

Quelles sont les étiquettes HTML? (1) le prix de HTML (2) comment laver HTML (3) Simple langage pour créer

pages web (4) L’adresse web pour votre

website


Quiz: Réponse

Quelles sont les étiquettes HTML? (1) le prix de HTML (2) comment laver HTML (3) Simple langage pour créer

pages web (4) L’adresse web pour votre

website

Correct


Quiz: Question 3

Which Toolbar contains all commands for the program? (1) Standard Toolbar (2) Menu Bar (3) Scroll Bar (4) Formatting Tool Bar


Quiz: Answer

Which Toolbar contains all commands for the program? (1)Standard Toolbar (2) Menu Bar (3) Scroll Bar (4) Formatting Tool Bar

Correct


Quiz: Question 4

What is very important when saving your page? (1) To finish the page before you

save it (2) To save the entire page (3) To save all areas of the page,

including pictures, in the same folder

(4) Why save your document?


Quiz: Answer

What is very important when saving your page? (1) To finish the page before you

save it (2) To save the entire page (3) To save all areas of the page,

including pictures, in the same folder

(4) Why save your document?

Correct


Quiz: Question 5

What is a hyperlink? (1) An active piece of your web

page (2) A shortcut to other web pages

and sites (3) An image that moves rapidly

across the page


Quiz: Answer

What is a hyperlink? (1) An active piece of your web

page (2) A shortcut to other web pages

and sites (3) An image that moves rapidly

across the page

Correct


Chapitre terminé!


Credits

Ben Finkel Jay Shapiro Mike Cavanaugh Andrea

Hoffenson Armel Bokam

BMGT201 Sec0104