View
244
Download
0
Category
Preview:
Citation preview
7/29/2019 Atestat Turism - Excursie prin Europa
1/33
C. N. tefan Cel Mare-Tg. Neam
LUCRARE DE ATESTATPROFESIONAL
(PROFIL MATEMATIC-INFORMATIC)
EXCURSIE PRIN EUROPA
UN SITE DESPRE EXCURSII
Profesor coordinatorMarian Achirei
Elev: Gojan AndreiClasa: a XII-a RE
7/29/2019 Atestat Turism - Excursie prin Europa
2/33
Mai 2009
2
7/29/2019 Atestat Turism - Excursie prin Europa
3/33
CUPRINS
Memoriu de prezentare........ 3
Memoriu justificativ............ 7
Etapele procesului de dezvoltare a unui site web .. 7
Descrierea aplicaiei Microsoft FrontPage .. 11
Bibliografie ............ 32
3
7/29/2019 Atestat Turism - Excursie prin Europa
4/33
MEMORIU DE PREZENTARE
INTERNET / (INTERNETWORKSYSTEM)
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
7/29/2019 Atestat Turism - Excursie prin Europa
5/33
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 unuiora);
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-astandardizat 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 puteatransfera 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 legturpermanent la INTERNET.
Funcii ale reelei INTERNET
E-mail (Pota electronic).
5
7/29/2019 Atestat Turism - Excursie prin Europa
6/33
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) grupuride 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.
6
7/29/2019 Atestat Turism - Excursie prin Europa
7/33
Lucrarea este structurat astfel:
- un memoriu de prezentare;
- un memoriu justificativ n care am precizat modul de realizare a site-ului 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.
7
7/29/2019 Atestat Turism - Excursie prin Europa
8/33
MEMORIU JUSTIFICATIV
I. Etapele de parcurs pentru a realiza un site web:
1. Proiectarea interfeeiweb 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:
8
7/29/2019 Atestat Turism - Excursie prin Europa
9/33
- trebuie sa fie un stil unitar, cerin care se realizeaza printr-o
atenie deosebit acordatstilului 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
9
7/29/2019 Atestat Turism - Excursie prin Europa
10/33
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 (validaregramatical);
- 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 superi-oar a paginii web. Se recomand denumiri sugestive pentru seciunile meniu-
lui.
10
7/29/2019 Atestat Turism - Excursie prin Europa
11/33
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-uluipresupune 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
7/29/2019 Atestat Turism - Excursie prin Europa
12/33
II. Descrierea aplicaiei Microsoft FrontPageMicrosoft 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
7/29/2019 Atestat Turism - Excursie prin Europa
13/33
Figura 1 - Spaiul de lucru al FrontPage
Articole Descriere
Tipuri de vizualizri
pentru site
Ceea ce se poate vedea n fereastra principal a
FrontPage depinde de tipul de vizualizare
aleas (Pagin, Foldere, Rapoarte, Navigare,
Hyperlink-uri, Sarcini)Tab pagini In acest tab poate s apar numele uneia sau
mai multor pagini deschise n acelai timp n
FrontPageBar titlu Afieaz numele paginii curente i locaia ei n
Tab pagini Bara de titlu Bara de meniuri
Baraunelte
Panelsarcini
Timp estimat dedownload
Tipurivizualizripagin
Tipuri devizualizri
13
7/29/2019 Atestat Turism - Excursie prin Europa
14/33
siteBara de meniuri Conine meniuri precum File, Edit, View etc.,
fiind punctul de plecare a sarcinilor de
ndeplinit n FrontPage.Bara de unelte 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.Panel sarcini Un panou utilizat de toate programele din
Office XP 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.Tipuri de vizualizri
pentru pagin
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 deFrontPage pentru diverse componente, iar n
Preview se poate observa cum va arta pagina
nainte de publicare.
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, careutilizeaz accesul la baze de date.
14
7/29/2019 Atestat Turism - Excursie prin Europa
15/33
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 ncondiii 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 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. 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. nFolder ListiNavigation se pot aduga, terge
15
7/29/2019 Atestat Turism - Excursie prin Europa
16/33
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 utilizndFilePage 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 alserverului 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 fieEmpty Web (site web alb, frnici 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
7/29/2019 Atestat Turism - Excursie prin Europa
17/33
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 vizualizareNavigation 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.
InNavigation 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
7/29/2019 Atestat Turism - Excursie prin Europa
18/33
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 (modificareaculorilor, 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 #FFFFFF-
alb- etc.)
CSS permite aplicarea formatrii textului i paginii cu avantajul
actualizrii automate. Stilurile CSS pot fi stocate fie n document, fie n fiiereexterne, 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 utilizaFormat Style.
18
7/29/2019 Atestat Turism - Excursie prin Europa
19/33
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 tag-uri. 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
butonulNew i opiunea pus la dispoziie de User-defined styles. De exemplu,
modificm tag-ul a (hyperlink) pentru ca toate hyperlink-urile s fie deculoare 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
7/29/2019 Atestat Turism - Excursie prin Europa
20/33
exemplu, att tipul i stilul fontului ct i culoarea acestuia. Rezultatul obinut
l putem vedea n fereastraPreview.
Subliniem c formatarea HTML standard prin utilizarea tag-urilor
standard este suportat de toate browser-ele. n schimb, formatarea utilizndstilurile 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 WordArtdirect n paginaweb, 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 sauslide 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
7/29/2019 Atestat Turism - Excursie prin Europa
21/33
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 altorobiecte, utilizdInsertWeb 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 tipHover Button,Marquee iBanner 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 mouse-
ului deasupra butonului i culoarea utilizat de acest efect. Pentru a putea
21
7/29/2019 Atestat Turism - Excursie prin Europa
22/33
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 iMarquee 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 MarqueeBanner 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
7/29/2019 Atestat Turism - Excursie prin Europa
23/33
Alte componente web dinamice n FrontPage sunt:
Categorie Component DescriereComponente bCentral
Web
bCentral Ad Permite afiarea de reclame pe site.
Pentru fiecare dou reclame afiate,contul utilizatorului este creditat cu o
unitate, ceea ce permite publicitatea
site-ului propriu n alte pagini web.Commerce
Manager
Add-in
Permite crearea unui site web pentru
vnzarea propriilor produse.
Informaiile despre produse trebuie
stocate la bCentral.FastCounter Adaug n pagina de web un contor al
numrului de vizitatori ai acelei pagini
i afieaz rezultatele sub form
grafic.ComponenteExpedia Legtura la o
hart
Permite adugarea unei legturi ctre
site-ul Expedia i ctre o hart cu un
loc deja marcat.Hart static Permite adugarea unei hri statice.
ComponenteMSN Cutare pe
web cu MSN
Adaug o component ntr-o pagin
web care permite vizitatorilor s caute
pe web utiliznd MSNCote aciuni Adaug o component ce permite
cutarea i afiarea cotelor aciunilor
utiliznd MoneyCentral.ComponenteMSNBC Ultimele tiri Permite adugarea de componente
separate pentru tiri referitoare la
afaceri, sport, tehnologie, previziuni
meteo, cltorii.
23
7/29/2019 Atestat Turism - Excursie prin Europa
24/33
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 arhitecturaMicrosoft Office Web Componente, sunt controale ActiveX , iar datele sunt
meninute i prelucrate cu ajutorul XML.
24
7/29/2019 Atestat Turism - Excursie prin Europa
25/33
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 fereastraNavigation.
Pentru a crea o legtura ctre o alt pagin din interiorul site-ului sau
ctre o adres de web se utilizeazInsertHyperlink.
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
7/29/2019 Atestat Turism - Excursie prin Europa
26/33
site simplu, hyperlink-ul se poate deschide ntr-o fereastr nou folosind
opiuneaNew 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 QueryStringde 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 cmpulDefault Hyperlinkdin 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 opiuniiPlaces in this documentdin 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
7/29/2019 Atestat Turism - Excursie prin Europa
27/33
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 opiuneaInsert 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 paginiin 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 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 unanumit 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
7/29/2019 Atestat Turism - Excursie prin Europa
28/33
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 denavigaie;
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 obar 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 nNavigation;
- 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
7/29/2019 Atestat Turism - Excursie prin Europa
29/33
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, deexemplu, 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 fereastraPreview.
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
dinFormat 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
7/29/2019 Atestat Turism - Excursie prin Europa
30/33
- 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 dedimensiuni: 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
7/29/2019 Atestat Turism - Excursie prin Europa
31/33
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
7/29/2019 Atestat Turism - Excursie prin Europa
32/33
- 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 depagini 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, dintr-
o 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 Watermarkcare 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 modcontinuu.
32
7/29/2019 Atestat Turism - Excursie prin Europa
33/33
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.
Recommended