atestat turism - excursie prin europa

Upload: timis-david

Post on 04-Apr-2018

239 views

Category:

Documents


0 download

TRANSCRIPT

  • 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.