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.
Figura 1 - Spaiul de lucru al FrontPage
/rticole +escriere
Tipuri de vizualizri pentru
site
3eea ce se poate vedea #n fereastra principal a
-ront.age depinde de tipul de vizualizare aleas
$.agin, -oldere, 4apoarte, (avigare, 05perlin6!uri,
2arcini&
Tab pagini n acest tab poate s apar numele uneia sau mai
multor pagini deschise #n acelai timp #n -ront.age
7ar titlu /fieaz numele paginii curente i locaia ei #n site
7ara de meniuri 3onine meniuri precum File, Edit, View, etc., fiind
punctul de plecare a sarcinilor de #ndeplinit #n
-ront.age.
7ara de unelte 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.
.anel sarcini Un panou utilizat de toate programele din 8ffice 9.
care permite #ndeplinirea de sarcini rapide, #n timpul
lucrului.
Timp estimat download Timp estimat de download al paginii #n browser!ul
unui utilizator la diverse viteze de acces.
Tab pagini 7ara de titlu 7ara de meniuri
7ara de
unelte
.anel
sarcini
Timp estimat de
download
Tipuri vizualizri
pagin
Tipuri de
vizualizri
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.
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 25 - modaliti de creare a unui site
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&deined 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&deined 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 3omponent +escriere
3omponente "Central
!e"
b3entral /d .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.
3ommerce
,anager /dd!
in
.ermite crearea unui site web pentru
vnzarea propriilor produse. nformaiile
despre produse trebuie stocate la
b3entral.
-ast3ounter /daug #n pagina de web un contor al
numrului de vizitatori ai acelei pagini i
afieaz rezultatele sub form grafic.
3omponente E#pedia 1egtura la o
hart
.ermite adugarea unei legturi ctre
site!ul :%pedia i ctre o hart cu un loc
de'a marcat.
0art static .ermite adugarea unei hri statice.
3omponente MSN 3utare pe
web cu ,2(
/daug o component #ntr!o pagin web
care permite vizitatorilor s caute pe web
utiliznd ,2(
3ote aciuni /daug o component ce permite
3ategorie 3omponent +escriere
cutarea i afiarea cotelor aciunilor
utiliznd ,one53entral.
3omponente MSN-C Ultimele tiri .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<
! graic 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 (ea*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 Modiy.
.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 Eects. /stfel, prin marcarea unui sau mai multor
obiecte $de acelai tip, sau de tipuri diferite& se poate alege din bara de
instrumente (HTML Eects 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 :veniment :fecte .arametrii
Te%t 3lic +eplasare in afara
paginii
2us, 'os, stnga, etc.
-ormatare ,odificare bordur sau
font
Te%t +ublu clic +eplasare in afara
paginii
2us, 'os, stnga, etc.
-ormatare ,odificare bordur sau
font
Te%t ,ouse over -ormatare ,odificare bordur sau
font
Te%t .age load /fiare; liter cu liter, spiral, zoom, etc.
magine 3lic eire din cadru 2us, 'os, stnga, etc.
2chimbare imagine /legere imagine
magine +ublu clic eire din cadru 2us, 'os, stnga, etc.
magine ,ouse over 2chimbare imagine /legere imagine
magine .age load /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 oline. 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 9escriere
0T,1 +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.
0T,1 definition list 3a i mai sus, dar elementele sunt formatate sub
form de perechi de list numeA valoare.
0T,1 bulleted list 3a i mai sus, dar componentele sunt formatate ca
i o list cu buline.
-ormatted te%t within
0T,1
3a i mai sus, dar componentele sunt formatate ca
i te%t formatat.
-ormatted te%t 3omponentele sunt salvate sub form de te%t
simplu, pentru o citire mai uoar.
Te%t database using
comma as a separator
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&.
Te%t database using tab as
a separator
3a i mai sus, dar utilizeaz caracterul Tab pentru
separarea datelor.
Te%t database using space
as a separator
3a i mai sus, dar utilizeaz caracterul spaiu
pentru separarea valorilor.
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 simpliicat1 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 ,nterace !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<
o 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<
o %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 ,nterace !i/ard.
/sistentul $File New Page or !e" !e" Site Templates
(ata"ase ,nterace !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 ,nterace !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
AconnectionB9interace75es*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 Surs 9estinaie
7azat pe disc +/ +/
7azat pe server web +/ +/
/ccesibil prin -T. (u este suportat +/, 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<
o 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
reveni la primul pas al procesului de publicare<
o schimbarea sursei, prin utilizarea opiuni Cancel i reluarea
#ntregului proces dup deschiderea sursei dorite.
o 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<
! !or0low 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 Microsot ,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.