Sunteți pe pagina 1din 49

Introducere n FrontPage

Un site web este una dintre cele mai simple modaliti de distribuire a informaiilor att pentru organizaii ct i pentru persoane fizice. Tehnologiile dezvoltate pentru World Wide Web pot s ia prin surprindere att organizaiile mici ct i pe cele mari, acestea vznd nternetul i web!ul ca i mecanisme cheie pentru gsirea clienilor, pentru distribuirea informaiilor printre acetia, printre furnizori i distribuitori. "n acelai timp, organizaiile #i dau seama c aceleai tehnologii utilizate #n interiorul reelelor locale sau de mai mare #ntindere $intraneturi, de e%emplu& ofer mecanisme scalabile, fle%ibile i uor de utilizat att pentru parta'area informaiilor ct i pentru dezvoltarea i instalarea de unelte pentru bunul mers al organizaiei. (u cu mult timp #n urm, instalarea i managementul coninutului unui intranet era o )art neagr*, cunoscut i utilizat numai de webmaster!i. +ar, odat cu dezvoltarea managementului site!urilor i a uneltelor de creare de coninut pentru acestea, precum ,icrosoft -ront.age sau ,acromedia +reamweaver, anga'aii i oamenii de rnd pot s creeze documente pregtite pentru publicare pe web i s le gestioneze #n acelai mod ca i documentele de pe calculatorul local. /stfel de unelte fac posibil pentru persoane diverse crearea de site!uri web i parta'area informaiilor cu partenerii de afaceri i nu numai. ,icrosoft -ront.age este un editor 0T,1 profesional pentru design!ul, codarea i dezvoltarea de siteuri web, pagini web ct i pentru aplicaii web. -ie c se dorete controlul total asupra codului 0T,1 prin scrierea )de mn* a acestuia, fie c se dorete utilizarea unui mediu de editare vizual, -ront.age ofer uneltele necesare, #mbuntind de asemenea e%periena web. -acilitile vizuale din -ront.age permit crearea de pagini web fr scrierea nici unui rnd de cod. 2e pot vizualiza toate elementele site!ului i se pot trage $drag and drop& direct #n document. +e asemenea, #n document se pot importa i edita imagini direct #n document.

Tipuri de vizualizri

Tab pagini

7ara de titlu

7ara de meniuri

7ara de unelte

.anel sarcini

Tipuri vizualizri pagin

Timp estimat de download

Figura 1 - Spaiul de lucru al FrontPage


/rticole Tipuri de vizualizri pentru site Tab pagini 7ar titlu 7ara de meniuri 7ara de unelte +escriere 3eea ce se poate vedea #n fereastra principal a -ront.age depinde de tipul de vizualizare aleas $.agin, -oldere, 4apoarte, (avigare, 05perlin6!uri, 2arcini& n acest tab poate s apar numele uneia sau mai multor pagini deschise #n acelai timp #n -ront.age /fieaz numele paginii curente i locaia ei #n site 3onine meniuri precum File, Edit, View, etc., fiind punctul de plecare a sarcinilor de #ndeplinit #n -ront.age. Una sau mai multe bare cu butoane pentru cele mai frecvente sarcini. -ront.age afieaz #n mod implicit bara 2tandard i bara -ormatting, ca i orice alt program din pachetul 8ffice. Un panou utilizat de toate programele din 8ffice 9. care permite #ndeplinirea de sarcini rapide, #n timpul lucrului. Timp estimat de download al paginii #n browser!ul unui utilizator la diverse viteze de acces.

.anel sarcini Timp estimat download

Tipuri de vizualizri pentru pagin

Trei panouri diferite ale spaiului de lucru. n panoul (ormal se poate edita coninutul unei pagini, #n panoul 0T,1 se poate modifica i observa codul 0T,1 generat automat de -ront.age pentru diverse componente, iar #n .review se poate observa cum va arta pagina #nainte de publicare.

-ront.age include de asemenea unelte i faciliti legate de programare $#n HTML view&, Cascade Style Sheets $322& i Active Server Pages $/2.&. Utiliznd limba'ul de server /2. se pot construi site!uri web dinamice, care utilizeaz accesul la baze de date.

Fluxul crerii site-urilor web. Planificarea site-ului


:%ist mai multe posibiliti #n ceea ce privete crearea unui site web. Utiliznd flu%ul prezentat #n acest capitol, utilizatorul pornete de la definirea scopurilor sau strategiei site!ului. "n cazul #n care se dezvolt o aplicaie web, se pornete de la setarea serverelor i a bazelor de date necesare, apoi se creeaz efectiv paginile $prin programare pentru accesul la bazele de date, etc.&, se adaug coninutul i modalitile de interactivitate cu utilizatorul, #mpreun cu h5perlin6!urile. .asul urmtor este testarea funcionalitii site!ului, pentru a vedea dac acesta se conformeaz cu obiectivele definite. 2fritul ciclului este marcat de publicarea site!ului pe un server. +e asemenea, muli dezvoltatori planific #ntreinerea periodic a site!ului pentru a asigura funcionarea #n condiii optime a acestuia. Un site web este o colecie de pagini, imagini, documente, fiiere multimedia i alte fiiere, toate asociate unei pagini principale $ home page&. 2ite!urile web sunt stocate pe un server web sau pe calculatorul local. 2ite!urile web bazate pe -ront.age conin i anumite fiiere i directoare care suport funcionalitile specifice ale -ront.age i permit ca site!urile web s fie deschise, copiate, editate, publicate i administrate din -ront.age. .lanificarea cu gri' i organizarea site!ului #nc de la #nceput poate salva o mulime de timp dup #nceperea lucrului efectiv. /stfel, organizarea site!ului cuprinde nu numai amplasamentul fiierelor ci i e%aminarea necesitilor site!ului, profilul de audien, scopurile site!ului. "n plus, se pot

lua #n considerare i necesiti tehnice, precum accesul utilizatorilor, browser!ul utilizat, plug!in!urile i restriciile de download. +up organizarea informaiilor i determinarea structurii se poate #ncepe efectiv activitatea de creare a site! ului. +e asemenea, mai trebuie luate #n considerare i urmtoarele elemente; ! determinarea strategiei de utilizat ct i a problemelor de luat #n considerare #n planificarea site!ului< ! utilizarea Navigation pentru a crea structura organizaional i de navigaie a site!ului. "n Folder List i Navigation se pot aduga, terge i redenumi fiiere i foldere, pe msura schimbrilor din interiorul organizaiei< ! se poate #ncepe cu crearea de pagini simple care mai apoi pot fi transformate #n unele mai comple%e. .agini noi albe sau bazate pe un model de'a e%istent se pot crea utiliznd FilePage o !e". "n cazul #n care se lucreaz #ntr!o echip de dezvoltare de pagini web se poate lua #n calcul utilizarea SharePoint Team Service. Un site web creat cu -ront.age poate fi dezvoltat #n urmtoarele variante; =. site!ul este creat pe calculatorul local, iar dup finalizarea acestuia se face publicarea. n cazul utilizrii acestui mod de lucru e%ist dezavanta'ul imposibilitii utilizrii tehnologiei /ctive 2erver .ages $accesul la baze de date la nivel de server, prelucrarea formularelor la nivel de sever, prelucrarea i utilizarea de coninut dinamic cu utilizarea de tehnologie server!side, etc.&, dar e%ist i un avanta'; lipsa timpului de rspuns al serverului web, rezultatul fiind o dezvoltare mai rapid a site!ului< >. site!ul este creat direct pe un server de web, #n acest caz putnd fi utilizat i tehnologia Active Server Pages $acces la baze de date, coninut dinamic, etc.&, dezavanta'ul fiind timpul de rspuns al serverului de web< ?. o combinaie #ntre cele dou; nu toate paginile dintr!un site necesit coninut dinamic generat din baze de date, acestea putnd fi dezvoltate pe calculatorul local. .aginile care necesit acces la baze de date pot fi dezvoltate utiliznd un server web. !

.entru

crearea

unui

site

web

#n

-ront.age

se

utilizeaz

FileNewPage or !e", dup care se alege fie Empty !e" $site web alb, fr nici o pagin&, fie !e" Site Templates, #n acest caz site!ul fiind creat pe baza unui model de'a e%istent. +e asemenea, mai e%ist posibilitatea utilizrii unui asistent pentru importul de site!uri de web ct i crearea unui site web bazat pe SharePoint Team Service. Figura 25 - modaliti de creare a unui site 3rearea de pagini web se poate face, la fel ca i pentru site!uri, din FileNewPage or !e" i apoi alegerea fie a unei pagini albe, fie crearea unei pagini bazate pe un model $template&. "n momentul crerii unui nou site web sau la deschiderea unuia e%istent, -ront.age deschide #n mod automat tipul de vizualizare Navigation #n care se poate observa o reprezentare grafic ierarhic a site!ului. 8dat cu crearea primei pagini #n site $numit automat inde#$htm&, -ront.age asigneaz acestei pagini un mic grafic de identificare $pagin este i pagina principala home page&. "n vederea Navigation, -ront.age deschide automat i bara de instrumente cu acelai nume care permite diverse funcii referitoare la o pagin web $adugare, includerea #n bara de navigaie, etc.& 3rearea unei structuri de navigaie a unui site web #n vederea Navigation activeaz faciliti precum banner!e la nivel de pagin, bare de navigare bazate pe aceast structur care sunt actualizate automat la adugarea, tergerea sau modificarea $locului& unei pagini #n site. n Navigation se pot crea noi pagini web fantom $nu sunt create efectiv&, acestea permind e%perimentarea cu structura i organizarea unui site #nainte de adugarea de coninut.

Figura 2 - structura unui site web

.aginile fantom create vor fi create efectiv pe disc @server prin deschiderea $dublu clic pe numele paginii& uneia dintre ele.

Adugarea de coninut
Utiliznd -ront.age, se poate aduga #n orice pagin o mare varietate de coninut, precum te%t, imagini, culori, filme, sunete sau alte forme de elemente media. 2crierea i formatarea te%tului #n -ront.age este similar cu utilizarea unui procesor de te%t standard. /stfel, pentru formatarea fonturilor se utilizeaz Format Font, opiune care cuprinde tipul fontului, stilul i mrimea, culoarea $predefinit sau definit de utilizator&, efecte $subliniere, clipire, marcare, etc.& , o fereastr de previzualizare ct i un al doilea tab care cuprinde opiuni pentru spaierea fonturilor. .entru formatarea paragrafelor se utilizeaz FormatParagraph care permite alinierea, indentarea i spaierea te%tului din cadrul unui paragraf. -ormatarea fonturilor i a paragrafelor se poate face manual $modificarea culorilor, fonturilor, alinierii pentru te%tul marcat&, utiliznd cele dou opiuni, folosindu!se astfel tag!uri 0T,1 standard $bAbold, iAitalic, fontAtipul fontului, colorAculoare in format he%azecimal, de la BCCCCCC! negru!, pn la B------!alb!, etc.& 322 permite aplicarea formatrii te%tului i paginii cu avanta'ul actualizrii automate. 2tilurile 322 pot fi stocate fie #n document, fie #n fiiere e%terne, mult mai fle%ibile #n acest caz. +ac se ataeaz un fiier 322 e%tern

la mai multe pagini, toate paginile vor reflecta automat modificrile aduse stilurilor din fiierul e%tern. .entru accesarea stilurilor 322 se va utiliza Format Style.

Figura

- adaugare !i modificare stiluri "SS

.entru stilurile 322 se pot modifica tag!urile de baz ale 0T,1 $h=A0eading =, h>, pA.aragraf, liAlist, etc.& prin crearea de clase pentru tag! uri. .entru aceste elemente se poate modifica tipul fontului, opiunile la nivel de paragraf, tipul i culoarea bordurii i a umplerii, tipul de numerotare i tipul bulinelor $pentru liste&, i poziia elementului fa de te%t sau #n cadrul te%tului. 3um este i normal, se pot defini i elemente sau clase 322 noi, utiliznd butonul New i opiunea pus la dispoziie de %ser&de ined styles. +e e%emplu, modificm tag!ul )a* $h5perlin6& pentru ca toate h5perlin6!urile s fie de culoare verde, fr nici un efect. 4ezultatul este crearea unui stil nou, care poate fi observat att #n %ser&de ined styles ct i #n fereastra 0T,1, seciunea Style. /dugm un nou stil 322, prin redefinirea tag!ului a'hover $efectul obinut prin poziionarea mouse!ul deasupra unui h5perlin6&, iar #n noul tag redefinim de e%emplu, att tipul i stilul fontului ct i culoarea acestuia. 4ezultatul obinut #l putem vedea #n fereastra Preview.

2ubliniem c formatarea 0T,1 standard prin utilizarea tag!urilor standard este suportat de toate browser!ele. "n schimb, formatarea utiliznd stilurile 322 este suportat numai de (etscape (avigator D.C i mai mare i ,icrosoft nternet :%plorer D.C i mai mare. +e asemenea, stilurile 322 se pot utiliza #n acelai document cu formatarea 0T,1 standard, acestea aplicndu!se #ntr!o form ierarhic E formatarea 0T,1 manual are prioritate fa de formatarea aplicat de un stil 0T,1 sau stil 322, iar stilul 322 integrat #n document are prioritate fa de stilul 322 dintr!un fiier de stil e%tern.

Adugarea imaginilor !i a altor obiecte


.e lng te%t, -ront.age permite adugarea de imagini, fie predefinite din colecia 3lipart, fie importate de utilizator din diverse formate de fiiere sau de la scanner sau aparat de fotografiat digital. +e asemenea, se pot crea imagini utilizndu!se opiunea New (rawing) A*toshape sau !ordArt direct #n pagina web, acestea urmnd sa fie ulterior salvate #n site #ntr!un format .gif sau .'peg. maginile se pot organiza i sub form de galerie fotografic, utiliznd opiunea New Photo +allery. /stfel, primul pas const #n adugarea tuturor imaginilor care vor face parte din galerie, setarea unui scurt te%t care s e%plice imaginea i setarea dimensiunii imaginilor #n miniatur sub form de h5perlin6 care va conduce la imaginea #n forma iniial. Tot aici se mai poate alege i afiare a imaginilor; afiare orizontal, monta', afiare vertical sau slide show. .entru imaginile adugate #n pagina web se pot defini @ modifica i proprietile de afiare ale acestora, printre care; modalitatea de aliniere fa de te%t, aliniament,

grosimea bordurii imaginii, spaierea orizontal i vertical fa de alte obiecte din pagin, mrimea relativ $#n procente& sau absolut $#n pi%eli&, un h5perlin6 i un te%t $balon& care va aprea la poziionarea mouse!ului deasupra imaginii. .e lng te%t i imagini, -ront.age mai permite adugarea i a altor obiecte, utilizd ,nsert!e" Component;

Figura # - alte tipuri de obiecte care se pot adauga in pagina web

:fectele dinamice din -ront.age sunt date de adugarea #n pagin a obiectelor de tip Hover -*tton, Mar.*ee i -anner Ad Manager. Hover -*tton permite adugarea unui buton cu dou stri E normal i onmo*seover ! pentru care se poate specifica te%tul butonului, un h5perlin6, culoarea strii normale, efectul de animaie #n momentul poziionrii mouse!ului deasupra butonului i culoarea utilizat de acest efect. .entru a putea vizualiza #n mod

corect acest tip de buton #n interiorul unei pagini, browser!ul trebuie s aib instalat suportul pentru Fava. Un alt efect dinamic este i Mar.*ee E un te%t care se deruleaz pe ecran, numai orizontal, pentru care se pot specifica mai multe opiuni printre care direcia, viteza, comportamentul, mrimea, numrul de repetri al derulrii, culoarea de fundal a te%tului, etc.

Figura 5 - proprieti $ar%uee

-anner Ad Manager este o alt component dinamic ce permite adugarea #n pagina de web a unei secvene de imagini, fiecare cu h5perlin6!ul, durata de afiare i efectele de tranziie proprii. /lte componente web dinamice #n -ront.age sunt;
3ategorie 3omponente "Central !e" 3omponent b3entral /d +escriere .ermite afiarea de reclame pe site. .entru fiecare dou reclame afiate, contul utilizatorului este creditat cu o unitate, ceea ce permite publicitatea site! ului propriu #n alte pagini web. .ermite crearea unui site web pentru vnzarea propriilor produse. nformaiile despre produse trebuie stocate la b3entral. /daug #n pagina de web un contor al numrului de vizitatori ai acelei pagini i afieaz rezultatele sub form grafic. .ermite adugarea unei legturi ctre site!ul :%pedia i ctre o hart cu un loc de'a marcat. .ermite adugarea unei hri statice. /daug o component #ntr!o pagin web care permite vizitatorilor s caute pe web utiliznd ,2( /daug o component ce permite

3ommerce ,anager /dd! in -ast3ounter 3omponente E#pedia 1egtura la o hart 0art static 3utare pe web cu ,2( 3ote aciuni

3omponente MSN

3ategorie 3omponente MSN-C

3omponent Ultimele tiri

+escriere cutarea i afiarea cotelor aciunilor utiliznd ,one53entral. .ermite adugarea de componente separate pentru tiri referitoare la afaceri, sport, tehnologie, previziuni meteo, cltorii.

n -ront.age >CC> putem aduga, pe lng toate componentele de mai sus, i componente din suita ,icrosoft 8ffice; ! oaie de l*cr* E#cel E care permite utilizarea anumitor funcii simple, sortarea cresctoare @descresctoare, filtrarea datelor, modificarea formatrilor unei foi de lucru sau celule, i e%portul foii de lucru #n :%cel< ! gra ic pe "a/a datelor E datele sunt definite fie #ntr!o foaie de lucru simplificat, fie dintr!un tabel sau vedere a unei baze de date pentru care trebuie stabilite cone%iunea i tabelul @ vederea din care se preiau datele, fie dintr!o obiect care conine date dintr!o pagin de web. +e asemenea, mai trebuie stabilit i tipul graficului, care se poate alege dintr!o mare varietate. /cest obiect permite funcii diverse, printre care; afiarea sau ascunderea legendei, inversarea rndurilor cu coloanele, sortare i filtrare, detaliere i sumarizare, adugarea de noi cmpuri #n grafic, etc. ! ta"el pivot E obiectul trebuie activat prin stabilirea unei cone%iuni la o surs de date i alegerea tabelei sau scrierea unei comenzi de interogare $2elect& care s returneze date. 8biectul dispune de mai multe faciliti, printre care; ordonare, filtrare automat, autocalculare, subtotaluri, cmpuri i totaluri calculate, detaliere i sumarizare, e%port #n foaie de calcul :%cel, etc. 3omponentele web din suita ,2 8ffice se bazeaz pe arhitectura ,icrosoft 8ffice Web 3omponente, sunt controale /ctive9 , iar datele sunt meninute i prelucrate cu a'utorul 9,1.

Programarea apariiei unei pagini sau imagini

8 imagine sau pagin poate fi planificat s apar #n interiorul unei anumite pagini #ntr!o anumit perioad de timp. /ceast facilitate poate fi utilizat pentru coninut sensibil la data i ora de apariie, precum o reclam, #n timpul srbtorilor sau la sfrit de sptmn. /ctivarea acestei opiuni se face prin selectarea ,nsert !e" Component ,ncl*ded Content i apoi selectarea Page sau ,mage "ased on Sched*le. .entru astfel de componente adugate se selecteaz data i ora de #nceput a planificrii precum i data i ora de final a planificrii, #mpreun cu imaginea sau pagina care trebuie s apar #n interiorul intervalului i cu cea care trebuie s apar #n afara intervalului. maginile sau paginile pot fi selectare din interiorul site!ului propriu sau dintr!o adres web oarecare.

Figura & - stabilirea proprietilor pentru coninut inclus la anumite inter'ale de timpo

+e asemenea, o pagin sau o imagine pot fi planificate s fie afiate #n afara perioadei de timp dorite.

"onectarea paginilor unui site


.agini web disparate nu creeaz un site. .entru a crea un site paginile web trebuie legate #ntre ele, att prin crearea de legturi 0T,1 ct i prin reutilizarea coninutului pentru a da acestora o #nfiare asemntoare.

"n -ront.age se pot crea legturi 0T,1, inclusiv ancore sau legturi ctre e!mail, sau se poate seta un sistem grafic de navigaie pe baza structurii grafice a site!ului creat #n fereastra Navigation. .entru a crea o legtura ctre o alt pagin din interiorul site!ului sau ctre o adres de web se utilizeaz ,nsertHyperlin0.

Figura ( - crearea unui )*perlin+

4emarcm #n figura anterioar adresa $Address& de web spre care se va face navigarea #n cazul utilizrii h5perlin6!ului, te%tul h5perlin6!ului care va fi afiat $se va afia Leg1t*ra c1tre 2ahoo i nu adresa&. "n cazul #n care adresa destinaie are parametrii $deci pagin dinamic& , acetia #i putem seta utiliznd opiunea Parameters. "n cazul #n care site!ul propriu utilizeaz frame!uri, mai putem seta i fereastra $frame!ul& #n care se deschide legtura, utiliznd opiunea Target Frame. /tt #n cazul utilizrii frame!urilor ct i #n cazul unui site simplu, h5perlin6!ul se poate deschide #ntr!o fereastr nou folosind opiunea New !indow din interiorul opiunii Target Frame. "n cazul #n care se utilizeaz pagini care se e%ecut la nivel de server, cum ar fi Active Server Pages, /2..(:T, 3ava Server Pages, .0., .erl, acestora li se pot aduga parametrii 4*eryString de tip G:T #n h5perlin6!uri utiliznd opiunea Parameters, #n care se pot defini numele parametrilor #mpreun cu valorile lor.

05perlin6!urile e%ist att sub form de te%t, dup cum se poate observa mai sus, ct i sub form de imagine, la un clic cu mouse!ul pe imagine #ncepnd navigarea ctre pagina destinaie a h5perlin6!ului. /cest lucru se poate face completnd cmpul (e a*lt Hyperlin0 din proprietile imaginii. (avigarea #n interiorul aceleai pagini se poate face i prin utilizarea semnelor de carte, din ,nsert -oo0mar0, crendu!se un semn de carte invizibil #n poziia cursorului. Toate semnele de carte au un nume, iar navigarea ctre unul din ele aparinnd paginii curente $sau din interiorul altei pagini& se face prin utilizarea opiunii Places in this doc*ment din fereastra 05perlin6. 2e pot crea i h5perlin6!uri ctre adrese de e!mail $ Hyperlin0 Email Address&, care s deschid #n mod automat clientul de e!mail implicit, setnd #n acelai timp subiectul mesa'ului. "n cazul #n care e%ist una sau mai multe adrese de e!mail recent utilizate, se poate acele din lista aflat #n 5ecently *sed$$$ :liminarea #n #ntregime unui h5perlin6 se face prin selectarea acestuia i apsarea tastei +elete, iar eliminarea numai a legturii $U41!ului& efective se poate face prin utilizarea butonului 5emove lin0 din fereastra ,nsert hyperlin0. "n cazul #n care site!ul are mai multe pagini, crearea de h5perlin6!uri de la o pagin la alta poate fi un lucru destul de dificil. Totui, legarea paginilor #ntre ele #n interiorul unui site poate fi automatizat prin utilizarea structurii de navigaie a site!ului. Utiliznd opiunea ,nsert Navigation putem alege crearea unei bare de navigaie bazat pe

structura site!ului, dup cum se observ i #n figura urmtoare. "n funcie de poziia paginii #n care adugm bara de navigaie #n site, putem alege ca #n bara de navigaia s fie incluse paginile aflate pe; nivelul printe, acelai nivel, nivelul imediat inferior, nivelul global $toate paginile aflate pe primul nivel&, paginile aflate pe primul nivel inferior paginii principale, ct i o bar de navigaia bazat pe legturi de tip 6nainte 7 6napoi. 1a bara de navigaie rezultat putem aduga pagina principal $0ome page& sau pagina printe a paginii #n care se adaug bara de navigaie. .entru o bar de navigaie dintr!o anumit pagin putem alege i un anumit stil de afiare $grafic, te%t, tipul imaginii, etc.&, care poate s difere de la pagin la pagin sau poate s fie uniform, #n funcie de stilul site!ului. 8 bar de navigaie astfel adugat va fi vizibil numai #n pagina curent. .entru a aduga cte o bar de navigaie #n fiecare pagin a unui site avem dou posibiliti; =. se poate deschide fiecare pagin #n parte, adugndu!se apoi cte o bar de navigaie< >. se poate utiliza opiunea numit Shared -orders $margini parta'ate&, din Format Shared -orders. ,arginea parta'at este o facilitate prin intermediul creia se poate aduga un coninut comun la una sau la toate paginile unui site. ,arginile parta'ate pot cuprinde orice fel de coninut adugat manual sau poate cuprinde o bar de navigaie, care se va modifica automat #n funcie de poziia paginii #n structura site!ului. 2ubliniem faptul c se pot aduga margini parta'ate doar pentru paginile care fac parte dintr!un site ! deci site!ul trebuie s fie deschis $ File 8pen !e"& #nainte de a se putea aduga marginile. ,arginile parta'ate pot conine elemente cum ar fi; ! banner!e, pentru a se asigura c fiecare pagin conine un titlu< ! logo!ul organizaiei< ! bar de navigaie bazat pe structura site!ului creat #n Navigation< ! not de drept de autor<

! data i ora ultimei modificri< ! o adres de e!mail pentru feedbac6, cum ar fi adresa webmaster!ului< +up cum se poate observa i din figur, se pot aduga margini parta'ate pentru toate prile unei pagini, avnd posibilitatea s includem butoane de navigaie numai #n partea de sus, din stnga sau din dreapta paginii. .entru partea de sus a paginii, #n mod implicit va fi adugat i numele paginii. n cazul #n care se adaug margini parta'ate care s conin bare de navigaie , structura de navigaie a acestora din urm poate s difere #n fiecare margine parta'at. 2pre e%emplu, #n marginea parta'at de sus se pot aduga paginile aflate pe nivelul printe $Parent level&, iar #n partea din stnga, de e%emplu, se poate aduga o bar cu paginile aflate pe acelai nivel. "n marginile parta'ate se pot aduga mai multe bare de navigaie, iar #n cazul #n care una din aceste margini sau bare va rmne necompletat, te%tul generat automat de -ront.age nu va fi vizibil #n browser, chiar dac este vizibil #n fereastra Preview. :ditarea unei margini #n care s!a adugat o bar de navigaie se poate face fie printr!un clic dublu pe te%ul implicit generat de -ront.age, fie utiliznd proprietile acestuia $utilizarea butonului din dreapta al mouse!ului&. :liminarea unei bare de navigaie se face prin selectarea acesteia i apsarea tastei +elete. .entru ca o pagin $pagina curent& sau #ntregul site s nu mai conin margini parta'ate #ntr!o anumit margine sau pentru toate marginile, precum cele create iniial implicit pentru toate paginile, se deselecteaz marginile dorite din Format Shared -orders.

$anagementul coninutului folosind cadre


8 pagin cadru $ rame page& este o pagin 0T,1 special care #mparte fereastra browser!ului #n arii diferite numite cadre $ rames&, fiecare din aceste cadre putnd s afieze coninutul unei pagini diferite. +e e%emplu, o pagin cadru creat utiliznd modelul predefinit numit -anner and Contents conine

trei pagini #ncadrate; -anner, 3oninut $3ontents& i .rincipal $,ain&, dup cum se poate observa i #n imaginea urmtoare.

Figura , - 1-.anner/ 2-"oninut/ -$ain

"n -ront.age, paginile cu cadre se pot crea utiliznd modele gata definite.

Figura 0 - modele predefinite pentru pagini cu cadre

"n fiecare din aceste modele navigarea #ntre cadre este de'a realizat. +up crearea paginii cu cadre, utilizatorul trebuie doar s mai specifice pagina iniial care va aprea #n fiecare cadru. /ceast pagin poate fi una de'a e%istent $orice U41 din interiorul site!ului sau din afara acestuia&, sau se poate crea o pagin nou. 3oninutul paginii poate fi editat direct #n cadru. 8 pagin cadru este o pagin care nu are coninut vizibil, fiind doar un container care specific ce alte pagini trebuie afiate precum i modalitatea de afiare a acestora. "n momentul #n care utilizatorul utilizeaz un

h5perlin6 din interiorul unui cadru, pagina indicat de acel h5perlin6 se va #ncrca de regul #n interiorul altui frame, numit cadru destinaie $ target rame& prin utilizarea opiunii Target rame, dup cum se poate observa i #n imaginea urmtoare.
Figura 11 - alegerea cadrului destinaie.

Toate frame!urile au un anumit nume, specificat de utilizator $banner, contents, main E care se pot modifica& sau implicit $ 9sel pentru acelai frame, 9top #n locul cadrului container, 9"lan0 #ntr!o pagin nou a browser!ului, 9parent #n cadrul printe&. +e e%emplu, o pagin cadru creat prin utilizarea modelului predefinit -anner and Contents arat patru pagini simultan #n interiorul ferestrei browser!ului; pagina cadru container #mpreun cu celelalte trei pagini vizibile #n cele trei frame!uri.

Figura 11 - 1-pagina container/ 2-.anner/ -"oninut/ #-Frame-ul principal

"n general, frame!urile sunt utilizate pentru afiarea cataloagelor, listarea de articole sau informaii sau orice alt model de pagin #n care prin utilizarea unui h5perlin6 #ntr!un frame se impune deschiderea unei pagini #n altul. -rame!urile sunt utilizate i pentru faptul c au #ncorporat o structur de navigaie i prezint o interfa ctre utilizator consistent $structura i cadrele de prezentare&. "n figur, pasul = este reprezentat de utilizarea unui h5perlin6 din cadrul -anner, care va deschide la rndul su o list de h5perlin6!uri #n cadrul Contents. .rin utilizarea unui h5perlin6 din pasul > se va deschide o pagin #n pasul ? cu coninut corespunztor h5perlin6! ului ales #n pasul > din fereastra Contents.

-rame!urile se pot #mpri, redimensiona sau terge prin selectarea i tragerea marginilor cadrelor, precum i din meniul Frames, vizibil numai #n momentul poziionrii cursorului #ntr!o pagin care conine frame!uri. 8rice cadru se poate #mpri orizontal sau vertical, pentru a crea un nou cadru. "mprirea se poate face fie cu a'utorul meniului, noul cadru avnd un numr egal de rnduri $#mprire orizontal& sau coloane $#mprire vertical&, fie prin tragerea marginii pentru a specifica o anumit mrime a fiecrui cadru.

Figura 12 - 1-di'i2are cadru/ 2-redimensionare cadru/ -!tergere cadru/ #-ascudere margini cadru

"ntre opiunile disponibile fiecrui cadru se numr; ! ascunderea sau vizualizarea marginilor cadrului< ! spaiul disponibil #ntre cadre< ! mrimea marginilor #n cadrul unui cadru< ! posibilitatea de redimensionare #n browser a cadrului< ! posibilitatea de vizualizare sau ascundere a barelor de derulare vertical sau orizontal. .entru design!ul unei pagini trebuie s se ia #n considerare i cazul #n care browser!ul nu suport frame!uri. .entru a avertiza utilizatorul de acest lucru se poate scrie un mic te%t #n fereastra de vizualizarea No Frames. n -ront.age e%ist posibilitatea de a crea i cadre 6n interior*l *nei pagini , ,nsert ,nline rame, similare cu cadrele normale. Hi pentru acest tip de cadru se poate stabili pagina iniial, precum i o serie de atribute cum ar fi; mrimea cadrului, mrimea marginilor, aliniamentul #n cadrul paginii, afiarea barelor de derulare precum i un te%t care va fi afiat #n cazul #n care browser! ul nu suport acest tip de cadre. "n cazul #n care se dorete utilizarea de frame!uri, mai remarcm faptul c nu este recomandat s se foloseasc i margini parta'ate sau bare de

navigaie bazate pe structura site!ului, deoarece acesta ar deveni mai greu de utilizat sau chiar confuz.

Pre2entarea informaiei utili23nd tabele


"n celulele tabelelor pot fi adugate diferite obiecte; te%te, imagini, liste, alte tabele, etc. "n -ront.age, tabelele pot fi utilizate pentru; ! prezentarea informaiei #n format tabelar $e%emple ar putea fi afiarea de informaii despre produse, orare, rate de schimb, etc.&< ! aezarea imaginilor i a te%tului E deoarece tabelele sunt suportate de toate browser!ele de pe pia, utilizarea acestora este de mare a'utor #n poziionarea i aran'area te%ului i a imaginilor #n orice format< ! lucrul cu rnduri i coloane E browser!ele suport dou tipuri de dimensiuni; dimensiuni relative la mrimea paginii, specificate #n procente $#ntr!o fereastr de browser de dimensiuni ICC%JCC pi%eli sunt afiate mai puine informaii dect #ntr!o fereastr de dimensiuni =C>D%KJI pi%eli& i dimensiuni absolute, specificate #n pi%eli. .entru rndurile i coloanele unui tabel se pot specifica fie dimensiuni relative, fie dimensiuni absolute< ! controlul te%tului i al alinierii tabelului E tabelele se pot alinia la stnga, dreapta sau centrul paginii. +e asemenea, se mai poate controla i #nlimea i limea unui tabel. +e e%emplu, se poate seta lrgimea tabelului la IC de procente din mrimea paginii $pagina, cadru, tabel&. +ac un vizitator va redimensiona fereastra browser! ului, mrimea paginii i a tabelului se va modifica #n mod corespunztor< ! modificarea atributelor marginilor tabelului E atributele care se pot modifica sunt culorile pentru fiecare margine a tabelului #n parte sau pentru celule individuale ct i grosimea liniei marginii. +e e%emplu, dac se prefer un efect de afiare tridimensional se pot alege dou culori, una mai #nchis i una mai deschis<

Figura 1 - modificarea atributelor tabelului

alegerea de imagini de fundal E pentru fundalul tabelelor se pot alege culori sau imagini. 3ulorile de fundal pot fi utilizate pentru a scoate #n eviden anumite rnduri sau coloane.

Figura 1# - proprietile celulelor unui tabel

+e asemenea, se pot utiliza i imagini #n fundalul tabelelor. 3ulorile i imaginile de fundal pot fi utilizate att pentru #ntregul tabel ct i pentru fiecare celul #n parte<

"ulori/ imagini !i sunete


"n momentul selectrii culorii pentru o anumit pagin, -ront.age afieaz cea mai apropiat palet de culori pentru pagin, #n concordan cu tema, dac aceasta e%ist.

Figura 15 - modificarea proprietilor paginii

.aleta de culori permite selectarea de culori din una din urmtoarele; ! culori standard E o palet de =J culori de baz< ! culori definite de autor E #n momentul definirii unei culori, aceasta va aprea #n palet, pentru o selectare mai rapid< ! culorile documentului E culorile utilizate #n pagina curent< ! culorile temei E culorile utilizate de tema curent, daca aceasta e%ist< ! alte culori E utilizarea acestei opiuni pentru definirea unei culori proprii. +ac o palet nu afieaz culoarea dorit, se pot crea propriile culori pentru utilizarea #n fundal, pentru fonturi, etc. Toate culorile create de autorii de pagini web sunt salvate i vor fi disponibile la urmtoarea utilizare a -ront.age. .e lng crearea i setarea de culori pentru utilizarea #n fundaluri, pentru #mbuntirea aspectului paginilor web, -ront.age permite utilizarea de imagini de fundal pentru #ntreaga pagin, toate obiectele precum te%t sau imagini, dintr! o anumit pagin aprnd #n acest fel deasupra imaginii de fundal. maginile care pot fi utilizate ca fundal pot fi imagini de'a e%istente #n site, imagini din 3lip/rt sau de pe World Wide Web.

Un efect interesant este dat de selectarea opiunii !atermar0 care permite ca imaginea s nu fie derulat cu #ntreaga pagin web ci s rmn fi% #n fundal. /tenie, nu toate broswer!ele web suport aceast opiune. .e lng efectele vizuale posibile prin setarea de culori i imagini, -ront.age permite i adugarea de efecte auditive, dar numai #n momentul deschiderii unei pagini.

Figura 1& - adugarea de sunete pentru fundalul paginii

"n momentul #n care un vizitator deschide pagina, sunetul va #ncepe s fie difuzat. /cest sunet poate fi rulat de un anumit numr de ori sau #n mod continuu.

Adugarea de teme
8 tem este un set unitar de elemente de design precum i de scheme de culori care se pot aplica unei pagini web pentru a!i da un aspect profesional. Utilizarea temelor este cea mai rapid modalitate de asigurare a consistenei i atractivitii unei pagini. -ront.age include mai multe teme gata de utilizare, avnd de asemenea facilitatea de a crea noi teme pe baza celor e%istente. 8 tem se poate aplica uneia sau mai multor pagini sau #ntregului site. +ac se aplic o tem tuturor paginilor dintr!un site, tema respectiv devine tema implicit pentru toate paginile care se vor aduga #n viitor #n site. "n cazul #n care se modific sau se terge tema implicit, modificrile sunt aplicate #ntregului site. /dugarea unei teme se face prin utilizarea opiunii Format Theme.

Figura 1( - aplicarea unei teme

/plicarea unei teme afecteaz #ntreaga #nfiare a unei pagini; ! culorile E schema de culori a unei teme specific culoarea pentru te%tul normal, pentru anteturi, h5perlin6!uri, te%tul din banner!ele paginii, pentru etichetele $te%tul& barelor de navigaie ct i pentru culoarea de fundal. 2e pot folosi culori normale sau aprinse $ vivid colors&< ! imaginile E elementele din pagin care conin imagini precum imaginea de fundal, banner!ul paginii, bulinele listelor, butoanele de navigaie sau liniile orizontale sunt modificate #n concordan cu tema. 2e pot alege imagini standard sau active. maginile active utilizeaz elemente de pagin animate, precum butoane hover #n locul imaginilor normale din barele de navigaie< ! stilurile E o tem utilizeaz propriile fonturi i mrimi pentru te%tul normal i anteturi. Temele se pot modifica #nainte i dup aplicare #n mai multe moduri. +e e%emplu, se pot schimba culorile, imaginile sau stilul fontului dintr!o tem, toate acestea prin utilizarea opiunii Modi y. .entru a elimina o tem de pe o pagin sau de pe #ntregul site, utiliznd opiunea Format Theme se selecteaz :No Theme;. "n acest fel, tema paginii

selectate sau a #ntregului site va fi #nlocuit cu stilurile i culorile implicite iniiale.

4fecte de animaie !i sunete


,ulte pagini web sunt statice, coninnd numai te%t i imagini. -ront.age permite interactivitate i animaie pentru captarea interesului vizitatorilor. .entru diferite o"iecte din cadr*l *nei pagini se pot stabili efecte dinamice #n diferite stagii ale timpului de via al paginii, utiliznd opiunea Format (ynamic HTML E ects. /stfel, prin marcarea unui sau mai multor obiecte $de acelai tip, sau de tipuri diferite& se poate alege din bara de instrumente (HTML E ects evenimentul la care vor reaciona obiectele marcate $clic, dublu clic, la poziionarea mouse!ului deasupra obiectelor sau la #ncrcarea paginii&. "n funcie de evenimentul ales difer i tipul efectului care se poate aplica; 8biect Te%t :veniment 3lic :fecte +eplasare paginii -ormatare +eplasare paginii -ormatare in .arametrii afara 2us, 'os, stnga, etc. ,odificare bordur sau font afara 2us, 'os, stnga, etc.

Te%t

+ublu clic

in

Te%t Te%t magine magine magine magine

,ouse over .age load 3lic +ublu clic ,ouse over .age load

,odificare bordur sau font -ormatare ,odificare bordur sau font /fiare; liter cu liter, spiral, zoom, etc. eire din cadru 2us, 'os, stnga, etc. 2chimbare imagine /legere imagine eire din cadru 2us, 'os, stnga, etc. 2chimbare imagine /legere imagine /fiare; spiral, zoom, etc.

:fectele +0T,1 sunt afiate i suportate numai #ncepnd de la (etscape (avigator D i ,icrosoft nternet :%plorer D.

:fecte de animaie se pot seta i pentru tranziia de la o pagin la alta $la intrare sau la ieirea dintr!o pagin, sau la intrarea @ ieirea dintr!un site& utiliznd opiunea Format Page Transition;

Figura 1, - efecte de tran2iie de la o pagin la alta

2e poate specifica astfel evenimentul la care s aib loc efectul, efectul de tranziie precum i durata #n secunde.

"rearea de formulare
Un formular poate fi utilizat pentru a aduna informaii de la vizitatorii unui site, informaii precum ordine de cumprare, adrese pentru e%pediere, adrese pentru facturare, etc. "n mod normal, vizitatorii introduc aceste informaii #n interiorul unor cmpuri din formular i #i indic preferinele prin utilizarea de butoane de opiuni $butoane radio&, butoane de verificare $chec6bo%& sau dropdown bo%. 3omentariile pot fi introduse #n cmuri de tip te%t. -ront.age permite crearea de formulare bazate pe tipul de informaii care doresc s fie adunate de la vizitatori fie prin intermediul unui formular vid care va fi completat cu cmpuri #n mod manual, fie prin intermediul unui asistent prin intermediu cruia se pot colecta mai multe tipuri de informaii predefinite care apoi pot fi trimise #ntr!o pagin web, fiier te%t sau s fie prelucrate printr!un script 3G . /T:(T : E pentru ca formularele s funcioneze, site!ul web trebuie publicat pe un server de web care s ruleze ,icrosoft -ront.age 2erver

:%tensions sau ,icrosoft 2hare.oint Team 2ervices. :%tensiile de server -ront.age e%ist att pentru serverul de web nternet nformation 2ervices $ 2& al ,icrosoft ct i pentru alte servere de web care ruleaz sub sistemele de operare Uni%@1inu%. -ormularele pot fi utilizate #n general pentru; ! informaii de contact< ! formulare de cereri< ! informaii referitoare la adrese de facturare< ! formular pentru feedbac6< ! carte de oaspei a site!ului< ! modul care permite cutarea #n interiorul site!ului< ! formulare pentru login care necesit un nume de utilizatori i o parol< -ront.age are abloane predefinite pentru crearea de carte de oaspei, forumlar pentru #nregistrare sau feedbac6. .entru crearea unui formular online cu -ront.age trebuie urmai o serie de pai, care se pot repeta i modifica dup finalizare, pentru schimbarea anumitor opiuni. +e e%emplu, #ntr!o list de produse se mai pot aduga i altele, sau se pot schimba anumite opiuni care pot fi alese printr!un dropdown.

Adugarea de cmpuri n formular 3mpurile care pot fi adugate #ntr!un formular sunt; casete pentru te%t, butoane pentru opiuni, butoane, etc, depinznd #n funcie de tipul de informaie care se dorete a fi recepionat de la vizitatorii site!ului.

Figura 10 - tipuri de obiecte care se pot aduga 5n formulare

+up adugarea cmpurilor #n formular, acestea pot fi mai departe aezate utiliznd tabele, 322 sau poziionare din opiuni. Tipuri din cmpuri =. 6extbox 7 utilizat pentru a coleciona sau afia un te%t mic, precum un nume sau un numr.

>. 8ption .utton E numite i butoane radio, permit selectarea numai a unei opiuni la un moment dat din grupul disponibil.

?. 6ext area E utilizat pentru a introduce mai multe linii de te%t, precum un comentariu. /cest cmp are bare de derulare pentru utilizarea cu te%te de lungimi diferite.

D. 9rop-down box E utilizat pentru a prezenta vizitatorului o list de opiuni pentru alegere. 3mpul este similar cu un grup de butoane radio, dar ocup mai puin spaiu. +e asemenea, acest tip de cmp permite configurarea pentru selectarea a una sau mai multor opiuni #n acelai timp.

Figura 21 - 8biect de tip dropdown

L. ")ec+box E utilizat pentru articole opionale. Mizitatorii pot selecta sau deselecta acest tip de cmp, permind selectare i de articole multiple.

J. Pus) button E permite vizitatorilor s trimit formularul pentru prelucrare dup introducerea datelor, tergerea tuturor valorilor din cmpuri sau e%ecuia de scripturi personalizate. /cest tip de butoane poate fi #nlocuit cu imagini

K. Ad'anced .utton E acest tip de buton permite scrierea de scripturi personalizate, prin care formularul s e%ecute o anumit aciune. 7utonul este personalizabil, permind utilizarea de culori, fonturi diferite sau chiar tabele #n interiorul butonului. I. :roup box E permite crearea unei casete pentru gruparea logic a diferitelor controale #n interiorul formularului. N. File upload E permite vizitatorilor s trimit@upload fiiere #n site. .rin utilizarea butonului -rowse, acestia pot s selecteze fiiere de pe calculatorul local i apoi s le e%pedieze utiliznd butonul 2ubmit.

=C. Password field E acest tip de cmp permite ascunderea datelor care se introduc prin #nlocuirea tuturor caracterelor cu caracterul )O*, pentru prote'area confidenialitii. /cest tip de cmp este un cmp de tip te%tbo% #n care este selectat opiunea )Password ield*

+up definirea tipului de cmpuri pentru formular, se pot decide proprietile cmpurilor adugate #n formular. +e e%emplu, se poate specifica mrimea unui te%tbo%, dac o opiunea este selectat sau nu pentru butoane radio sau definirea de opiuni #n dropdown. -iecrui cmp @obiect adugat #n formular i se pot modifica proprietile $clic dublu cu mouse!ul pe obiect sau buton dreapta al mouse!ului Form ield properties&, dintre care enumerm; ! numele cmpului sau obiectului ! utilizarea unui nume sugestiv uureaz recunoaterea cmpului #n momentul prelucrrii< ! valoarea sau valoarea iniial E este obligatorie pentru anumite obiecte ale formularului ale cror valori nu sunt completate prin utilizarea unui script la nivel de server sau client< ! dimensiuni E dimensiunile obiectului prin care se colecteaz date. Unele obiecte permit numai setarea limii, altele permit setarea ambelor dimensiuni< ! ordine E ordinea #n care sunt parcurse sau devin active cmpurile prin utilizarea tastei Tab pentru trecere de la un cmp la altul.

Validarea datelor Malidarea datelor este alt pas care trebuie urmat, asigurndu!se #n acest fel introducerea corect a datelor #n formular. +e e%emplu, se poate crea un ordin de vnzare pe site, dar fr introducerea cmpurilor nume, adres, tip de plat #n mod corect, clientul nu poate trimite formularul pentru prelucrare. Toate obiectele de tip formular $cu e%cepia elementelor de tip buton i a elementelor de tip File *pload permit validarea datelor.

Figura 21- modaliti de 'alidare a datelor. 4xemplu pentru adresa e-mail

.entru datele care necesita validare se poate stabili si tipul de date colectate. +e e%emplu, pentru colecionarea unui numr de carte de credit se poate crea o caset te%t care accept numai numere i semnul P!P, celelalte caractere fiind invalidate. +e asemenea, se poate cere un numr minim sau ma%im de caractere pentru un anumit cmp. .entru validarea datelor se pot crea #n mod manual i scripturi Fava2cript, acest lucru nefiind pus la dispoziie #n aceast versiune a -ront.age.

Modaliti de colectare a datelor +atele din formulare se colecteaz prin diverse modaliti, astfel #nct acestea s poat fi afiate vizitatorilor spre confirmare i prelucrate la un moment ulterior. -ront.age pune la dispoziia autorilor de pagini web o serie de modaliti de prelucrare a datelor din formularelor, prin intermediul opiunii ,nsert Form Form Properties. +e e%emplu, #n momentul #n care vizitatorul trimite formularul spre prelucrare, -ront.age poate salva datele introduse #ntr!un fiier implicit de tip te%t $dar se poate alege i alt tip de fiier, cum ar fi 0T,1, te%t formatat #n 0T,1, etc.&, le poate trimite prin e!mail, le poate salva #ntr!o baz de date sau le poate trimite spre prelucrare imediat unui script de tip 3G .

8piunea Send to File Name datele trimise prin formular vor fi adugate #ntr!un fiier de pe serverul web. /cest fiier poate s fie de tip pagin de web care va crete #n dimensiuni pe msura adugrii de informaii, fie un fiier pregtit pentru prelucrare cu a'utorul unui program de tip :%cel, /ccess sau alt program de prelucrare a informaiilor o line. 3aseta de te%t asociat specific numele fiierului de pe serverul web #n care se vor depune datele. 8 scurt descriere a tipului de fiier rezultat poate fi vizualizat i #n tabelul urmtor. Format de fi!ier 0T,1 9escriere +atele vor fi adugate #ntr!o pagin de web, fiind formatate ca i te%t normal, cu fiecare cmp pe un rnd nou. :ste opiunea implicit. 3a i mai sus, dar elementele sunt formatate sub form de perechi de list numeA valoare. 3a i mai sus, dar componentele sunt formatate ca i o list cu buline. 3a i mai sus, dar componentele sunt formatate ca i te%t formatat. 3omponentele sunt salvate sub form de te%t simplu, pentru o citire mai uoar. 3omponentele sunt scrise #ntr!un fiier pe o singur linie i desprite prin virgul. :ste un format uor de recunoscut de baze de date sau programe de calcul tabelar sau orice alt program care suport importarea i prelucrarea datelor din fiiere de tip 32M $3omma 2eparated Malues&. 3a i mai sus, dar utilizeaz caracterul Tab pentru separarea datelor. 3a i mai sus, dar utilizeaz caracterul spaiu pentru separarea valorilor.

0T,1 definition list 0T,1 bulleted list -ormatted te%t 0T,1 -ormatted te%t within

Te%t database using comma as a separator

Te%t database using tab as a separator Te%t database using space as a separator

Send to E&mail Address E este o alt opiune prin care datele rezultate din formular sunt trimise prin mesa' de pot electronic. .entru fiecare apsare a butonului de tip S*"mit $trimitere&, serverul web genereaz un mesa' care are ca destinaie adresa potal setat. Send to (ata"ase E datele sunt adugate #ntr!o baz de date disponibil serverului de web. /ceasta poate fi o baz de date ,icrosoft /ccess care rezid

#n serverul de web sau orice alt tip de baz de date care se poate accesa prin 8pen (ata"ase Connectivity $8+73&. Sent to 8ther' C*stom ,SAP,) NSAP,) C+, or ASP Script E trimite datele formularului pentru a fi prelucrate cu un program care nu este parte a -ront.age. .entru acest lucru trebuie consultat documentaia programului sau autorul acestuia pentru a determina ce modaliti de trimitere a datelor sunt disponibile. Send to 8ther' (isc*ssion Form Handler E trimitea datele introduse #ntr!un site de discuii. Send to 8ther' 5egistration Form Handler E colecteaz datele de #nregistrare ale vizitatorilor #n site.

Figura 22 - modaliti de prelucrare a re2ultatelor. 6rimiterea datelor 5ntr-un fi!ier text

"n vederea confirmrii datelor introduse, -ront.age creeaz #n mod automat $dac nu se utilizeaz un script& o pagin de confirmare ce conine toate cmpurile i datele din formular. +e asemenea, se pot crea i propriile pagini de confirmare sau se poate alege una din paginile de confirmare e#istente 6n site&*l c*rent.

Accesarea ba2elor de date cu FrontPage

.e msur ce web!ul progreseaz de pagini statice ctre interaciunea #ntre vizitatorul web i server, utilizarea bazelor de date este inevitabil. "n cazul #n care o aplicaie web presupune introducerea, actualizarea sau selectarea de date persistente, este necesar accesul din web la baze de date. -ront.age >CC> nu este un sistem de dezvoltare client!server pentru baze de date, dar ofer un numr de faciliti cum ar fi; ! trimiterea re/*ltatelor 6n "a/a de date E este o #mbuntite a salvrii rezultatelor sau datelor din formulare, descris mai sus. /ceast facilitate adaug datele din formular direct #ntr!o tabel a unei baze de date i nu #ntr!un fier te%t sau de tip pagin web< ! p*"licarea simpli icat1 E $8ne!7utton +atabase .ublishig& este o opiune a salvrii datelor din formulare i creeaz o nou tabel numit 5es*lts #n baza de date care va conine coloane corespunztoare fiecrui cmp dintr!un formular 0T,1< ! (ata"ase 5es*lt !i/ard E este un instrument pentru crearea de interogri bazate pe web. /sistentul necesit introducerea numelui bazei de date, a unui nume de tabel din baza de date, precum i selectarea coloanelor care vor fi afiate #mpreun cu opiunile de formatare, crend #n acelai timp o pagin de web care afieaz rezultatele la cerere. ! (ata"ase ,nter ace !i/ard E creeaz o serie de pagini de web prin care se afieaz, adaug, modific i terg #nregistrri din baza de date aleas. 3rearea de pagini web care necesit acces la baze de date necesit un site web bazat pe server de web care s suporte pagini /2. $/ctive 2erver .ages& i Active< (ata 8"=ects $/+8&, i nu unul localizat pe calculatorul utilizatorului, deoarece -ront.age stocheaz anumite informaii despre accesul la baza de date la nivel de site i nu la nivel de pagin. +e asemenea, baza de date trebuie s poat fii citit #n timpul construirii paginii sau utilizrii asistentului, astfel #nct -ront.age s poat citi numele tabelelor i numele cmpurilor pentru diverse liste.

Salvarea datelor din formulare n baza de date

.entru ca datele introduse de utilizatori s fi salvate #ntr!o baz de date pentru a fi prelucrate ulterior, sunt necesari urmtorii pai; =. crearea formularului 0T,1 #n care fiecare cmp s aib o denumire intuitiv< >. salvarea paginii astfel create ce conine formularul 0T,1 cu e%tensie $asp. paginile /2. conin o serie de instruciuni care se e%ecut pe serverul de web la fiecare cerere a paginii. ?. utiliznd proprietile formularului se selecteaz opiunea Send To (ata"ase i 8ption. 8piunile afiate sunt cele prin care se stabilete cone%iunea la baza de date; o (ata"ase Connection to %se E selectarea unei cone%iuni la o baz de date pentru stocarea datelor. 8 cone%iune este un indicator ctre baz de date< Add Connection E creeaz o nou cone%iune la o baz de date e%istent<

Figura 2 - opiuni pentru configurarea conexiunii la ba2a de date o

Create (ata"ase E creeaz o nou baz de date pentru stocarea datelor din formulare. "n baza de date nou creat, -ront.age adaug o tabel #n care fiecare coloan este denumit #n funcie de fiecare element al formularului. Tot #n acest pas este creat i o cone%iune la baza de date nou creat< %pdate (ata"ase E actualizeaz structura unei tabele din baza de date pentru ca aceasta s reflecte ultimele modificri ale colecie de obiecte din formular.

D. configurarea cmpurilor de salvat #n tabel se poate face prin Saved Fields. .entru fiecare cmp se poate alege dac se salveaz #n tabel i cmpul din tabel care s conin datele din elementul respectiv al formularului. "n cazul #n care se dorete salvarea datelor dintr!un formular nou #ntr!o tabel de'a e%istent, cmpurile din formular trebuie corelate cu cmpurile tabelei. +ac nu se face aceast corelaie, serverul de web care prelucreaz pagina nu va putea s salveze datele. L. pe lng cmpurile normale din formular, adugate de autorul paginii, #n tabelele bazei de date sepot salva i alte informaii cum ar fi; tipul broser!ului, numele utilizatorului, denumirea calculatorului de pa care se face actualizarea i data i ora actualizrii< 2ubliniem din nou faptul c pagina de web astfel creat trebuie s fie salvat cu e%tensie .asp, serverul de web trebuie s suporte e%ecuia de scripturi /ctive 2erver .ages, iar baza de date trebuie s fie disponibil din serverul de web. "n cazul #n care nu sunt #ndeplinite aceste condiii, datele introduse #n formular nu vor fi salvate.

Utilizarea

ataba!e "e!ult #izard

"n seciunea precedent au fost descrii paii pentru salvarea rezultatelor formularelor #ntr!o baz de date. "n continuare sunt prezentai paii necesari pentru interogarea i afiarea de informaii din baza de date. =. +in meniul se alege ,nsert (ata"ase 5es*lts pentru a porni asistentul (ata"ase 5es*lt !i/ard. "n primul pas este necesar alegerea unei cone%iuni utiliznd una din cele trei posibiliti; utilizarea unei cone%iuni la o baz de date e%emplu, utilizarea unei cone%iuni e%istente sau crearea unei noi cone%iuni< >. pasul al doilea const #n alegerea unei surse a #nregistrrilor E fie utilizarea tabele din cone%iune, fie crearea unei interogri utiliznd limba'ul 2Q1 $2tructured Quer5 1anguage&< ?. acest pas const #n alegerea cmpurilor de afiat din totalul cmpurilor disponibile #n urma interogrii de la pasul anterior. /ceste cmpuri pot fi filtrate $More options Criteria& pe baza unui cmp $din formular&, pot fi ordonate $More options 8rdering& sau li se pot dashboard valori implicite $numai cmpurilor care stau la baza filtrrii i stabilite

ca i criterii de filtrare&. Tot #n acest pas se poate stabili i un mesa' care va fi afiat vizitatorului #n cazul #n care nu sunt regsite #nregistrri #n urma interogrii tabelei<

Figura 2# - stabilirea de criterii de filtrare

D. 4ezultatele interogrii pot fi formatate #n pasul urmtor. "n acest pas se poate determina cum -ront.age va afia fiecare #nregistrarea returnat de interogare; a. Ta"le > 8ne 5ecord per 5ow E -ront.age va crea un tabel 0T,1 #n care fiecare coloan corespunde unui cmp din tabel @ interogare< b. List > 8ne Field per ,tem E -ront.age va afia fiecare cmp pe un rnd nou separat< c. (rop&(own List > 8ne 5ecord per ,tem E -ront.age va popula o list de tip dron!down care va conine cmpuri de selectat din #nregistrrile rezultate< L. ultimul pas al asistentului ofer o alt modalitate de limitare a numrului de rezultate afiate la un moment dat. /stfel, se pot afia fie toate #nregistrrile rezultate, fie se pot grupa #ntr!un numr oarecare de #nregistrri. +e asemenea, se poate aduga i o caset de dialog prin intermediul creia se pot filtra @ cuta #nregistrri #n tabel prin selectarea opiunii Add Search Form. .rin apsarea butonului Finish, -ront.age va crea o pagin de web asemntoare celei din figura urmtoare. "ntreaga linie aflat sub antetul tabelului este afiat numai pentru a informa autorul c pagini trebuie salvat

cu e%tensie $asp i nu va aprea #n browser. +e asemenea, acelai este i scopul pentru cmpul aflat imediat deasupra butoanelor de navigare. .agina final cu date se poate vedea numai #n browser, FrontPage Preview afind numai pagina salvat pe disc, neavnd acces la facilitile serverului de web.

Figura 25 - crearea unei regiuni pentru afi!area datelor dintr-o ba2 de date

Interogri definite de utilizatori .rin selectarea C*stom 4*ery i utilizarea butonului Edit din (ata"ase 5es*lts !i/ard afieaz o fereastr de dialog care poate fi utilizat pentru a introduce o interogare definit de autorul paginii. /ceast opiune aduce o mare fle%ibilitate, prin acceptarea oricrei comenzi 2Q1!2:1:3T suportat de baza de date. 8piunea ,nsert Parameter permite utilizarea unui cmp din formular prin care se poate face filtrarea datelor #n clauzele W0:4: i 0/M (G ale comenzii 2:1:3T. "n urma e%ecuiei paginii i a trimiterii acesteia ctre serverul de web, acesta va substitui valoare cmpului selectat #n comanda 2Q1 dup care o va trimite spre e%ecuie #n baza de date.

Figura 2& - interogri definite de utili2atori

3mpurile din bazele de date /ccess sau 2Rl2erver pot conine i alte caractere dect cele normale pentru definiia unui cmp, cum ar fi spaiul. .entru a include #n mod corect acest tip de cmp #n interogarea definit de utilizator, cmpurile trebuie s fie #ncadrate #ntre delimitatorii cerui de baza de date, )S*i )T* spre e%emplu. +e asemenea, valorile de tip caracter @ te%t i dat trebuie #ncadrate #ntre apostrofuri #n timp de valorile numerice, nu. nterogrile se mai pot crea #n baza de date, /ccess de e%emplu, i apoi se pot transfera #n -ront.age utiliznd opiunea Paste rom Clip"oard. 3mpurile afiate #n (ata"ase 5egion pot fi modificate pentru a afia h5perlin6!uri. /stfel, #n cazul #n care coloana din tabela bazei de date conine 0T,1 se poate utiliza opiunea Col*mn Val*e Contains HTML. /ceasta este cea mai potrivit opiunea pentru cmpuri care conin de e%emplu 0T,1 pentru a afia un h5perlin6 sau o imagine. "n mod normal, componenta (ata"ase 5es*lts translateaz caracterele 0T,1 precum )U* sau )V* #n echivalentul lor simbolic $?lt@ i ?gt@&, #n acest fel browser!ul nu va interpreta #n mod eronat caracterele care apar #ntr!un te%t normal $un cmp de descriere, de e%emplu&. .rin selectarea acestei opiuni se dezactiveaz translatarea #n echivalent simbolic, codul 0T,1 fiind interpretat #n mod corect. 8piunea (isplay as Hyperlin0 se poate utiliza #n cazul #n care cmpul din baza de date conine un U41 pe care vizitatorul va putea s!l utilizeze. -ront.age va afia un h5perlin6 care folosete coninutul cmpului att pentru

afiare ct i ca destinaie a h5perlin6!ului. +e e%emplu, prin utilizarea unei tabele care are un cmp care conine valoarea http'77econ$*nit"v$ro, prin utilizarea opiunii (isplay as Hyperlin0 se va crea urmtorul cod 0T,1 pentru afiare; Ua hrefA*http;@@econ.unitbv.ro*Vhttp;@@econ.unitbv.roU@aV 8piunea funcioneaz att pentru U41!uri relative ct i pentru cele calificate $absolute&.

"ecrearea $i formatarea regiunilor de rezultate din baza de date 4ee%ecutarea (ata"ase 5es*lt !i/ard se poate face fie printr!un dublu clic cu mouse!ul #n orice parte a unei regiuni de rezultate care nu este component -ront.age sau element 0T,1, fie prin selectarea regiunii i alegerea opiuni Properties din meniul -ormat sau din meniul conte%tual $utilizarea butonului dreapta al mouse!ului&. 4egiunile de rezultate se pot formata dup dorin, dar ree%ecutarea asistentului poate s duc la pierderea formatrii #n momentul suprascrierii regiunii. .entru a micora ct mai mult pierderile de formatare; ! formatarea regiunilor utiliznd stilurile 322. +eoarece aceste stiluri apar #n antetul paginii $seciunea AheadB&, #nlocuirea regiunii de ctre asistent nu va duce i la pierderea stilului 322 utilizat< ! -ront.age utilizeaz un atribut 0T,1 fals, numit -8T,( pentru a asocia formularul 0T,1 cu regiunea de rezultate din baza de date. "n momentul generrii unui formular, asistentul adaug un -8T,(CD#D #n cadrul formularului $HTML pageview&, unde # este un numr oarecare. /tributul nu este un atribut recunoscut de browsere i va fi ignorat. /sistentul (ata"ase 5es*lts !i/ard utilizeaz acest atribut pentru a gsi i #nlocui formularul 0T,1 corect. "n cazul #n care e%ist probleme de #nlocuire a unui formular, se poate utilizat acest atribut.

Utilizarea Database Interface Wizard "n seciunea anterioar au fost descrise procedurile de baz pentru creare de seturi de pagini web pentru afiarea datelor. .entru crearea de pagini care

#mbin afiarea datelor cu editarea, actualizarea i adugarea de #nregistrri se utilizeaz (ata"ase ,nter ace !i/ard. /sistentul $File New Page or !e" !e" Site Templates (ata"ase ,nter ace !i/ard& produce trei pagini principale; ! 5es*lts Page E este o pagin normal ce conine componenta de tip (ata"ase 5es*lts, pentru afiarea datelor dintr!o baz de date. /cest fel de pagin se poate crea i modifica prin procedurile e%plicate #n seciunile precedente< ! S*"mission Form E este o alt pagin web simpl ce conine un formular 0T,1 care utilizeaz componenta Save 5es*lts $Form properties Send to (ata"ase& pentru a aduga #nregistrri #ntr!o baz de date. 2pre deosebire de opiunea Send 5es*lts to (ata"ase care presupune crearea unui formular i apoi ataarea cmpurilor acestuia la o baz de date, (ata"ase ,nter ace !i/ard selecteaz sau creeaz #n primul rnd o baz de date i apoi un formular pe baza tabelelor bazei de date< (ata"ase Editor E este o pagin cadru prin care se afieaz, modific i terg #nregistrri din baza de date care a fost selectat la e%ecuia asistentului. .aginile de baz sunt create utiliznd componentele (ata"ase 5es*lts i Save 5es*lts to (ata"ase E ambele pagini *pdate$asp i delete$asp conine componente +atabase 4esults care e%ecut comenzi 2Q1 definite de autorii paginii, comenzi care nu selecteaz cmpuri pentru a fi afiate; o nterogarea din pagina *pdate$asp utilizeaz comanda 2Q1 U.+/T: pentru a localiza #nregistrarea cu cheie selectat, copiaz valorile cmpurilor din formular #n #nregistrare i o salveaz #n baza de date. /sistentul nu specific nici un cmp pentru afiare deoarece comanda U.+/4: nu produce nici un rezultat care s poat fi vizualizat< o "n mod similar, pagina delete$asp utilizeaz comanda 2Q1 +:1:T: pentru a terge #nregistrarea specificat prin marcarea valorii cheii. .aginile rezultate ale e%ecutrii asistentului se pot modifica dup dorin, ele gsindu!se #ntr!un folder numit AconnectionB9inter ace75es*lts7editor.

.aginile pentru editarea bazei de date se pot prote'a i prin utilizarea unei parole, editorul cunoscnd faptul c vizitatorul este autentificat prin pstrarea unui coo6ie #n browser!ul acestuia. 3t timp browser!ul trimite coo6ie!ul #napoi la server, +atabase :ditor nu va cere vizitatorului s se autentifice din nou.

Publicarea site-ului
+up crearea unui site web dezvoltat cu -ront.age, acesta va trebuie la un moment dat copiat pe un server web public, pentru a fi disponibil audienei dorite. .e lng aceasta, mai e%ist i alte motive pentru copiere, intre care enumerm; trimiterea ctre un client, schimbarea mediului de lucru sau salvri preventive. :%ist i persoane care copiaz site!uri #ntregi pe compact discuri pentru a fi distribuite #mpreun cu cri de calculatoare. Un site web se poate copia cu !indows E#plorer sau cu un program -T. sau chiar prin ,2!+82 prompt, pentru a enumera numai cteva metode, dar nici una din acestea nu copiaz fiecare aspect al unui site bazat pe -ront.age, i nici una nu va a'usta toi indecii i pointerii -ront.age care vor face ca site!ul s funcioneze corect #n noua locaie. .entru a fi #ndeplinite toate aceste aspecte se poate utiliza comanda .ublish, pentru publicarea din -ront.age. ndiferent de tipul surs web sau de tipul destinaiei, publicarea pe web decurge #n patru faze; =. determinarea fiierelor care trebuie adugate, #nlocuite sau terse #n web!ul destinaie< >. copierea tuturor fiierelor care trebuie adugate sau #nlocuite, plus instruciuni pentru tergerea celor care nu mai sunt utilizate. +e asemenea se vor face modificri la structura de navigaie, la cone%iunile ctre baza de date sau orice alte setri web necesare< ?. procesarea tuturor actualizrilor pe serverul web destinaie. /cest lucru cuprinde actualizri de fiiere, setri web i recalculri de h5perlin6!uri< D. raportarea finalizrii procesului de publicare. .ublicarea este singura modalitate suportat pentru copierea unui site bazat pe -ront.age dintr!o locaie #n alta. .ublicarea copiaz nu numai fiierele

de coninut $pagini web, imagini, programe, applet!uri, etc.& ci i informai generate i utilizate de -ront.age cum ar fi cone%iunile la bazele de date sau structura de navigaie. +e asemenea, publicarea nu va copia anumite date, cum ar fi setrile de securitate sau numrul de vizitatori din pagin, care trebuie s fie diferite #n cele dou locaii. .rocesul de publicare #ncepe #ntotdeauna cu deschiderea site!ului web care se dorete a fi copiat $sursa&. 1ocaia destinaie poate s fie un web bazat pe un server web, un web de pe un anumit disc $local sau din reea& sau orice locaie care poate fi atins prin -T.. +eoarece locaiile -T. nu poate fi deschis ca i un web bazat pe -ront.age, acestea nu pot fi sursa operaiunii de publicare.
6ipul site web 7azat pe disc 7azat pe server web /ccesibil prin -T. Surs +/ +/ (u este suportat 9estinaie +/ +/ +/, dar destinaia nu este un site web bazat pe -ront.age

Publicarea pe un !erver %eb cu e&ten!ii FrontPage .rocedura pentru publicarea pe un server web cuprinde urmtorii pai; =. n -ront.age se deschide web!ul care se dorete a fi copiat< >. pentru #nceperea publicrii se poate alege una din urmtoarele aciuni;
o

se alege -ile .ublish Web. .rin aceast procedur se vor urma toi paii pentru o nou publicare< se apas butonul .ublish Web de pe bara de instrumente 2tandard. "n cazul #n care sursa a mai fost publicat, aceast comand o va publica din nou, #n aceeai locaie de destinaie i utiliznd aceleai setri, fr deschiderea nici unei casete de dialog. "n cazul #n care site!ul nu a mai fost publicat, aceast opiune este echivalent cu File P*"lish !e"<

?. n cazul #n care site!ul nu a mai fost publicat se deschide o caset de dialog prin care se cere alegerea destinaiei de publicare.

Figura 2( - alegerea destinaiei pentru publicare

"n cazul unei destinaii pe un server web, aceasta trebuie s fie sub forma http'77An*me serverB7An*me we"B. "n cazul #n care serverul web necesit 2ecure 2oc6ets 1a5er $221& pentru comunicaie, #n loc de http trebuie utilizat https. D. prin apsarea butonului 8W #ncepe procesul de publicare. +ac locaia destinaie nu conine de'a un web bazat pe server creat de -ront.age, va fi afiat o caset de dialog prin care se solicit confirmarea crerii unui web bazat pe -ront.age.

Figura 2, - confirmarea crerii unui nou web ba2at pe FrontPage

"n cazul #n care numele de utilizator curent i parola nu au autoritatea s creeze un web #n locaia dorit, -ront.age va cere un nume de utilizator i o parol care au aceast autoritate< L. la apariia casetei de dialog din figura urmtoare, site!ul web afiat #n lista din stnga este pregtit de publicare #n web!ul afiat #n lista din dreapta. 1ocaiile -rom $surs& i To $destinaie& apar deasupra fiecrei liste i sub bara de titlu.

Figura 20 - alegerea sursei !i a destinaiei pentru publicare

"n aceast caset de dialog se pot lua urmtoarele decizii; o schimbarea destinaiei, prin utilizarea opiunii Change. 2e va
o

reveni la primul pas al procesului de publicare< schimbarea sursei, prin utilizarea opiuni Cancel i reluarea #ntregului proces dup deschiderea sursei dorite. publicarea sursei, prin utilizarea opiunii P*"lish.

Publicarea pe un !erver %eb fr e&ten!ii "n cazul #n care serverul web destinaie nu are instalate -ront.age 2erver :%tensions, #ncercarea de publicare descris mai sus va fi soldat cu un eec. 3u toate acestea, cu mici modificri #n procedur, web!ul se poate publica utiliznd protocolul -ile Transfer .rotocol $-T.&. .ublicarea unui web utiliznd -T. nu creeaz un web bazat pe -ront.age #n serverul destinaie. ,ai clar, -ront.age nu #ncarc toate directoarele private, indeci i setri pe care le!ar #ncrca #n cazul utilizrii unui server web cu e%tensiile instalate. /cest lucru salveaz lime de band i timp necesar #ncrcrii, dar lipsa 2erver :%tensions duce la imposibilitatea re! actualizrii site!ului prin -ront.age sau a utilizrii serviciilor din timpul e%ecuiei.

8fertanii de spaii pentru publicare ce nu au instalat -ront.age 2erver :%tensions ofer #ntotdeauna acces -T. ctre directoarele desinaie. Utilizarea -T. implic e%istena urmtoarelor tipuri de informaii; ! numele sau adresa . i portul serverului -T.< ! un nume de utilizatori pentru login< ! o parol pentru login< ! o cale de acces ctre directorul 0TT. destinaie. .entru #ncrcarea fiierelor se pot utiliza programe -T. #n linie de comand sau cu interfa grafic. -ront.age poate de asemenea s #ncarce un #ntreg site web fr s e%pun comenzile -T. necesare conectrii i #ncrcrii fiierelor. .rocedura pentru publicarea prin -T. este aceeai ca i cea pentru publicare pe un server web, cu trei e%cepii; =. deschiderea site!ului web creat #n -ront.age i apoi selectarea opiunii -ile .ublish Web< >. U41!ul destinaie va fi de forma tp'77An*me serverB7AcaleB, #n care An*me serverB idnetific serverul -T. i portul $implicit >=&, iar AcaleB este calea de acces ctre directorul destinaie care poate fi accesat i prin web< ?. dup conectarea la server, -ront.age deschide o caset de dialog #n care se pot introduce numele utilizatorului i parola acceptate pentru scrierea i crearea de directoare pe serverul -T..

;eb-design-ul !i munca 5n ec)ip.


$3u ct ai mai mult de fcut, cu att totul trebuie fcut mai repede& +ac dispunei de site bazat pe un server web sau de un site ce rezid pe un server de fiiere, acesta poate fi accesat de mai multe persoane #n acelai timp. .entru astfel de situaii, -ront.age dispune de faciliti speciale; ! Tas0 View E menine o list de activiti #n desfurare. -ront.age poate crea asemenea sarcini ca parte a altor funcii, poate asocia aceste sarcini cu pagini web specifice i cere starea de finalizare a activitii #n momentul #n care pagina asociat este salvat<

!or0 low Stat*s and 5eporting E #nregistreaz urmtoarele tipuri de articole #n fiecare pagin dintr!un site web bazat pe -ront.age; /ssigned To $atribuit de ctre& , /ssigned b5 $atribuit de&, 4eviw 2tatus $stare revizie&, 4eviewed b5 $4evizuit de&, 4eview +ate $dat revizie&. .rin vizualizarea rapoartelor care afieaz aceste cmpuri, se poate verifica instantaneu starea i progresul activitilor asociate< ! Page Level Control 8ver P*"lishing E ofer un indicator de tip se p*"lic1 @ n* se p*"lic1 pentru fiecare fiier dintr!un site web bazat pe -ront.age. :ste util #n cazul #n care numai anumite poriuni dintr!un site sunt pregtite pentru publicare< ! Page Level Chec0&,n7Chec0&8*t E rezerv un fiier pentru o anumit persoan astfel #nct ceilali membrii ai echipei s nu intre #n conflict #n caz de actualizare. +ei sunt mai puin puternice dect managementul proiectelor la nivel de scar sau sistemele de control al sursei, aceste faciliti sunt puternic integrate #n -ront.age i ofer toate facilitile necesare micilor proiecte. "n cele din urm, se poate #nregistra starea fiecrei pagini web #n proces, astfel #nct atribuiile membrilor echipei care lucreaz la acelai web s nu se suprapun.

<tili2area site-urilor web ba2ate pe S)arePoint


.e un server web bazat pe Windows se poate instala i SharePoint Team Services, prin care mai multe grupuri de lucru din interiorul unei organizaii pot s!i coordoneze munca. 2ite!urile de echip a'ut munca #n echip prin punerea la dispoziie a unui depozit de documente, proiecte sau liste cu orice este nevoie de #nregistrat pentru un proiect. 1istele sunt centrul de operaii al unui site web bazat pe 2hare.oint. +in punct de vedere fizic, o list este doar o tabel a unei baze de date. +ar puterea unei liste vine din faptul c acestea pot fi create, actualizate, afiare sau terse din pagini de web care pot fi uor de #nvat de utilizat. 2ite!urile web bazate pe SharePoint Team Services pun la dispoziia oricrei persoane ce dispune de un browser, conectivitate la server i permisii de acces urmtoarele;

"i"lioteci de doc*mente E o bibliotec de documente a SharePoint Team Services are dou componente centrale; un folder de documente i o list care le descrie. :%ist i posibilitatea de cutate #n documente sau #n descrieri< disc*Eii we" E dup ce un utilizator de 8ffice >CCC sau 8ffice 9. salveaz un document sub form 0T,1 pe un server web $este un proces care const #ntr!un singur pas&, vizitatorii acelui document pot ataa comentarii documentului respectiv prin utilizarea disc*ssion tool"ar. SharePoint Team Services stocheaz comentariile separat de documentul #n sine, iar #n momentul #n care autorul deschide documentul, toate comentariile apar integrate #n document< pagin1 de c1*tare E aceasta facilitate utilizeaz Microso t ,nde#ing Service pentru a cuta document #n interiorul site!ului curent bazat pe SharePoint Team Services. 3lienii pentru acest serviciu sunt fie browser!erle $pentru atribuii bazate pe web&, fie aplicaiile 8ffice standard $pentru crearea i regsirea documentelor&< ta"ele de disc*Eii E #n interiorul unui site web bazat pe SharePoint Team Services se pot crea un numr nelimitat de tabele de discuii, #n fiecare tabel putnd e%ista un numr nelimitat de fire de discuii sau mesa'e. ,esa'ele se pot sorta i prezenta #n mai multe feluri, putnd de asemenea s fie i terse #n mod automat< Liste E sunt unitile de baz pentru stocate #n 2T2. .ot conine liste de anunuri, liste de evenimente viitoare, atribuii planificate, membrii echipei sau adrese de contact, etc. (umrul de liste este la dispoziia administratorului site!ului web bazat pe 2T2 sau a persoanelor responsabile< (otificri E prin aceast facilitate, membrii echipelor pot fi notificai prin e!mail #n momentul modificri unui document sau folder.

=n conclu2ie
-ront.age este instrumentul de lucru perfect pentru autorii de pagini de web #nceptori sau cu e%perien medie, integrndu!se perfect cu celelalte aplicaii din suita ,icrosoft 8ffice. ar #n combinaie cu un server web cu e%tensia -ront.age instalat i cu SharePoint Team Service este unealta ideal

pentru dezvoltarea de site!uri web care necesit un acces minim @ mediu la baze sau pentru site!uri de tip ntranet dezvoltate de organizaii care doresc s creeze structuri web de comunicare intra sau inter!departamental.