FrontPage

1 Lansarea aplicaiei.......................................................................................................3 2 Meniurile File i Edit...................................................................................................6 3 Crearea unui site..........................................................................................................8 3.1 Crearea unui site..................................................................................................8 3.2 Vederile asociate unui site. Bara de instru ente Vie!.....................................1" 3.2.1 Vederea Page...............................................................................................11 3.2.2 Vederea Folders...........................................................................................13 3.2.3 Vederea #a$igation.....................................................................................13 % &tructura de na$igare a unui site...............................................................................1' %.1 Crearea structurii de na$igare a unui site..........................................................1' %.2 Crearea unei (are de leg)turi.............................................................................2% %.2.1 Bare de leg)turi create pe (a*a structurii de na$igare.................................2% %.2.2 Bare cu leg)turi +napoi ,(ac-. i +nainte ,ne/t............................................3" %.3 0egiuni parta1ate................................................................................................36 %.% Vederea 0eports................................................................................................%2 ' Crearea unei pagini de 2e(......................................................................................%% '.1 3ntroducerea te/tului..........................................................................................%% '.1.1 For atarea te/tului......................................................................................%' '.1.2 3ntroducerea caracterelor speciale...............................................................%4 '.2 Liste...................................................................................................................%8 '.2.1 E$idenierea ele entelor listelor.................................................................%5 '.2.2 #u erotarea listelor....................................................................................%5 '.2.3 Crearea su(listelor.......................................................................................'" '.3 3ntroducerea ta(elelor........................................................................................'1 '.3.1 3ntroducerea unei ta(el................................................................................'1 '.3.2 3nserarea titlului unui ta(el..........................................................................'% '.3.3 &electarea6 tergerea i inserarea de linii6 coloane i celule +n ta(ele.........'' '.3.% For atarea celulelor....................................................................................'4 '.% 3nserarea unei 7otogra7ii....................................................................................'5 '.' &al$area unei pagini de 2e(.............................................................................6% '.6 3nserarea unei leg)turi ,89perlin-.....................................................................66 '.6.1 3nserarea unei leg)turi c)tre un loc din aceeai pagin)...............................64 '.6.2 3nserarea de leg)turi c)tre alte pagini de 2e( din acelai site....................41 '.4 :d)ugarea unei te e.........................................................................................4% 6 ;tili*area cadrelor ,7ra es........................................................................................46 6.1 Crearea unei pagini cu cadre............................................................................46 4 Construcia unui site pe (a*a unui a(lon.................................................................86

1 Lansarea aplicaiei
:plicaia FrontPage crea*) pagini de 2e( i siteuri de 2e(. ;n site este o colecie de pagini de 2e( cu leg)turi +ntre ele. Paginile de 2e( sunt descrise +n li (a1ul <=ML. Cu aplicaia FrontPage de7ini gra7ic paginile de 2e( i aplicaia generea*) codul corespun*)tor paginilor +n li (a1ul <=ML. Fiierul generat are e/tensia 8t . Lansarea aplicaiei FrontPage se 7ace ast7el> clic pe (utonul Start6 clic pe opiunile Programs Microsoft FrontPage.

Figura 1. Lansarea aplicaiei FrontPage.

Fereastra aplicaiei FrontPage este cea din Figura 2. Ea cuprinde> (ara de eniu6 (ara de instru ente standard cu (utoane corespun*?nd opiunilor di$erselor eniuri6 (ara de 7or atare6 ce cuprinde casete pentru alegerea tipului6 stilului i di ensiunii 7ontului6 pentru indentarea te/tului6 culoarea 7ontului6 etc. La plasarea cursorului pe un (uton se a7ia*) un te/t cu 7uncia (utonului6 7ereastra docu entului cu (arele de derulare6 ori*ontal) i $ertical). 3n st?nga (arei de derulare ori*ontale e/ist) (utoanele> Design6 c?nd se a7ia*) doar pagina de 2e( +n curs de proiectare6 Code c?nd se a7ia*) codul +n li (a1 <=ML generat de aplicaia FrontPage6 Split c?nd 7ereastra docu entului este + p)rit) +n dou) i se a7ia*) si ultan pagina proiectat) i codul <=ML generat6 Preview ce pre*int) odul +n care pagina din 7ereastr) apare a7iat) +n 3nternet E/plorer. 3 plicit6 +n 7ereastra aplicaiei este a7iat) o nou) pagin) de 2e( cu nu ele ne!@page@1.8t . 3n partea de 1os a 7erestrei e/ist) (ara de desenare. Ea se poate a7ia A ascunde cu (utonul sau cu clic pe eniul View Tool ars Drawing. 3

Figura !. Fereastra aplicaiei FrontPage.

3n partea dreapt) a 7erestrei se poate a7ia A ascunde 7ereastra =as- Pane. 3n aceast) 7ereastr) se pot a7ia 7erestrele din din lista Bt8er =as- Panes din Figura 3. Cintre acestea enion) > Clip oard6 cu ulti ele in7or aii copiate +n Clip(oard6 Searc" #esults6 cu care se pot c)uta +n calculator sau pe 3nternet di$erse in7or aii6 $ew6 cu opiunile c)reia se poate crea o nou) pagin) sau un site sau se poate desc8ide un site sau o pagin). Ferestrele se pot co uta +ntre ele cu (utoanele sau +n lista %t"er Tas& Panes a7iat) cu (utonul . Fereastra =as- Pane se a7ia*) cu clic pe eniul View Tas& Pane i se +nc8ide cu clic pe (utonul .

Figura '. Lista %t"er Tas& Pane.

'

2 Meniurile File i Edit

Meniurile File i Edit sunt ar)tate +n =a(elul 1.

a.

eniul File

(.

eniul Edit

Ta elul 1. Meniurile File (i )dit.

Bpiunile eniului File sunt> $ew a7ia*) 7ereastra #e! +n 7ereastra =as- Pane. 3n aceast) 7ereastr) pute crea un nou 7iier sau un nou site6 %pen desc8ide un nou 7iier6 Close +nc8ide 7iierul desc8is +n 7ereastra docu entului6 %pen Site desc8ide un site6 Close Site +nc8ide siteul current6 Save sal$ea*) 7iierul desc8is +n 7ereastra docu entului6 Save *s sal$ea*) 7iierul desc8is +n 7ereastra docu entului su( un nu e nou6 Preview in +rowser a7ia*) pagina cu apare +n 3nternet E/plorer6 Page Setup prescri(e di ensiunile paginii pentru tip)rire6 Print Preview a7ia*) pagina de tip)rit +n 7or atul +n care apare tip)rit)6 Print tip)rete pagina selectat)6

 #ecent Files a7ia*) o list) cu 7iierele recente6 din care se poate alege unul pentru a 7i desc8is6 #ecent Sites a7ia*) o list) cu siteurele recente6 din care se poate alege unul pentru a 7i desc8is6 ),it +nc8ide aplicaia. Bpiunile eniului )dit sunt ur )toarele> -ndo anulea*) co anda precedent)6 #edo e/ecut) co anda precedent)6 Cut ut) te/tul selectat +n Clip(oard6 Cop. copia*) te/tul selectat +n Clip(oard6 Paste copia*) te/tul din Clip(oard +n 7iier6 Delete terge te/tul selectat6 Find caut) un ir de caractere6 #eplace +nlocuiete un te/t cu altul. B parte din opiunile eniurilor File i )dit se pot e/ecuta i cu (utoanele (arei de instru ente standard din Figura %.

Figura /. +ara de instrumente standard.

3 Crearea unui site

3.1 Crearea unui site
Crearea unui site se 7ace +n ur )torii pai> 1. dac) este ca*ul se inc8id toate paginile cu clic pe eniul File Close6 2. clic pe eniul File $ewD +n 7ereastra =as- Pane se a7ia*) 7ereastra #e! din Figura '. 3n 7ereastra #e! seciunea #e! 2e( site clic pe %ne page 0e site i se a7ia*) caseta 2e( &ite =e plates din Figura 66 3. clic pe opiunea %ne Page 0e Site6 %. se apas) tasta Ta i controlul se deplasea*) la caseta Specif. t"e location of t"e new 0e site. 3n aceast) caset) e/ist) un nu e generat de aplicaia FrontPage6 c>E;sersEcautilECocu entsEM9 2e(sE 9site16 care poate 7i sc8i (at dup) dorin). &e poate na$iga +n ar(orele de directoare pentru a sc8i (a directorul cu clic pe (utonul +rowse. Cup) alegerea nu elui i locaiei siteului clic pe %1.

Figura 2. Fereastra $ew.

Figura 3. Caseta 0e Site Templates.

:plicaia FrontPage crea*) un nou site care este un director cu nu ele speci7icat +n locaia aleas). #u ele ales pentru site este a7iat +n (ara de titlu. Coninutul unui nou site este cel din Figura 4. FrontPage generea*) i dou) directoare6 @pri$ate i i ages i o pagin) de 2e( cu nu ele inde/.8t . Menion) c) orice site are o pagin) de cas) ,8o e page. care este a7iat) iniial. #a$igarea +n celelalte pagini se 7ace pornind de la pagina de cas). Pagina i plicit) de cas) generat) de FrontPage este inde/.8t .

Figura 4. Coninutul siteului generat de FrontPage.

&u( (ara de 7or atare sunt a7iate (utoane corespun*)toare co ponentelor siteului6 iniial directorul 2e( &ite i pagina inde/.8t . &u( aceste (utoane se a7l) o (ar) cu se ni7icaia (utonului acti$. Caseta 2e( &ite =e plates din Figura 6 poate 7i a7iat) i cu clic pe (utonul $ew Page6 6 din (ara de instru ente standard6 ce a7ia*) lista $ew Page din Figura 8. 3n aceast) list) se alege opiunea 0e Site.

Figura 5. Lista $ew Page.

3.2 Vederile asociate unui site. Bara de instrumente View

;n site poate conine ulte directoare i 7iiere6 pagini de 2e(6 i agini6 7iiere te/t6 etc.6 +ntre care e/ist) leg)turi. El poate 7i $i*uali*at +n ai ulte 7eluri. Bpiunile sunt> Page a7ia*) o pagin) de 2e( pentru editare6 Folders arat) ar(orele directorului siteului cu su(directoarele i 7iierele respecti$e6 $e*i Figura 136 $avigation arat) repre*entarea gra7ic) a structurii siteului6 $e*i Figura 1%6 Fiecare $edere din cele de ai sus poate a$ea la st?nga 7ereastra Folder List cu ar(orele directorului siteului. :ceast) 7ereastr) se poate a7ia A ascunde cu clic pe View Folder List. 3n ca*ul $ederii Page +n st?nga se poate a7ia i 7ereastra #a$igation +n care directorul siteului este a7iat su( 7or a structurii de na$igare6 $e*i paragra7ele ur )toare. Celelalte opiuni sunt> 6.perlin&s arat) leg)turile +ntre paginile siteului6 #eports Tas&s. Ele $or 7i pre*entate pe parcurs. Vederile siteului pot 7i a7iate cu> clic pe opiunile eniului View $e*i Figura 56 clic pe (utoanele (arei de instru ente Vie! a7iat) +n partea de 1os a paginii6 $e*i Figura 1".

1"

Figura 7. Meniul View.

Figura 18. +ara de instrumente View.

3.2.1 Vederea Page Vederea Page a7ia*) pagina curent) +n editare6 $e*i Figura 12. 3n partea st?ng) se poate a7ia directorul siteului +n una din 7erestrele> Folder List ce conine ar(orele siteului cu directoarele i 7iierele lui ,Folder List.. 3n aceast) 7ereastr) se pot terge6 copia6 redenu i6 i porta 7iiere6 #a$igation ce a7ia*) siteul su( 7or a structurii de na$igare ,#a$igation.. 3n aceast) $edere se pot redenu i6 terge i copia 7iiere. Cele dou) 7erestre se co ut) cu (utoanele Folder List i $avigation de la (a*a 7erestrei. Ele sunt ar)tate +n =a(elul 2. Ele pot 7i co utate i cu (utonul Toggle Pane6 6 care a7ia*) lista =oggle Pane din Figura 11.

Figura 11. Lista Toggle Pane.

3n =a(elul 3 sunt ar)tate eniurile conte/tuale ale celor dou) 7erestre cu care se pot e7ectua operaiile de ai sus.

11

Figura 1!. Vederea Page.

a. Folder List

(. #a$igation

Ta elul !. Ferestrele din st9nga vederii Page.

12

a. Folder List

(. #a$igation

Ta elul '. Meniurile conte,tuale ale ferestrelor Folder List (i $avigation.

3.2.2 Vederea Folders Vederea Folders din Figura 13 a7ia*) directoarele siteului. :ici se pot $edea detalii despre 7iiere i directoare. 3n aceast) $edere se pot copia6 terge6 redenu i 7iiere.

Figura 1'. Vederea Folders.

3.2.3 Vederea Navigation Vederea $avigation din Figura 1% arat) repre*entarea gra7ic) a structurii unui site. Vederea a7ia*) +n partea de sus (ara de instru ente #a$igation ce $a 7i pre*entat) +n paragra7ul ur )tor. 3n partea de 1os este a7iat) (ara de instru ente Vie!s.

13

Figura 1/. Vederea $avigation.

1%

tructura de navigare a unui site

4.1 Crearea structurii de navigare a unui site

Pentru a preci*a ideile $o crea un site al Facult)ii de 3nginerie Electric) ce $a a$ea trei pagini> &tructur)6 &tudii &tudeni &tructura siteului $a 7i cea din Figura 1'. Pagina de cas) inde/.8t $a conine leg)turi c)tre cele trei pagini i un clic pe o leg)tur) $a duce la a7iarea unei pagini.

Figura 12. Structura siteului.

&tructura siteului se crea*) cu pagina inde/.8t a7iat) +n $ederea $avigation. Bara de instru ente a acestei $ederi este cea din Figura 16.

Figura 13. +ara de instrumente $avigation.

&e ni7icaia (utoanelor este cea din =a(elul %. Buton &e ni7icaie Crea*) o pagin) nou) :daug) o pagin) e/istent) Crea*) o nou) (ar) de na$igare Pagina inclus) +n (ara de na$igare :7ia*) doar un su(ar(ore :7ia*) portret A landscape
Ta elul /. +utoanele arei de instrumente $avigation.

Lista din dreapta (arei de na$igare icorea*) A )rete i aginea structurii de na$igare +n pagin). Crearea structurii de na$igare se 7ace ast7el> 1. se selectea*) pagina inde/.8t +n $ederea #a$igation cu clic du(lu6 $e*i Figura 14. 3n acest o ent (utonul din (ara de na$igare de$ine selectat6 pagina inde/.8t este inclus) +n (ara de na$igare6

1'

Figura 14. Pagina inde,."tm selectat:.

2. clic pe (utonul $ew Page6

6 i FrontPage crea*) o nou) pagin) cu nu ele

#e! Page 16 $e*i Figura 18. Butonul din (ara de na$igare de$ine selectat6 pagina creat) este inclus) +n (ara de na$igare

Figura 15. Se crea;: o nou: pagin:.

3. se apas) tasta Ta i noua pagin) este selectat). &e introduce nu ele paginii6 +n ca*ul nostru &tructura6 $e*i Figura 156

16

Figura 17. Se introduce numele noii pagini.

%. se crea*) +n acelai 7el celelalte pagini> se selectea*) pagina inde/.8t i clic pe (utonul $ew Page6 6 se selectea*) noua pagin) cu tasta Ta i se introduce nu ele paginii6 etc. Cup) crearea ulti ei pagini se apas) tasta )nter. &tructura de na$igare a siteului este cea din Figura 2".

Figura !8. Structura de navigare a siteului.

Vo

trece +n $ederea Folders. &iteul apare ca +n Figura 21.

14

Figura !1. Directorul siteului <n vederea Folders.

&tructura de na$igare a siteului este i portant) deoarece aplicaia FrontPage poate genera auto at (are de leg)turi pentru na$igarea prin paginile siteului. ;n alt od de a crea pagini noi este ur )torul. 3n $ederea #a$igation se crea*) noile pagini cu clic pe (utonul $ew Page sau clic pe eniul File $ew +lan& Page sau se apas) tastele Ctrl = $. &e crea*) trei noi pagini cu nu ele date de FrontPage6 ne!@page@16 ne!@page@26 ne!@page@36 al c)ror nu e se odi7ic) +n &tructura6 &tudii6 &tudenti. &tructura siteului +n aceat ca* este cea din Figura 22.

Figura !!. Site cu trei pagini create.

Crearea structurii de na$igare se 7ace ast7el> 1. se a7ia*) pagina de cas) inde/.8t cu du(lu clic6

18

2. se trece +n $ederea #a$igation cu clic pe eniul View $avigation6 3. se trag cu ousul cele trei pagini &tructura6 &tudii6 &tudenti. Ele sunt auto at ad)ugate paginii inde/.8t . ;r )toarea etap) este crearea unei (are leg)turi ce $a conine leg)turile +ntre pagina de cas)6 inde/.8t i paginile siteului6 &tructura6 &ectii6 &tudenti. Procedura siste atic) de a crea (are de leg)turi $a 7i pre*entat) +n paragra7ul ur )tor. :cu $o pre*enta dou) procedure si ple. 3n pri a procedur) se $or crea leg)turi c)tre paginile nou create din pagina inde/.8t in 7elul ur )tor> 1. se desc8ide pagina de cas) inde/.8t +n $ederea Page cu clic du(lu6 2. se selectea*) cu clic pagina structura.8t +n ar(orele din 7ereastra Folder List din st?nga ecranului i se trage cu ousul pe pagina inde/.8t 6 3. se procedea*) la 7el cu celelalte pagini.

Figura !'. Pagina de cas: cu leg:turi c:tre celelalte pagini.

3n a doua procedur) se $or crea leg)turi c)tre paginile nou create din pagina inde/.8t in 7elul ur )tor> 1. se trece +n $ederea #a$igation cu clic pe eniul View $avigation sau pe (utonul $avigation din (ara de instru ente Vie!6 2. se selectea*) pagina inde/.8t cu du(lu clicD ea $a ap)rea +n 7erestra docu entului din dreapta6 3. +n (ara de instru ente #a$igation clic pe (utonul >nsert 6.perlin&6 6 %. se a7ia*) caseta 3nsert <9perlin- din Figura 2%. Clic pe pagina &tructura i apoi %1.

15

Figura !/. Caseta >nsert 6.perlin&.

'. se apas) tasta Ta care selectea*) pagina ad)ugat) i se introduce nu ele ei6 &tructura6

Figura !2. Pagina Structura ad:ugat: paginii de cas:.

&e procedea*) ca

ai sus cu toate paginile i se o(ine structura din Figura 26.

2"

Figura !3. Paginile ata(ate.

Vo introduce c?te$a in7or aii +n cele trei pagini. 3n $ederea Page ele apar ca +n Figura 246 Figura 286 Figura 25.

Figura !4. Pagina Structura.

21

Figura !5. Pagina Studii

Figura !7. Pagina Studenti.

Pentru a $edea siteul reali*at se +ncarc) pagina inde/.8t +n 3ntrenet E/plorer cu clic pe eniul File Preview in +rowser i se na$ig8ea*) +ntre pagini cu Ctrl = clic pe leg)turi.

22

Figura '8. Pagina inde,."tm <n >nternet ),plorer.

&tergerea unei pagini din structura de na$igare se 7ace prin selectarea paginii cu clic cu (utonul drept pe icoana paginii. 3n eniul conte/tual a7iat $e*i6 Figura 316 clic pe opiunea Delete.

Figura '1. Meniu conte,tual al paginii.

&e a7ia*) caseta Celete Page din Figura 32 +n care se alege opiunea #emove page from t"e navigation structure6 apoi clic pe %1.

23

Figura '!. Caseta Delete Page.

E/erciiu. &) se cree*e structura de site din Figura 33.

Figura ''. Structur: de site.

:tunci c?nd se crea*) o nou) pagin) 7)r) ca alt) pagin) s) 7ie selectat)6 se crea*) o pagin) de tip =op Page. Paginile Page 6 i Page 4 din 7igur) se crea*) cu pagina Page 3 selectat).

4.2 Crearea unei bare de legturi

La crearea unui site tre(uie s) cre) o structur) logic) de na$igare ce $a asigura c) $i*itatorii $or g)si rapid i +n od logic in7or aiile dorite. Vi*itatorii tre(uie s) tie +n orice o ent unde sunt +n site i s) poat) na$iga spre paginile dorite. B (ar) de leg)turi ,de na$igare. este o uli e de leg)turi ,89perlin-s. care per it $i*itatorilor s) na$ig8e*e +ntre paginile unui site. Barele de na$igare tre(uie plasate +n 7iecare pagin) ast7el +nc?t s) per it) na$igarea c)tre paginile destinate. Bara de leg)turi poate 7i creat) pe (a*a structurii de na$igare a siteului sau speci7icat) de utili*ator. Bara de leg)turi poate 7i plasat) +n pagin) ori*ontal sau $ertical i poate utili*a pentru leg)turi te/t sau (utoane. B pagin) poate conine ai ulte (are de na$igare. 4.2.1 !are de leg"turi create pe #a$a structurii de navigare ;n site are o structur) ierar8ic) i logic) repre*entat) de structura de na$igare. Cin aceast) structur) re*ult) leg)turile ce $or 7i introduse +n (ara de na$igare i etic8etele acestor leg)turi. 3n general un site are o structur) de ar(ore6 ca cea din Figura 33. Pagina de cas) este pri a pagin) ad)ugat) siteului i ea are nu ele inde/.8t . Paginile la ni$el glo(al sunt paginile la acelai ni$el cu pagina de cas)6 ,7)r) pagina de cas).6 +n Figura 33 pagina =op Page 1. :r(orele conine pagini p)rinte i pagini copil. Paginile copil la acelai ni$el +n ar(ore i care au acelai p)rinte se nu esc pagini la acelai ni$el. Fie structura de na$igare a unui site din Figura 3%. 2%

Figura '/. Structur: de navigare.

Vo crea o (ar) de leg)turi (a*at) pe aceast) structur). Vor e/ista leg)turi din pagina inde/.8t c)tre paginile &tructura6 &tudii i &tudenti i din pagina &tudii c)tre paginile Master i Coctorat. Procedura de creare a (arelor de leg)turi este ur )toarea> 1. se desc8ide siteul +n $ederea Page cu clic pe eniul View Page6 $e*i Figura 3'. &e are gri1) ca pagina +n care se inserea*) (ara de leg)turi s) 7ie selectat) +n 7ereastra docu entului. 3n ca*ul nostru aceast) pagin) este inde/.8t i ea este a7iat) +n partea dreapt)6

Figura '2. Site <n vederea Page.

2. clic pe eniul >nsert $avigation. &e a7ia*) caseta 3nsert 2e( Co ponent6 pasul 36 $e*i Figura 366

2'

Figura '3. Caseta >nsert 0e Component. Pasul >? alegerea tipului arei de leg:turi.

3. clic pe Lin& +ars +n lista Co ponent t9pe6 %. clic pe +ar ased on navigation structure +n lista C8oose a (ar t9peD clic $e,t6 '. se a7ia*) caseta 3nsert 2e( Co ponent6 pasul 336 $e*i Figura 346 clic pe stilul dorit pentru (ara de leg)turi6 clic $e,t6

Figura '4. Caseta >nsert 0e Component. Pasul >>? alegerea stilului arei de leg:turi.

26

6. se a7ia*) caseta 3nsert 2e( Co ponent6 pasul 3336 $e*i Figura 38D clic pe orientarea dorit)6 ori*ontal) sau $ertical)D clic Finis"6

Figura '5. Caseta >nsert 0e Component. Pasul >>>? alegerea orient:rii dorite.

4. se a7ia*) caseta Lin- Bar Properties din Figura 35 se alege opiunea C"ild pages under 6ome deoarece +ntroduce (ara de lag)turi +n pagina de cas). Clic %1.

24

Figura '7. Caseta Lin& +ar Properties.

Caseta Lin- Bar Properties arat) pagina +n care $a ap)rea (ara de leg)turi i paginile ce $or 7i legate. :plicaia FrontPage cre*) (ara de leg)turi din Figura %" +n pagina inde/.8t .

Figura /8. +ara de leg:turi pentru pagina inde,."tm.

&e adaug) acu o (ar) de leg)turi paginii &tudii. &e selectea*) pagina &tudii cu du(lu clic i se repet) procedura de ai sus. La pasul 6 alege ca orientarea (arei de leg)turi s) 7ie $ertical). La pasul 4 alege proprietatea C"ild level6 $e*i Figura %1. :cesta este tipul de (ar) de leg)turi ce tre(uie creat) de la pagina &tudii la paginile Master i Coctorat.

28

Figura /1. Caseta Lin& +ar Properties.

:plicaia FrontPage cre*) (ara de leg)turi din Figura %2.

Figura /!. +ara de leg:turi pentru pagina Studii.

Vo trece +n $ederea <9perlin-s pentru a $edea leg)turile +ntre pagini cu clic pe eniul View 6.perlin&s sau pe (utonul 6.perlin&s al (arei Vie!s. ;n clic pe o pagin) duce la a7iarea leg)turilor ca +n Figura %3 i Figura %%.

25

Figura /'. Leg:turile paginii inde,."tm.

Figura //. Lag:turile paginii studii."tm.

4.2.2 !are cu leg"turi %napoi &#ac'( i %nainte &ne)t( Fie un site cu structura de na$igare din Figura %'. Cin pagina de cas) pute s) ne deplas) +n pagina &tructura cu un (uton #e/t. Vre ca na$igarea +ntre paginile &tructura6 &tudii6 &tudenti s) se 7ac) cu (utoane #e/t i Bac- cu care s) ne deplas) de la o pagin) la alta. 3n plus6 din 7iecare pagin) tre(uie s) ne pute deplasa c)tre

3"

pagina de cas) inde/.8t Figura %6.

cu un (uton <o e. :ceast) structur) este repre*entat) +n

Figura /2. Structura de navigare.

Figura /3. Leg:turile <ntre pagini.

Vo utili*a (are cu leg)turi (ac- ,+napoi. i ne/t ,+nainte.. Butoanele din pagini $or 7i ur )toarele> (ara din pagina &tructura $a conine (utoanele 6ome6 $e,t6 (ara din pagina &tudii $a conine (utoanele +ac&6 6ome6 $e,t6 (ara din pagina &tudenti $a conine (utoanele +ac&6 6ome6 (ara din pagina 3nde/ $a conine (utonul $e,t. Butonul 6ome a7ia*) pagina de cas). Butoanele $e,t i +ac& a7ia*) pagina ur )toare respecti$ precedent). Procedura de creare a unei ase enea (are este ur )toarea> 1. se a7ia*) pagina 3nde/ cu du(lu clic6 2. clic pe eniul >nsert $avigationD se a7ia*) caseta 3nsert 2e( Co ponent6 pasul 3 din Figura %4D clic pe +ar wit" ac& and ne,t lin&s6 clic pe $e,t6

31

Figura /4. Caseta >nsert 0e Component@ pasul >.

3. +n caseta 3nsert 2e( Co ponent6 pasul 33 din Figura %8 se alege stilul (areiD $e*i i Figura 34D clic pe $e,t6

Figura /5. Caseta >nsert 0e Component@ pasul >>.

%. +n caseta 3nsert 2e( Co ponent6 pasul 33 din Figura %8 se alege orientarea (areiD $e*i i Figura 38D clic pe Finis"6

32

Figura /7. . Caseta >nsert 0e Component@ pasul >>>.

Cup) acesta se a7ia*) caseta Lin- Bar Properties din Figura '". 3n lista Lin-s se introduce toare paginile +ntre care dori leg)turi de tipul (ac-6 ne/t. Pentru aceasta se utili*ea*) (utoanele *dd lin&6 #emove lin& i Modif. lin&. Paginile tre(uie aran1ate +n ordinea +n care ne deplas) cu (utonul ne/t. Brdinea paginilor se poate odi7ica cu (utoanele Move up i Move down. Pute introduce +n pagin) o (ar) de leg)turi e/istent) sau pute cea una nou) cu (utonul Create new. Pute insera leg)turi adiionaleD pagina de cas) cu (utonul 6ome page6 pagina p)rinte cu (utonul Parent page. Pentru pagina inde/.8t $o crea o (ar) cu nu ele >nde, Lin& +ar.

33

Figura 28. Caseta Lin& +ar Properties. +ara >nde, Lin& +ar.

Vo crea +n continuare o (ar) de leg)turi pentru celelalte trei pagini cu nu ele +ac&$e,t Lin& +ar. Ea $a conine i o leg)tur) c)tre pagina de cas). Bara este cea din Figura '1.

3%

Figura 21. Caseta Lin& +ar Properties. +ara +ac&$e,t Lin& +ar.

Paginile de 2e( cu (utoanele de na$igare sunt cele din =a(elul '

Ta elul 2. Paginile de 0e cu utoanele de navigare.

3'

&tructura de na$igare i (arele de leg)turi sunt cele din Figura '2.

Figura 2!. Structura de navigare (i arele de leg:turi.

Leg)turile +ntre apgini +n $ederea <9perlin-s sunt cele din Figura '3.

Figura 2'. Leg:turile <ntre pagini <n vederea 6.perlin&s.

4.3 Regiuni partajate

0egiunile parta1ate sunt *one din pagini care sunt re*er$ate unor ele ente ce $or ap)rea +n paginile de 2e(6 de e/e plu (are de leg)turi. Pentru e/e pli7icare $o crea *one pe structura de na$igare din Figura '%.

36

Figura 2/. Structur: de navigare a unui site.

Procedura de creare a regiunilor parta1ate este ur )toarea> 1. se a7ia*) siteul +n $ederea #a$igation cu clic pe eniul View $avigation sau pe (ara de instru ente View6 2. clic pe eniul View Folder List pentru a ascunde 7ereastra Folder List6 3. clic pe eniul Format S"ared +ordersD se a7ia*) caseta &8ared Borders din Figura ''6

Figura 22. Caseta S"ared +orders.

%. se arc8ea*) opiunea *ll pages6 '. se arc8ea*) opiunile Top i >nclude navigation uttons6 6. se arc8ea*) opiunile Left i >nclude navigation uttons6 4. clic %1. Cac) opiunea &8ared Borders nu este acti$)6 tre(uie arcat) opiunea &8ared Borders +n caseta Page Bptions a7iat) cu clic pe eniul Tools Page %ptions *ut"oring. Cu opiunile alese6 Top i Left6 aplicaia FrontPage generea*) (are de leg)turi +n toate paginile6 +n partea de sus i +n st?nga pe (a*a structurii de na$igare. 3n partea st?ng) sunt generate (are de leg)turi c)tre paginile copil. 3n partea de sus sunt generate (are de leg)turi c)tre paginile p)rinte i de acelai ni$el. Paginile cu (are de leg)turi generate sunt ar)tate +n Figura '6 pagina de cas)6 +n Figura '4 pagin) de acelai ni$el

34

7)r) pagini copil6 +n Figura '8 pagin) de acelai ni$el cu pagini copil6 +n Figura '5 pagin) de acelai ni$el 7)r) pagini copil. &tergerea regiunilor parta1ate se 7ace ast7el> se a7ia*) caseta &8ared Borders i se deselectea*) toate opiunile Top6 Left6 etc.

Figura 23. +arele de leg:turi din regiunile partaAate@ pagina de cas:.

38

Figura 24. +arele de leg:turi din regiunile partaAate@ pagini la acela(i nivel f:r: pagini copil.

Figura 25. +arele de leg:turi din regiunile partaAate@ pagini la acela(i nivel cu pagini copil.

35

Figura 27. +arele de leg:turi din regiunile partaAate@ pagini la acela(i nivel f:r: pagini copil.

Barele de leg)turi se pot testa +n 7elul ur )tor> 1. se trece +n $ederea Page6 2. se a7ia*) pagina de cas)6 3. se na$ig8ea*) cu Ctrl = clic pe leg)turi. Ceoarece +n partea de sus a paginilor apare o (ar) de leg)turi c)tre paginile de acelai ni$el6 +n ca*ul paginii de cas) nu e/ist) generat) nicio (ar) de leg)turi6 $e*i Figura '6. Vo odi7ica aceast) (ar) de leg)turi pentru a a7i) leg)turile c)tre celelalte pagini. Procedura este ur )toarea> 1. se a7ia*) pagina inde/.8t 6 2. du(lu clic pe te/tul FEdit t8e properties 7or t8is lin- (ar to displa9 89perlin-s 8ereGD se a7ia*) caseta Lin- Bar Properties din Figura 6"6 3. se selectea*) opiunea C"ild level i se deselectea*) toate celelalte opiuni6 %. clic %16 '. clic 6ome pentru a deselecta (ara de leg)turi..

%"

Figura 38. Caseta Lin& +ar Properties.

Pagina inde/.8t

de$ine cea din Figura 61.

Figura 31. Pagina inde,."tm.

%1

:cu pagina inde/.8t conine dou) (are cu leg)turi identice. Vo terge (ara din partea st?ng). Procedura este ur )toarea> 1. du(lu clic pe (ara de leg)turi6 2. +n caseta Lin- Bar Properties se selectea*) opiunea Same level i se arc8ea*) opiunea 6ome page6 3. clic %1. Bara de leg)turi este +nocuit) cu te/tul FEdit t8e properties 7or t8is lin- (ar to displa9 89perlin-s 8ereG. :cest te/t este a7iat doar +n $ederea Page. Pagina inde/.8t re*ultat) este cea din Figura 62.

Figura 3!. Pagina inde,."tm.

4.4 Vederea Reports

Vederea 0eports per ite s) gener) rapoarte despre site. Categoriile de rapoarte ce se pot genera sunt cele din Figura 63. Site Summar. generea*) un raport cu toate 7iierele siteului i coninutul lor6 leg)turile +ntre pagini6 etc.6 Files generea*) rapoarte despre 7iiere> toate 7iierele6 7iierele recent ad)ugate6 recent odi7icate6 S"ared Content generea*) rapoarte despre te ele utili*ate +n pagini6 regiunile parta1ate6 Pro lems generea*) rapoarte despre 7iierele nelegate6 leg)turi6 ;sage generea*) rapoarte de anali*) despre utili*area siteului6 nu )rul de pagini $i*itate6 ,s)pt) ?nal6 lunar6 *ilnic.6 siste ele de operare6 (ro!sere6 etc.

%2

Figura 3'. Categorii de rapoarte despre site.

;n e/e plu se su ar al siteului este cel din Figura 6%.

Figura 3/. Sumarul siteului.

Menion) c) su( (ara cu (utoanele corespun*)toare paginilor e/ist) lista cu categoriile de rapoarte din Figura 63. 3n acest 7el se poate trece rapid de la un raport la altul.

%3

* Crearea unei pagini de +e#

Crearea unei pagini de 2e( $ide se 7ace ast7el> 1. se a7ia*) 7ereastra #e! +n dreapta ecranului cu clic pe eniul File $ew Page6 dac) aceasta nu este a7iat)6 2. +n 7ereastra #e!6 +n seciunea #e! Page clic pe opiunea +lan& Page. :lternati$6 clic pe (utonul $ew page6 6 din (ara de instru ente. 3 plicit6 la lansarea aplicaiei este a7iat) a nou) pagin) goal) cu nu ele ne!@page@1.8t 6 $e*i Figura 2. B pagin) de 2e( conine te/t6 7iguri6 leg)turi c)tre alte pagini de 2e( i controale6 (utoane 6 etc. =e/tul poate 7i + p)rit +n paragra7e6 poate conine ta(ele sau liste i poate 7i 7or atat dup) dorin).

5.1 ntroducerea te!tului

Vre ca pagina noastr) de 2e( s) ai(e titlul Pagina personala i s) conin) ru(ricile #u e> Prenu e> Faculatatea> &pecialitatea> Pagina de 2e( cu te/tul introdus este cea din Figura 6'.

Figura 32. Pagin: de 0e .

La ap)sarea tastei )nter cursorul se

ut) +n 1os cu dou) spaii.

%%

*.1.1 For,atarea te)tului Vo 7or ata te/tul ast7el> titlul $a a$ea 7ontul cu stilul +ngroat6 iar 7iecare ru(ric) $a a$ea un 7ont di7erit i o culoare di7erit). For atarea te/tului se 7ace ast7el> 1. se selectea*) te/tul ce se $a 7or ata6 2. se a7ia*) caseta Font cu clic pe eniul Format Font6 $e*i Figura 64 i Figura 68. :lternati$ se pot utili*a (utoanele (arei de 7or atare a te/tului din Figura 66.
Figura 33. +ara de formatare a te,tului.

Bpiunile necesare se aleg din seciunile casetei Font.

Figura 34. Caseta Font@ seciunea Font.

3n seciunea Font a casetei Font se pot odi7ica tipul6 stilul6 di ensiunea6 culoarea i e7ectele ,su(liniere6 indici6 etc.. 7ontului6

%'

Figura 35. Caseta Font@ seciunea C"aracter Spacing.

Culoarea te/tului selectat se alege din caseta Font Color6 $e*i Figura 65. Ea se a7ia*) cu clic pe (utonul al (arei de instru ente sau cu clic pe s)geata *ona Color a seciunii Font din Figura 64. a listei din

Figura 37. Caseta Font Color.

Pagina 7or atat) cu stilul +ngroat pentru titlu i culoarea al(astru pentru datele personale este cea din Figura 4".

%6

Figura 48. Pagina de 0e formatat:.

*.1.2 -ntroducerea caracterelor speciale Caracterele speciale se introduce +n te/t ast7el> clic pe eniul >nsert S.m olD se a7ia*) caseta &9 (ol din Figura 416 se introduce caracterul dorit apoi clic pe >nsert6 Close.

%4

Figura 41. Caseta S.m ol.

;n e/e plu de pagin) cu 7or ule cu caractere speciale este cel din Figura 42.

Figura 4!. >ntroducerea de caractere speciale.

5.2 "iste
E/ist) liste ale c)ror ele ente sunt nu erotate6 c?nd ordinea ele entelor este i portant) i liste e$ideniate c?nd ordinea ele entelor nu este i portant). Pentru

%8

7or atarea listelor se utili*ea*) (utoanele (arei de 7or atare sau opiunile For at. *.2.1 Evidenierea ele,entelor listelor Pentru a crea o list) se procedea*) ast7el> 1. se introduc toate ele entele listei6 7iecare ele ent pe o nou) linie6 2. se selectea*) toate ele entele listei6 3. clic pe (utonul +ullets6 . :lternati$6 dup) selectarea ele entelor listei se procedea*) ast7el> 1. se a7ia*) caseta List Properties seciunea Plain +ullets cu clic pe Format +ullets and $um ering6 $e*i din Figura 436 2. se alege tipul de arca1 dorit6 3. clic pe %1.

eniului

eniul

Figura 4'. Caseta List Properties@ seciunea Plain +ullets.

Menion) c) (utonul +ullets utili*ea*) stilul curent de e$ideniere. La utili*area casetei List Properties se poate alege stilul dorit de e$ideniere sau se poate sc8i (a stilul e/istent. *.2.2 Nu,erotarea listelor Ele entele listelor se pot nu erota +n 7elul ur )tor> 1. se introduc toate ele entele listei6 7iecare ele ent pe o nou) linie6 2. se selectea*) toate ele entele listei6 3. clic pe (utonul $um ering6 . %5 .

Figura 4/. Caseta +ullets and $um ering. seciunea $um ers.

:lternati$6 dup) selectarea ele entelor listei se procedea*) ast7el> 1. se a7ia*) caseta List Properties seciunea $um ers6 cu clic pe eniul Format +ullets and $um ering6 din Figura 4%6 2. se alege tipul de nu erotare dorit6 3. clic pe %1. Menion) c) (utonul $um ering utili*ea*) stilul curent de nu erotare. La utili*area casetei List Properties se poate alege stilul dorit de nu erotare sau se poate sc8i (a stilul e/istent i se poate alege de unde +ncepe nu )r)toarea. *.2.3 Crearea su#listelor Menion) c) pute crea liste cu su(liste. Pentru a crea o su(list) corespun*)toare unui ele ent din list) clic pe (utonul >ncrease >ndent6 . Cup) ter inarea ele entelor su(listei clic pe (utonul Decrease >ndent6 . B list) cu su(liste este cea din Figura 4'. Cup) introducerea pri ului ele ent din list)6 3nginerie Elctric)6 la ap)sarea tastei )nter apare nu )rul 2 pentru ur )torul ele ent. Pentru a crea pri ul ele ent din su(list) clic pe (utonul >ncrease >ndent6 6 apoi pe (utonul +ullets6 i se crea*) pri ul ele ent din su(list). =e/tul ele entelor listei se poate 7or ata dup) cu sHa ar)tat ai +nainte. 3n ca*ul nostru titlurile su(listelor au 7ost 7or atate cu 7ontul 1% i stilul +ngroat. =itlul listei a 7ost 7or atat cu di ensiunea 7ontului 1' i stilul +ngroat.

'"

Figura 42. Lista cu su liste.

5.3 ntroducerea tabelelor

=a(elele per it organi*area datelor pe linii i pe coloane. =a(elele constau din linii i coloane de celule. Celulele pot conine date6 7iguri6 liste6 (utoane sau alte ta(ele. Bperaiile asupra ta(elelor i celulelor6 inserare6 tergere6 reuniunea sau di$i*area celulelor6 etc.6 se 7ac cu opiunile eniului Ta le din Figura 46. *.3.1 -ntroducerea unei ta#el 3ntroducerea unei ta(el se 7ace ast7el>

'1

Figura 43. Meniul Ta le.

1. clic pe eniul Ta le >nsert Ta le din Figura 46D se a7ia*) caseta 3nsert =a(le din Figura 446

'2

Figura 44. Caseta >nsert Ta le.

2. +n caseta 3nsert =a(le din Figura 44 se aleg> a. nu )rul de linii +n caseta #ows6 (. nu )rul de coloane +n caseta Columns6 +n *ona &i*e6 c. di ensiunea arginii +n caseta +order Si;e6 +n *ona Borders6 d. spaierea celulelor +n caseta Cell Spacing6 e. spaierea te/tului +n celule +n caseta Cell Padding6 7. alinierea ta(elei +n pagin) +n caseta *lignment6 g. l)i ea ta(lei se alege +n pi/eli sau procente din l)i ea paginii +n *ona La9out. :ceste propriet)i pot 7i odi7icate dup) crearea ta(elului +n caseta =a(le Properties ce are aceleai opiuni cu caseta 3nsert =a(le. Caseta =a(le Properties este a7iat) cu clic pe eniul Ta le Ta le Properties sau cu clic pe opiunea Ta le Properties a eniului conte/tual al ta(elei. ;n e/e plu de ta(el este cel din Figura 48 cu datele conta(ile ale unei +ntreprinderi. =a(elul a 7ost 7or atat cu propriet)ile> di ensiunea arginii 2 pi/eli6 spaierea celulelor 3 pi/eli i 2 pi/eli. Catele din ta(ele se pot 7or ata cu opiunile eniului Format sau ale (arei de 7or atare din Figura 66. Celulele se pot 7or ata dup) cu se $a ar)ta ai 1os. '3

Figura 45. Ta el: cu venituri (i c"eltuieli.

*.3.2 -nserarea titlului unui ta#el 3nserarea titlului deasupra ta(elului se 7ace cu clic pe eniul Ta le >nsert Caption6 $e*i Figura 46. 3nserarea titlului su( ta(el se 7ace ast7el> 1. se inserea*) titlul deasupra ta(elului6 2. se a7ia*) eniul conte/tual din =a(elul 6a cu clic cu (utonul drept pe titlul ta(eluluiD 3. clic pe Caption Properties. 3n caseta Caption Properties din =a(elul 6( clic pe +ottom of ta le i apoi pe %1.

a.

eniu conte/tual

(. caseta Caption Properties

Ta elul 3. Meniu conte,tual (i ta ela Caption Properties.

:linierea titlului ta(elului se 7ace ast7el> 1. se selectea*) titlul ta(elului6

'%

2. +n (ara de 7or atare clic pe (utoanele (arei de 7or atare6 clic pe aliniere la st?nga6 pe pentru aliniere +n centru i dreapta. ;n e/e plu de ta(el cu titlu este cel din Figura 45.

pentru

pentru aliniere la

Figura 47. Ta el cu titlu.

*.3.3

electarea. tergerea i inserarea de linii. coloane i celule %n ta#ele

&electarea unei ta(ele6 linii6 coloane sau celule se 7ace ast7el> 1. clic pe ta(el6 celul) din linia sau coloana ce $a 7i selectat)6 2. clic pe eniul Ta le Select6 $e*i Figura 8"6 3. clic pe una din opiunile Ta le6 Column6 #ow6 Cell6 corespun*?nd ele entului ce tre(uie selectat.

Figura 58. Selectarea unui ta el@ linie@ coloan:@ celul:.

&tergerea unui ta(el6 linie6 coloan)6 celul) se 7ace ast7el> 1. se selectea*) ele entul ce tre(uie ters ca ai sus6 2. se a7ia*) eniul conte/tual cu clic cu (utonul drept pe ta(el6

''

3. se e/cut) clic pe Delete Cells. Meniurile conte/tuale ale unei ta(ele6 linii6 coloane celule sunt di7erite. Meniul conte/tual din Figura 81 este cel al unei ta(ele.

Figura 51. Meniu conte,tual la selectarea unei ta ele.

Pentru a terge titlul unui ta(el se selectea*) titlul i se apas) tasta Delete. 3nserarea unei linii sau coloane se 7ace ast7el> 1. se selectea*) o celul) l?ng) linia sau coloana ce tre(uie introdus)6 2. clic pe eniul Ta le >nsert #ows or Columns6 $e*i Figura 82D se a7ia*) caseta 3nsert 0o!s or Colu ns din Figura 836

Figura 5!. >nserarea unei linii sau coloane <ntrBun ta el.

3. se alege dac) se inserea*) linii sau coloane6 locaia deasupra A su( sau la st?nga A dreapta celulei selectate i nu )rul de linii sau coloane ce se $or insera.

'6

Figura 5'. caseta >nsert #ows or Columns.

Pentru a insera o celul)> 1. se selectea*) celula ce $a 7i deplasat) la dreapta6 2. clic pe eniul Ta le >nsert Cell. *.3.4 For,atarea celulelor Celulele unei ta(ele se pot 7or ata pentru a alege odul de aran1are6 culoarea arginilor i a 7ondului6 etc. Pentru a 7or ata o celul) se procedea*) ast7el> 1. clic pe celul) cu (utonul dreptD se a7ia*) eniul conte/tual din Figura 8%6 2. clic pe Cell PropertiesD se a7ia*) caseta Cell Properties din Figura 8'.

Figura 5/. Meniu conte,tual a unei ta ele.

'4

Figura 52. Caseta Cell Properties.

Pentru a alege culoarea arginilor se procedea*) ast7el> pentru ca arginile celulei s) ai(e aceeai culoare se a7ia*) lista Color din seciunea Borders i se alege culoarea dorit)6 $e*i celulele pri ei linii ale ta(elului din Figura 866 pentru ca arginile celulei s) ai() dou) culori se a7ia*) listele Lig"t +order i Dar& +order i se aleg culorile dorite6 $e*i celulele liniei a treia ale ta(elului din Figura 86.

Figura 53. Ta el cu marginile celuleor colorate.

Coloarea 7undalului unei celule se alege din lista Color a seciunii Bac-ground. ;n e/e plu de alegere a culorilor este ar)tat +n Figura 86. Pentru a reuni celule dintrHo linie sau coloan) se selectea*) aceste celule i se reunesc cu clic pe eniul Ta le Merge Cells sau cu clic pe opiunea Merge Cells a eniului conte/tual al ta(elei. Pentru a di$i*a celule se selectea*) celulele i clic pe eniul Ta le Split Cells sau pe opiunea Split Cells a eniului conte/tual al ta(elei. &e a7ia*) caseta &plit Cells din =a(elul 4 +n care se alege nu )rul de coloane sau de linii +n care s) se di$id) o celul).

'8

a. +n coloane
Ta elul 4. Divi;area celulelor.

(. +n linii

5.4 nserarea unei #otogra#ii

3nserarea unei 7otogra7ii se 7ace ast7el> 1. clic pe eniul >nsert Picture From File6 $e*i Figura 846

Figura 54. Meniul >nsert. >nserarea unei fotografii.

2. se a7ia*) caseta de dialog Picture din Figura 88 +n care se alege 7iierul dorit. 3n caseta Picture se poate na$iga p?n) la directorul ce conine i aginea de inserat +n lista Loo- in6 3. clic pe (utonul >nsert.

'5

Figura 55. Caseta de dialog Picture.

B pagin) cu trei 7otogra7ii inserate +ntrHo ta(el) este cea din Figura 85.

6"

Figura 57. Pagin: de 0e cu figuri.

Cup) inserarea +n pagin) 7otogra7ia poate 7i 7or atat). La un clic cu (utonul st?ng pe 7otogra7ie6 aceasta este selectat). La coluri i +n i1locul laturilor apar opt arca1e. La plasarea ousului pe un arca1 cursorul ia 7or a unei s)gei cu du(lu sens i 7otogra7ia poate 7i )rit) sau icorat) prin tragere. Pentru a odi7ica propriet)ile 7otogra7iei se a7ia*) caseta Picture Properties din Figura 5". 3n aceast) caset) se pot odi7ica po*iia 7otogra7iei6 di ensiunile ei i odul de aran1are a te/tului.

61

Ci ensiunile 7otogra7iei se odi7ic) +n seciunea &i*e> l)i ea , 0idt". i +n)li ea ,6eig"t.6 +n pi/eli sai +n procent din l)i ea paginii. &e poate p)stra raportul iniial l)i e A +n)li e dac) se arc8ea*) caseta 1eep aspect ratio. :ran1area 7otogra7iei +n pagin) se alege +n seciunea La.out. Po*iia 7otogra7iei se alege +n lista :lign ent6 Center Centru.6 Left ,&t?nga.6 #ig"t ,Creapta.. etc. &tilul te/tului relati$e la 7otogra7ie se alege +n seciunea 2rapping &t9le. 3n ca*ul opiunii $one te/tul nu apare +n r?nd cu 7otogra7ia. 3n ca*ul opiunilor Left i #ig"t te/tul +ncon1oar) 7otogra7ia dup) cu se arat) +n Figura 5".

Figura 78. Caseta Picture Properties.

3n ca*ul nostru di ensiunile 7otogra7iilor au 7ost alese 2'6 / 152 pi/eli. &Ha eninut constant raportul l)i e A +n)li e. Po*iionarea 7otogra7iilor sHa 7)cut cu opiunile din seciunea 2rapping st9le. Pentru sal$area paginii clic pe eniul File Save sau pe (utonul Save al (arei de instru ente. La sal$area paginii se a7ia*) caseta &a$e E (edded Files cu care se sal$ea*) copii ale 7otogra7iilor. 3n aceast) caset) se poate allege directorl +n care s) se sal$e*e 7otogra7iile. E/ist) posi(ilitatea de a a7ia doar icoane ,t8u (nails. pentru 7otogra7ii. 3n acest 7el $i*itatorul unui site poate desc)rca doar 7otogra7iile de interes i s) reduc) ti pul de +nc)rcare a paginii. Pentru a crea icoane ,t8u (nails. ale 7otogra7iilor se procedea*) ast7el> 1. se inserea*) 7otogra7iile +n pagin) ca ai +nainte6 2. se selectea*) o 7otogra7ie cu clic6 3. se a7ia*) eniul conte/tual al unei 7otogra7ii din Figura 51 cu clic cu (utonul drept6

62

%. clic pe opiunea :uto =8u (nail i 7otogra7ia se trans7or ) +ntrHo icoan) +ncon1urat) de un c8enar al(astru6 '. se procedea*) la 7el pentru toate 7otogra7iile. &e o(ine o pagin) ca cea din Figura 52.

Figura 71. Meniul conte,tual al unei fotografii.

Figura 7!. Pagin: cu fotografii transformate <n icoane.

La sal$area paginii cu clic pe eniul File Save sau pe (utonul Save se a7ia*) caseta &a$e E (edded Files6 ca ai +nainte. Ce aceast) dat) se sal$ea*) i icoanele create. :ceste icoane au nu ele 7iierului la care se adaug) su7i/ul @s all. Propriet)ile icoanelor ,t8u (nails. se pot prescri(e cu clic pe eniul Tools Page %ptions *uto T"um nail.

63

Pute aran1a icoanele 7otogra7iilor dup) dorin). #e pute deplasa cu cursorul printre icoane la 7el ca prin te/t cu tastele i . Pute insera spaii cu tastele Space sau Ta 6 pute terge spaii cu tasta Delete. Pute insera caracterul C0 cu tasta #eturn. Pentru a aran1a icoanele pe dou) r?nduri proced) +n 7elul ur )tor> 1. clic pe pri a icoan)6 apoi se apas) tasta 6ome i cursorul se ut) la st?nga icoanei6 2. se apas) tasta pentru a uta cursorul la ur )toarea icoan)D se apas) tasta Ta i se crea*) spaiu +ntre icoane6 3. se ut) cursorul la a treia icoan) cu tasta D clic pe tasta )nter ut) icoanele r) ase pe r?ndul ur )tor6 %. se apas) tasta i cursorul se ut) la ur )toarea icoan)D se apas) tasta Ta i se crea*) spaiu +ntre icoane. &e o(ine pagina din Figura 53.

Figura 7'. Pagin: cu fotografii transformate <n icoane.

5.5 $alvarea unei pagini de %eb

Vo sal$a pagina din Figura 85. Pentru sal$area paginii de 2e( create clic pe eniul File Save *s. &e a7ia*) caseta &a$e :s din Figura 5% +n care se poate alege siteul +n care se $a sal$a pagina +n lista &a$e in i nu ele pagini +n caseta File@na e. Clic pe %1. 3n ca*ul nostru sal$) pagina pe siteul M9 2e( &ites. Menion) c) icoana arat) c) este $or(a de un site. $umele fi(ierelor nu tre uie s: includ: caractere speciale (i spaii. -nele dintre aceste caractere au semnificaie special: pentru servere. &e reco and) ca nu ele 7iierelor s) ai(e se ni7icaie i s) 7ie speci7ice. Ele tre(uie utili*ate pentru a descrie coninutul 7iierului. Cei se pot sal$a toate paginile +n directorul r)d)cin)6 se reco and) organi*area paginilor +n directoare.

6%

 &e reco and) organi*area directoarelor pe categorii6 7iecare categorie are propriul director. Fiecare director al unei categorii poate conine su(directoare. &e reco and) gruparea 7iierelor cu acelai coninut. Ce e/e plu6 siteul are un director pentru i agini. &e reco and) plasarea tuturor i aginilor +n acest director pentru a putea 7i reg)site rapid. Cac) e/ist) ulte i agini se reco and) crearea unui director care s) conin) i agini +n 7iecare seciune a siteului.

Figura 7/. Caseta Save *s.

Bdat) cu pagina de 2e( tre(uie sal$ate i 7iierele cu i agini din pagin). Cup) +nc8iderea casetei &a$e :s se a7ia*) caseta &a$e E (edded Files din Figura 5' +n care se poate alege locul +n care se $or sal$a 7iierele cu i agini din pagin). Clic pe %1.

6'

Figura 72. Caseta Save )m edded Files.

Coninutul directorului cu pagina de 2e( sal$at) i 7iierele incluse este cel din Figura 56.

Figura 73. Pagina de 0e cu fi(ierele coninute.

5.& nserarea unei legturi '()perlin*+

B pagin) de 2e( poate conine leg)turi ,89perlin-. c)tre c)tre alte situri6 c)tre alte pagini de 2e( din acelai site6 c)tre di$erse locuri din pagin).

66

*./.1 -nserarea unei leg"turi c"tre un loc din aceeai pagin" Fie o pagin) de 2e( cu in7or aii despre anii de studii 36 336 333 i 3V. 3n7or aiile despre un an se a7l) su( titlul respecti$6 :nul 36 :nul 336 :nul 3336 :nul 3V +n *ona 3n7or aii. Pentru o na$igare rapid) +n pagin)6 +n partea de sus sunt patru ru(rici :nul 36 :nul 336 :nul 3336 :nul 3V i la clic pe Ctrl = an cursorul tre(uie utat la ru(rica cu in7or aii despre anul respecti$. Pagina respecti$) tre(uie s) arate ca +n Figura 54.

Figura 74. Pagin: de 0e <n care se vor crea leg:turi.

3nserarea unei leg)turi +n acelai docu ent se 7ace ast7el> 1. clic cu cursorul po*iionat +n punctul unde vrem s: navig:m6 +n ca*ul nostru :nul 3 su( 3n7or aii6 2. clic pe eniul >nsert +oo&mar&6 $e*i Figura 58D se a7ia*) caseta Boo- ar- din Figura 556

64

Figura 75. Meniul >nsert.

3. +n caseta de te/t Boo- ar- na e se introduce nu ele dorit6 +n ca*ul nostru anul3. Clic pe %1. 3n punctul unde a 7ost po*iionat cursorul apare un stegule6 6 $e*i Figura 1"".

Figura 77. Caseta +oo&mar&.

68

Figura 188. Pagina de 0e cu oo&mar& pentru *nul >.

%. se selectea*) te/tul sau 7igura de unde vrem s: mavig:m. 3n ca*ul nostru select) te/tul :nul 3 din partea de sus a paginii6 '. clic pe (utonul >nsert 6.perlin&6 6 al (arei de instru ente i se a7ia*) caseta 3nsert <9perlin- din Figura 1"1.

65

Figura 181. Caseta >nsert 6.perlin&

6. clic pe (utonul Place in T"is Document din partea st?ng) i pe (oo- ar-ul anul> din lista &elect a place in t8is docu ent. Clic pe %1. =e/tul selectat este legat acu de (oo- ar-. &e apas) tasta Ctrl i clic pe an i cursorul se ut) la titlul respecti$ +n *ona 3n7or aii. Pagina co plet) este ar)tat) +n Figura 1"2.

4"

Figura 18!. Pagina de 0e cu leg:turi create.

*./.2 -nserarea de leg"turi c"tre alte pagini de +e# din acelai site Fie un site cu in7or aii pentru studeni. El are o pagina de 2e( cu titlul 3n7or aii pentru studeni i dou) pagini Brar anul 3 i Brar anul 33 cu orarele respecti$e. Pagina 3n7or aii pentru studeni tre(uie s) ai() leg)turi spre cele dou) pagini6 Brar anul 3 i Brar anul 33. Paginile respecti$e sunt cele din Figura 1"36 Figura 1"% i Figura 1"'.

41

Figura 18'. Pagina >nformatii pentru studenti.

Figura 18/. Pagina %rar anul >.

42

Figura 182. Pagina %rar anul >>.

Pentru a crea leg)turi de la pagina 3n7or aii pentru studeni la celelalte dou) pagini se procedea*) ast7el> 1. se crea*) cele trei pagini6 2. +n pagina 3n7or aii pentru studenti se selectea*) te/tul Brar anul 36 3. clic pe (utonul >nsert 6.perlin&6 6 al (arei de instru ente i se a7ia*) caseta 3nsert <9perlin- din Figura 1"66 %. clic pe (utonul ),isting File or 0e Page din st?nga casetei. 3n lista Loo& in se selectea*) directorul unde se g)sete siteul6 +n ca*ul nostru M9 2e( &ites6 apoi su(directorul corespun*)tor6 +n ca*ul nostru directorul curent6 '. se selectea*) pagina destinaie %rar*nul> i clic pe %1. In caseta :ddress apare adresa paginii6 aici Brar:nul3.8t 6 6. se procedea*) la 7el pentru a crea o leg)tur) spre pagina Brar:nul33.

43

Figura 183. Caseta )dit 6.perlin&.

5., -dugarea unei teme

:plicaia FrontPage are te e prede7inite ce pot 7i aplicate paginilor. Pentru a aplica o te ) se procedea*) ast7el> 1. se selectea*) o pagin) cu du(lu clic6 2. clic pe eniul Format T"emeD +n 7ereastra =as- Pane se a7ia*) 7ereastra =8e e cu toate te ene e/istente6 $e*i Figura 1"46 3. se selectea*) te a dorit).

Figura 184. *plicarea unei teme.

B te ) se poate aplica tuturor paginilor sau doar unor pagini. 3 aginea unei te e este cea din =a(elul 8a. ;n clic pe (utonul din dreapta i aginii a7ia*) caseta din =a(elul

4%

8(. Bpiunea *ppl. as default t"eme aplic) te a aleas) tuturor paginilor siteului. Bpiunea *ppl. to selected pageCsD aplic) te a paginii ,paginilor. selectate. &electarea ai ultor pagini se 7ace ast7el> 1. clic pe eniul View Folders6 2. +n seciunea Folder List se selectea*) paginile dorite cu clic in?nd tasta Ctrl ap)sat).

a. i aginea unei te e

(. opiuni de aplicare

Ta elul 5. *plicarea unei teme.

;n e/e plu de te ) aplicat) unei pagini este cel din Figura 1"8.

Figura 185. Tem: aplicat: unei pagini.

4'

/ 0tili$area cadrelor &1ra,es(

Cadrele i part o pagin) de 2e( +n ai ulte seciuni. 3n acest 7el ele ne per it s) a7i) ai ulte pagini de 2e( pe ecran +n acelai ti p. Pagina principal) se nu ete pagin) p)rinte. Ea conine instruciuni ce descriu 7or a i locali*area cadrelor +n pagin). Fiecare cadru are o pagin) surs) ce conine te/t i gra7ic). 3n consecin)6 pagina a7iat) conine pagina p)rinte i paginile corespun*)toare cadrelor. :tunci c?nd sal$) o pagin) cu cadre $o sal$a 7iecare din aceste pagini. Vo e/e pli7ica utili*area cadrelor prin construcia unui site al 7acult)ii. Pagina $a a$ea trei cadre +n care se $or a7ia in7or aii despre structura 7acult)ii6 direciile de studiu i studeni.

&.1 Crearea unei pagini cu cadre

Crerea unei pagini cu cadre se 7ace ast7el> 1. clic pe (utonul $ew Page6 opiunea Page6 6 i apoi +n lista #e! Page a7iat) clic pe

Figura 187. Lista $ew Page.

2. se a7ia*) caseta Page =e plates din Figura 11". 3n seciunea Fra es Pages clic pe tipul dorit6 de e/e plu +anners and Contents. Pute $edea + p)rirea unei pagini +n cadre cu clic pe o icoan). 3n *ona Pre$ie! se a7ia*) cadrele din pagin)6

46

Figura 118. Caseta Page Templates.

3. clic pe %1 i se crea*) pagina din Figura 111.

Figura 111. Pagin: cu cadre.

44

%. Fiecare cadru conine dou) (utoane> Set >nitial Page i $ew Page. E/ecut) clic pe Set >nitial Page dac) pagina pe care $re s) o a7i) +n cadru e/ist) i ea $a 7i selectat) +ntrHo caset) de dialog. E/ecut) clic pe $ew Page dac) pagina ce tre(uie a7iat) +n cadru nu e/ist) i se a7ia*) o pagin) nou) +n care $o crea te/tul i gra7ica ce $or 7i a7iate +n cadru6 '. se sal$ea*) pagina cu clic pe eniul File Save *s. &e sal$ea*) pagina principal) ur at) de paginile surs) ale 7iec)rui cadru. &al$area paginii principale este a7iat) +n Figura 112. 3n caseta File na e introduce nu ele dorit6 8o epage.

Figura 11!. Se salvea;: pagina principal:.

Propriet)ile unui cadru sunt cele din caseta Fra e Properties din Figura 113. 3n caset) pute prescrie nu ele cadrului +n caseta #a e6 adresa paginii a7iat) iniial +n caseta 3nitial Page6 di ensiunile cadrului +n seciunea Fra e &i*e6 etc.

48

Figura 11'. Caseta Frame Properties.

Vre ca +n cadrul din partea de sus s) 7ie a7iat nu ele 7acult)ii. Clic pe cadru i se a7ia*) o pagin) de 2e( goal) +n care introduce in7or aia6 Facultatea de 3nginerie electrica. &al$) pagina su( nu ele 7ra e titlu6 $e*i Figura 11%.

Figura 11/. Pagina frame titlu.

45

Cre) alte trei pagini de 2e( +n care introduce in7or aiile despre structura 7acult)ii6 direciile de studiu i studeni. Vo denu i aceste pagini &tructura6 &tudii i respecti$e &tudenti.

Figura 112. Pagina Structura.

Figura 113. Pagina Studii.

8"

Figura 114. Pagina Studenti.

Vo introduce acu +n cadrul din st?nga adesele celor trei pagini. &e procedea*) ast7el> 1. clic pe (utonul #e! PageD se a7ia*) o nou) pagin) de 2e(6 2. clic pe locul unde se $a introduce pri a leg)tur)6 3. clic pe (utonul >nsert 6.perlin&6 6 din (ara de instru ente. &e a7ia*) caseta 3nsert <9perlin- din Figura 118D clic pe pagina de 2e( structura i nu ele ei apare +n caseta :ddress. 3n caseta =e/t to displa9 se introduce nu ele leg)turii6 +n ca*ul nostru &tructura6

Figura 115. Caseta >nsert 6.perlin&.

81

%. clic pe (utonul Target FrameD se a7ia*) caseta =arget Fra e din Figura 115. Cori ca pagina &tructura s) se a7ie*e +n cadrul din dreapta. :ceasta este opiunea i plicit) page Ce7ault , ain.. Clic pe %1.

Figura 117. Caseta Target Frame.

&e inserea*) la 7el adresele celorlalte dou) pagini. Pagina proiectat) este cea din

Figura 1!8. Pagina de 0e a facult:ii.

82

Vo

sal$a pagina proiectat) cu clic pe

eniul File Save *s.

Figura 1!1. Salvarea paginii de 0e .

&e a7ia*) apoi caseta &a$e :s pentru cele trei pagini surs) pentru cadre6 dtructura6 studii6 studenti. Pagina creat) a7iat) +n 3nternet E/plorer este cea din

Figura 1!!. Pagina de 0e a facult:ii afi(at: in >nternet ),plorer.

Bperaiile cu cadre se pot e7ectua i cu opiunile

eniului Frames din Figura 123.

83

Figura 1!'. Meniul Frames.

Bpiunile Save Page i Save Page *s sal$ea*) pagina surs) cadrului selectat. E/erciiu. &) se cree*e pagina de 2e( din Figura 12%. Cadrul din partea de sus a paginii $a conine titlul titlul :7isarea unor pagini de 2e(. 3n cadrul din st?nga se $or introduce adresele a dou) ser$ere6 !!!.google.co i !!!.9a8oo.co . La un clic pe o adres) $re ca +n cadrul principal s) se a7ie*e pagina de cas) a ser$erului.

Figura 1!/. Pagina de 0e .

Pagina de 2e( +nc)rcat) +n 3nternet E/plorer este a7iat) ca +n Figura 12'. ;n clic pe adresa ser$erului Joogle duce la a7iarea paginii de cas) din Figura 126.

8%

Figura 1!2. Pagina de 0e <n >nternet ),plorer.

Figura 1!3. Pagina de cas: a serverului Eoogle.

8'

2 Construcia unui site pe #a$a unui a#lon

Vo pre*enta crearea auto at) a unui site (a*at) pe con7iguraiile e/istente +n aplicaia FrontPage. Pentru a $edea con7iguraiile e/istente clic pe eniul File $ew care a7ia*) 7ereastra de aplicaii #e! din Figura '. ;n clic pe oricare din opiunile din *ona #e! 2e( site duce la a7iarea casetei de dialog 2e( &ite =e plates din Figura 124. &eciunea Eeneral conine a(loane de site de 2e( disponi(ile. Vo crea un site pentru discuii. &e alege a(lonul necesar6 +n ca*ul nostru Discussion 0e Site 0i;ard 6 se apas) tasta Ta i controlul se deplasea*) la caseta Specif. t"e location of t"e new 0e site. 3n aceast) caset) e/ist) un nu e generat de aplicaia FrontPage6 c>E;sersEcautilECocu entsEM9 2e(sE 9site16 care poate 7i sc8i (at dup) dorin). &e poate na$iga +n ar(orele de directoare pentru a sc8i (a directorul cu clic pe (utonul +rowse. Cup) alegerea nu elui i locaiei siteului clic pe %1.

Figura 1!4. Caseta 0e Site Templates. Sa loane de site de 0e disponi ile.

Cup) alegerea unui a(lon se lansea*) o aplicaie $r)1itor care personali*ea*) siteul. 3n ca*ul siteului de discuii pri ii pai ai aplicaiei $r)1itor sunt ar)tai ai 1os +n Figura 128 i Figura 125.

86

Figura 1!5. Discussion 0e Site 0i;;ard@ pasul >.

Figura 1!7. Discussion 0e Site 0i;;ard@ pasul >>.

&iteul generat de $r)1itor este cel din Figura 13".

84

Figura 1'8. Siteul generat de aplicaia vr:Aitor.

3ntrarea +n site se 7ace prin +nc)rcarea +n 3nternet E/plorer a 7iierului inde/.8t . Pagina de start a siteului este ar)tat) +n Figura 131.

Figura 1'1. Pagina de start a siteului generat.

88