"Realizarea paginilor web cu ajutorul programului FrontPage".

Acest curs are urmatoarea structura: Lectia nr. 1 Stabilirea informatiilor necesare; folosirea unui vrajitor (wizard); organizarea unui sit web; stergerea si adaugarea paginilor; lucrul in modul de afisare pagina Lectia nr. 2 Introducerea si editarea textului; folosirea etichetelor paginii; formatarea textului; alinierea si spatierea paragrafelor; crearea listelor; adaugarea ilustratiilor; modificarea unei teme; imbunatatirea aspectului unui sit web. Lectia nr. 3 Editarea unui sit web (alegerea corpului de litera-fontului; alinierea textului; inserarea de tabele si de semne de carte-bookmark; introducerea unui fundal Lectia nr. 4 Adaugarea de hiperlegaturi; legaturi interne, externe si legaturi catre o adresa de email; adaugarea de situri favorite; lucrul cu barele de navigare Lectia nr. 5 Pregatirea sitului web pentru publicare; verificarea legaturilor; revizualizarea unui sit web; publicarea sitului web; gasirea unui furnizor de spatiu web ========================================== Programul Microsoft FontPage Lectia nr. 1 Stabilirea informatiilor necesare; folosirea unui vrajitor (wizard); organizarea unui sit web; stergerea si adaugarea paginilor; lucrul in modul de afisare pagina 01. Introducere Programul de creatie Microsoft FrontPage programul de creatie pentru Web, este inclus in unele versiuni ale pachetului Microsoft Office (97, 2000 si XP). Cu putin timp in urma, crearea paginilor de Web era considerata o munca pentru programatorii care cunosteau limbajul HTML (Hypertext Markup Language). Acum, crearea paginilor de Web a devenit o munca obisnuita, la fel ca lucrul cu programele Word sau Excel, etc. Orice firma, organizatie, persoana juridica sau persoana fizica poate utiliza programul FrontPage ca sa creeze si sa intretina o prezenta cu aspect profesional si actuala in World Wide Web (sau intr-un intranet). 02.- Notiuni folosite in siturile Web

In terminologia programului FrontPage, un web este un sit de Web pe care il creati local in calculatorul dvs. El nu devine un sit de Web complet decat in momentul in care este plasat intr-un server de Web si devine accesibil pentru a fi vizitat de alte persoane. Deci cand veti citi cuvantul web (cu w mic) veti stii ca ma refer la situl pe care il creati in calculatorul dvs., iar prin Web (cu W mare) veti intelege tot ce este legat de World Wide Web (componenta grafica a Internet-ului). Un web este o colectie de pagini separate care contin ilustratii, text si alte elemente. Paginile sunt, de regula, legate intre ele prin hiperlegaturi (hiperlinkuri), de multe ori fiind legate si de alte situri din Web. 03.- Crearea unui Web La fel ca orice lucrare, crearea unui web cu FrontPage poate fi simpla sau poate fi extrem de complicata. Indiferent de abordare, puteti fi sigur ca folosirea programului FontPage pentru o astfel de lucrare este mult mai simpla decat crearea paginilor de Web folosind instrumentele traditionale pentru HTML. FontPage creeaza etichete HTML in fundal; tot ce trebuie sa faceti dvs. este sa luati decizii cu privire la modul in care vreti sa arate fiecare articol si rolul pe care il va indeplini in webul pe care il creati. Consideratii legate de structura web-ului : Daca aveti foarte multe informatii pe care vreti sa le furnizati celor care va viziteaza web-ul, trebuie sa le impartiti in pagini asociate. Printr-o atenta planificare a structurili webului, puteti sa determinati modul in care un vizitator va intra in contact cu situl dvs., precum si informatiile pe care le prezentati. Daca vreti si introduceti desene, ilustratii si alte imagini, ganditi-va la timpul necesar pentru incarcarea lor de catre browser-ul vizitatortului si afisarea lor pe ecranul calculatorului acestuia. (Puteti si vedeti care este timpul estimat pentru incarcarea unei pagini prin afisarea paginii pe bara de stare). Obiectivul dvs. trebuie sa fie sa le dati vizitatorilor toate informatiile fara sa-I incarcati cu foarte mult text de citit sau prin crearea unei pagini care se incarca atat de incet, incat vizitatorii sa renunte si sa treaca la alte pagini. Paginile mai mici se incarca mai rapid, asa ca este bine sa limitati marimea paginilor care contin ilustratii, fisiere de sunet si alte elemente care au nevoie de multa memorie. 04.- Stabilirea informatiilor necesare Stabilirea elementelor pe care vreti sa le includeti in fiecare pagina este cel mai important pas in realizarea unui web, de asemenea, aceasta este si cel mai des ignorat. Majoritatea utilizatorilor sunt prea grabiti sa termine totul. Planificarea este importanta in orice proces, ea fiind esentiala in crearea prezentei dvs. intr-un intranet sau in Internet. Nu trebuie sa luati toate deciziile cu mult timp inainte, deoarece FontPage va ajuta

sa operati modificari fie in timpul procesului de creatie, fie dupa aceea. Trebuie insa sa aveti o imagine clara asupra informatiilor pe care vreti sa le furnizati. Inclusiv asupra ilustratiilor si a legaturilor. Metoda de planificare include fie desenarea pe hartie a unei organigrame, folosind fie fise (fiecare avand o notatie pentru preprezentarea paginii), fie crearea unei planificari in web. 05.- Folosirea unui wizard Dupa ce ati planificat ce trebuie sa faceti, cel mai simplu mod de a crea un web este sa folositi una din rutinele wizard ale programului FontPage. De exemplu : 1.Executati clic pe butonul start si alegeti Programs, apoi MicrosoftPage din meniul Start. 2.Daca FontPage va intreaba daca vreti sa desemnati acest program ca editor de pagini de web prestabilit, executati clic pe Yes. 3.Executati clic pe OK daca FontPage cere sa verifice configuratia calculatorului, apoi executati din nou clic pe OK dupa incheierea verificarii. Acum, putem apela la ajutorul unui wizard pentru a crea un web : 1.-Executati clic pe sageata din dreptul butonului New Page de pe bara cu instrumente standard si selectati Web din lista derulata pentru a afisa caseta de dialog din partea stanga. 2.Executati clic pe pictograma Comporate Presence Wizard, verificati ca in caseta de editare Specify The Location Of The New Web sa apara C:\My Documents\My Web\myweb, apoi executati clic pe OK. FrontPage va afisa prima caseta de dialog din Corporate Presence Web Wizard. Optiuni pentru crearea unui nou web : Caseta de dialog New va ofera mai multe wizard-uri si sabloane pe care le puteti folosi pentru a crea un nou web. Optiunile posibile va permit sa creati web-uri de o pagina si weburi goale, precum si web-uri pentru asistenta, pentru discutii, pentru informatii personale sau proiecte. De asemenea, puteti sa folositi Import Web Wizard pentru a importa un web care a fost creat deja intr-unb alt program. FontPage a creat o insiruire a dosarelor de pe partitia C: ca subdosare in My Documents. Dosarul My Webs contine toate web-urile create de dvs. in calculatorul respectiv, in subdosare separate avand denumirile Myweb, Myweb2. Myweb3 si asa mai departe. Puteti sa redenumiti aceste dosare folosind nume mai semnificative, dar evitati sa

redenumiti celelalte dosare create de FontPage pentru a tine evidenta paginilor web si a legaturilor. Folosirea unui format cu delimitare prin tab-uri : Daca vreti sa puteti compila informatiile primite din pagina Feedback Forum intr-un program pentru baze de date sau intr-un program de calcul tabelar, executati clic pe Yes cand sunteti intrebat daca fisierul cu raspunsuri va avea un format cu delimitare prin tab-uri. In acest fel, informatiile vor fi separate prin tab-uri si vor fi interpretate cu usurinta ca inregistrari si campuri. Acum efectuati pasii urmatori pentru a configura paginile de web : 1.Cititi informatiile din prima caseta de dialog a wizard-ului si apoi executati clic pe Next. 2.Deselectati casetele de validare Table Of Contents si Search Form pentru ca paginile respective sa nu fie incluse in web-ul dvs..Apoi, executati clic pe Next. 3.Pentru pagina de deschidere, selectati casetele de validare Introduction si Company Profile pentru ca toate subiectele sa fie incluse, apoi executati clic pe Next. 4.Pentru pagina Whats New, deselectati Web Changes, selectati caseta de validare Articles And Reviews, apoi executati clic pe Next. 5.Pentru pagina Products/Services introduceti valoarea 0 in caseta Products, verificati ca in caseta Services sa existe valoarea 3 si executati clic pe Next. 6.Pentru pagina Feedback Forum, trebuie sa fie selectata numai caseta de validare Information Request Format, apoi executati clic pe Next. 7.-Selectati toate casetele de validare ca sa puteti obtine cat mai multe informatii posibil despre vizitatori. Apoi, executati clic pe Next. 8.Pentru ca nu doriti ca fisierul cu raspunsuri sa foloseasca formatul cu delimitare prin tab-uri, executati clic pe No, iar apoi pe Next. 9.Pentru a specifica ce vreti sa apara la inceputul fiecarei pagini, selectati Page Title (titlul paginii) si Links to Your Main Web Pages (legaturi la principalele pagini ale webului). Pentru partea inferioara a paginii, selectati E-mail Address Of Your Webmaster (adresa de e-mail a administratorului de Web) si Date Page Was Last Modified (data ultimei modificari a paginii). Apoi, efectuati clic pe Next. 10.Nu vreti sa folositi pictograma Under Construction (in lucru) asa ca executati clic pe No, apoi executati clic pe Next. Optiuni pentru teme : Puteti sa folositi casetele de validare din coltul din stanga jos al casetei de dialog Choose Theme pentru a aplica elemente suplimentare in temele listate mai sus. De exemplu, daca selectati caseta de validare Active Graphics, FronPage aplica marcaje active si alte elemente grafice care se misca atunci cand sunt citite cu un browser de Web, Daca selectati optiunea Background Picture, FontPage aplica un fundal grafic texturat in web in locul culorii compacte de fundal.

Pentru a vedea mai multe teme predefinite, selectati Install Additional Themes din capul listei cu teme si executati clic pe OK. (Introduceti discul CD-ROM folosit la instalare daca vi se cere acest lucru). FontPage va instala mai multe teme pe hard-discul calculatorului dvs. Wizard-ul va va cere informatii despre firma (sau despre dvs,). Efectuati pasii urmatori : 1.Scrieti (de ex. Patronatul National Roman) ca nume al firmei si (de ex. PNR) ca varianta scurtata. Scrieti adresa (de ex. Bucuresti, Calea Victoriei nr. 123) si executati clic pe Next. 2.Scrieti datele pentru contactare prezentate mai jos in casetele de editare indicate, apoi executati clic pe Next : -Phone Numer : de ex. (021-1234567) -Fax Numer : de ex. (021-1234568) -Webmaster E-mail Address : de ex. (nume1@post.ro) -General E-mail Adress : de ex. (nume2@post.ro) Pentru a da un element distinctiv web-ului dvs. puteti sa aplicati o tema. Efectuati pasii urmatori : 1.In caseta de dialog afisata pe ecran, executati clic pe Choose Web Theme, pentru a afisa urmatoarea caseta . 2.Experimentati cu diferite teme si urmariti efectele selectarii si deselectarii casetelor de validare din coltul din stanga-jos . 3.Cand sunteti gata sa continuati, selectati tema Blank si apoi cele doua casete de validare Bckground Picture si Active Graphics.Executati clic oe OK, apoi pe Next, iar apoi executati clic pe Finish in ultima caseta de dialog a vizard-ului. FontPage va trece in modul de afisare lucrari. In acest mod de afisare, puteti vedea toate paginile web-ului si sa verificati articolele de genul starii si prioritatii fiecaruia .(Probabil veti onserva ca acest mod de afisare seamana cu lista de lucrari din Outlook). Daca vreti sa incepeti lucrul la o anumita pagina sau sa modificati o anumita pagina in mod de afisare lucrari, puteti sa selectati pagina respectiva, sa executati clic cu butonul din dreapta pe ea si sa alegeti fie Start Task, fie Edit Task din meniul contextual. De asemenea, puteti sa marcati lucrarile finalizate sau sa le eliminati. (Pentru a reveni an mod de afisare, executati clic pe pictograma Task de pe bara Views). Inainte de a incepe introducerea informatiilor in pagini, trebuie mai intai sa le organizati. 06.- Reorganizarea unui Web Cu ajutorul unui wizard din FontPage, crearea unui web devine mult mai usoara. Din nefericire, wizard-urile nu va organizeaza intodeauna web-ul asa cum ati dori

dvs. Deci, dupa configurarea web-ului cu ajutorul unui wizard, va trebui sa ii analizati structura si sa faceti unele modificari prin mutarea, adaugarea sau eliminarea anumitor pagini. Cea mai buna metoda de realizare a acestei operatii de reorganizare este sa analizati web-ul in modul de afisare navigare. Efectuati pasii urmatori : 1.Executati clic pe pictograma Navigation de pe bara Views pentru a afisa web-ul. FontPage afiseaza macheta curenta a web-ului intr-un format familiar de organigrama. De asemenea, sunt afisate toate dosarele si fisierele din web-ul respectiv, intr-un panou separat intre bara Views si panoul de navigare. (Lista dosarelor poate fi afisata si intro fereastra separata daca executati clic pe pictograma Folders de pe bara Views). Modificarea modului de afisare navigare : Cu ajutorul butoanelor de pe bara cu instrumente Navigation, puteti sa modificati aspectul web-ului in modul de afisare navigare.Folositi caseta Zoom pentru a schimba procentul de marire. (Aceasta functie este utila in cazul in care web-ul este format din mai multe pagini si vreti sa le vedeti simultan pe toate pe ecran). Executati clic pe butonul Portrait/Landscape pentru a modifica orientarea paginilor web-ului. Selectati o caseta, apoi executati clic pe butonul External Link pentru a introduce o hiperlegatura in pagina respectiva sau executati clic pe butonul Included In Navigation Bars pentru a adauga sau elimina pagina de pe barele de navigare ale web-ului. In fine, executati clic pe butonul View Subtree Only pentru a afisa numai arborele secundar dintr-o caseta selectata. Toate casetele din panoul de navigare reprezinta o pagina a web-ului dvs. Pagina de deschidere este identificata prin mica pictograma din coltul din stanga-jos al casetei Home. Daca executati clic pe semnul plus (+) de pe o caseta vor fi afisate paginile-descedent ale paginii respective ; daca executati clic pe semnul minus (-) de pe o caseta, vor fi ascunse paginile-descedent, ramanand numai pagina-ascedent, in acest mod obtinandu-se o imagine mai compacta a web-ului respectiv. Casetele care sunt legate prin linii, cum sunt casetele News si Service, sunt considerate pagini de nivel egal ; casetele fara linii de legatura, cum este caseta Feedback, sunt pagini globale. Fiecare pagina care are bara de navigatie este legata la paginile globale ale web-ului. Puteti sa mutati oricare din aceste casete folosind drag-and-drop obisnuite. 2.Pentru a vedea mai mult din panoul de navigare, executati clic pe butonul Folder List de pe bara cu instrumente standard pentru a o ascunde. Apoi, executati clic pe butonul Close de pe bara cu instrumente Navigation pentru a o dezactiva. 3.Executati clic pe pictograma cu semnul minus de pe caseta Services pentru a

inchide cele trei pagini-descedent. 4.Executati clic pe pictograma cu semnul minus de pe caseta Home pentru a inchide toate paginile-descedent aferente. (Pagina Feedback ramane deschisa, deoarece este o pagina globala). 5.Executati clic pe butonul Undo pentru a reface imaginea anterioara. 6.Reafisati cele trei pagini Service, executand clic pe pictograma cu semnul plus de pe caseta Services. 07.- Stergerea paginilor Acum, dupa ce ati aflat cum va puteti deplasa in modul de afisare navigare, sa incepem procesul de organizare prin stergerea unei pagini care nu este necesara. Efectuati pasii urmatori : 1. Executati clic cu butonul din dreapta pe caseta Service 3 si alegeti Delete din meniul contextual. FontPage va afisa caseta de dialog Delete From. Stergerea sau eliminarea paginilor : Cand stergeti o pagina in modul de afisare navigare, puteti fie sa eliminati pagina respectiva de pe toate barele de navigare, fie sa o stergeti din web-ul creat de FontPage. Daca selectati prima optiune, pagina va fi eliminata din structura afisata in panoul de navigare si din barele de navigare, dar nu si din web. Deci, daca ulterior veti dori sa folisiti pagina respectiva, o veti putea face. Dar, daca selectati a doua optiune, pagina va fi eliminata complet din web. 2.Selectati optiunea Delete This Page From The Web, apoi executati clic pe OK. 08.- Adaugarea de pagini Una din modificarile pe care cu siguranta le veti opera in web-ul creat, este adaugarea de pagini. Ati vazut in pasii anteriori cat de usor puteti sa stergeti pagini ; adaugarea de pagini este la fel de simpla. Executati pasii urmatori : 1.Selectati caseta Service 2 si executati clic pe butonul New Page de pe bara cu instrumente standard. FrontPage va adauga o caseta New Page 2 ca pagina-descedent a paginii Service 2. 2.Adaugati o pagina-descedent in caseta New Page 2, alegand New, apoi Page din meniul File. Sa schimbam acum pozitia acestor noi pagini : 1.Plasati indicatorul mouse-ului pe caseta New Page 2 si trageti-o sub caseta Home. Cand apare o linie verde, indicand ca pagina va deveni pagina-descedent a paginii de deschidere, eliberati butonul mouse-ului, Atat caseta New Page 2, cat si pagina ei desceden

(New Page 3) vor fi mutate in noua lor pozitie. 2.Executati clic pe titlul New Page 2 pentru a selecta textul din caseta de text. Scrieti Awards si apasati tasta Enter pentru a-i modifica titlul. (Numele fisierului care o contine nu se va modifica, nu va fi actualizat decat titlul care apare pe pagina). 3.Schimbati titlul noii pagini 3 (New Page 3) in Previous Awardees si apasati tasta Enter. 4.In fine, schimbasi titlul casetei Home in (denumirea firmei-de ex. Patronatul National Roman). Numele si titlul : Cand redenumiti o pagina, ca in exercitiul de mai sus, ii modificati numai titlul, nu si numele. Numele unei pagini de web reprezinta numele fisierului, care face parte din adresa paginii ; calculatorul foloseste acesta adresa pentru a gasi pagina in server. Titlul paginii este ceea ce vad vizitatorii cand incarca pagina. Toate titlurile trebuie sa fie suficient de explicite pentru a le indica vizitatorilor ce contine pagina respectiva. Dupa ce ati realizat structura generala a web-ului, a sosit timpul sa introduceti si informatii in paginile create. Pentru aceasta, trebuie sa treceti in modul de afisare pagina. 09.- Lucrul in mod de afisare pagina Cand lucrati in mod de afisare pagini, puteti foarte usor sa adaugati, sa editati si sa formatati textul. De asemenea, puteti sa inserqati si sa manevrati ilustratii, tabele si alte elemente. Tot in acest mod de afusare puteti sa definiti caracteristicele web-ului, cum ar fi butoanele, hiperlegaturile si signetele pe care le creati. Modul de afisare pagina ofera un mediu familiar gen procesor de text in care puteti folosi tehnicile de editare, de genul manevrarii si formatarii textului, asemanatoare celor din Word. Sa trecem in modul de afisare pagina si sa incepem cu introducerea informatiilor in web-ul: 1.Executati dublu clic pe caseta (Patronatul National Roman) pentru pentru a trece in modul de afisare pagina si a deschide pagina de deschidere a web-ului cu aceiasi denumire, in care apar fundalul si celelalte atribute alei temei Blank pe care ati ales-o mai devreme. 2.Daca este necesar, executati clic pe butonul Folder List pentru a inchide lista dosarelor. Pe ecran va ramane numai pagina (Patronatul National Roman). Pagina de deschidere are doua bare de navigare. Prima, aflata in stanga, are trei butoane cu titlurile Awards, News si Services, care reprezinta paginile-descedent ale paginii Home (pagina de deschidere). Acestea sunt hiperlegaturile care permit vizitatorului sa sara direct la una din cele trei

pagini, executand dublu clic pe butonul corespunzator. A doua bara de navigare, aflata in partea de sus, are doua butoane cu titlurile Home si Feedback. Aceste hiperlegaturi apar in toate paginile respective din orice alta pagina. 3.Derulati acum pagina de deschidere si urmariti titlurile, pe care le-ati inclus in faza de machetare. Textul dupa fiecare titlu recomanda ceea ce ati putea include in fiecare sectiune. In partea de jos a paginii se gasesc informatiile pentru contactare pe care le-ati introdus mai devreme, inclusiv elementele Send Mail To si Last Modified.
==========================================