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.
10 Introducerea si editarea textului
Dupa ce v-ati facut o ideie despre cum arata pagina, puteti sa incepeti sa introduceti si sa editati textul. Mai intai trebuie sa schimbati textul din paragraful de deschidere.
Efectuati pasii urmatori :
1.Derulati pagina pana la inceputul ei si plasati indicatorul mouse-ului undeva in textul paragrafului care incepe cu Coment :,apoi executati clic pentru a-l selecta. (Cand un elemenet a fost predefinit de FontPage, puteti sa-l selectati folosind acesta metoda cu un singur clic). Observati ca indicatorul isi schimba forma.
2.Scrieti urmatorul paragraf pentru a inlocui textul selectat : (Scopul organizatiei nonguvernamentale PNR conform statutului).
3.Selectati paragraful de sub titlul Our Mision si scrieti urmatoarea prepozitie : (Extras din statutul PNR).
4.Executati clic pe butonul Save pentru a salva modificarea (Daca FontPage va intreaba daca doriti sa marcati lucrarea ca finalizata, executati clic pe No).
5.Stergeti titlul Company Profile, paragraful de sub el si bara orizontala de deasupra paragrafelor, selectandu-le si apasand tasta Delete.
Refolosirea textului din alta sursa - Daca vreti sa refolositi in werb-ul cre 636h78g at un intreg fisier din alta sursa, este foarte usor sa il inserati. Mai intai, plasati punctul de inserare acolo unde vreti sa apara fitierul respectiv. Apoi, alegeti File din meniul Insert si executati dublu clic pe fisierul pe care vreti sa il imserati. (Aveti grija ca optiunea pentru Files Of Type sa corespunda tipului de fisier pe care vreti sa il inserati). FontPage va converti fisierul in format HTML si il va insera in locul unde se gaseste punctul de inserare. Nu veti introduce nici un text sub titlul Contact Indormation, dar nu trebuie sa eliminati paragraful din caseta de rezervare. Cititi in continuare sectiunea urmatoare pentru a afla de ea.
11 Folosirea etichetelor paginilor
Probabil
ati observat ca in modul de afisare pagina, apar trei etichete (
Sa analizam mai indeaproape :
1.Executati clic pe eticheta Preview pentru a simula citirea paginii Home intr-un browser de Web.
2.Derulati pagina in jos pentru a vedea sectiunea Contact Information. Observati ca paragraful din caseta de rezervare de sub titlu nu este afisat. In acest caz, nu este vizibil decat textul pe care l-ati introdus intr-o caseta de dialog dintr-un wizard sau direct in modul de afisare pagina.
3.In continuare, executati clic pe eticheta HTML, pentru a vedea codurile din pagina de deschidere.
Mai multe despre HTML : Limbajul HTML (Hipertext Markup Language) este un sistem de codificare pentru controlul modului in care sunt interpretate si afisate informatiile intr-un browser de Web de genul : Internet Explorer sau Netscape navigator. HTML este limbajul standard pentru toate documentele din Web si foloseste o matrice de coduri numite si etichete, care ii spun cum sa afiseze textul, ilustratiile si celelalte elemente. Daca nu cunoasteti bine limbajul HTML, nu trebuie sa folositi acest mod de afisare, mai ales daca inca mai sunteti in perioada de invatare a programului. Puteti insa sa vedeti privind in acesta eticheta ca folosirea programului FontPage in locul creirii web-ului de la zero prin introducerea codurilor HTML reprezinta o varianta de lucru mult mai simpla.
12 Formatarea textului
Acum aveti cea mai mare parte a informatiilor necesare in pagina de deschidere, asa ca puteti continua si a opera modificari in aspectul ei. O parte din tehnicile prezentate in continuare va sunt probabil cunoscute, deoarece le-ati mai folosit si in alte aplicatii din pachetul Office.
Efectuati pasii urmatori :
1.Executati
clic pe eticheta
2.Executati clic pe sageata din dreptul casetei FontSize de pe bara cu instrumente de formatare si selectati 14 pt din linia derulata.
3.Selectati numai cuvintele (Patronatul National Roman) din primul paragraf. Executati clic pe sageata butonului Font Color de pe bara cu instrumente de formatare si selectati reed din al doilea rand.
Folosirea unor fonturi deosebite : Cand schimbati fonturile in web, trebuie sa aveti in vedere ca, pentru ca un vizitator sa poata vedea un font folosit in paginile web-ului dvs. trebuie sa aiba instalat fontul respectiv in calculator. In caz contrar, browser-ul pe care il utilizeaza va folosi un echivalent al acestui font. Fiti atent cand folisiti fonturi deosebite sau al caror design nu poate fi elchivalat prea usor cu fonturile standard instalate in calculatoarele majoritatii utilizatorilor.
13 Modificarea alinierii paragrafelor
In configuratia standard prestabilita FontPage aliniaza la stanga paragrafele cand creati paginile web. Uneori insa veti dori sa realiniati paragraful sau o portiune de text. Haideti sa centram paragraful in partea de jos a paginii
1.Derulati pagina pana jos si plasati punctul de insertie undeva in paragraful care incepe cu cuvintele Send mail to. Font Page va afisa un chenar in jurul acestei selectii si a altor doua sectiuni din pagina, deoarece ele sunt marcate drept chenare partajate si apar in toate paginile web-ului.
2.Executati
clic pe
14 Modificarea spatierii paragrafelor
Cand introduceti textul in modul de afisare pagina, daca apasati tasta Enter creati un nou paragraf la fel ca in alte aplicatii din Office. Insa, in acelasi timp este adaugat si un rand liber inaintea paragrafului anterior si paragraful nou creat. Cand nu doriti acel spatiu liber intre cele doua paragrafe, trebuie sa folositi o intrerupere de rand in loc sa introduceti un nou paragraf, astfel :
1.Derulati pagina pana la inceput, plasati punctul de insertie la sfarsitul paragrafului introductiv si apasati tasta Enter.
2.Acum, scrieti urmatorul text : If you like what you see, tell others. (Daca va place ce vedeti, spuneti si altora).
3.Blocati tasta Shift si apasati tasta Enter. Punctul de inserare se va muta pe randul urmator fara a mai fi introdus un rand suplimentar gol. Acum, scrieti urmatorul text : If you don't, tell us ! (Daca nu va place, spuneti-ne noua).
15 Crearea listelor numerotate si marcate
Puteti sa introduceti doua tipuri de liste in paginile create in FontPage : liste numerotate si liste marcate. Aceste liste mai sunt numite uneori si liste neordonate. In acesta sectiune vom crea o lista marcata in pagina Previous Awdardees din web, dar retineti ca procedura pentru crearea unei liste numerotate este aceeasi.
Efectuati pasii urmatori :
1.Executati clic pe butonul Open de pe bara de instrumente standard pentru a afisa caseta de dialog Open File. Apoi executati dublu clic pe Previous_Awardees pentru a afisa pagina respectiva in modul de afisare pagina.
2.Fara sa mutati punctul de inserare, scrieti urmatoarele nume, apasand tasta Enter dupa fiecare :
(Popescu Valentin)
(Ionescu Gheorghe)
(Vasilescu Petru)
3.Selectati toate cele trei nume si executati clic pe butonul Bullets de pe bara cu instrumente de formatare. FontPage va plasa un marcaj inaintea fiecarui nume, va modifica spatierea randurilor si va modifica marimea fontului pentru a corespeunde marimii marcajului. Stilul marcajelor este determinat de tema Blank pe care ati ales-o mai devreme. Puteti insa sa modificati aceste marcaje destul de usor.
Efectuati pasii urmatori :
1.Executati clic cu butonul din dreapta pe articolele marcate selectate si alegesi List Properties din meniul contextual pentru a afisa caseta de dialog List Properties.
2.In eticheta Picture Bullets, selectati optiunea Specify Picture din sectiunea Picture, apoi executati clic pe butonul Browse.
3.In caseta de dialog Select Picture, executati clic pe butonul Clip Art pentru a deschide fereastra Clip Gallery.
4.Derulati categoriile afisate si executati clic pe categoria Web Bullets & Buttons.
5.Selectati o optiune (de ex. romb bicolor).
6.Executati clic pe Insert Clip, apoi executati clic pe OK in caseta de dialog List Properties.
Pozitionarea ilustratiilor : Pentru a repozitiona o ilustratie, selectati-o, executand clic cu butonul din dreapta pe ea, apoi alegeti Picture Properties din meniul contextual. Dupa care executati clic pe eticheta Appearance pentru a modifica alinierea si spatierea pe orizontala si pe verticala pentru ilustratie. In sectiunea Size puteti sa executati clic pe caseta de validare Specify Size si sa scrieti o valoare exacta pentru latime ti inaltime. Puteti sa afisa bara cu instrumente Positioning si sa scrieti pozitia in pagina a ilustratiei in valori absolute. Pentru ca ilustratia sa apara in fata sau in spatele unui text suprapus pe ea, executati clic pe butonul Bring Forward, respectiv pe butonul Send Buckward.
16 Adaugarea unor ilustratii artistice
Una din cele mai interesante caracteristici ale multor pagini Web o constitue includerea de imagini intens colorate si chiar fotografii. Cu siguranta veti dori sa plasati in web-ul vreat de dvs. si imagini pentru a ilustra un punct de vedere, pentru a prezenta o idee sau doar pentru a imbunatati aspectul general. Sa adaugam acum cateva ilustratii in vweb-ul dvs PNR) :
1.Reveniti in pagina de deschidere, alegand Index.htm din meniul Window.
2.Plasati punctul de inserare la sfarsitul paragrafului de dupa titlul Our Mission si apasati tasta Enter de doua ori.
3.Executati
clic pe
4.Alegeti Picture, apoi Clip Art din meniul Insert pentru a deschide fereastra Clip Gallery.
5.Executati clic pe categoria Nature, executati clic pe prima ilustratie cu un copac si executati clic pe butonul Insert Clip.
Bara cu instrumente Picture : Puteti sa folositi butoanele de pe bara cu instrumente Picture ca sa creati orientarea unei ilustratii, contrastul si luminozitatea ei, precum si pozitia ei in pagina. Executati clic pe butonul Auto Thumbnail pentru a afisa ilustratia intr-un format mai mic si a atasa o hiperlegatura la ilustratia in marime naturala. De asemenea, puteti sa creati puncte de interes cu ilustratii pe care vizitatorii sa poata executa clic pentru a ajunge intr-un alt
loc hartile sunt un bun exemplu de elemente grafice in care puteti plasa puncte de interes). Nu-I rau deloc. Dar ilustratia este ceva cam mare.
Sa rezolvam acum si acesta problema :
1.Executati clic pe ilustrasie pentru a o selecta. FrontPage va afisa bara cu instrumente Picture in partea de
jos a ferestrei.
2.Trageti marcajul in coltul din dreapta jos in sus si spre stanga pana cand ilustratia ajunge la o inaltime de 3,5 cm.
3.In fine, plasati punctul de insertie sub ilustratie si apasati tasta Delete pentru a elimina spatiul suplimentar dintre
ilustratie si linia orizontala de sub ea.
Formate grafice : Formatele grafice Graphic Interchamge Format (GIF) si Joint Photographic Expert Group (JPEG sau JPG) sunt folosite frecvent in paginile de Web deoarece pot fi afisate an majoritatea browser-elor de Web. Aceste formate prezinta si avantajul comprimarii, prin care se economiseste timp la incarcare si spatiu de stocare. Alte formate grafice pe care le puteti intalni au extensiile PICT, BMP, PCX, TIFF si EPS. Daca ilustratia pe care o inserati are in fundal alta culoare decat pagina, puteti sa faceti culoarea de fundal transparenta pentru ca ilustratia sa se integreze mai bine in pagina. Pentru acesta, selectati ilustratia si executati clic pe butonul Set Transparent Color de pe bara cu instrumente Picture.
Cand FontPage va atrage atentia ca imaginea va fi convertita in format GIF, executati clic pe OK. Apoi, plasati indicatorul mouse-ului pe fundalul ilustratiei. Cand acesta ia forma unui creion cu radiera avand atasata o sageata, executati clic o data pentru a face fundalul transparent. Acum, fundalul paginii va deveni din nou vizibil sub ilustratie.
Ilustratia cu copac pe care ati inserat-o este inglobata in pagina de deschidere, dar nu a fost inca salvata ca parte a fisierului cu pagina de deschidere. Pentru a actualiza pagina web-ului salvand si ilustratia introdusa, efectuati pasii urmatori :
1.Executati clic pe butonul Save. FontPage va afisa caseta de dialog specifica.
2.Executati clic pe OK pentru a adauga fisierul grafic in fisierele care contin web-ul dvs.
17 Imbunatatirea aspectului web-ului
Inainte de a incheia acest capitol, vreau sa va mai arat cateva moduri de modificare a unor elemente, cum ar fi tema, fundalul si culorile web-ului pentru a le adapta necesitatilor dvs.
Alte moduri de modificare a unei teme : - Cand modificati o tema, aveti grija sa verificati optiunile disponibile din caseta de dialog Themes. De exemplu, cand executati clic pe butonul Colors, puteti sa selectati alta xhema de culori in eticheta Color Schemes si sa modificati culorile inluse, folosind eticheta Color Wheel. Cu butoanele Graphics si Text puteti sa modificati articole de genul ilustratiilor folosite pentru anumite elemente sau stilul textului folosit pentru diferite titluri.
18 Modificarea unei teme
Cand ati aplicat tema Blank web-ului dvs. (PNR) FontPage a aplicat tuturor paginilor atributele de formatare si schema de culori a temei respective.
O pagina fara tema : - In anumite cazuri, este posibil sa vreti ca una sau mai multe pagini ale web-ului creat sa nu foloseasca tema pe care ati aplicat-o. Pentru a elimina o tema dintr-o pagina, afisati pagina respectiva, executati clic cu butonul din dreapta pe o zona libera din ea si alegeti Theme din meniul contextual pentru a afisa o caseta de dialog. Avand selectata optiunea Selected Page(s), executati clic pe (No Theme) in lista de teme, apoi executati clic pe OK. Uneori insa veti dori sa aduceti modificari in atributele de formatare ale unei teme predefinite. Spre exemplificare, sa operam rapid cateva modificari in tema Blank :
1.Avand pagina de deschidere afisare pagina, alegeti Theme din meniul Format pentru a afisa o caseta de dialog specifica.
2.Selectati tema prestabilita (Blank) in lista de teme si executati clic pe butonul Modify din partea de jos a casetei de dialog. FontPage va afisa un rand de butoane sub caseta Sample.
3.Executati clic pe butonul Colors, apoi executati clic pe eticheta Custom pentru a afisa optiunile.
4.Executati clic pe sageata din dreptul casetei Item si selectati Heading 1.
5.Acum, executati clic pe sageata din dreptul casetei Color si selectati reed din al doilea rand.
6.Repetati pasii anteriori pentru a formata toate paragrafele din Heading 2 si Heading 3, aplicandu-le culoarea rosie. Apoi, executati clic pe OK.
7.Deoarece nu puteti salva modificarile de formatare intr-o tema predefinita, executati clic pe butonul Save As pentru a afisa caseta de dialog Save Theme. Scrieti denumirea web-ului (PNR) ca nume pentru noua tema si executati clic pe OK.
8.In fine, executati clic pe optiunea All Pages din sectiunea Apply Theme To si executati clic pe OK pentru a aplica noua tema tuturor paginilor din web.
9.Alegeti Exit din meniul File si executati clic pe Yes in cazul in care FontPage va intreaba daca vreti sa salvati vreunul din elementele web-ului.
Modificarea fundalului fara a folosi o tema : Daca vreti sa modificati fundalul unei pagini fara sa folositi o tema, mai intai eliminati tema din pagina respectiva. Apoi, executati clic cu butonul din dreapta pe o zona libera din pagina si alegeti Page Properties din meniul contextual. In eticheta Background, executati clic pe caseta de validare background Picture, apoi pe butonul Browse pentru a gasi fisierul grafic pe care vreti sa il folositi ca fundal, sau executati clic pe sageata din dreptul casetei Background si selectati alta culoare pentru fundal. Daca nici una dintre culorile standard nu corespund nevoilor dvs., executati clic pe More Colors pentru a afisa alte optiuni. (In acesta eticheta, puteti sa modificati culorile folosite pentru text, hiperlegaturi, hiperlegaturi vizitate si hiperlegaturi active.).
De asemenea puteti sa executati clic pe optiunea Get Background Information From Another Page din partea de jos a casetei de dialog, apoi pe butonul Browse pentru a gasi un fisier in care exista culoarea de fundal pe care vreti sa o aplicati paginii curente. Pentru a aplica modificarile, executati clic pe OK.
In acest capitol asi creat primul dvs. web folosind programul FrontPage cu ajutorul wizard si ati invatat cate ceva despre operarea de modificari antr-un web. In capitolul urmator va veti perfectiona in domeniul crearii paginilor de web, adaugand si modificanf hiperlegaturi, apoi pregatind web-ul pentru plasarea intr-un server de Web.
|
