Web-ul este utilizat de catre browserul utilizatorului pentru a putea vizualiza paginile de pe acesta.

Aceste pagini contin in principal informatii sub forma de text dar si sub forma video (imagini statice sau animatii) sau audio. Aceste informatii sint stocate pe Web sub un format special denumit HTML. HTML (HyperText Markup Language) este limbajul cu care "comunica" Web-ul. Formatul HTML a aparut odata cu aparitia Web-ului, si este un format special, este lizibil, adica este inteligibil de catre om. Cind vizualizam o pagina Web aceasta este in format HTML, iar browser-ul o traduce in imagini, sunete, texte etc. Pentru a crea pagini Web avem nevoie de un editor simplu de texte in care sa scriem pur si simplu ceea ce dorim in formatul HTML. Un singur inconvenient al realizarii paginilor Web cu ajutorul editoarelor de texte este faptul ca trebuie cunoscut limbajul HTML. Un alt mod de creare a paginilor Web este folosirea unui program pentru crearea paginilor Web. Aceste programe difera de la unul la altul dar unul dintre cele mai raspindite este FrontPage, un program al firmei Microsoft care apartine, deja, de pachetul de programe Microsoft Office, si este de tipul WYSIWYG What You See Is What You Get - ceea ce vezi este ceea ce vei obtine.Pentru a putea face publice paginile Web este necesara utilizarea unui server de Web care sa stocheze pagina utilizatorului. Asemenea servere exista pe Web si pot fi gasite foarte usor. Web-ul este singura parte din Internet, in afara de e-mail, accesibila pentru majoritatea utilizatorilor. Multi nu vor vedea niciodata un meniu gropher si probabil nici nu vor simti nevoia. Nu vor avea niciodata placerea de a citi rezultatul unui WAIS. Toata atentia se indreapta spre Web. O pagina Web este asemenea multor documente care le aveti pe calculatorul dumneavoastra. Insa nu incarcati pagina web de pe calculatorul propriu ci de pe un server Web. Un Site Web este o alta denumire folosita pentru un anumit server Web. Este vorba despre un calculator conectat la Internet in asa fel incit sa puteti avea acces la paginile de Web pe care le contine. Fiecare pagina Web contine text,
by endy for TorrentsMD.com

imagini si scurtaturi.O scurtatura catre o pagina Web poate sa transfere un fisier, sa afiseze o imagine, sa redea sunete sau sa prezinte un film. Numarul de lucruri catre care conduce o scurtatura intr-o pagina Web este practic nelimitat.
Despre URL-uri Pentru referirea la o resursa din Internet se foloseste termenul

generic URI (Universal Resource Identifier) care specifica fie o locatie, caz in care vorbim de un URL (Uniform Resource Locator) fie un nume, caz in care avem un URN (Universal Resource Name). Un URL are urmatorul format: protocol://nod : port/cale
by endy for TorrentsMD.com

unde: protocol - reprezinta modul de acces la resursa; nod - reprezinta adresa unei masini din Internet; port - reprezinta portul pe care se realizeaza conexiunea cu calculatorul respectiv cale - reprezinta calea cu specificarea directoarelor si eventual a fisierului si a unei sectiuni specificate din

respectivul fisier aflat pe masina respectiva. In continuare vom explica putin mai detaliat elementele din formatul mentionat. 1."Protocol" Descrie protocolul care se foloseste pentru accesarea informatiei. Cuvantul protocol poate fi unul din urmatoarele: http (Hypertext Transfer Protocol). Este metoda cea mai des utilizata pentru accesarea informatiilor in Internet care sunt pastrate pe servere WWW (World Wide Web). De fapt, http este protoclul "implicit" al WWW. Adica, daca un URL nu contine partea de protocol, aceasta se considera ca fiind http. Acesta presupune rularea unui program corespunzator pe calculatorul destinatie care intelege protocolul respectiv. Fisierul destinatie trebuie sa fie un document HTML (HyperText Markup Language),un fisier grafic, de sunet,de animatie,un program executabil pe server-ul respectiv sau un editor de texte. ftp (File Transfer Protocol). Descrie un transfer de fisiere normal sau anonim. FTP (Protocol de transfer al fisierelor) este o modalitate standard de a transfera fisierele binare din Internet. FTP nu necesita codarea fisierelor inainte de a fi incarcate, asa cum se intimpla in cazul fisierelor din e-mail sau de la grupuri de discutii. mailto Permite transmiterea de mesaj electronic. Navigatorul prezinta o forma pentru introducerea si transmiterea mesajului. In acest caz ceea ce urmeaza dupa mailto: este chiar adresa electronica a destinatarului mesajului. file Permite accesarea unui fisier pe calculatorul local. Se foloseste pentru vizualizarea unui fisier HTML pe un calculator care are un navigator dar nu este un server. In cazul in care pe calculatorul local ruleaza un sistem de operare Microsoft (MS-DOS, Windows3.x, Windows 95/NT), caracterul ":" care urmeaza literei unitatii de disc se inlocuieste cu "|". Exemplu: file:///C|/Users/Radu/Carte/Internet/Cap1.txt gopher Permite accesarea unor fisiere pe servere Gopher.
by endy for TorrentsMD.com

telnet Permite cuplarea la un nod, asemanator comenzii telnet. WAIS (Wide Area Information Server) Reprezinta un fisier pe un server WAIS. news (USENET News) Se refera la un server de grupuri de discutii sau la un grup de discutii situat pe un astfel de server. In acest caz nod reprezinta adresa server-ului, iar cale reprezinta numele grupului de discutii respectiv. x-exec Se refera la un program executabil. 2."Nod" Reprezinta adresa nodului de destinatie sau numele calculatorului respectiv. Exemplu: http://www.Edu.ro este o adresa care se refera la masina cu numele "Edu" din domeniul "ro". In cazul transferului cu ftp se specifica si parola sub forma: nume:parola@nod La ftp anonim se specifica doar adresa server-ului ftp. In unele situatii se specifica si portul sub forma: nod:port 3."Port" Reprezinta "canalul" prin care se realizeaza comunicarea dintre calculatoare.Unele servicii (programe server) au ca porturi valori prestabilite (Ex:HTTP - 80, FTP - 21, serverul de mail - 25). Daca folosim aceste valori, portul poate lipsi din schema URL -ului. Daca, insa, programul server "asculta" pe un port altul decat cel prestabilit, valoarea portului trebuie sa apara in adresarea corecta. Exemplu: http://localhost:8080 adreseaza

serverul web instalat pe propriul calculator si care asculta la portul 8080. 4."Cale" Reprezinta calea obisnuita pentru accesarea unui fisier, pornind de la radacina server-ului respectiv. In unele cazuri ea poate sa contina chiar o referire la o anumita sectiune a unui document (Dar despre aceata, mai tarziu...).
by endy for TorrentsMD.com

In cazul in care aceasta parte a unui URL lipseste, serverul Web cauta fisierul radacina al sau, fisier care - de cele mai multe ori - poarta numele "index.html sau "default.html". Daca un asenea fisier nu exista, sau nu a fost definit ca fisier implicit in cadrul serverului (situatie foarte rar intalnita), acesta din urma poate sa intoarca utilizatorului care a cerut URL-ul respectiv un mesaj de eroare, o lista a fisierelor disponibile la adresa respectiva sau un alt raspuns, depinde de serverul Web folosit. Exemple de URL: 1. http://www.sandia.gov/sci_compute/htm_ref.html Reprezinta documentul HTML cu numele html_ref.html in directorul sci_compute pe server-ul WWW cu adresa: www.sandia.gov. 2. ftp://ftp.sura.net/pub/nic/ Reprezinta directorul pub/nic pe server-ul ftp cu adresa ftp.sura.net, unde se gasesc informatii despre Internet. 3. ftp://rtfm.mit.edu/usenet/news.answers/ftplist/faq Reprezinta un document cu numele faq care contine cele mai frecvente intrebari si raspunsuri despre ftp. Documentul se gaseste pe server-ul ftp cu adresa rtfm.mit.edu in directorul usenet/news.answers.
Editoare HTML
by endy for TorrentsMD.com

Daca v-ati hotarat sa creati un site web, in afara de spatiu de stocare mai aveti nevoie de ceva, si anume de editoare HTML sau utilitare si aplicatii pentru crearea de butoane si meniuri. In continuare voi prezenta cateva editoare de acest gen. Adobe GoLive!5.0 Realizat de compania Adobe, a carei experienta in domeniul graficii este bine cunoscuta, editorul GoLive dispune de o cantitate mare de obiecte, atat HTML standard cat si proprii. De asemenea, lucrul cu frame este foarte accesibil, acestea putand fi adaugate sau sterse foarte usor. Datorita interfetei asemanatoare Photoshop-ului, utilizatorii familiarizati cu acest program de grafica nu vor avea probleme la crearea unui site nou. Cool Page 2.7 Programul este destinat in primul rand celor care nu au cunostinte si timp pentru crearea graficii unui site web. Aceasta deoarece este livrat cu o multime de animatii GIF sau Flash, imagini si icon-uri gata de folosit in cadrul paginilor. De asemenea, datorita posibilitatilor de editare drag & drop, o pagina web poate fi construita in cateva minute. Macromedia Dreamweaver 4.01 Atunci cand vine vorba despre realizarea unei pagini HTML nu se poate sa nu aducem in discutie si Dreamweaver de la Macromedia. Cu toate ca orientarea sa este mai degraba spre un nivel mediu spre inalt de cunostinte in domeniu, el poate fi folosit cu succes si de un incepator. Dispune de un mare numar de template-uri care simplifica semnificativ munca de "schitare" a site-ului. Si pentru paginile web aveti la

dispozitie mai multe modele pe care le puteti prelua, modificand doar informatia prezentata. Pagina web: www.macromedia.com HotDog PageWiz 1.04 Desi la prima vedere poate parea un program complicat, PageWiz este un instrument util pentru un utiilizator cu mai putina experienta, din cel putin doua puncte de vedere. In primul rand este o modalitate utila de invatare, pentru ca include o documentatie a limbajului HTML bine pusa la punct si care ajuta in timp real utilizatorul. In al doilea rand pentru ca include un "editor-vrajitor" foarte rapid care permite construirea unei pagini web intr-un timp foarte scurt. NetObjects Fusion NetObjects Fusion este potrivit pentru titi webdesignerii, care doresc sa obtina o pagina de internet cat mai repede si fara prea mare efort. Gama de functii oferite de Fusion este absolut satisfacatoare - daca nu ai pretentii prea mari. Tocmai multitudinea de functii de help face ca si novicii si utilizatorii mai putini versati sa obtina extrem de repede rezultate reprezentative. Fusion lucreaza cu obiecte, pe care le imbinati prin drag&drop, realizand astfel un site. Se poate spune, deci, ca incepatorii si designerii, care sunt presati de timp, vor fii cu adevarat incantati de NetObjects Fusion. Interfata simpla si intuitiva face ca erorile de utilizator sa fie excluse din start. Pagina web: www.netobjects.com HomeSite Editorul HomeSite produs anterior de compania Allaire (acum membra a Macromedia) se adreseaza in primul rand webdesignerilor, care dispun deja de tehnicii de programare si HTML. In ciuda unui cuprins imens de functii, datorita interfetei deosebit de reusite, utilizatorul va putea avea in permanenta o privire de ansamblu asupra intregului proiect.
by endy for TorrentsMD.com

HomeSite este practic opusul lui NetObjects Fusion sau a lui GoLive!: de aceasta data nu veti lucra cu obiecte grafice, ci direct in codul sursa al paginii web si trebuie sa stiti in permanenta ce pas parcurgeti. Acestea fiind spuse, este clar ca HomeSite nu prea este potrivit pentru incepatori si pentru adeptii Wysiwyg, in schimb este un editor absolut recomandabil tuturor celorlalti webdesigneri. Unul dintre avantajele programului il reprezinta codul sursa "curat", pe care il creeaza. CoffeCup Free HTML Free HTML este un program destinat in primul rand incepatorilor fara cunostinte HTML si programare web. Paginiile web pot fi realizate foarte usor, prin intermediul unor vrajitorii care va ofera posibilitatea de a plasa elementele paginii prin drag&drop.Stabilirea aspectului unitar al paginilor se poate face la fel de usor, prin aplicarea de diverse teme asupra acestora. Cam acestea ar fi optiunile pe care le ofera programul si de aceea incepatorii vor fi incantati de el, dar cei care dispun de cunostinte avansate vor cauta o alternativa. Totusi, faptul ca se pot crea rapid pagini web nu foarte complicate si mai ales gratuitatea, vor fii factori care vor determina alegerea acestui program. Dream Weaver Se castiga acces simultan la vizualizarea de design si sursa HTML. Se pot deschide documente create in alte editoare fara a modifica

marcajele create de utilizator. Codarea de mana este la fel de confortabila ca si design-ul. Se vor putea autoindenta elementele de cod, balansa simbolurile de punctuatie, indenta linii multiple simultan prin selectie. Exista functii java-script predefinite accesibile prin butoanele din ferestrele de asistenta. Pentru cod se aplica highligh de sintaxa, evidentiidu-se portiunile de cod unde este java-script sau alte script-uri. Pentru depanarea codului de java-script este prevazut un depanator care permite introspectia in executia care poate fi in Internet Explorer sau Netscape Navigator permitand astfel intelegerea functionarii fiecarui browser. Front Page Microsoft FontPage va ofera puterea de a adauga continut dinamic cu ajutorul unei componente de galerie foto, serviciul de componente Web din Microsoft MSN, Expedia, bCentral. Chiar daca sunteti un expert in pagini web sau un novice, veti gasi ca FrontPage este usor de invatat si se poate utiliza rapid.
Elemente de marcare

Elementele de marcare sunt principalele componente ale limbajului HTML. Ele apar in document sub forma de etichete (tag-uri) sau controale HTML. Numele elementului apare in controlul de inceput (sub forma <numeelement>) si in cel de sfarsit (sub forma </nume-element>). Exemplu: <BODY> si </BODY> Portiunea din document incadrata de controalele HTML se mai numeste continutul elementului marcat si este partea de document asupra caruia actioneaza respectivul mod de formatare.Anumite elemente nu necesita etichete de sfarsit (Ex: P), iar altele nu au etichete de sfarsit, in general pentru ca nu au un continut pe care sa-l incadreze (Ex: BR). Exista, de asemenea, elemente prezente in document care pot sa nu fie marcate cu ajutorul etichetelor, prezenta lor in cadrul documentului fiind implicita (Ex: BODY).Limbajul HTML nu face distinctie intre literele mari si literele mici ale alfabetului. De aceea formularile <BR>, <br> sau <Br> desemneaza acelasi control.
Atribute

Atributele reprezinta proprietati ale elementelor de marcare scrise sub forma unor perechi de nume si valori in interiorul etichetei de inceput, dupa numele elementului referit. Exemplu: <H1 id = "Paragraful 1" color = "blue"> Prezenta ghilimelelor la valorile atributelor este optionala. Fiecare control HTML are anumite atribute cu valori presetate care pot fi modificate de catre creatorul documentului conform dorintei acestuia. Ele pot fi, de asemenea, modificate dinamic, in timpul interactiunii cu utilizatorul, cu ajutorul scripturilor. Dar despre ele, mai tarziu... Atributele ale caror valori sunt de tip boolean (adica adevarat sau fals) sunt setate in felul urmator: absenta lor in eticheta de inceput a marcajului echivaleaza cu valoarea false presetata - prezenta lor echivaleaza cu setarea valorii true Exemplu: Formularea <option selected = "selected"> sau <option selected>

marcheaza atribuirea valorii true atributului selected, atribut al elementului option. Daca valoarea unui atribut nu este una valida ea va fi ignorata.
Referinte de entitati

Pentru a introduce in continutul documentelor HTML unele caractere care nu fac parte din alfabetul limbii engleze, numite si caractere speciale, (cum ar fi , sau ) se folosesc marcaje speciale numite referinte de entitati sau referinte de caracter. Spre deosebire de controalele de marcaj despre care am vorbit in sectiunile anterioare, referintele de entitate nu sunt incadrate de caracterele "<" si ">". Ele incep intotdeauna cu caracterul ampresand "&" urmat de un text in stransa legatura cu caracterul pe care il reprezinta sau un cod numeric si se termina cu caracterul ";".De asemenea, caracterele folosite in marcajele HTML (<, >, &) se pot insera in cadrul documentului numai cu ajutorul referintelor de entitate. Iata cateva din caracterele speciale, impreuna cu marcajele care le reprezinta: &amp; sau &#32 = & &lt; sau &#60 = < &gt; sau &#62 = > &quot; sau &@34 = " &reg; =