Mini-guide de formation sur SharePoint Designer 2007

Guide de ltudiant

Document prpar par : FACULT DES SCIENCES DE LADMINISTRATION Services technologiques

Qubec, aot 2007

1
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

Table des matires

1. 2. DMARRER SHAREPOINT DESIGNER 2007 ............................................................................................... 3 CRER UN NOUVEAU SITE WEB ................................................................................................................. 4 2.1. 2.2. 3. CRER UN NOUVEAU SITE W EB ................................................................................................................ 4 CRER UNE NOUVELLE PAGE W EB ........................................................................................................... 5

AJOUTER UN TABLEAU ................................................................................................................................. 7 3.1. 3.2. 3.3. 3.4. 3.5. AJOUTER UNE LIGNE OU UNE COLONNE .................................................................................................... 9 SUPPRIMER UNE LIGNE OU UNE COLONNE .............................................................................................. 10 SPCIFIER LA LARGEUR ET LA HAUTEUR DUNE OU PLUSIEURS CELLULES ................................................. 11 FUSIONNER DES CELLULES .................................................................................................................... 12 FRACTIONNER DES CELLULES ................................................................................................................ 13

4. 5. 6. 7. 8.

AJOUTER DU TEXTE .................................................................................................................................... 14 AJOUTER UN LIEN HYPERTEXTE .............................................................................................................. 16 AJOUTER UNE IMAGE ................................................................................................................................. 20 HBERGER UN SITE WEB SUR VOTRE ESPACE WEB AGORA.............................................................. 23 EN CAS DE PROBLMES............................................................................................................................. 24

2
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

1. DMARRER SHAREPOINT DESIGNER 2007

tape 1 Cliquez sur le menu Dmarrer.

Figure 1

tape 2 Cliquez sur Tous les programmes.

Figure 2

tape 3 Cliquez sur loption Microsoft Office.

Figure 3

tape 4 Cliquez sur le programme Microsoft Office SharePoint Designer 2007.

Figure 4

3
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

2. CRER UN NOUVEAU SITE WEB

2.1. Crer un nouveau site Web
tape 1 Dans le menu Fichier, slectionnez Nouveau, Site Web.

A - Slectionnez le menu Fichier

B - Slectionnez loption Nouveau C - Slectionnez loption Site Web

Figure 1

tape 2 Slectionnez Site Web vide. A - Slectionnez longlet Site Web

B - Slectionnez loption Gnral

C - Slectionnez loption Site Web vide

D - Indiquez lemplacement du nouveau site

E - Cliquez sur le bouton OK

Figure 2

4
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

2.2. Crer une nouvelle page Web

tape 1 Slectionnez dans le menu Fichier. Nouveau, Page.

A - Slectionnez le menu Fichier

B - Slectionnez loption Nouveau

C - Slectionnez loption Page

Figure 3

tape 2 Slectionnez Page HTML.

A - Slectionnez longlet Page

B - Slectionnez loption Gnral

C - Slectionnez loption HTML D - Cliquez sur le bouton OK

Figure 4

5
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

tape 3 Renommez tout de suite votre page; slectionnez Enregistrer dans le menu Fichier. A - Slectionnez le menu Fichier

B - Slectionnez loption Enregistrer

Figure 5

tape 4 Nommez votre page Web.

A - Nommez votre premire page index.htm

(Cest lappellation universelle de la page daccueil dun site Web.)

B - Cliquez sur le bouton Enregistrer

Figure 6

6
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

3. AJOUTER UN TABLEAU
tape 1 Dans le menu Tableau, slectionnez Insrer un tableau. Ce tableau vous aidera mieux disposer les objets sur votre page. A - Slectionnez le menu Tableau B - Slectionnez loption Insrer un tableau

Figure 7

tape 2 Choisissez les paramtres de votre tableau en fonction de vos besoins.

A - Inscrivez le nombre de lignes et de colonnes

B - Inscrivez 0 pour la marge intrieure des cellules

C - Spcifiez la largeur du tableau en pourcentage Si les dimensions d'un tableau sont dfinies en pixels, le tableau conserve la mme taille, quelle que soit la rsolution de lcran o il s'affiche. Si les dimensions d'un tableau sont exprimes sous la forme d'un pourcentage de la fentre du navigateur, le tableau change de taille en fonction de la rsolution de lcran.
Figure 8

D - Cliquez sur le bouton OK

7
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

tape 3 Ajout du tableau dans votre page Web. Un tableau est ajout votre page Web.

Figure 9

8
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

3.1. Ajouter une ligne ou une colonne

tape 1 Slectionnez lendroit o lajout doit tre fait et cliquez lintrieur de la slection avec le bouton droit de votre souris. A - Slectionnez loption Insrer

B - Slectionnez loption Lignes ou Colonnes

Figure 10

tape 2 Slectionnez les options rpondant vos besoins.

A - Slectionnez le type dajout C - Slectionnez lemplacement de lajout

Figure 11 Figure 12

B - Inscrivez le nombre ajouter D - Cliquez sur le bouton OK

tape 3 Ajout dune ligne ou dune colonne lintrieur du tableau de votre page Web. Une ligne ou une colonne est ajoute au tableau.

Figure 13

9
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

3.2. Supprimer une ligne ou une colonne

tape 1 Slectionnez lendroit o la suppression doit tre faite et cliquez lintrieur de la slection avec le bouton droit de votre souris. B - Slectionnez loption Supprimer des colonnes

A - Slectionnez loption Supprimer

OU
B - Slectionnez loption Supprimer des lignes

Figure 14

tape 2 Suppression dune ligne ou dune colonne lintrieur du tableau de votre page Web. Une ligne ou une colonne est soustraite du tableau.

Figure 15

10
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

3.3. Spcifier la largeur et la hauteur dune ou plusieurs cellules

tape 1 Slectionnez la ou les cellules dont vous dsirez spcifier la largeur et/ou la hauteur et cliquez lintrieur de celles-ci laide du bouton droit de votre souris.

A - Slectionnez loption Proprits de la cellule

Figure 16

tape 2 Spcifiez la largeur et la hauteur dsires. Si vous souhaitez que le tableau conserve ses proportions en fonction de la rsolution des crans, il est prfrable de spcifier en pourcentage. A - Activez loption dsire

B - Slectionnez le type de mesure

C - Inscrivez la dimension ncessaire

D - Cliquez sur le bouton OK

Figure 17

11
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

3.4. Fusionner des cellules

tape 1 Slectionnez les cellules que vous dsirez fusionner et cliquez lintrieur de celles-ci laide du bouton droit de votre souris.

A - Slectionnez loption Modifier

B - Slectionnez loption Fusionner les cellules

Figure 18

tape 2 Fusion des lignes lintrieur du tableau de votre page Web en une seule ligne. Les cellules du centre sont fusionnes.

Figure 19

12
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

3.5. Fractionner des cellules

tape 1 Slectionnez la ou les cellules que vous dsirez fractionner et cliquez lintrieur de celles-ci laide du bouton droit de votre souris.

A - Slectionnez loption Modifier

B - Slectionnez loption Fractionner les cellules

Figure 20

tape 2 Spcifiez le type de fractionnement que vous dsirez.

A - Slectionnez le type de fractionnement B - Slectionnez loption Fractionner les cellules C - Cliquez sur le bouton OK

Figure 21

tape 3 Fractionnement dune colonne lintrieur du tableau de votre page Web en deux colonnes. Les cellules du centre sont fractionnes.
Figure 22

13
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

4. AJOUTER DU TEXTE
tape 1 Cliquez dans la cellule du tableau o vous dsirez ajouter du texte.

Figure 23

tape 2 Tapez votre texte dans la cellule.

Figure 24

tape 3 Pour modifier la police du texte, slectionnez le texte et cliquez lintrieur de celui-ci laide du bouton droit de votre souris. A - Slectionnez loption Police

Figure 25

14
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

Slectionnez la police, le style, la taille et le ou les effets que vous dsirez pour votre texte.

Figure 26

tape 4 Pour supprimer du texte, slectionnez la cellule du tableau o il y a du texte et appuyez sur la touche Backspace ou Supprimer .

Voici le rsultat :

Figure 27

15
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

5. AJOUTER UN LIEN HYPERTEXTE

Les liens hypertextes vous permettent, grce un clic, douvrir des documents (ex. : .pdf, .doc, .jpeg, .ppt, etc.), daccder aux autres pages Web de votre propre site Web, denvoyer un courriel et/ou de naviguer sur dautres sites Web. Ces liens fonctionnent sur des images ou sur du texte. tape 1 Cliquez sur le bouton droit de votre souris sur le texte o vous souhaitez ajouter un lien hypertexte.

A - Slectionnez loption Lien hypertexte

Figure 28

tape 2 Dans la fentre Insrer un lien hypertexte, inscrivez le lien vers lequel vous voulez que les visiteurs soient transfrs. a. Le lien hypertexte peut tre une adresse du site Web (http://www.*****.ca)

A - Inscrivez ladresse du site Web

B - Cliquez sur le bouton OK

Figure 29

16
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

b. Le lien hypertexte peut tre une page de votre site Web (index.htm)

A - Inscrivez la page de votre site Web

B - Cliquez sur le bouton OK

Figure 30

c.

Le lien hypertexte peut tre un fichier (.doc, .pdf, .ppt)

A - Inscrivez le nom du fichier B - Cliquez sur le bouton OK

Figure 31

d. Enfin, le lien hypertexte peut tre une adresse de courriel (prnom.nom@ulaval.ca)

A - Inscrivez ladresse de messagerie B - Cliquez sur le bouton OK

Figure 32

17
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

tape 3 Avant dactiver le lien en cliquant sur OK, vous devez dsigner dans quel type de fentre souvrira votre lien.

A - Slectionnez loption Cadre de destination

Figure 33

tape 4 Slectionnez le type de destination usuelle pour louverture du lien hypertexte.

A - Slectionnez loption Nouvelle fentre

Les deux destinations usuelles les plus utilises sont : Mme cadre (_self)
Permet de naviguer sur un site Web en demeurant lintrieur de la mme fentre dexploration.

A - Le cadre de destination sinscrira automatiquement

Nouvelle fentre (_blank)

Permet de naviguer sur plusieurs sites Web en mme temps ou douvrir des fichiers provenant du site Web sans affecter votre navigation. Figure 34

B - Cliquez sur le bouton OK

18
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

tape 5 Une fois ladresse du lien inscrite et le cadre de destination choisi, il ne reste plus qu confirmer lajout du lien hypertexte.

A - Cliquez sur le bouton OK

Figure 35

Voici le rsultat :

Figure 36

19
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

6. AJOUTER UNE IMAGE

tape 1 Choisissez une image libre de droit, dans votre bibliothque ou sur le net. Si elle se trouve sur Internet, cliquez lintrieur de limage avec le bouton droit de votre souris. A - Slectionnez loption Enregistrer limage sous

Figure 37

tape 2 Enregistrez limage sur votre ordinateur.

A - Slectionnez le dossier Image de votre site Web

C - Cliquez sur le bouton Enregistrer B - Inscrivez le nom que vous souhaitez donner votre nouvelle image
Figure 38

20
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

tape 3 Par la suite, retournez dans SharePoint Designer, slectionnez lendroit o vous dsirez insrer limage et insrez limage lintrieur de votre page daccueil index.htm. A - Slectionnez le menu Insertion B - Slectionnez loption Image

C - Slectionnez loption partir du fichier

Figure 39

tape 4 Retrouvez le rpertoire Image de votre site Web. A - Slectionnez le raccourci Site Web B - Slectionnez votre site Web C - Slectionnez le dossier Image

Figure 40

tape 5 Slectionnez limage que vous souhaitez ajouter. A - Slectionnez limage que vous souhaitez ajouter

B - Cliquez sur le bouton Insrer

Figure 41

21
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

tape 6 Ajoutez les proprits daccessibilit si ncessaire. A - Cliquez sur le bouton OK

Figure 42

Voici le rsultat :

Figure 43

22
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

7. HBERGER UN SITE WEB SUR VOTRE ESPACE WEB AGORA

Maintenant que vous avez complt et tlcharg le formulaire sur votre poste de travail, il est ncessaire, afin que votre clientle puisse le remplir, de le placer sur un endroit public, accessible par une adresse Web. LUniversit Laval offre tous ses tudiants et tudiantes la possibilit dutiliser un espace de 10 Mo. Les directives relies lutilisation de Filezilla et de lespace Web sont disponibles aux adresses suivantes : http://www5.fsa.ulaval.ca/sgc/servicesressources/environnementtechnologique/azimut/courrielsitew ebespacefichiers/pid/1344#publication http://www5.fsa.ulaval.ca/sgc/servicesressources/environnementtechnologique/azimut/courrielsitew ebespacefichiers/pid/1346

23
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007

8. EN CAS DE PROBLMES
Si vous avez besoin daide supplmentaire, nhsitez pas nous contacter : Soutien aux tudiants Comptoir daide APTI, Services technologiques Site Web Azimut (aide informatique en ligne de la FSA) Local : 2215-B, pavillon Palasis-Prince Tlphone : 418 656-2131, poste 6258 Courriel : caa@fsa.ulaval.ca

24
Universit Laval - Facult des sciences de ladministration - Services technologiques - 2007