Introducere în utilizarea programului Microsoft® FrontPage (XP)
În trecut, realizarea paginilor web se facea doar de catre programatorii care cunosteau limbajul HTML. Dezvoltarea noilor softuri de realizare a acestora a facut ca în prezent realizarea acestor pagini sa devina o munca similara cu redactarea unui document în 545n133f Word. Utilizarea unor programe specializate, cum ar fi Microsoft FrontPage, face posibila trecerea acestei activitati din sfera de actiune a specialistilor în informatica în aceea a utilizatorului obisnuit.
Pentru instalarea acestui program se va folosi una din versiunile complete a programului Microsoft® Office (97, 2000 sau XP).
Înainte de începerea "constructiei" propriului Web site, sau al institutiei în care lucrati, trebuie sa aveti o imagine clara asupra imaginilor pe care doriti sa le publicati, a legaturilor ce doriti sa le introduceti în interiorul acestuia si sa va raspundeti la urmatoarele întrebari:
a. Care este volumul informatiilor pe care doriti a le face publice?
b. Care sunt elementele pe care doriti sa le includeti în fiecare pagina?
c. La ce interval de timp vor fi acestea înlocuite sau modificate?
d. Care este sistemul de operare de pe serverul dumneavoastra?
e. Web serverul ISP-ului permite publicarea unui site realizat cu programul dvs? (FrontPage Extensions în cazul nostru)
f. Care sunt posibilitatile dumneavoastra tehnice?
g. Care sunt posibilitatile tehnice ale viitorilor utilizatori?
h. Care sunt aplicatiile de care beneficiaza utilizatorii dumneavoastra?
Este recomandat ca pentru realizarea site-ului sa realizati pe hârtie o schita a acestuia, cu date referitoare la structura sa.
Dupa ce v-ati stabilit planul de lucru si ati gasit raspunsurile la întrebarile formulate mai sus, vom trece la realizarea propriu zisa a web-ului, folosind pentru aceasta metoda cea mai simpla, utilizarea sabloanelor.
Executati un click pe butonul Start, alegeti Programs, apoi Microsoft FrontPage, în cazul în care programul va întreaba daca doriti ca acesta sa fie editorul de pagini web prestabilit, apasati butonul Yes, iar daca acesta doreste sa verifice configuratia calculatorului executati un click pe Yes si din nou un click pe Yes dupa ce acesta a finalizat aceasta verificare.
Dupa ce ati finalizat acesti pasi, ecranul dumneavoastra va arata ca în figura de mai jos.
Fig. 13. "Primul ecran din FrontPage", ecran din care ulterior se va face selectarea Web Site Templates
Executati un click pe "Web Site Templates...", în caseta de dialog din partea dreapta "New Page or Web". În fereastra nou deschisa alegeti rutina "Personal Web" iar apoi dati un click pe butonul OK. (Caseta de dialog "New Page or Web" ne ofera posibiltatea de a alege mai multe sabloane sau wizard-uri pentru crearea de noi pagini sau site-uri, cum ar fi cele de discutii, informatii sau îl putem construi plecând de la unul gol).
Fig.14. Selectarea sablonului Personal Web
Acestia au fost pasii prin care noi tocmai am creat primul nostru site. În acelasi mod se pot face selectii pentru un alt tip de site.
Fig. 15. Lista paginilor din cadrul site-ului
Se închide caseta de dialog din partea dreapta, (New Page or Web) pentru a avea o suprafata mai mare de lucru.
Utilizarea sabloanelor din FrontPage face ca realizarea unui site sa fie mult mai usoara dar au dezavantajul ca acesta nu este întotdeauna organizat asa cum ati dorit dumneavoastra. Pentru reorganizarea acestuia conform dorintelor dumneavoastra este necesar sa-i analizati structura. Din aceasta analiza reiese de cele mai multe ori ca este necesar sa faceti unele modificari prin mutarea, stergerea sau adaugarea unor pagini. Cea mai buna metoda prin care puteti efectua aceste modificari este aceea de analiza a web-ului în modul de afisare "navigare". Pentru realizarea acestor modificari se va executa un click pe pictograma Navigation ce se afla pe bara views afisata în partea stânga (Daca bara views nu este afisata, aceasta se va activa selectând view din bara de meniu, iar apoi se selecteaza views bar).
Afisarea web-ului în modul navigare ne va arata macheta curenta a acestuia într-un format organigrama.
Fig.16. Macheta initiala a site-ului creat cu ajutorul sablonului Personal Web
XX.1.1. Mutarea pozitiei unei pagini în cadrul web-ului se va face cu ajutorul mouse-ului prin "drag and drop" (din pozitia existenta în pozitia dorita). Sa presupunem ca dorim ca pozitia paginii Favorites sa fie dupa cea Photo Gallery. Pentru aceasta vom proceda urmarind figura de mai jos
drop drag
Fig. 17. Mutarea pozitiei unei pagini în cadrul unui site
XX.1.2. stergerea unei pagini din cadrul web-ului se face prin executarea unui click cu butonul drept al mouse-ului pe pagina dorita, si se alege Delete din meniul contextual. Din caseta de dialog Delete Page putem alege ca pagina sa fie doar mutata din structura de navigare a site-ului sau ca ea sa fie stearsa definitiv din cadrul web-ului.
Sa presupunem ca dorim stergerea paginii Feedback. Pentru aceasta se va proceda ca si în imaginile de mai jos.
Daca nu suntem siguri ca dorim sa renuntam definitiv la aceasta pagina, atunci selectam Remove page from the navigation structure. Numai daca dorim sa renuntam definitiv la aceasta pagina vom selecta Delete this page from the Web.
XX.1.3. Adaugarea unor noi pagini în structura site-ului este la fel de simpla si usoara ca si cea prin care am sters o pagina.
Se executa un click cu butonul din dreapta al mouse-ului pe pagina de care se doreste sa se lege noua pagina si din meniul contextual se alege New si de aici Page, o alta varianta este aceea de selectare cu butonul stâng al mouse-ului a paginii de care se doreste sa se lege noua pagina iar mai apoi se da comanda din tastatura apasând butoanele Ctrl+N).
Sa presupunem ca dorim sa introducem o pagina care sa fie legata de Interests. Atunci vom proceda ca în figura de mai jos.
Executând comenzile de inserare a unei noi pagini, în site-ul nostru, conform exemplului de mai sus, vom obtine o noua pagina ce va avea denumirea New Page 1.
XX.1.4. Redenumirea paginilor. Acum dupa crearea acestei pagini dorim sa-i schimbam denumirea din New Page 1 în Informatics. Pentru aceasta vom proceda în felul urmator. Se executa un click cu butonul din dreapta al mouse-ului pe pagina New Page 1 si din meniul contextual se alege Rename. Executând aceasta comanda vom putea pune noul nume Informatics pentru pagina noastra.
XX.1.5. Adaugarea unei pagini existente. Pentru adaugarea unei pagini existente se va proceda în felul urmator. Se executa un click cu butonul din dreapta al mouse-ului pe pagina asupra careia se doreste sa se faca legatura cu o pagina existenta si din meniul contextual se alege Add existing Page. Se alege pagina care se doreste a fi adaugata iar apoi se apasa butonul ok.
Acum vom reintroduce pagina Feedback în structura de navigare a web-ului nostru. Pentru aceasta vom proceda ca în imaginile de mai jos:
Structura finala a web-ului pe care l-am creat va fi:
Dupa ce am realizat structura generala a site-ului, a sosit momentul sa introducem datele în paginile create. Pentru aceasta este necesar sa trecem în modul de lucru "afisare pagina". Aceasta se va face executând un dublu click pe una din paginile site-ului afisate în macheta sa. În cazul nostru vom deschide pagina Welcome to. executând un dublu click pe ea. Dupa deschiderea acesteia în modul afisare pagina, vom executa un click dreapta pe spatiul de lucru al paginii unde vom alege Page Properties. În caseta de dialog ce se deschide vom accesa butonul Language. Aici vom alege la "Mark current document as:" Romanian, iar la "Save the document as:" Central European.
În modul de lucru afisare pagina", este foarte usor de editat, formatat si adaugat textul. Acum vom modifica textul titlului din pagina noastra. Pentru aceasta vom executa un dublu click pe acesta (Welcome to my Web site) si în casuta cu proprietati ce se va deschide vom scrie în locul acestuia textul nostru: "Bine ati venit", în casuta de dialog cu proprietati putem alege modul de afisare ca text sau imagine. Noi vom pastra varianta imagine. Elementele care nu sunt predefinite pot fi înlocuite fara a mai fi necesar a se executa un dublu click pe ele ci cu o simpla corectura prin care vom introduce textul nostru. Formatarea textului se face la fel ca si în Word, din caseta Font Size, Font. Alinierea Paragrafelor se face prin marcare si executarea unui click pe una din optiunile din bara pentru formatare (Align Left, Center etc.). Spatierea paragrafelor se face prin apasarea tastei Enter. Când nu se doreste introducerea unui spatiu între rânduri, aceasta se face prin apasarea tastelor Shift+Enter.
Stabilirea distantei dintre rânduri se face din meniul Format - Paragraph.
Deasemenea crearea listelor numerotate si marcate este similara cu cea din programul Word (Bullets and Numbering).
Folosirea întregului text dintr-un fisier existent se face prin inserare (la fel ca si în Word). Se plaseaza punctul de inserare acolo unde se doreste ca aceasta sa aiba loc. Din meniul Insert se alege File. Se cauta fisierul care se doreste a fi inserat si se tasteaza butonul Open. Daca se doreste inserarea unei portuini dintr-un alt text se poate folosi comanda Copy-Paste.
Pentru introducerea unei imagini se va plasa punctul de inserare în locul dorit, iar apoi din meniul Insert se alege Picture. Aici se alege imaginea ce urmeaza a fi introdusa (din ClipArt., File. etc.) si se da un click pe butonul Insert. (Imaginea poate fi marita sau micsorata prinzându-o cu ajutorul mouse-ul care va fi miscat în directia necesara pentru optiunea dorita).
XX.2. Folosirea etichetelor
În modul afisare pagina avem trei etichete, în partea
stânga jos a spatiului de lucru (
Normal - îi permite sa introduca si editeze articolele din pagina;
HTML - afiseaza codurile HTML introduse în pagina;
Preview - afiseaza pagina asa cum va arata ea într-un browser;
Aplicatie: Executati un click pe eticheta Preview si
vizualizati pagina dumneavoastra. Întoarceti-va în eticheta
XX.3. Modificarea temei web-ului
Pentru modificarea temei unei pagini sau a întregului site se procedeaza în felul urmator. Din meniul Format se alege Theme. si aici se alege tema viitoare.
Prin tastarea butonului Modify se pot face modificari în atributele temei predefinite. Dupa finalizarea modificarilor (daca se doresc) se alege daca aceasta tema sa fie aplicata întregului site sau numai pentru pagina respectiva si se executa un click pe butonul OK.
XVII.4. Adaugarea Hyperlink-urilor
Una din caracteristicile importante ale web-ului este aceea ca ofera posibilitatea de a trece din acesta într-un alt site din Internet prin executarea unui simplu click. Pentru crearea unui hyperlink se va proceda ca în exemplul urmator.
În pagina noastra principala (Bine ati Venit) vom scrie sub "Welcome to my Web site!", în locul textului predefinit Universitatea Babes-Bolyai.
Se marcheaza textul si se executa apoi un click dreapta pe el si se alege Hyperlink. În casuta de dialog, în dreptul Address: se scrie adresa URL a universitatii Babes-Bolyai (https://www.ubbcluj.ro).
Se executa un click pe OK. Se verifica corectitudinea hyperlink-ului tinând butonul Ctrl apasat si executând cu mouse-ul un click pe el (daca e corect definit acesta va deschide pagina/site-ul spre care se face directionarea).
XX.5. Publicarea Web-ului
Dupa realizarea web-ului este necesara publicarea lui în Internet pentru a putea fi accesat si de catre alte persoane utilizatoare a acestuia. Aceasta se face prin publicarea site-ului într-un server de web. Pentru publicarea acestuia este necesar sa cunoasteti adresa server-ului care îl va gazdui. Totodata este necesar ca serverul de web sa recunosaca componenta FrontPage Extensions. În programul FrontPage firmele care gazduiesc situri de web se numesc WPP (Web Presence Providers).
Pentru realizarea publicarii web-ului se va proceda în acest mod: din meniul File se alege Publish Web. În casuta de dialog se scrie adresa WPP-ului dumneavoastra si se executa un click pe OK.
Daca nu aveti un WPP sau al dumneavoastra nu are instalata componenta FrontPage Extensions atunci Programul FrontPage va poate ajuta sa gasiti unul atunci când selectati optiunea Publish Web.
|
