Cap I.

Tehnologii pentru crearea documentelor Web

Instrumente de lucru pentru crearea site-urilor Web: editoare de texte i de calcul tabelar care salveaz documentele ca pagini Web, editoare de HTML, editoare de imagini. Structura unui site Web: Tipuri de site-uri Web: statice (de informare), dinamice/ interactive (e-commerce, e-learning, e-banking etc.) Structura unei pagini din cadrul unui site Web. Elemente specifice publicrii i regsirii site-ului n cadrul motoarelor de cutare.

Elemente de coninut ale paginilor Web: text, liste, tabele, imagini, hri de imagini, sunete, animaie, cadre, filme, butoane, casete de dialog, casete combinate, ferestre. Ierarhia paginilor n cadrul site-ului Web. Sistemul de link-uri, pagina de start. Criterii considerate la realizarea documentelor Web: viteza de ncrcare, raport text/imagine.

Cerine de prezentare a informaiilor prezentate n documentele Web: de coninut, acuratee, lizibilitate, de design, conformitate cu cerinele proiectului.

Instrumente de lucru pentru crearea site-urilor Web. Crearea paginilor web. Paginile web sunt scrise ntr-un limbaj numit HTML (Hyper Text Markup Language). Pentru realizarea documentelor HTML pot fi utilizate editoare simple de text precum Notepad, caz in care trebuie cunoscut limbajul HTML, sau editoare create special pentru paginile web. Exemple de editoare HTML: Front Page, Dreamweaver. Imaginile dintr-o pagina web si celelalte fisiere aferente sunt stocate ntr-un folder asociat, avand acelasi nume ca si fisierul html + _files. Pagina Web poate fi publicata pe un server Web (computer care gzduiete pagini Web si rspunde la cererile browser-elor; cunoscut si ca server HTTP, un server Web stocheaz fiierele ale cror URL-uri ncep cu http://.) Vizualizarea fiierului HTML poate fi realizat cu ajutorul unui browser web. Browser-ul are o caseta de text n care utilizatorul poate sa scrie adresa documentului sau a site-ului dorit, adresa acestuia (numita URL - Uniform Resource Locator ) fiind unic.

Pagini web create cu Microsoft Office Aplicatiile Microsoft Office permit salvarea documentelor ca pagini Web, n format HTML. Aplicatiile Office pot salva paginile web si intr-un singur fisier care integreaz grafica si alte elemente din pagina, fara a se crea un folder suplimentar, ceea ce v va avantaja cnd trimitei altora pagina prin intermediul potei electronice. Pagina web trebuie salvata insa in format *.htm, *.html cnd doriti s o editai ntr-un alt editor HTML. Obs1. Daca aveti o pagina web care contine un folder asociat si vreti s-o trimiteti prin email, e recomandabil sa arhivati fisierul *.htm, *.html si folderul asociat si sa trimiteti arhiva. Obs.2 Acest document html a fost creat cu Microsoft Word.

Exercitiu 1. Scrieti numele vostru, clasa si scoala de care apartineti in word si salvati datele intr-un document html numit ex1. Vizualizati codul sursa (comenzile html) a documentului. Exercitiu 2. Adaugati o imagine centrata in documentul de la ex. 1 de dimensiuni 300 x 300 pixeli si salvati datele intr-un document html numit ex2. Exercitiu 3. Creati un document cu doua legaturi: una catre documentul de la ex. 1 iar cealalta catre un motor de cautare. Salvati intr-un document html numit ex3. Exercitiu 4. Creati un fisier imagine de dimensiuni 300 x 300 pixeli avand culoarea rosie si inserati imaginea in centrul unui document html. Salvati intr-un document html numit ex4. Vizualizati codul sursa, identificati comanda html de inserare a imaginii si verificati daca are dimensiunile cerute. Exercitiu 5: a) Salvati in format HTML sub denumirea ex5_a_xls, un document Excel in care se face suma primelor 10 numere naturale. b) Salvati in format HTML sub denumirea ex5_b_ppt, un document PowerPoint care contine o imagine in slide-ul al doilea.

c) Inserati ca obiect intr-un document Word documentul Excel de la punctul a) si salvati in format html sub denumirea ex5_c _doc_xls. d) Inserati ca obiect intr-un document Word documentul PowerPoint de la punctul b) si salvati in format html sub denumirea ex5_d _doc_ppt. Exercitiu 6: Creati un document html numit ex6 astfel incat: -in background sa fie o nuanta de verde -sa contina o imagine centrata de 400 x 400 pixeli -imaginea sa fie mapata astfel: jumatatea dreapta a imaginii sa aiba legatura la www.yahoo.com iar jumatatea stanga la www.google.com -sa nu existe contururi la imagine sau linii pe imagine Exercitiu 7: Creati in Word un document html numit ex7 astfel incat: -sa aiba o imagine in fundal -sa scrie un text animat la inceputul documentului -sa existe o legatura catre o adresa de email spre sfarsitul documentului (se va crea astfel: se scrie mailto: in campul de adresa urmata de adresa de email) -sa se creeze o legatura inauntrul paginii (bookmark) pe textul animat la adresa de email (se selecteaza adresa de email-> Insert -> Bookmark->se introduce numele dat pentru legatura->Add. -sa se imparta pagina in doua cadre (Format-> Frames->New Frames Page). -titlul paginii sa fie "MS Word to Web Page"

Instrumente de lucru pentru crearea site-urilor Web Crearea unei paginii web cu ajutorul aplicaiei Notepad
Paginile HTML se fac ntr-un editor de scris, cum ar fi Notepad i se creeaz astfel: - Se deschide Notepad - Dup ce se lucreaz n el, se salveaz : File -> Save - Se intituleaz nume.html, se alege la Save as Type All Files i se apas butonul SAVE. Modificare. Pentru modificarea paginii se procedeaz astfel: - se deschide pagina .html - se da click dreapta pe fundalul paginii i View Source - dup modificare se d File -> Save

Inserarea i formatarea unui text

Comenzile de formatare se transmit folosind marcaje . Un marcaj este o succesiune de caractere cuprinse ntre semnele < >. Dac efectul unei comenzi date trebuie anulat, se utilizeaz un marcaj de anulare de forma </>.

Editoare HTML
Paginile web sunt fisiere scrise n limbajul HTML. Pentru a simplifica modul de elaborare a paginilor web, firmele de software au pus la dispozitia utilizatorilor programe specializate, care genereaza automat documentele HTML corespunzatoare n urma introducerii de catre utilizator a obiectelor dorite printr-o interfata accesibila, caracteristica aplicatiilor Windows, bazata pe meniuri si bare de instrumente. Aceste programe, utilizate frecvent pentru crearea paginilor web, sunt cunoscute sub numele generic de editoare HTML. Ele permit unui numar mare de utilizatori sa si creeze propriile pagini web, chiar daca nu au cunostinte temeinice legate de limbajul HTML. Editoarele HTML sunt utile si pentru persoanele care detin cunostinte avansate n acest domeniu fiindca asigura editarea si modificarea mult mai rapida a documentelor HTML dect daca ar fi create utiliznd exclusiv un procesor uzual de texte. Accesibilitatea editoarelor HTML este datorata nu numai interfetei prietenoase, bazate pe principii similare cu cele ale produselor de birotica larg utilizate, ci si faptului ca au la baza principiul "What You See Is What You Get". Mai trebuie remarcat faptul ca ultimele versiuni ale produselor software destinate biroticii implementeaza facilitati de integrare n Web, permitnd inserarea hiperlegaturilor si translatarea documentelor specifice n format HTML. Cele mai cunoscute exemple n acest sens sunt Microsoft Word, Excel, Power Point (ncepnd cu versiunea Office '97 [AndTod01]).

Cele mai cunoscute editoare HTML sunt editorul Netscape, creat de firma Netscape Communications si Front Page Editor, creat de firma Microsoft. Editorul Netscape este furnizat mpreuna cu anumite versiuni ale navigatorului Netscape. Performantele sale sunt suficiente pentru crearea unei pagini personale. n figura urmatoare se pot observa principalele caracteristici ale ferestrei Netscape Composer. Accesnd site-ul Netscape (printr-o conectie la Internet) se pot folosi suplimentar anumite stiluri predefinite.

Fereastra Netscape Composer

Front Page Editor este un editor mai complex, utilizat n general pentru crearea si editarea unor site-uri mai mari, care pot fi gestionate cu ajutorul utilitarului Front Page Explorer, oferit n acelasi pachet software. Front Page Explorer ofera facilitati pentru proiectarea si gestiunea site-urilor, incluznd posibilitatea utilizarii unui mic server personal de Web pentru "publicarea" paginilor proprii pe calculatorul personal, daca acesta are o legatura permanenta la Internet. Front Page Explorer este eficient n structurarea si organizarea paginilor web, asigurnd inclusiv indicarea legaturilor catre resurse inexistente. Vom descrie n continuare facilitatile de creare a paginilor web oferite de aplicatia Microsoft Front Page, versiunea Office 2000; aceasta aplicatie integreaza facilitatile lui Microsoft Front Page Editor si Microsoft Front Page Explorer.