C. N. tefan Cel Mare-Tg.

Neam

LUCRARE DE ATESTAT PROFESIONAL

(PROFIL MATEMATIC-INFORMATIC)

EXCURSIE PRIN EUROPA UN SITE DESPRE EXCURSII

Profesor coordinator Marian Achirei

Elev: Gojan Andrei Clasa: a XII-a RE

Mai 2009

CUPRINS

Memoriu de prezentare........ 3 Memoriu justificativ............ 7 Etapele procesului de dezvoltare a unui site web .. 7 Descrierea aplicaiei Microsoft FrontPage .. 11 Bibliografie ............ 32

MEMORIU DE PREZENTARE
INTERNET / (INTERNETWORK SYSTEM) Ce este Internet ul? Multe persoane cred c Internet-ul este un loc unde se dicut numai despre informatic, unde se ntlnesc numai pasionaii de calculatoare i c informaiile la care au acces sunt sub forma unor abrevieri criptice pe care numai specialitii le pot nelege. Aceast impresie este total greit. Uurina cu care se pot distribui informaii, dar mai ales cu care orice utilizator, poate avea acces la informaii, a fcut din Internet un mediu preferat. Structura Internet-ului a fcut posibil nu numai distribuirea de informaii statice, ci i existena serviciilor. De exemplu, pe baza unei cri de credit, se pot face toate rezervrile pentru petrecerea concediului de odihn ntr-o frumoas ar din lume, i se poate plti utiliznd calculatorul de acas. Prin urmare Internet-ul este: O cale de comunicare foarte rapid i atractiv ntre oamenii acestei lumi. Modalitatea prin care oamenii aflai oriunde pe Glob pot comunica i schimba informaii cu mult uurin. Oferta de toate pentru toi, remarcndu-se prin uurina cu care orice utilizator, fie el i novice n informatic, poate avea acces la informaie. INTERNET este o reea de reele .O reea este un grup de calculatoare care au fost conectate astfel nct s poat comunica ntre ele (s fac schimb de informaii) Ele i pot transmite mesaje unul altuia i pot folosi n comun informaiile sub forma de fiiere.
4

Reelele pot fi de mai multe tipuri:

LAN (Local Area Network) calculatoarele sunt plasate n interiorul aceleai cldiri sau campus universitar; MAN (Metrropolitan Area Network) reea extins la nivelul unui ora); WAN (Wide Area Network) reea naional.

INTERNET este o interconectate de LAN-uri, MAN-uri i WAN-uri prin legturi rapide (satelit, circuite comunicaie digital etc.). Toate calculatoarele dintr-o reea trebuie s comunice ntre ele pe baza unui set de reguli fixe (limbaj), denumit protocol Protocolul folosit s-a standardizat i se numete TCP/IP (Transmission Control Protocol / Internet Protocol). Pentru a beneficia de facilitile Internet, un utilizator trebuie s conecteze calculatorul su la una dintre subreelele precizate mai sus. n acest mod, calculatorul su devine nod n Internet i utiliznd protocolul TCP / IP va putea folosi diverse programe cu rol de client pentru a putea transfera informaii de la alte calculatoare cu rol de server conectate la rndul lor la Internet. Observaie Cel mai bun mod de conectare la INTERNET este sistemul OPM: OTHER PEOPLES MONEY (Banii altora). Muli utilizatori ai reelei INTERNET se conecteaz prin intermediul unei organizaii care are o legtur permanent la INTERNET. Funcii ale reelei INTERNET
E-mail (Pota electronic).

 Reeaua World Wide Web (reeaua Web sau WWW, ce

ofer acces la fiiere, documente, imagini, sunete din mii de zone Web).
Grupuri de dialog UseNet (UseNet newsgroups) grupuri

de discuii care trateaz subiecte referitoare la tiin, evenimente, muzic, calculatoare etc.
Transferul de fisiere cu ajutorul protocolului FPT (File

Transfer Protocol). Avantajele Internetului deriv din:

utilizare browser rsfoitor ca interfa cu utilizatorul; dizolvarea distanelor geografice; costul sczut de meninere i ntreinere a unui sistem

Intranet;
informaia disponibil n cadrul unui sistem Intranet este

bine organizat i controlat, ea va avea totdeauna un stpn;

asigurarea securitii informaiilor gestionate(n special

securitatea accesului);
este uor de nvat, utilizatorul parcurge o singur dat

curba de nvare a specificaiilor unei interfee (meniuri, bare de instrumente, casete de dialog etc.). n prezenta lucrare am realizat un site in care am prezentat Agentie de Turism si totul ce este legat de calatorii.

Lucrarea este structurat astfel: - un memoriu de prezentare;

-

un memoriu justificativ n care am precizat modul de realizare a siteului utiliznd editorul FrontPage;

- bibliografie cuprins. Site-ul are urmatoarea structur: I O pagin de start, numit index, care conine urmatorul menu:
1. Home

2. Oferte 3. Bilete 4. Despre noi 5. Contact II Link-uri ctre fiecare pagin din menu. Austria Germania Grecia Italia Portugalia Romania Pentru realizarea paginilor web am utilizat editorul Microsoft FrontPage.

MEMORIU JUSTIFICATIV
I. Etapele de parcurs pentru a realiza un site web: 1. Proiectarea interfeei web care conine urmtorii pai:
-

stabilirea tematicii sau planificarea, ceea ce definete orientarea general a site-ului, pregtirea materialului ce urmeaz a fi utilizat: fiiere text, fiiere imagini, fiiere sunet etc.

- machetarea sau conceperea structurii cadrelor site-ului, a structurii paginilor, stabilirea culorilor de utilizat, a modului cum va arta prima pagin, crearea hrii site-ului etc. Obs. 1. Cerine speciale: - atenie deosebit acordat organizrii informaiilor, divizrii i ierarhizrii lor n paginile site-ului, imaginaie, noiuni de webdesign, accesibilitatea informaiilor prezentate, simplitatea i consistena lor. Machetarea unei pagini web reprezint modul de aranjare a elementelor constitutive: coninutul, grafica, legturile, sistemul de navigare, elemente multimedia etc. Structura paginii web poate fi simpl, compus din mai multe cadre (tabele simple, tabele multiple), combinaii ale acestor elemente. Obs. 2. Cerine ale stilul site-ului web:

- trebuie sa fie un stil unitar, cerin care se realizeaza printr-o atenie deosebit acordat stilului de scriere; - trebuie folosit acelai tip de font, aceeai dimensiune, aceleai culori etc. pentru toate paginile din site. Se recomand ca textul s aib o culoare luminoas, iar fundalul una nchis, sau invers; - se utilizeaz contraste cromatice corespunztoare, deoarece ele influeneaz precizia i rapiditatea percepiei. O culoare este considerat sigur din punctul de vedere al afirii n pagina web, dac apare la fel n Internet Explorer i n Netscape Navigator, indifferent de sistemul de operare utilizat, atunci cnd se lucreaz n modul cu 256 de culori. - trebuie evitat utilizarea textului compact care este greu de urmrit; - e recomandat s se foloseasc subtitlurile, listele, cuvintele evideniate, paragrafe scurte pentru o exprimare concis i clar; - trebuie evitat scrierea textului cu litere mari pentru a nu agresa visual potenialii vizitatori ai site-ului; - se recomand evitarea utilizrii textelor care clipesc i a textelor care defileaz, deoarece reduce puterea de concentrare a vizitatorilor; - este recomandat s se utilizeze doar imaginile absolute necesare, pentru a nu mri dimensiunea paginii i implicit timpul de incrcare a paginii. Fiierele grafice acceptate de ctre toate browserele web sunt: GIF (Graphics Interchange Format) care prezint o rezoloie mai slab i

JPEG (Joint Photographic Experts Group) pentru imagini cu o varietate de tonuri de culori; - pentru alegerea fundalului trebuie avut grij de culoarea

dominant, la contrastul text-fundal, la dimensiunea imaginii de fundal, dac se utilizeaz pentru aceasta un gif sau un jpg; - trebuie evitat animaia n exces; - trebuie evitat grafica abuziv; - corectitudinea sintactica i morfologic a textelor (validare gramatical); - structura semantic a ntregului coninut; - alctuirea codului (HTML, CSS, JavaScript, Java, XML, PHP, ASP, etc...); - linia general de prezentare i ofertare; - dreptul de autor asupra produsului finit obinut, ofertei n cauz, numelui de brand (mrcii) i logoului ntrebuinat Odat cu machetarea site-ului, trebuie stabilite hyper-legturile ctre alte pagini din site sau ctre alte site-uri. Meniul principal se afl, de regul, n partea stng sau n partea superioar a paginii web. Se recomand denumiri sugestive pentru seciunile meniului.

10

n ceea ce privete utilizarea fiierelor audio, majoritatea webdesignerilor sunt de prere c nu ar trebui s fie folosite la crearea paginilor web, deoarece duc la creterea timpului de ncrcare a paginii. Pe de alt parte, fiierele multimedia se pot folosi ntr-o proporie rezonabil, avnd n vedere c exist, la ora actual, tehnici speciale de compresie a sunetului.
2. Crearea efectiv a site-ului presupune parcurgerea urmtorilor pai:

- alegerea zonei de lucru, adic a directorului care va conine site-ul; - crearea propriu-zis a site-ului. Pentru transpunerea informaiilor pregtite n HTML sunt necesare un editor de pagini web i un browser pentru vizualizarea rezultatului obinut.
3. Publicarea i testarea site-ului presupune parcurgerea urmtorilor

pai: - gzduirea; - transferul; - verificarea i testarea; - ntreinerea.

4. Promovarea site-ului se realizeaz prin metode cum ar fi: utilizarea

motoarelor de cutare, a marketingului prin email, a newsgroup-urilor, schimbul de banere, schimbul de legturi etc.

11

II. Descrierea aplicaiei Microsoft FrontPage Microsoft FrontPage este un editor HTML profesional pentru design-ul, codarea i dezvoltarea de siteuri web, pagini web ct i pentru aplicaii web. Fie c se dorete controlul total asupra codului HTML prin scrierea de mn a acestuia, fie c se dorete utilizarea unui mediu de editare vizual, FrontPage ofer uneltele necesare, mbuntind de asemenea experiena web. Facilitile vizuale din FrontPage permit crearea de pagini web fr scrierea nici unui rnd de cod. Se pot vizualiza toate elementele site-ului i se pot trage (drag and drop) direct n document. De asemenea, n document se pot importa i edita imagini direct n document.

12

Tipuri de vizualizri

Tab pagini

Bara de titlu

Bara de meniuri

Bara unelte

Panel
sarcini

Tipuri vizualizri pagin

Timp estimat de download

Figura 1 - Spaiul de lucru al FrontPage Articole Tipuri de Descriere

vizualizri Ceea ce se poate vedea n fereastra principal a FrontPage depinde de tipul de vizualizare aleas (Pagin, Foldere, Rapoarte, Navigare, Hyperlink-uri, Sarcini) In acest tab poate s apar numele uneia sau mai multor pagini deschise n acelai timp n FrontPage Afieaz numele paginii curente i locaia ei n

pentru site

Tab pagini

Bar titlu

13

Bara de meniuri

site Conine meniuri precum File, Edit, View etc., fiind punctul de plecare a sarcinilor de ndeplinit n FrontPage. Una sau mai multe bare cu butoane pentru cele mai frecvente sarcini. FrontPage afieaz n mod implicit bara Standard i bara Formatting, ca i orice alt program din pachetul Office. Un panou utilizat de toate programele din Office XP care permite ndeplinirea de sarcini rapide, n timpul lucrului. Timp estimat de download al paginii n browser-ul unui utilizator la diverse viteze de

Bara de unelte

Panel sarcini

Timp estimat download

Tipuri

de

acces. vizualizri Trei panouri diferite ale spaiului de lucru. In panoul Normal se poate edita coninutul unei pagini, n panoul HTML se poate modifica i observa codul HTML generat automat de FrontPage pentru diverse componente, iar n Preview se poate observa cum va arta pagina nainte de publicare.

pentru pagin

FrontPage include de asemenea unelte i faciliti legate de programare (n HTML view), Cascade Style Sheets (CSS) i Active Server Pages (ASP). Utiliznd limbajul de server ASP se pot construi site-uri web dinamice, care utilizeaz accesul la baze de date.

14

Fluxul crerii site-urilor web. Planificarea site-ului Exist mai multe posibiliti n ceea ce privete crearea unui site web. Utiliznd fluxul 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 hyperlink-urile. Pasul urmtor este testarea funcionalitii site-ului, pentru a vedea dac acesta se conformeaz cu obiectivele definite. Sfritul ciclului este marcat de publicarea site-ului pe un server. De 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). Site-urile web sunt stocate pe un server web sau pe calculatorul local. Site-urile web bazate pe FrontPage conin i anumite fiiere i directoare care suport funcionalitile specifice ale FrontPage i permit ca site-urile web s fie deschise, copiate, editate, publicate i administrate din FrontPage. Planificarea cu grij i organizarea site-ului nc de la nceput poate salva o mulime de timp dup nceperea lucrului efectiv. Astfel, organizarea site-ului cuprinde nu numai amplasamentul fiierelor ci i examinarea necesitilor siteului, profilul de audien, scopurile site-ului. n plus, se pot lua n considerare i necesiti tehnice, precum accesul utilizatorilor, browser-ul utilizat, plug-inurile i restriciile de download. Dup organizarea informaiilor i determinarea structurii se poate ncepe efectiv activitatea de creare a site-ului. De 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
15

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 complexe. Pagini noi albe sau bazate pe un model deja existent se pot crea utiliznd FilePage of Web.

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 FrontPage poate fi dezvoltat n urmtoarele variante: 1. site-ul este creat pe calculatorul local, iar dup finalizarea acestuia se face publicarea. In cazul utilizrii acestui mod de lucru exist dezavantajul imposibilitii utilizrii tehnologiei Active Server Pages (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 exist i un avantaj: lipsa timpului de rspuns al serverului web, rezultatul fiind o dezvoltare mai rapid a site-ului; 2. 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.), dezavantajul fiind timpul de rspuns al serverului de web; 3. 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. Paginile care necesit acces la baze de date pot fi dezvoltate utiliznd un server web. Pentru crearea unui site web n FrontPage se utilizeaz
-

FileNewPage or Web, dup care se alege fie Empty Web (site web alb, fr nici o pagin), fie Web Site Templates, n acest caz site-ul fiind creat pe baza unui model deja existent. De asemenea, mai exist posibilitatea utilizrii unui asistent pentru importul de site-uri de web ct i crearea unui site web bazat pe SharePoint Team Service.
16

Figura 2 - Modaliti de creare a unui site

Crearea de pagini web se poate face, la fel ca i pentru site-uri, din FileNewPage or Web 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 existent, FrontPage deschide n mod automat tipul de vizualizare Navigation n care se poate observa o reprezentare grafic ierarhic a site-ului. Odat cu crearea primei pagini n site (numit automat index.htm), FrontPage asigneaz acestei pagini un mic grafic de identificare (pagin este i pagina principala home page). n vederea Navigation, FrontPage 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.) Crearea 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. In Navigation se pot crea noi pagini web fantom (nu sunt create efectiv), acestea permind experimentarea cu structura i organizarea unui site nainte de adugarea de coninut.

Figura 3 - Structura unui site Web

17

Paginile fantom create vor fi create efectiv pe disc/server prin deschiderea (dublu clic pe numele paginii) uneia dintre ele.

Adugarea de coninut Utiliznd FrontPage, se poate aduga n orice pagin o mare varietate de coninut, precum text, imagini, culori, filme, sunete sau alte forme de elemente media. Scrierea i formatarea textului n FrontPage este similar cu utilizarea unui procesor de text standard. Astfel, 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. Pentru formatarea paragrafelor se utilizeaz FormatParagraph care permite alinierea, indentarea i spaierea textului din cadrul unui paragraf. Formatarea fonturilor i a paragrafelor se poate face manual (modificarea culorilor, fonturilor, alinierii pentru textul marcat), utiliznd cele dou opiuni, folosindu-se astfel tag-uri HTML standard (b=bold, i=italic, font=tipul fontului, color=culoare in format hexazecimal, de la #000000-negru-, pn la #FFFFFFalb- etc.) CSS permite aplicarea formatrii textului i paginii cu avantajul actualizrii automate. Stilurile CSS pot fi stocate fie n document, fie n fiiere externe, mult mai flexibile n acest caz. Dac se ataeaz un fiier CSS extern la mai multe pagini, toate paginile vor reflecta automat modificrile aduse stilurilor din fiierul extern. Pentru accesarea stilurilor CSS se va utiliza Format Style.
18

Figura 4 - Adaugare i modificare stiluri CSS Pentru stilurile CSS se pot modifica tag-urile de baz ale HTML (h1=Heading 1, h2, p=Paragraf, li=list etc.) prin crearea de clase pentru taguri. Pentru 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 text sau n cadrul textului. Cum este i normal, se pot defini i elemente sau clase CSS noi, utiliznd butonul New i opiunea pus la dispoziie de User-defined styles. De exemplu, modificm tag-ul a (hyperlink) pentru ca toate hyperlink-urile s fie de culoare verde, fr nici un efect. Rezultatul este crearea unui stil nou, care poate fi observat att n User-defined styles ct i n fereastra HTML, seciunea Style. Adugm un nou stil CSS, prin redefinirea tag-ului a:hover (efectul obinut prin poziionarea mouse-ul deasupra unui hyperlink), iar n noul tag redefinim de
19

exemplu, att tipul i stilul fontului ct i culoarea acestuia. Rezultatul obinut l putem vedea n fereastra Preview. Subliniem c formatarea HTML standard prin utilizarea tag-urilor standard este suportat de toate browser-ele. n schimb, formatarea utiliznd stilurile CSS este suportat numai de Netscape Navigator 4.0 i mai mare i Microsoft Internet Explorer 4.0 i mai mare. De asemenea, stilurile CSS se pot utiliza n acelai document cu formatarea HTML standard, acestea aplicndu-se ntr-o form ierarhic formatarea HTML manual are prioritate fa de formatarea aplicat de un stil HTML sau stil CSS, iar stilul CSS integrat n document are prioritate fa de stilul CSS dintr-un fiier de stil extern. Adugarea imaginilor i a altor obiecte Pe lng text, FrontPage permite adugarea de imagini, fie predefinite din colecia Clipart, fie importate de utilizator din diverse formate de fiiere sau de la scanner sau aparat de fotografiat digital. De asemenea, se pot crea imagini utilizndu-se opiunea New Drawing, Autoshape sau WordArt direct n pagina web, acestea urmnd sa fie ulterior salvate n site ntr-un format .gif sau .jpeg. Imaginile se pot organiza i sub form de galerie fotografic, utiliznd opiunea New Photo Gallery. Astfel, primul pas const n adugarea tuturor imaginilor care vor face parte din galerie, setarea unui scurt text care s explice imaginea i setarea dimensiunii imaginilor n miniatur sub form de hyperlink care va conduce la imaginea n forma iniial. Tot aici se mai poate alege i afiare a imaginilor: afiare orizontal, montaj, afiare vertical sau slide show. Pentru imaginile adugate n pagina web se pot defini / modifica i proprietile de afiare ale acestora, printre care: modalitatea de aliniere fa de text, aliniament, grosimea bordurii imaginii, spaierea orizontal i vertical fa

20

de alte obiecte din pagin, mrimea relativ (n procente) sau absolut (n pixeli), un hyperlink i un text (balon) care va aprea la poziionarea mouse-ului deasupra imaginii. Pe lng text i imagini, FrontPage mai permite adugarea i a altor obiecte, utilizd InsertWeb Component:

Figura 5 - Alte tipuri de obiecte care se pot adauga in pagina Web Efectele dinamice din FrontPage sunt date de adugarea n pagin a obiectelor de tip Hover Button, Marquee i Banner Ad Manager. Hover Button permite adugarea unui buton cu dou stri normal i onmouseover - pentru care se poate specifica textul butonului, un hyperlink, culoarea strii normale, efectul de animaie n momentul poziionrii mouseului deasupra butonului i culoarea utilizat de acest efect. Pentru a putea
21

vizualiza n mod corect acest tip de buton n interiorul unei pagini, browser-ul trebuie s aib instalat suportul pentru Java.

Un alt efect dinamic este i Marquee un text 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 textului, etc.

Figura 6 - Proprieti Marquee Banner Ad Manager este o alt component dinamic ce permite adugarea n pagina de web a unei secvene de imagini, fiecare cu hyperlink-ul, durata de afiare i efectele de tranziie proprii.

22

Alte componente web dinamice n FrontPage sunt: Categorie Component Componente bCentral bCentral Ad Web Descriere Permite afiarea de reclame pe site. Pentru fiecare dou reclame afiate, contul utilizatorului este creditat cu o unitate, ceea ce permite publicitatea Commerce Manager Add-in FastCounter site-ului propriu n alte pagini web. Permite crearea unui site web pentru vnzarea propriilor produse. Informaiile despre produse trebuie stocate la bCentral. Adaug n pagina de web un contor al numrului de vizitatori ai acelei pagini i Componente Expedia afieaz rezultatele sub form grafic. Legtura la o Permite adugarea unei legturi ctre hart site-ul Expedia i ctre o hart cu un loc deja marcat. Hart static Permite adugarea unei hri statice. Cutare pe Adaug o component ntr-o pagin web cu MSN web care permite vizitatorilor s caute Cote aciuni pe web utiliznd MSN Adaug o component ce permite cutarea i afiarea cotelor aciunilor Componente MSNBC utiliznd MoneyCentral. Ultimele tiri Permite adugarea de componente

Componente MSN

separate pentru tiri referitoare la afaceri, sport, tehnologie, previziuni meteo, cltorii.

23

In FrontPage 2002 putem aduga, pe lng toate componentele de mai sus, i componente din suita Microsoft Office:
-

foaie de lucru Excel care permite utilizarea anumitor funcii simple, sortarea cresctoare /descresctoare, filtrarea datelor, modificarea formatrilor unei foi de lucru sau celule, i exportul foii de lucru n Excel;

grafic pe baza datelor 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 conexiunea i tabelul / vederea din care se preiau datele, fie dintr-o obiect care conine date dintr-o pagin de web. De asemenea, mai trebuie stabilit i tipul graficului, care se poate alege dintr-o mare varietate. Acest 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.

tabel pivot obiectul trebuie activat prin stabilirea unei conexiuni la o surs de date i alegerea tabelei sau scrierea unei comenzi de interogare (Select) care s returneze date. Obiectul dispune de mai multe faciliti, printre care: ordonare, filtrare automat, autocalculare, subtotaluri, cmpuri i totaluri calculate, detaliere i sumarizare, export n foaie de calcul Excel etc.

Componentele web din suita MS Office se bazeaz pe arhitectura Microsoft Office Web Componente, sunt controale ActiveX , iar datele sunt meninute i prelucrate cu ajutorul XML.

24

Conectarea paginilor unui site Pagini web disparate nu creeaz un site. Pentru a crea un site paginile web trebuie legate ntre ele, att prin crearea de legturi HTML ct i prin reutilizarea coninutului pentru a da acestora o nfiare asemntoare. n FrontPage se pot crea legturi HTML, 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. Pentru a crea o legtura ctre o alt pagin din interiorul site-ului sau ctre o adres de web se utilizeaz InsertHyperlink.

Figura 7 - Crearea unui hyperlink Remarcm n figura anterioar adresa (Address) de web spre care se va face navigarea n cazul utilizrii hyperlink-ului, textul hyperlink-ului care va fi afiat (se va afia Legtura ctre Yahoo 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. Att n cazul utilizrii frame-urilor ct i n cazul unui

25

site simplu, hyperlink-ul se poate deschide ntr-o fereastr nou folosind opiunea New Window din interiorul opiunii Target Frame. n cazul n care se utilizeaz pagini care se execut la nivel de server, cum ar fi Active Server Pages, ASP.NET, Java Server Pages, PHP, Perl, acestora li se pot aduga parametrii QueryString de tip GET n hyperlink-uri utiliznd opiunea Parameters, n care se pot defini numele parametrilor mpreun cu valorile lor. Hyperlink-urile exist att sub form de text, 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 hyperlink-ului. Acest lucru se poate face completnd cmpul Default Hyperlink din proprietile imaginii. Navigarea n interiorul aceleai pagini se poate face i prin utilizarea semnelor de carte, din Insert Bookmark, 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 document din fereastra Hyperlink. Se pot crea i hyperlink-uri ctre adrese de e-mail (Hyperlink Email Address), care s deschid n mod automat clientul de e-mail implicit, setnd n acelai timp subiectul mesajului. n cazul n care exist una sau mai multe adrese de e-mail recent utilizate, se poate acele din lista aflat n Recently used... Eliminarea n ntregime unui hyperlink se face prin selectarea acestuia i apsarea tastei Delete, iar eliminarea numai a legturii (URL-ului) efective se poate face prin utilizarea butonului Remove link din fereastra Insert hyperlink.

26

n cazul n care site-ul are mai multe pagini, crearea de hyperlink-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 Insert 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, nivelul acelai global nivel, (toate nivelul imediat inferior, paginile aflate pe primul nivel), paginile aflate pe primul nivel inferior paginii principale, ct i o bar de navigaia bazat pe legturi de tip nainte/ napoi. La bara de navigaie rezultat putem aduga pagina principal (Home page) sau pagina printe a paginii n care se adaug bara de navigaie. Pentru o bar de navigaie dintr-o anumit pagin putem alege i un anumit stil de afiare (grafic, text, tipul imaginii etc.), care poate s difere de la pagin la pagin sau poate s fie uniform, n funcie de stilul site-ului.

27

O bar de navigaie astfel adugat va fi vizibil numai n pagina curent. Pentru a aduga cte o bar de navigaie n fiecare pagin a unui site avem dou posibiliti: 1. se poate deschide fiecare pagin n parte, adugndu-se apoi cte o bar de navigaie; 2. se poate utiliza opiunea numit Shared Borders (margini partajate), din Format Shared Borders. Marginea partajat este o facilitate prin intermediul creia se poate aduga un coninut comun la una sau la toate paginile unui site. Marginile partajate 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. Subliniem faptul c se pot aduga margini partajate doar pentru paginile care fac parte dintr-un site - deci site-ul trebuie s fie deschis (File Open Web) nainte de a se putea aduga marginile. Marginile partajate 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 feedback, cum ar fi adresa webmaster-ului; Dup cum se poate observa i din figur, se pot aduga margini partajate pentru toate prile unei pagini, avnd posibilitatea s includem butoane de navigaie numai n partea de sus, din stnga sau din dreapta paginii. Pentru partea de sus a paginii, n mod implicit va fi adugat i numele paginii.

28

In cazul n care se adaug margini partajate care s conin bare de navigaie , structura de navigaie a acestora din urm poate s difere n fiecare margine partajat. Spre exemplu, n marginea partajat de sus se pot aduga paginile aflate pe nivelul printe (Parent level), iar n partea din stnga, de exemplu, se poate aduga o bar cu paginile aflate pe acelai nivel. n marginile partajate se pot aduga mai multe bare de navigaie, iar n cazul n care una din aceste margini sau bare va rmne necompletat, textul generat automat de FrontPage nu va fi vizibil n browser, chiar dac este vizibil n fereastra Preview. Editarea unei margini n care s-a adugat o bar de navigaie se poate face fie printr-un clic dublu pe texul implicit generat de FrontPage, fie utiliznd proprietile acestuia (utilizarea butonului din dreapta al mouse-ului). Eliminarea unei bare de navigaie se face prin selectarea acesteia i apsarea tastei Delete. Pentru ca o pagin (pagina curent) sau ntregul site s nu mai conin margini partajate ntr-o anumit margine sau pentru toate marginile, precum cele create iniial implicit pentru toate paginile, se deselecteaz marginile dorite din Format Shared Borders. Prezentarea informaiei utiliznd tabele n celulele tabelelor pot fi adugate diferite obiecte: texte, imagini, liste, alte tabele, etc. n FrontPage, tabelele pot fi utilizate pentru: - prezentarea informaiei n format tabelar (exemple ar putea fi afiarea de informaii despre produse, orare, rate de schimb etc.);

29

- aezarea imaginilor i a textului deoarece tabelele sunt suportate de toate browser-ele de pe pia, utilizarea acestora este de mare ajutor n poziionarea i aranjarea texului i a imaginilor n orice format; - lucrul cu rnduri i coloane browser-ele suport dou tipuri de dimensiuni: dimensiuni relative la mrimea paginii, specificate n procente (ntr-o fereastr de browser de dimensiuni 800x600 pixeli sunt afiate mai puine informaii dect ntr-o fereastr de dimensiuni 1024x768 pixeli) i dimensiuni absolute, specificate n pixeli. Pentru rndurile i coloanele unui tabel se pot specifica fie dimensiuni relative, fie dimensiuni absolute;
-

modificarea atributelor marginilor tabelului atributele care se pot modifica sunt culorile pentru fiecare margine a tabelului n parte sau pentru celule individuale ct i grosimea liniei marginii. De exemplu, dac se prefer un efect de afiare tridimensional, se pot alege dou culori, una mai nchis i una mai deschis;

Figura 8 - Proprietile celulelor unui tabel

30

De asemenea, se pot utiliza i imagini n fundalul tabelelor. Culorile i imaginile de fundal pot fi utilizate att pentru ntregul tabel ct i pentru fiecare celul n parte; Culori, imagini i sunete n momentul selectrii culorii pentru o anumit pagin, FrontPage afieaz cea mai apropiat palet de culori pentru pagin, n concordan cu tema, dac aceasta exist.

Figura 9 - Modificarea proprietilor paginii Paleta de culori permite selectarea de culori din una din urmtoarele: - culori standard o palet de 16 culori de baz; - culori definite de autor n momentul definirii unei culori, aceasta va aprea n palet, pentru o selectare mai rapid; - culorile documentului culorile utilizate n pagina curent; - culorile temei culorile utilizate de tema curent, daca aceasta exist;

31

- alte culori utilizarea acestei opiuni pentru definirea unei culori proprii. Dac 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 FrontPage. Pe lng crearea i setarea de culori pentru utilizarea n fundaluri, pentru mbuntirea aspectului paginilor web, FrontPage permite utilizarea de imagini de fundal pentru ntreaga pagin, toate obiectele precum text sau imagini, dintro anumit pagin aprnd n acest fel deasupra imaginii de fundal. Imaginile care pot fi utilizate ca fundal pot fi imagini deja existente n site, imagini din ClipArt sau de pe World Wide Web. Un efect interesant este dat de selectarea opiunii Watermark care permite ca imaginea s nu fie derulat cu ntreaga pagin web ci s rmn fix n fundal. Atenie, nu toate broswer-ele web suport aceast opiune. Pe lng efectele vizuale posibile prin setarea de culori i imagini, FrontPage permite i adugarea de efecte auditive, dar numai n momentul deschiderii unei pagini.

Figura 10 - adugarea de sunete pentru fundalul paginii n momentul n care un vizitator deschide pagina, sunetul va ncepe s fie difuzat. Acest sunet poate fi rulat de un anumit numr de ori sau n mod continuu.

32

BIBLIOGRAFIE

Buraga, Sabin, Proiectarea sit-urilor web, Editura Polirom, Iai, 2006. Edmonds, Tiffany, FrontPage 2002, Editura All, Bucureti, 2003. Garabet, Mihaela; Neacu, Ioan, Tehnologia informaiei i a

comunicaiilor, Editura All, Bucureti, 2007. Simion, Ionel, Proiectarea paginilor web, Editura Teora, Bucureti, f.a.

33