CREAREA = | PAGINILOR WEB amc Dave Taylor Traducere de Ariana Popescu si Gheorghe Musca (GE) «23 TeoraTitlul original: CREATING COOL HTML 4 WEB PAGES. Copyright © 1998 Teora Toate drepturile asupra versiunil in mba rom&na apartin Editurii Teora Reproducerea integral sau partial a textului sau a ilustratilor din aceasta carte este posibilé numai cu acordul prealabil scris al Editurl Teora. Copyright © 1998 by Teora, Original English language edition copyright 1998 by IDG Books Worldwide Inc. All rights reserved including the right of reproduction in whole or in part in any form. This ecition published by arrangement with the original publisher, IDG Books Worldwide, Inc., Foster City, California, USA, Creating Cool. -, and the IDG Books Worldwide logos are trademarks under exclusive license to IDG Books Worldwide Inc., from Intemational Data Group, Ine, Used by permission. 5 I 3 tol fax: 222.45.93 Siblu: Sos. Alba lulia nr. 40; tel: 069/21,04.72; tax: 069/29.51.27 Teora - Cartea prin posta "aed 34299~ CP 79-80, cod 72450 Bucuresti, Romania >> Tel/Fax: 252.1431 epp@teora.kappa.ro 7 Teora CP 78-30, cod 72450 Bucuresti, Romania Fax: 210.38,28 teora@teorakappa.ro Coperta: Gheorghe Popescu Tehnoredactare: Techno Media Sef de redaciie: Cora Radulian Birector General: Teodor Racucanu NOT 2463 CAL HTML 4, CREARE PAGINI WEB. ISBN 973-601-900-3 Printed in Romania Prefata Cine er trebui s8 cumpere aceasta carte? Ce trateaza ea? Ci rte? Ce trateaza ea? Cum citese aceest8 carte? De ce ar trebul s& citese aceasta carte? De ce v4 nu folosese, pur si simplu, un editor de pagini Web? Cine sunt eu> Bine ati venit! Hopat O alta carte despre Web. Prin ce este diferita de celelalte>* Iat8 otntrebere corects. Am scris aceasta pref crs aceast8 prefala pentru a réspunde la aceastntebare, Vieaus8 fl convinsc& raven rearee Paoinieh Web cu HTML 4 va rdspunde cetintelor dumneavoastrs si v8 to fcr In acelagi timp, ‘turd interesanta gi distractiva, . Despre ce trateaza aceasta carte Pe scut Creare Pagiilor Web cu HTML 4 este ltroducere tn TAL. HPL este prscurtaren dla Hyperfet Mashie tangege imbal de mrcape) i conaltilelimbajl ere peak Grea 8 facet publce prope documenta maltineas win Uae Web, Mitoane de uthuatointemar raf sauce orien brecum Amerie One, CompuServe Mersolt Nenion fesse Imedil extem de aac din pel de vedere situa nrc eae Wend Wie Web cu stort progrrnlos Internet Eaploves teeta Communicators Nvigeor Mosse nohe ae utizbnd HTL, pute ces documenteatractve afl la frontera Publicar interactive. Acesto ert motival penta cor ue hoes prin schiousle®invatarl timbajuls HIM In 1994, In sont opoen Wee Tee In privegte, am ivatat prin mead sncereal 9 grsel deo singurelereterinte pe cae le puteam gost cru cocunente Gein confure,scrlse de progremator, i documentate scouss la inininant Pen drnenvonstv ma sor tnd eens cate aca exoeriente cu softwares exemple Incase, puted Invate eee slementele de boza HTL i cum sa prlecat ed oe documente Web ule atacive, pe cares pomenali InternetCrearea Paginilor Web cu HTML 4 Pentru a conferi o mai mare atractivitate acestei cd, voi expune o parte din paginile pe care le-am proiectat si cBrora lis-eu decernat Premii, insatite de codul HTML care le-a generat gi voi explica ce se Intampls si de ce am implementat aceste pagini intrun anume mod 4 nu aitfel. Pana la urma, documentele Web atractive nu sunt neaparat| cele care contin imagini grafice numeroase sau elaborate, o mulfime de ‘mleroaplicati (epplet) Java sau mii de legaturi, Cu putin entuziasm si eva umor subtil, vetl vedea cum puteti expune informatie pur textual {in Web, intro menierd interesant8, angajanté din punct de vedere viauol, lila s distractiva - cu alte cuvinte, atractiva, Inainte de a va aprofunda in aceasta carte, ar tebui s8 stil elementele de baré despre functlonarea Intetnetului, cum 38 aveli acces la el $1 cum s8 utilzati programul dumneavoastrs de navigare Web, Dupa ce afi acumulat respectivele cunostinje de bers, vetivedea c& lucrorea de fat8 este o introducere distractiva In arta sista crestii documentelor Web interesante, de care veti fi mandru si pe care afi utllzatori vor dori 8 le vititeze gi exploreze De ce sa nu folosim pur si simplu un generator de pagini Web? Daca atifrunzarit deja aceast8 carte, pentru a vedee ce contine, ati observet numeroase exemple de lstinguri eu o mulime de instructiunt insotite de ,<" 51 ,>", Totus, reclamele din absolut toate revistele de Ccaleulatoare pe care le citi v8 spun, f4r8 urmé de indolal6, c8 nu e nevoie 68 v8 murdBriti mainile cu HTML, cénd putet utiliza un editor de pegini Web! Problema este c& fiecare editor de pagini Web pe care Lam vézut este estinat s8 creeze pagini pentru un program particular de navigace Web 1 dispune de o injelegere limitata a limbajului bogat, complex si continuu imbunstatit care este HTML-ul actual. Uslizati Microsoft Front Page si locatia dumneavoastré v2 arsta in mod cert mai bine in Internet Explorer (un produs Microsoft) deeat in Netscape Communicator. itlizoti Adobe Page Mill sau Claris Home Page si va vei lovi de probleme inversa: paginile vor fi mai aproape de pralectul dumneavoastra original daca utilizatorifolosesc Netscape Communicator. Esie o problema pe cat de subtils pe atat de ascunss. Un réspuns la aceasté problema inerenta este dat de recenaile proiectentilor Web care orets cd imensa majoritate a locatilor Web premiate din Internet sunt codificate manual, nu cu ajutorul generatoarelor de pegin Pretata NNiste prieteni pe care Farm ajutat ocazional la proiecteres on line mheu trimis recent un mesaj in care ma lmplorau 281i ajut, deoarece s-au lovit e insist de inconstanta prezentaril in diferite programe de navigare Dave, Ajutor! Toate arata diferit tn programe diferite de navigaret! Incepe sa devina un cosmar! Ce efect au Biversele prograne de explorare asupra modului in care este redata pagina? Clienta mee uttitzeaza ADL 1 din e-mail-ul pe care mi l-a trimis Tucrurtle arate rau de fot. Cand man uitat 1a pagina, pare in buna regula. Trebute facute cateva modificart ~ corp de liters, caractere aldine ~ dar ce se intanp)a? ‘Aceasta este une din cele mal mar frustrari ale tuturor protectantilor e pagini Web. Nu numai ca diversele versiuni de programe de explo- Fate accepts diverse versiuni de HTML, dar gi formatarea exacté cere ‘ezulta dintnun control HTML dat se modifies odeté cu programul de pavigare Web utilizat. De aceea regula, sfanté a tuturor protectantilor bbunl de pagini Wab este ,testeazs, testeazd, testeazé Intradevar, daca va vet! implica serios in dezvoltares de pagini Web, \-as sugera 38 eveli in vedere un plan similar cu al meu: Insinte de a declara in mod offcial ca atl inchelat un prolect, verificali toate peginile ‘cu cele mai recente dou edit ale celor doua programe principele de Ravigare, atét pe un Macintosh, cét gi pe un sistem Windows 95, (Asta Inseamna un total de opt programe de navigare diferte. In momentul de fe8 am instalat internet Explorer 3 si 4, Navigator 3 gi Communicator 4 pe embele calculatoare pe care le posed,) Conventii de text utilizate in aceasta carte ‘Textul tastat de utilizator apare cu caractere ingrosate, tn forma ‘urmatoare: ceva ce trebule tastat. Numele de fisiere, numele masinilor din Internet si directoarele apar Scrise cu font Courier, ca In eazul adresei urmétoare a locetiel Wed White House Guest Book, in care visitatori pot semna intro arte de Dpaspetl a Casel Abe wins tehouse .goV /Ml/ntnT/GUEEE 860K. hem Textul in format HTML apare seris in acelag stil special, tn forma urmétoare:Crearea Paginilor Web cu HTML 4 “ STITLE>Cum sa scrien pagini Web atractivec/TITLE> Chapter 1: uhat's a Web Page? Covers the basics of markup languages, how the Web itself works,. and different types of information in different documents, Chapter 2: vhat's a URL? Defines Uniform Resource Locators and explains how to make them for your own use. The chapter also includes Icontinuare)Crearea Paginilor Web cu HTML 4 (corre) brief discussions of FIP, Gopher , relate to URL construction. Chapter 3: Basic Keb Markup: HTHL ‘and e-mail as they: Gand vel alunge la jumstates citi, ve ft in masurd 54 ijeleget singur materiale de genul celui din figura de mai sus. La termineren acestel cart veti cunoaste si alte moduri de @ organize informoie, Pentru a faciita crearea de versiuni Web ale materialeloripsrite, Vet mai tnvata de ce modul de afisare HTML ilustrat in figura re este Desparat solutia optima de prezentare a informatie intrun medi eu hiperlegaturi cum este Webul, Dot st contactati pe autor? Trimet un mesaj de posts electronica be adres taylorintutve.com sau vittti pagina men personcis oe ce Web, a edrese EERRY/ wis sntaiRveYeoa/taynony Pagina-gozda a acest crt se ald le adress: HEEBE//ie. intl t1 ve. com/éooweb/ Dacé suntet! gata, s8 Incepemt Pretaga Capitla Copitetl Capitola Capito Capitola Copitoi Capitola Capitol Capitotul 1 2 3 “ 5: c z B 9 Capitolul 10; Capitotel 11: Capitolul 12: Ce este 0 paging Web? Ce este un Browser? GRLiuri: ce sunt gi cum se utilizeaze Notiuni HTML de baza Stiluri de text Liste si caractere speciale Addugarea referintelor si legaturilor Referinfe interne in cadrul documentelor.. ‘Adéugarea de imagini grafice pentru cosmetizarea" paginitor Tabele si cadre Proiectare avansata: fonduri, controale marquee si altele Harti de imagini, JavaScript gi aplicatii de asistenta Formulare $i introducerea datelor de la utilizator 21 4 53 n 85 100 14 ize m 199 222 253Capitolul 13: Copitolul 14: Capitolul 15: Capitolul 16: Capitotul 17: Capitolul 18: Capitolul 19: Anexa A: Anexa B: Anexa C: Anexa D: Anexa E: ‘Anexa F: Crearea Paginilor Web cu HTML 4 Interfata CGI (Common Gateway Interface) 278 Modele de stiluri 298 Imbunstatiri ale tabelelor si 316 Formulare avansate si elemente noi Introduse de HTML 4 wuss e sn 333 Facilitati suplimentare HTML 4.0 sesnnennne 347 ‘Ace in carul cu fan... 356 Pagini HTML dinamice gi vitorul Web-ult .r.csesnesnne 382 Construirea primet paginl ~ introducere 398 Ghidul pas cu pas al planificsriflocatiei WEB 410 Gasirea unel locatil pentru propria dumneavoastrs pagina WEB... ——— 418 Glosar.. 426 Ghid HTML, 434 Ce se afl pe CD-ROM runnin 446 Pretasa Capltolul 1: Ce este o paging Web? Ce este un Browser? .. Ceeste, de fapt, Web-ul? Medi liniare Hipermedi Locati tractive in Web Informatit din Web care nu sunt de tip HTML FIP vr Gopher $ telnet. : Intioducere in Netscape Navigator. Lansarea Netscape Navigator... ‘Modificarea pagini implicit Intioducere in Internet Fxplonet Lanserea Internet Explorer Modificarea pagin impli. Capltolul 2: URL-url e sunt $1 cum se utillzeaza Céutarea informatio in funul de date 41 GRLulle ne vin in out : ae Cities une ORL on oo oe 43 FTP prin URL 44 FTP enonim on oe 45Crearea Paginilor Web cu HTML 4 FTP cu nume de utilizator 45 Porturi 45 Utiizares URL-utlor de tip FTP. 46 Conversia spatilor din URL-url 47 GRLuri de tip Gopher 48 Post electronica prin URL 49 Telnet prin URL. 49 Acces la grupuri de stiri Usenet prin URL 50 Inima Webvulul: URLud de tip HTTP 51 Caplitolul 3: Noflun! HTML de baza. Bazele redactaril HTML. os : 53 HTML $i programe de nevigare . 54 Daca lai deschis, inchide non 56 Impastirea in paragrafe gi lini) 37 lmpartirea documentulul in sectuni 61 Inserares tttulul pegin : sn Informatii uzuale care se plaseazs la ef8rgt os 64 Definirea antetelor de sectune : 65 Rigla orizontala a vo 68 Capitolul 4: Stilurl de text. ‘Mai int, putina Istore ns Faciitares navigtrilfolosind caractere ingrogate gi alice Subliniere, caractere monospatiu gi ate modificdri ale textul 74 Uulizarea dimensiunilor culeriior sa corpurilor de Iter. n Aplicarea stilulor logle® ven ee 81 Combinarea tuturor proprietor 82, Capltolul 5: Liste s1 caractere speciale . Liste de tip define Liste neordonate (marcate) 39 Liste ordonate (numerotate) 9 Ceractere speciale in documente HTML vo 95 Spatiide afigare é 97 CComentari in eadrul codulul HTML 7 97 Capitolul 6: Adaugarea referintelor $1 legaturilor. Controale de formatare HTML mult-cuvant 100 Referinte etre alte pegini Web “102 Referizea informatilor non- Wed 104 RL-un relative . z 108 Cuprins Capitolul 7: Referinge interne in cadrul documentelor. 114 Definirea{intelorinte-un document Web o na ‘Adgugaree legaturilorcatre tinte din cadrul paginlor Web vn 1B, Seltur in eadrallistelor organizate 122 Legaturi cave tinte din documente externe 124 Capitolul 8: Addugarea de Imagini grafice pentru Cosmetizarea” paginilor 127 Diverse formate de imagine soso 128 Imagini GIF animate. . 130 Includerea imagiilor in paginile Wed 131 Alterative pentru programele de explorare Web de tip text... 135 Optiuni de aliniere a imagini. sncncay 3? Aliniere standard . vas 13 Alte alinier! mai sofisticate . : 140 Cateva exemple din lumen reald ve, 146 iTsvial Net eee : 146 -Reducerea la tacere a criti” : 149 istosia internet Mall vn 152 Unde pute gsi imagini? 156 Imagini nol create chiar de autori 156 Giip art sau biblioteci de imagini .la cute? 157 Programe de prelucrare @ tetelat nn n 158 Fotograi seanate vr : : smn, 160) Preluarea imaginilor din Internet . 7 162 Color transparente, a vos 165 ‘Aucio, video gi alte medi ns Semen s6) Flime toatt noaptea cssesoses : . vs 67 Auidia gl video de tip fan Se) Inirchetere : 169 Capltolul 9: Tabele $1 cadre Organizarea informatio in tabele.. Bazele formate tabelelor : Formetarea avansata atabalelor ws. 178 Posibiltat de generare a tabeleir in Internet Explorer 179 Modficarea marginilo sa caroajelor Artie egate de tabele Pagini in pagini: cadre Bazele organiza cadrelor : Speeficarea panourior si dimensiunilor de cadreCrearea Paginilor Web cu HTML 4 Capltolul 10: Protectare avansata: fondu controale marquee $1 altele .. Aliniereatextului si rgle orientale 200 Rigle la orizont 203 Umbre si culor pentru rigle 203 Lucrul eu liste 205 Culorisiimagini de fond. : “209 Modifcerea culoritextulul si legaturilor. 213 Derularea textulu in controsle marquee specie internet Explorer wun. 214 Audio integrat 216 ‘Adsugares de audio de fond 217 ‘Audio de fond in Internet Explorer . 218 Fonduri aevatice in internet Expiorer 218 Capitolul 11: Harfl de Imagini, JavaScript $1 aplicatll de asistenté .. 222 tt de magi Nn Dette are imagneacleat zr Gran animate : be Gt vn eimai on as neo tease deano : xo oy eer : 8 — — on aa lorie miioalctior (ppl) Jova xs Miepleat Jara nine ae Acie rnsnonnnnnnnn ie ve SOONEENN aap Apts desing Shockwave W RealAudio 28 Resco mo Shechve os 30 Capltolul 12: Formulare Introducerea datelor de fa utilizatos (© introducere in formularele HTML os 254 Producerea reectilor pe propria locetie. 257 ‘Adaugares meniurilor derulante vos 258 Un meniu derulant de pagini Web 261 Alte optiunt ale formularelor sa 29 Deavoltares formularelor propri printr-o for a Cautarusoare din propria pagina Alte artifiei pentru formulare 274 Cuprins Capitolut 13: interfaza CGI {Common Gateway interface} .. Interfota CGl de pe propriul dumneavoasts server Web Cel mai simplu exemplu CO! din lume Pagini Web intelgenteutlzand seripti CCl Tronsmitere seftes datelor {Un meniu derulant de pagini Web Preluarea informatilor din formule Capttolul 14: Modele de stiturt .. Inroducere in modelete de stitur Modele interne de stun Stlur specicate in antetl documenta Modele exteme de stu Aric utile pentru modelete de stir LLegature i moatics dimensiunes enum rn B12 Supraimprimare textull : . 313, Capitolul 15: Imbundtatirl ale tabelelor sl cadrelor 316 Tabele avansate.. ween BIT Bement no deisel invade de HTH 40 on : 321 Cade avANs ae rn = 324 Valor speciale TARGET. . 327 Cadre interne ven er Caplitolul 16: Formulare avansate $1 elementele nol Introduse de HTML 4 Tipal de intrare BUTTON, o ve 334 Utilzarea etichetelor in orgenizarea controlulu uiizatorui 336 Impattirea formularelor in seturl de eémpurt vn = 338 Controlul taste Tab la introducerea datelor : vanes 342, Aurbutele ACCESSKEY... se = 344 Etemente inactive (DISABLED) si protejate le scriere (READ-ONLY)... 345 Capltolul 17: Facititat! supiimentare HTML 4.0 Un nou mareaj HTML: Q Marcarea editéilor cu INS $i DEL . ' (Marzajul OBJECT von 350 Includerea elementelor grafice cu ajutorul mareajului OBJECT... 382. includerea unei alte pagini Web In propia paging . 352 Includeri de figiee pe server os 353,Crearea Paginilor Web cu HTML 4 Alte facility interesante Desparire automata in silabe Referinte interne ena ugor de realizat eu ID. In coneluzie Capltoful 18: Ace in carul cu fan. Generarea paginilor ugor de indexat cu ajutorul mercajului META. ‘Crearea unor tilurt sernificative tiizarea marcajului META Ate valor META posible Evaluarea continutulul cu PICS Protectia la programele de eautare Tnregistrazes la locatile Web de cautare gl indexare Tnregistrarea la un sit director Tnregistrarea la-un sit sau robot de cautare Uizarea Submit it (htp://www.submitst.com) ‘Spotut publictare pe baz8 de texe Publicitate in cooperare cu LinkExchange Mentinerea legsturi cu locale similare, utlizand un inel Web Bazele penourior publicitare Cea mai buns cale de a face publicitete propriei loca Capitolul 19: Pagini HTML dinamice $1 viltorul Web-ulul Pagini HTML dinamice cu stratus JavaScript Paginl HTML dinamice in visunea Microsoft Tehinologi dinamice pentru corpul de liters itpérire Contoate de pag nnn : © akernotive muzicala: MIDI Vitorul Webs. Anexa A: Construlrea primel pagini ~ Introducere. rea si editarea paginii HTML cu alutorul edtorulul Notepad wn. Introd Desctrcatea unei copii a programulul Paint Shop Pro Desearcaree eplicatil Graphic Converter Construct grafice cu ajutorul programului Paint Shop Pro ‘Testarea paginl propril cu Internet Explorer. TIncdrcarea pagini ct ajutorul aplicatiei FTP Explorer . (Ovultima verieare 354 34 354 355 356 387 Baz 383 392 "392 394 395 396 398 399 401 "402 403, 406 407 409 Cuprins ( 9) X ‘Anexa B: Ghidul pas cu pas al planifiedrit locaglel Web... Nivelul 1: Stebilirea conceptului ne Pasul 1: Stabilirea scopulul ao Pasul 3: Alegerea structuril situlul Web. 5 Nivelul 2: Constructia paginilor a3 Pesul 6: Optimizarea pentru cel mat lent! membri si sudiorilal Posul 8: Solicitatialtora 28 v8 verifice munca Nivelu 4: Incarcarea fiserelor pe serverul Web Posul 9: Pregatireafislerelor pentru server. Pasul 10: Verticarea URLului propriu Ukimul nivel: Anuntarea propriel pagini Web. "417 Anexa C: Gasirea unel locagil pentru propria dumneavoastra pagind Web. Propriety esentiale : Sit fara taxa Phronties Public Housing Project Tipe = Furizorl eft de ocat Web Best Internet Communications... Di's On tine Cafe Digital Landlords. Netcom Communications Northcoast intemet ‘The Well, Servere gaads comercole/Magazine virtuale Best internet Communications Branch Mall GyberHouse on Downtown Anywhere. VaWeb The Virtual Village Diu sunt sufclenteoptuni>Crearea Paginilor Web cu HTML 4 Anexa D: Glosar Anexa E: Ghid HTML.. Adaugarea imaginilor (Capitol 8) nmnsnsnsinn 434 HTML de baza (Capitolul 3 nu numa) 435, HTML avansat (Capitolul 10 gi nu numa) 435, Numai pentru Internet Explorer (Capitol 10) 436 Constructia formularelor (Capitola 12) vonnes 437 Formetarea caracterelar(Capitolul 4) 439 Har de imagin’ (Cpitolu 11) a 440 Cadre (Copitolul 9 si 15) : 440 Referinje hipertext (Capitolul 6 $17) ssn : 4a Liste (Capitotul 5) aa 442. Includerea scriptuilor in pagina (Capitol 11) Codur speciele de caractere pentru documentele HTML (Capitolul 5)... 443, Tabele (Capitolul 9) — — 443 Ce este un URL? (Cepitolul 2) sms 485, Anexa F: Ce se afla pe CD-ROM.. 446 Programe de navigare Web ionsnsnannn 487 Internet Explorer (Windows) = 447 Navigator (Windows). ee 447 Instrumente Web enn von 448 Eaitorul de imegini Cofee Cup (Windows) 448 FTP Explorer (Windows) : 448 Ecditoare de texte —— 449 ‘ApplePie (Windows) = 449 NotePad Plus (Windows) sworn 449 WebWeaver (Windows) vs ABO Grafs 450 ‘Animagte (Windows) = ven 450 Paint Shop Pro (Windows) = 450 Distracte joc nnn ronnns 51 Infinal.. . 451 Index. Ce este o Pagina Web? Ce este un Browser? Wseex: Medi liniare capitol Hipermedi Locatitatractive in Web Informasii din Web care nu sunt de tip HTML. Introducere tn Netscape Navigator Introducere in Microsoft Internet Explorer Este mportant 58 aveti cunostinte de baza referitoare la notiunee web" de informatil. De aceea, inainte de a trece la bazele eres Proprilor pagini Web atractive, sa aruncém o privire atenté supra @ Seed 8 reprernts Webs, cum functioneaté 31 ce este HTML. Promit 8 fu scurtHipermedi Crearea Paginilor Web cu HTML 4 Ce este, de fapt, Web-ul? Pentru a injelege World Wide Web, este indicat s8 considerém mai intai ‘modul in care este organizat8 informatie in medile tiparte, Aceste ‘medi, cred eu, reprezint8 un model edecvat pentru Web si modul sau de orgenizare, desi unll ar putea considera ¢8 jocurile, filmele, pro- gramele TV si alte medii de publicare a informatiei sunt mai potrvite ‘nel comparati eu Web-ul Medii liniare Sé ne gindim putin la caracteristicllefaice si de orgenizere ale Arti de fats. Ce se observa in principal? Cartea este compuss din unitati discrete de informatil: paginile, Paginile sunt organizate, in mod conceptual, n capitole, Capitolele sunt legate impreuns, cand astfel nastere c&ri. Intrun anume sens, ceea ce aveli in fats este 0 colectie de pegini orgenizate Intrun format care va determins s8 le cit intro anumita ordine, de la prima la ultima pagina. Cu toate acestea, 1 cexista nicl un motiy s8 nu sérili de la 0 pagina la alte $i s8 v8 creati propria strategie de navigare prin eceste informal ‘Ma mai urmérit? Eu numese acest exemplu de structurare & cértil organtzare liniard a informatie. Ca sifilmele, cele mai multe c&rt Inclusiv aceasta, sunt organizate in deca c@ Incepet lectura la Ineeputel e&rti gio terminate sférsitul e. Stine maginar, acum, 8 in oe $8 intosrcelpagine in mod fie, pute etnge sone ce lo Desa neces posin esegest nalts Pentru a tece le pagina urmatoare, Almgerea une ale zone © Sageets inapol = v8 conduce la pagine precedents Mal mult, nogine Thvh tunel cand priv cupsinl ei pute ange dexter oh apitel penta trece direct pagina unde incepeacel cape. alnget oats rons ~o'micspltogram 8 unui dichoner = v8 mut intra curfotl ae cate Un asemenea model se numeste hipermediu su hipertest, termen Imeginat de uni vizlonari ai stintecalculatoarelor ined de la mijlocul secolulul XX, cu precédere de catre Ted Nelson in cartea sa Computer Lib. Anumite avanteje pentru cititor devin evidente in aceast8 abordare ‘mal dinemicé a organizériiinformatiel. Un beneficiu imediat este c& indexul de subiecte devine realmente util: prin capacitates de a atinge lect de interes, fie un text explicatiy, fie o referints descriptiv Capitolul 1: Ce este o pagina Web?.. Putet utliza acceasi carte ca material de referint, in plus fata de manualul organizat liniar pe care il ofer8 cartes, Este eceeasi diferent dintie metoda optims a accesulul direct ofert de un CD eu muzica st fluxultniar el une! benal audio seu video. Un alt beneficial hipertextulul implica notele explicative de subsol Textul de subsol nu mai trebuie Inghesuit in partea de jos @ poginiy cu aiutorut hipertextulul, puteti atinge asteriscul sau aumérul note ala codrul textulul, ceea ce deschide o mica pegina care afigeara note de subsol, Inca o idee: putetiatinge o ilustratie pentru a obtine o versiune le sceré ‘mal more a acelelilustrati, sau chiar pentru a convert ustrove meg secventé animata sau In spatiu 3D, in eare puteti naviga sl exesning ‘obiectul respectiv din diverse puncte convenabile 4 mod evident, ceea ce descriu ale} sunt paginile Web, Dar exist8 o Posiblitate suplimentara e Web-ului care face lucrurile mult mai cistrace {ve sl interesante: paginile de informatie pot gsi pe sisteme raspan alte n lumea intreagé. Paginile In sine pot fi documente foarte vane plexe (s, In cazul ideal, interesante si atractive). Inchipuit-v4 urea toarele: tn loc 58 se serie ,Putetiviita pagine Casei Albe pentra, informatitsuplimentare", documentele Web permit legaturi drecte, astfl ineét cittorll pot efectua clic pe cuvintele scoase in evideng® din roponiie~ sau pe o imagine a clair ~ pentru afi condusl imectat ra locatia Web a Casei Albe. Locatii atractive in Web Figura 1-1 ilustreaza un document Web de tip text pe care il veti explora mai tarziu, In eceasts carte, Observeti, in special, cuvintele ‘subliniate, core represinta de fapt legatun alte ate documente Web late in alta parte in Internet Dect sunteliconectat la Internet si efectuat clic pe secvenja National Institute for Literacy, veti fi condus (electronic) la central din Washington, D.C, lustrat in figura 1-2. Ceea ce face ca toate acestea s8fiealst de solicitante pentru mine (s Pentru milicane de alt utiizatori) este feptul e& numarul documentete Web nu este de ordinul mitlor sau zecilor de mi, ci de ordinul milion. Inelor ~ practic atat de mult, inst nimeni nu leva vidtat vreodaté pe toate, Sunt disponibile atét de multe documente, incat regésicea infor matiei este probabll cea mei mare provocare din Intesnet. (Hopal edt > acl 88 scriu autostrada informationala, Vol incerca #8 evit acest ct seu, chiar dace metefora poate f util atunci cénd se Iau in eoneicevareCrearea Paginilor Web cu HTML 4 aspecte legate de trafic, vitexe de conexiune gi alte subiecte asems. natoare.) nt Sites on the Web + EE SSetemana boalomat Figura 1-1: Cateva local interesant Ge vzitat din Internet — a fe ease aor oeoememy Welcome to LINCS: Be 0 ~ si : Dia pa vasa Dseca Lad ayn NE ean a ‘Whats New? Top Ten" Literay Sites on Lt (Current Events and Information Litersey Forums and Listservs LINGS Regional Hubs & States Literacy Resources Figura 1-2: Insttutul National de Suinge Educationale CSorthe Web ~ Capitolul 1: Ce este o pagina webz. Informatii din Web care nu sunt de tip HTML FIP Desi este o cert ca cea mai mare parte a informatilor din World Wide Web constau in documente multimedia elaborate, scrise in HTM special pentru delectarea cittorilor din Web, un numar surprinedior de mate de documente provine de fapt din alte tipuri de servic de publ are a informatiior din Internet. Aceste documente sunt prezentate in cele mai atractive formate posibile, chia, de eatre programele de navigare Web. Gel mat simplu dintre diversele servictinformafionsle din Internet este FTP (File Transfer Protocol ~ protocol de transfer de figere). ETP este lun mecansim care va permite accesul Ia hard-diskurl exterme pentes a utea lista directoare si a avea acces direct la anumite fisiere, Fete disponibil de mult timp ~ cu mult inainte de aparitia Web-ului, Prin ttadiie, lucrul eu FTP este neplacut, iar interfata a fost intotdesuna dear la un pas de programarea directa a calculatorulul. De exemplu, de PE 0 masiné-gezdé UNIX, ar trebui s& testi urmatoarea seeventa de Comenal pentru a va conecta la gatekeeper. dec.com (textal intodias deutlizator este marcet cu caractere ingrosate) 4% ftp! gatekeeper dec. cont Connected to gatekeeper.dec.con 420 gatekeeper.dec.con FIP Server (Version 5.97 Fri. May 6 44:44:16 POT 1996) ready, Name (gatekeeper.dec.com: taylor): anonymous 331 Guest login ok, send ident a5 password. Password: taylor@intuitive,com 230 Guest Jogin ok, access ‘restrictious apply. ftp> dir hypertext 230 PORT comand successful. 130 Opening ASCII mode data connection for /bin/ls. total 11 Groxroxrcx 2 root system 512 Dec 28. 12:57 docs cterer= 1" ‘root system 2435 Feb 8 00:26 getekeeper. hone. hem) storer= 1" root” system 455” bee 28 22:17 getekeeper.hone.hatml keontinuare)Crearea Paginilor Web cu HTML 4 eoncinuare) Trwer-xr-x 1 root systen 20 Feb 8 00:20 home.htnl - gatekeeper. hone. html Gr-xr-xr-x 2 root system 512 Feb 8 23:13 includes Grearcar-x 2 root system $12 Feb 8 00:35 info droxrexr-x 2 root system 512 Feb 8 00:35 orgs Groxr-ar-x 2 root systen 512 Dec 29 22:05 pics. droxrexr-x 2 root system 512 Dec 26 12:57. util 226 Transfer complete. renote: hypertext G19 bytes received in 0.28 seconds (2.2 Kbytes/3) ftp> Acceracteriza 0 asemenee procedurs drept complexé ar fio subes- imare, FTP este rapid si usor de utlizet, bineinteles dupd ce yprinzi* tosta magia, dar esenta lucrului cu un calculator este c& ar trebui $8 te pot! axa pe ce doresti s8 realizes, $i nu pe cum trebule s8 realizeti ace! Tee Comparatt exemplul precedent cu urmatoarea proceduré de utlizere © programului Microsoft internet Explorer, pentru a avea acces direct le ceeagl arhiva (ver figura 1-3). In loc s8 tastati toste acele informetl, Geschideti pur 1 simplu locetle ftp: //gatekeeper.dec.con/ hypertext introducénd aceasta adress in caseta afigeta, atunct cind selectati optiunea Open Location din meniul File In acest exerplu, ftp indie’ Upul serviciulut disponibil, pertea :// este 0 notajie gic (dac nu misterioasé), ler gatekeeper. dec.con/hypertext este numele Caleulatorulu sal directorulul pe care dori sé vitualizeti. Apasati ‘pol Enter. Formatul locatel (ftp: //gatekeeper.dec.con/hypertext) este numit Descriptor Uniform de Resurse (Uniform Resource Locetor ~ URL). ‘Sunteti gate sa vieitet! confinutul unui director sau folder? Efectuot ce pe acel director 4i va veti muta in ecel loc. Dorit! s& preluati un fisler? Bfectuall clic pe fiser 91 Internet Explorer determin8 automat tipul fisferulul, v8 intreabs cum dont s8 denumit fisierul pe PCul dumneavoastré sill transfer8 pe sistemul local. Fars mult vorba si rs agitetie Pe parcursul acestei ctl vot utiliza termenul PC pentru a mé referi in (general la otice lip de calculator personal. De fapt, scru aceast& carte pe un Macintosh gi verific procedurile pe um sistem Windows 95. Capitolul 1: Ce este o pagina Web?... Gi) i | FPP areca ypertet at eatehepree com | centri day Figura 1-3: Microsoft internet Explorer viiteaza arhiva FTP Gatekeeper ‘a. companiei DEC Operares comods cu FTP nu este 6 trasaturs specifies a Internet Explorer, cio posibiltate a (uturor pachetelor de navigare Web, Inclusiv @ celebrului Netscape Navigator. Figure 1-4 ilustreaza aceeasi locatie iocatia FTP a companiel Digital) viauelizats in Navigator. ——— ——= = ‘Current directory is ihypertest Figura 1-4: Navigator viziteaza arhiva FTP Gatekeeper a companiel DEC {il ene local in cate diferente dinte hdr cuvinte devine impor- ten Til servis ln care vs pel conedia ete coen co cu umes sistem de transfer al informatie, iar nformatia propvis presenta este conginutul Pin analogs, Web este sistemul de rons al nformate lar limbajul de marcarehipertext HTML — este format ullzat pentru continu Unele din documentate HTML din Intemet nu sunt disponible n Webi proprioas cl sunt accesible direct prin FTP. Figure 15 Wusteaz8 un exempu de aces fe prima pote eunel pagal care este access doar printn progrem FTPCrearea Paginilor Web cu HTML 4 ‘sau, bineinfeles, prin programul dumneavonstré de explorare Web care cltegte informal FTP, SRC Modula-3 Version 2.11 ude 2 te rome Figura 1-5: Un document HTML transfera Gopher si tenet Programele de explorare Web pot percurge medi de informati de tip Gopher 51 va facilteaza conectorea la alte calculatoare prin telnet Pentru a vedea cat de utile sunt aceste posiblltat, s8 ne amintim cum mergeau lucrurile inainte ca Web-ul $8 creeze brega prin unificarea iverselor interfete, Figura 1-6 prezinta un ecran al programulul Windows HGopher. Aplicatia este ugor de folosit, dar nu va poate ajuta Ia FTP, documenta Web eau orice altesva, Figura 1-6: Gopher este o solugie alternativa limitaté In raport cu rogramele de explorare Web Capitolul 1: Ce este o pagina Web?, “Telnet este, de asemenea, destul de usar de folost: de pe o masing gexda UNIX, tastati pur si simplu cuvantul telnet, urmat de numele caleulatorului la care dort s8 va conectati. Remarcati faptul c® avelt nevoie de un cont pe coleulatorul de Ia cistanta, pentru a va putea conecta. Dar aici este buba: cum s8 ii minte toate numele de calculatoare? Posibilitatea de a oferi un unie punct de plecere pentru diversele servicli Internet reprezint8 un atu real al unui program de explorare Web. Figura 1-7 ilustreaza o pagina Web, In care legaturile sunt, de fept, referinte catre diverse tipuri de servici Internet. Utlizand aceasta pagin& Web nu trebuie s8 memorafi numele caiculatoareloraflate la distanya sau modalltatea prin care putet s8 ajungeti in acele locurl Pe masura ce veti invata cum s8 prolectal gl 88 creat! pagini Web, veti Tnvata gi cum 58 alegeti gi s8 utllzay|civersele serviell din Internet, Efectuatl clic aici pentru a continua, (A fost doar 0 glumé!) | Multi-Service Travel Destinations on the 'Net ermine Demet sion Figura 1-7: Sercl utile accesible no sngur8pagin8 Wed Introducere in Netscape Navigator In 1995 au evut loc, din perepectiva Internet, dous evenimente memo: le: imensa campanie din jurul lansari sistemulul de operare Win- cows 95 s1 prima oferté publica de actiunl ale unel miei companii rumite Netscape Communications. Netscape 2 insemnet, pur si simplu, 0 explozle pe scene informetionalé sia devenit rapid una din cele mal bine cotate compenii mici din Statele Unite. Ceea ce a stérnit,Crearea Paginilor Web cu HTML 4 de fept interesul tuturor In legsturd cu Netscape a fost Navigator, un program de explorare Web, cu totul temarcabll pe care compania il istribuie gretult comunitsti Internet. Program apérat initial sub hhumele NCSA Mosaic si ska erolt rapid o reputafie solid. ‘Au trecut mal bine de doi ans! Netscape continué s& conduc8 pluto- rnul, mentingndu-i reputatia de lider In domenlul Web prin puternicul Software de tip server gi prin aplleatia (mereu imbunstatite) Netscape Navigator. De fapt, programull de explorare evolueazé rapid ~ foarte rapid chiar ~ atat de rapid incdt in orice moment, compania dispune de fo versiune a edite'oficiale a programului Nevigator, de o edie beta a \ersiunil urmatoare gi de o edit beta anticipat& a versiunil de dupa Yersiunea urmatoare, special pentru proiectantil de aplicetl. Com la fiecare gase luni se lanseez8 © noua editie importants, ceea ce inseam- na c€ se depune un efort constant de intretinere a softwere-lul Daca nu at auzit de pachetul Communicator, pot s8 v8 spun c8 cesta teste un ansamblu format din Netseape Navigator siun grup de alte programe, printre care un pachet pentru conferinte video s! nu numa Baca suntet in aceeas! situate cu mine, veli avea nevole doar de progtemul lor de explorare. Restul pechetelor de progreme v8 sunt Inutile, desi existb o aplicatie care merité etentie: Composer. Acesta este editorul de pagini Web oferit de Netscape, care va permite s& faenerati pagint satisfacdtoare faré s8 va Incurcat In codificarea HTML, Totusl, rerultetele pe care le vet! putea obtine dupa ce percurgeti aceasté carte vor fl cu mult superioarel Cu toate acestea, nu trebule $8 v8 sim sat deoparte, deoarece Navigator cuprinde si 0 mulhime de lucrurl agreabile,Inclusiv un sister de conversetii (chat), un pachet de telefonie bazeta pe retea si altele Cea ce nu cuprinde nici Navigator niei Communicator este © mods- litete de acces la eles sau 0 conexiune telefonicé le Internet. Detalile unel conexiuni telefonice la Internet depagese putin domeniul tcestei crf, dare euficient of epunem 28 dacd v8 putefl conecta la Internet dela PC-ul dumneavoastes, este foarte probabil c@ utlizati ceva" numit protocol punt la punct (Point-to-Point Protocol ~ PPP). Baca v8 gandit la un telefon si le modul sau de functionare, PPP este ‘echivalentul imbajulul ,vorbit" de telefon pentru ca PC-ul 8 posts ‘conversa cu firuleare jese prin perete. Desigur, nu putet! utiliza un telefon decé nts dispuneti de un serviciu telefonic, ar un telefon din Europa, de exemplt, ar putea 88 nu inteleaga semnalele transmise pe lun cablu telefonie din Jeponie. In concluzie, este vorbe de fopt de un fensamblu de trl factori = telefon, standarde de semnel si servicit telefonice - care fac posible tonal si serviciul de ape! telefonic. Prin comparatie, ceea ce v8 trebule pentru a dispune de o conexiune Internet este un ton de apel (0 linie de apel de la un furnizor de servicil Capitolul 1: Ce este o pagina Web?. Internet, cum ar fi America Orrline, Netcom sau Best Internet Commu rications), un stendard acceptat de semnal (In acest caz, PPP) si un elefon® software (un program de explorare cum er fi Navigator sau Internet Explore) Lansarea Netscape Navigator Tocmai cititi aceasts carte, deci e foarte probabil s8 fi petrecut deja ceva timp navigand prin Web si s8 fii gata s8 publicati on-iine propriul imeterial, In caz contrar, vel fi bucuras 58 aflati cd e destul de simplu sa Back (inapol) ~ Efectuaticlie pe acest buton si vell sri la pagina ‘enterioaré celel pe care o vizualizet! In momentul respect. Puteti ‘merge mul pas! inapoi deca ati navigat suficient timp. O optiune gi mal interesanta: efectuati clic gi linet! butonul mouse-ulul apSset, Print (tipsrite) - Sunteti gata s8 pastratio cople pe hértie @ paginil vialtete? Efectuati clic pe pictograma de imprimare si copia va legi frumos la imprimanta. se Security (securitate) ~ VA intrebafi dacé pagina virualizata in mod ccurent este sigura sau nu? Efectuatl un simplu elie st vet obtine o sinteza de informatii despre statutul de securitate al paginll vizua- lizate. Nu vi ingrijorati daca 99% din paginile omline sunt declarate ‘ea find snesigute”; In orice caz, acest aspect este cu adevarat Important doar atunci c6nd se afigeaza informati cu grad inalt de confidentialtete ~ informatil cum ar finum&rul de securtate Capitolul 1: Ce este o pagina Web?.. sociala, declaratia beneara pentru tronzactii online sou o plats efectuatd prin carte de credit Stop ~ Atunci cand asteptati mult timp ca incarcarea unei pagini $8 fie inchelata, este ceconfortant s& sil c8 potl spune programulul Navigator ,En ordine, am vszut destul", efectuand clic pe acest buton, F gure 1-10 ilustreaz8 butoanele Netscape Navigator descrise mai sus. Figura 1-10: Butoanele principale ale barei cu instrumente de fucru din Navigator Modificarea paginii implicite Uh lucru pe care Ml veti gsi foarte ull pe mAsurd ce vel cli aceasta carte este posibilitstea medifcarii paginilimpliite din Netscepe Navigator, in aga fel neat s8 incepeti chiar cufisierul Coolweb: html ia loc s2+1 edutati pe sistemul dumneavoastré de fiecare dats. Operatia, este dastul de simpla g1 implica petru etape: 1, Deschidet! Navigator gi deplasati-va lafisierul Coolweb.html, aga cum s-0 ardtat anterior 2. In meniul Eait selectoti optiunes Preferences. Insta din partea stings efectuai cic pe .Navigation” si vet vedea un grup de optiuni eare seamén8 eu cele din figura 1-11 In mijfecul easetel de dialog exists o optiune nurmits Home Page (pagina gerd). 3, Electual clic pe butonul Current Page (pagina curents), 4, Electualicie pe OK gi gata! Dupa ce ati vazut cum se schimba pagina gazda implicit, o put modifica dup8 dorinta - In aga fel incat s8 indice pagina proprie din Web dupa ce afl creat-o sau s8 se Inceapa cu ericare din muttitudinea de pagini interesante care exist In Internet,Crearea Paginilor Web cu HTML 4 Figura 1-11; Modtficarea paginil gazda imple in Netscape Navigator Introducere in Internet Explorer Arfi trebuit s6 f trait inteo pesters ca s8 nu fireceptat toata agitatla Iscaté cu ocazia lanséril Windows 95. Acesta este mult mai mult dectt tn sistem de operare; este un mediu complet nou pentru utlzatoril de Cush un mediu care are drept scop sporirea usurintel in utiizarea calculatorutui, iar interfata mai unitera gi consistent La fel ca revizille constante fécute de Netscape asupra programului su de navigare, Microsoft a adoptat o cale agresivé de lensare a versiu- nilor noi, de indata ce compania le finalize. Surprinzstor este faptul ¢& [Microsoft pare sa forjeze lucrurile, Prima versiune a Microsoft Internet Explorer, inclusa In pachetul Windows 95 Plus Pack, ere acceptabila, deri lipseau multe din cele mal bune optiuni din Navigator. In momen- tul scrieril aceste cérfi, editile 4.0 ale ambelor programe de nevigare ‘au proprietati identice:diferentele se invart In urul componentelor ‘2uxillare, cum ar fi conferinte In grup (Microsoft are un design mal bun, Netscape are o implementare superioar8),telefonie bazata pe Internet (Microsoft are un sister mai bun) si discutit interactive (sunt cam la fel). Aproape ca nu exist8 controale HTML care s8 fie acceptate doar de unul din cele doua programe, spre deosebire de prima generale 2 acestor aplicati. Acest luctu este imbucurator; prolecte foarte soft ccate de pagini Web funcjioneszs in embele programe, cu céteva exceptii despre cere vol vorbi mai térziu, in cartea de fet8, O versiune de Internet Explorer este inclusa in Windows 98, deci va fi mat ugor #8 Capitolul 1: Ce este o pagina Web?... {glsiti acest program de navigare pe celculatoarele pe care le veth felosi. Lansarea Internet Explorer Dap ce sunteti gata s8 incepeti explorarea Webwului - sau doar a fisietelor incluse in aceasta carte ~ trebule s8 Identificati gi 8 lensati in ‘execute fie Explorer, fe Navigator, Putef face acest lucru In modul cel ‘mai usor executénd dublu-clic pe pictograma Internet de pe suprefeta de lusru a sistemului dumneevoastra, lansand aplicatia din Program Mana- get sau prin intermediul omniprezentului buton Start din Windows 95. La prime lansare a programului Explorer, aceste va incerca s8 se ‘cenecteze It pagina gazda Microsoft din World Wide Web, ceca ce poate constitui o problema dacé nu avetfinstalata conexiunea Internet. Daca se intampla aga cava, nu v6 ingrijorati; selectati Cancel atunc! ‘cénd programiul afigeazd o casetd de dielog care solleita un numar de telefon, sau cdnd semnaleaza in alt mod c& asteapta stabilirea unel ‘canexiunt internet. Vetisfarsi prin a privio pagin’ vide, der toste clementele de control vor fi prezente. Selectati acum Open File din meniul File (seu ullizatl secvenga rapids Ctl+O de la testeturs. Aceasté actiune va deschide caseta de dislog Open Local File, ilustrata Tfigura 1-12. Figura 1-12: Identificatfisierul Coohweb html sl efectuaticlie pe Open ‘Acum af! obtinut ceval Ar trebui ca Internet Explorer s& deschida prompt acest fisier s!imaginile grafice asociate gl 98 le afigeze pe toate Int-o fereastré eleganta. Apropo, e posibil sa avetl pe ecran bare cu Instrumente de lucru diferite, dar acestea se pot activa si dezactiva prin opiunile din meniul Preferences, Figura 1-13 ilustreazé cum ar trebui ‘sBarate pagina Web a carti de fa{6 pe ecranul dumneevoestrd,Crearea Paginilor Web cu HTML 4 Welcome to The Book CDROM! Examples Ongunied by Chapter « | am atneivteremoi tan metamauins | Figura 1-13: Pagina gazd8 a cirgide fa in internet Explorer Dacé bare cu instrumente de lucru este selectats, puteti observa un set de mici butoane care va pot ajuta s8 va deplesatiin Web, De la stanga Ia dreapta, aceste butoane v8 permit #8 va deplasctlinsinte #! Inepo! intrun grup de pegint vizitate, 68 opriftransferul unei pagini lente, «8 reimprospatatl pagina (adica obtinerea unei noi copii a paginil si reefigarea el pe ectan: acest buton va ajuts enorm atunei cénd dezvol tati propriile pagini Web) si s8 trace! Imediat la pagina gazdé ~ sou le cea impliits. Pictograme care lustreaza globul pamantese cu o lupa descupra va permite 08 vb deplosoli divest la pieyianiil favors de ccdutare in Web, cea in forms de casuta postala v8 conduce la progra ‘mul Microsoft Internet Mail and News (livrat impreuné cu Explorer), care v8 permite s8 trensmitell¢s@ receptionat posta electronics (e-mail) iar pictograma ce reprezinta un ziar v8 permite 38 porticipeti la oricare din mile de grupurt de diseutil online Usenet, Pictograme in form® de doser, avind o stea in centru, v8 permite #& deschidet lista locatilor dumneavoastra favorite; e posibil 24 fi aunit de aceasts facilitate si sub numele de lista semnelor de carte" (bookmarks). O roprietete utla ~disponibilé door In Internet Explorer ~ este accesibila prin butonul care reprezinta itera mare A cu ségeti in sus gi jos. Aceste ‘va mari sau micsore toate corpurile deliter8 din pagina Web curenta {(sageata in sus pentru marie, sigeete in jos pentru micgarare). Cu alte cuvinte, dacé vizualizati o pagina Web si fextul este prea mie pentru a fi eititlejer, efectuati clic pe butonul Larger pentru a mari toete textele Capitolul 1: Ce este o pagina Web?. @) Figura 1-14 iustreaza butosnele de pe bara cu instrumente de Iucru Internet Exploren Figura 1-14: Legaturi convenabite de pe bare cu Instrumente de tucru ternet Explorer Modificarea paginii implicite ‘Acum, dupa ce afi lansat programul, 98 examingim un ertficlu uti ininte de @ Incepe explorarea HTML si misterele 4i aventurile dezvol: tari paginilor Web: configurarea paginil implicite ca pagina Web Airactio care ar trebui sa fie deja afigat® pe ecran. Dupa ce vel invata ‘cum $8 serieti pagini Web atractve, vetl putes modifies pagina impl t8 ce lind pagina proprie sau, eventual o alta pagina utila din Pentru e modifica pagina implicit, efectuati clic pe butonul Preferences dds pe bara cu instrumente de luert sau din meniul View. Una din otiunile pe care le veti remarca acum este etichetata Home/Search, $i aceasta este cea cautat8. Selectajio 3i ar trebul s8 obineli ceva foarte, fasemBnator cu ceea ce este reprezentat in figura 1-15. een elon moeslaem | a “som | aa | — son |b 2a ae | eee eae aceon | Figura Deoarece vieualizati taemai pagina pe care vreti sa o definti ca pagingCrearea Paginilor Web cu HTML 4 selectatiintregul URL si apoi sa decupat! in caseta de text ,Address in zona Home Page a acestei casete de dialog, Aste este tot, La urmatoarea lansare a programulul Internet Explorer veti eves la indemana pagina Web a lucrSrit de fat observatie ironies: In versiunea 3.0 a programelor Navigator si Explorer, acesta din urma avea un buton dragut ,(lse Current" (util 2e8z8 pagina curent), pe cand Navigator nu. Acum, in versiunes 4.0, cel dol siau inversat pozitia asupra acestei optiuni uille, Care din cio vva Include in versiunea 5.0 Fit pe fa28 si vom afla impreuns! Foceti-v8 putin timp pentru a hoinari un ple si selectatj butonul Examples pentru a examina cum au fost organizete sutele de figlere- fexemplu, astfel incét s8 obfina dubluri ale informatillr lustrate din aceasta carte. Amintifiva 8 puteli orlcénd utiliza s8geata Inepoi de pe bara cu Instrumente de lucru, pentru a reveni la pagina vizualizeté| In ecest capitol afi parcurs rapid cBteva locatil disponibile in Internet si ati vazut curn putet! utiliza referinte Web pentru faves acces nu numai la docurnente HTML. Aji Invatat ¢& Rezumat pici soos programe de cxplorare Web pert aber fislerelor prin FTP, cdutarea In locatii Gopher si conectarea le alte masini din Internet, prin telnet. In cepitalul 2 vel inves- tiga misterele constructilor URLurllor, cate reprezinté esents schemel de legsturiInformationale WEB. URL-uri: ce sunt si cum se utilizeaza in acest Regasireainformatilor cu ajutorul URLuilor capitol Citren unui URL “Transfer fglerelor prin URL Pogta electronica prin URL Uutzerea URLurlior pentru diverse servicit Internet Gerstner sce ny ie document ish crelic lume dentro tn Weds Pane cue} Sp ce Yalelipinl concep in ses opt, vel gate abode sre tid devrt rosie! Acet capa pne'm ase dea estas deunde pronn ce sens sume putes bevel popr Sunt deste pe sur PT let era tauren coe a eqs cu conse Un-rfor Dupe ce vor tmnt aces ap v promt ct vomn eps deerrea Seon Cautarea informatiilor in fluxul de date Pe mBsur8 ce societatea nonstré a facut tranzitia de le produse la Informajie, am asistat lao accelerare repidé a unel probleme vechi de card lumea: identficerea resurselor necesare. Gésiren 3| objinerea resurselor au fost teme importante de-a lungul istoriel lumi fie c& @ fost vorbe de micodenii, combustibll, materi prime sau informatie. Astizi, ne-am agtepte ca sistemele de caleul $8 fact procesul de ccttare mal ugor. La urme urmei, nu Se presupune cA sistemele deCrearea Paginilor Web cu HTML 4 calcul sunt experte In parcurgerea unor mari cantitat de date pentru a isi ceea ce cdutatl? El bine, da si nu. ‘Mat inta, or trebui s8 fecem distinetie Inte date $1 inforrnati. Datele epretinta material brut™ ~ ceva stotcuprinzstor, dela flecere secventa din memoria digits si pan la spotiul de pe hard-disk-uri sau de pe benalle magnetice de rezerv8. Pe de alts parte, informatie sunt date relevante si valoroase pentru interesele proprli. Daca va interesesrs urentul Beat din anii'60, de exemply, informatile despre alte subiecte, cur ar fi sisteme de conalizare municipale seu ace de cusut nu sunt de foc ule, ci mai degrabs o batale de cap. Caleulatoarele au extins extraordinar de mult prolferaree datelor. Ca lurmare, seperarea informatio din fluxul masiv de date reprezinta una in provocarile fundamentale ale epoctinformetionale, Imi pot imagina cat de mult se va inrdutati situatia fn urmstorilzece ani, cénddin ce in € mai multe date vor cireula pe linille de comunicatie. Considerat din acest punet de vedere, Internet-ul se contrunta eu 0 mare problema, Deoarece nu dispune de nici a autoritete sau orga. nizatle centrals, marile depozlte de date din Inteznet sunt sranjate int-o manieré deloc semaificativa sau intuitiva, Este la fel de probabil 8 {sit informetit despre curentul Best pe o maging care apertine unei ambasade germane, sau pe un mie ealeulator al unei scoli de arte modeme din San Francisco. URL-urile ne vin in ajutor CERN este un institut de cercetare pentru fica energilorinelte, aflat in ENetia, care a creat tehnologia de baza a World Wide Web-ulut ‘Atuncl cénd Tim Berners-Lee si echipa sa de la CERN au inceput #8 rere un mecaniem commun peniea identificeiea unica « informatie gin spatiul de dete, ei au inteles necesitatea unel scheme care sd incap- suleze In mod elegant diversele parti si care #8 posta fi extinsé in asa fel incat 38 includa o mare varietate de servill internet. Rezultatul 8 fost URL, Pentru a prezenta succint problema, un URL este un descriptor unic care poate identifica orice document (simply sau hipertext) - imagine fafied, meniu sau element de Gopher, artical Usenet, calculator sau Shiar o arhiva de fisiere ~ oriunde in Internet sau pe masina dumnes: voastré, Aceasta proprietete face ca URLurile #8 fie atét de valoroase, desi formatul lor pare, la prima vedere, putin confus $i crptie. Numele de URL poste fl intespretat ca find ugor impropriv. De multe ffi, notarea URL-urilor pe masura ce navigat! in Web va ajut8 doar la aBsirea resurselor a doua cara, find, astfel, un fel de serviclu de tip fi, Capitolul 2: URL-uri: ce sunt si cum se utilizeazé G3) XG ‘agenda pentru c6latorlle dumneavostra prin Intemet. Localizerea resurselor ~ gAsirea informatilor pentru prima data tn Internet si World Wide Web - este 0 problem& pe care o tratez mai tart, in aceasta carte. Deocamdata, génditiva la URL-usi ca la-un fel de earfide viehe entru resursele specifice din retea, Citirea unui URL Pertea poritiva este c@ formatul de specificare @ unuil URL este consis. tent in raport cu multiplele servieii pe care acesta le cuprinde, inire ete s© pot aminiti stiri Usenet, Gopher, documente Web si athive FTP. Careguld generala, un URL este compus din urmetoarele elemente servictu :// nume-gezda: port / cale-director Nu toate aceste componente apar in flecare URL, asa cum veti vedea atunci cand vetiinvata despre diversele tipuri de URLeurl specifice dlverselor servicil, Sablonul de mai sus este ined un bun ghid general Ss sider urmatorul exemple: Aetp://ww. intuitive. con/taylor/ index.html : [In acest exemplu, serviciul este identificat prin http:// (HTTP inseam. 18 Protocol de Transfer HiperText, metoda prin cere documentele Web ‘sunt trnaferate prin internet). Utiliz8nd http, precizali programului client - programul Explorer sau Navigator pe care il flositi pe calcula {orul propriu pentru 8 naviga in Web - ca v8 conectati la un document Wet. Coleuletorul gozda care ofera informatia céutats este vee intuitive, com. Partea com (numité zona) precleeeza c& aceasts locatie este uns comercial; intuitive este domeniul sau gezde, or on este numele serverului Web, adicd un anumnit calculator De obicel 840 cum este cazul de fats, nu e nevole s& specificati un port (porturlie sunt oarecum asemanatoare canalelor TV), deoarece majoritatee servarelorutilizeaz8 numere standard, predefinite, de porturi. Pe server, dorim fglerul index.htm din directorul taylor. Aceasta este, de font gira mea personals, rmstorul URL este un exemplu ceva mal complex: Ttps//#tp.cts.com/pub/wal1st/ URLul identifies o arhiva de fisiere 9 firme! Wall Street Direct (stiu intérmplator acest ucru). Va puteti de seama c& URLul indica o arhiva din Sdentificatorul de serviciu (ftp, care insearna Protocol de Transfer de Fistere, modalitatee prin care fisierele sunt copiate in Internet), erverul sin acelnsi timn anzin enanectivn nate tn te eaeCrearea Paginilor Web cu HTML 4 Observati cd acest URL specifica faptul c8, dupa conectarea la serverul FTP, programul de navigare trebule $8 se pozitionere in directorul /oubjwailst/ si s8 afigeze fgierele din acel director. let incé un exemple: néis:alt.internet.services URLul precedent permite unui program de navigare sé citeasca grupul de stiri Usenet alt. internet services; observati c& ecest exempiuy de URL este oarecum diferit de celeaite. Prime observatie este c& nu specifica o masina gazda. Atunci cand configurai prograrnul de navigare (detalile difera de la program la program), Indica, inteun fisier de preferinte sau de configurare, ce gazd8 s8 utilzai pentru accesul [a Usenet. De obicei, gazda este serverul de stiri (news) al furnizorului dumneavonstrs de servicii Internet. Drept urmare, nu sunt necesare bare inelinate in formatul URLului, deoarece programul de navigare dispune deja de aceasté informatie. De aces, URLurile pentru resursele de stir se reduc la numele serviciulu $i celal grupulul de stir. Cu ajutorul URL-urilor puteti specifica © mare varietate de servielt Internet de publicare a informatilor. Sernificatia proprivzis8 a compo- rnentelor URL difers in mod subti in functie de tipul serviciulul speci ficat, In sectunile urm8toare, vom examina in detaliu URL-urileflecérul tip de serviciu FTP prin URL Daca suntet!familiarizat cu radécinile istorice ale Internetulul gi ale retelelor premergstoare (In special ARPANET), stti deja e& una din primele uulizar ale sisternulul a fost tranaferul rapid al iserelor Intre ‘gazde aflate [a locati ciferite, Mecanisrul standard de realizare a ‘ansferulul de figiere a fos, gl este inc8, FTP. Der, in timp ce calcula toarele s-au dotat cu interfete prietenosse, FTP armas in epoca de platra. Multi utlzatorifolosese incé interfee complicate de tip linke de ‘comanda, pentru aceasta funetie vital NOTA) £2? pan ntermeit una progrem de navigare Web est mult mal ‘comod decét prin interfets de tip nie de comands, Capitolul 2: URL-uri: ce sunt si cum se utilizeaza FTP anonim Pain FTP sunt accesibile milloane de fisiere din Internet. Pe majoritatea maginilor gezdé, nu ave nevoie nicl macer de un cont personel pentru a descérca fisierele cdutate. Asta pentru c& o practica standard in Internet, numita FTP anoniim, permite otiesrul utilzator #8 se conec: tere la 0 gazda FTP, utilizind numele anonymous. Dac& vi se cere 0 perola, tastati adress dumneavoastra de posta electronica, Printe alte Lslizari, pute folosi FTP anonim pentru a obtine programe noi pentru ) ~ de exemplu, . Acest control - sau ‘marca’ HTML, cum mal este numit - comunica unui interpretor HTML (program de navigare) ca documentul este scris gi formatet in limbajul HTML standard, Exemple de interpretoere HTML ar putea fi programulCrearea Paginilor Web cu HTML 4 Internet Explorer al companiei Microsoft, program de explorere Web inclus atst in pachetul Microsoft Plus! pentru Windows 95, c&t sin pachetul Internet Connection Kit al firmel Apple (si cate este disponibil ‘gratuit sila locatia Web Microsoft; vistati http://imw.microsoft..com/ Pentru a obtine o copie), HTML, la fel ca oricare alt limba de marcare, prezint6 unele probleme, 'S8 presupunem, de exemplu, c& dor! sa includeti cuvantul Inclusiv parantezele unghiulare - Inteun document. Trebuie 88 disp: neji de 0 modalitate de a impiedica interpretarea acestul cuvént drept control HTML, Pe parcursul acestei cdi vetlInvala cum sa includet! jasemenea informatii complicate in documentele propri. Deacamdata, vel n vedere asemenea probleme, pe masurd ce parcurgeli cartes, HTML si programe de navigare Ce se intémpla daca un program care interpreteaz HTML, cum ar fi Internet Explorer, citegte un fgier care nu confine nici un control HTML? S& presupunem c& afi creat recent fislerul notyet.himl, dar nu afi apucet sé edzugati controale HTML Fisierul dumnavoastra arats| Dave's Desk Somewhere in Cyberspace Dear Reader, Thank you for connecting to my Web server, but 1 regret to tell you that things aren't up and running yet! They will be .soon_, but’ they. arent todas. Sincerely, Dave Taylor ‘Arati destul de bine, desi unele randurl par mai scurte decdt cele cu care v-ati obignult In asemenea documente. Figura 3-1 ilustreazé cum ata figierul atunci cdnd este ctt de programul de explorare Internet Explorer Figura 31 nu reprezinta deloc ceea ce af! intentionet si este probabil destut de confuzs pentru cititor. Observati, de asemence, c&, desi plasarea unui ceracter subliniere inainte si dupa un cuvant coprezints, ey Capitolul 3: Notiuni HTML de baza ) inuunele sisteme, o indicatie ca acel cuvant trebuie subliniet (soon), aceasta nu face parte din HTML, deci caracterele subliniere sunt lasate neschimbate, indiferent dec8 au sau nu sens pentru eiliter. Figura 3-1: Fisierul not-yet hrm, fird marcaje HTML, redat in Explorer SOR SE Ripert notyet html fr marcaje HTML, recat In Explorer _ Ceea ce tebuie documentull din figure 1 sunt edteva contoale ATM - anumite informal pe cate programele de explorere Webe oate vila pentru a pagina $i formata Informal contnuts Im docu ment. Informatie de formatare mplcte din figerul notyet Men gost Velabile (din punet de vedere vizuel) pentru un cttor user dor programele de navigare Web le vor ignora cevarece nu fac pate din limbajol HTML. Cu alte cuvinte, dact nel vecem un caracter tt ce Prim coracter dintro propotie,aceesta este o indicate c& prosostia fs Inceputul una nou paragra, dar dupa cum se poste vedo Toore clarn figure 3-1, ou acest este cal programelor de explore Wea Wide Web. Press " ‘@ Exemplul ilstrat tn figura 3-1 poste prea acum putin simplist. Dar, pe Asura ce vefi lucra in HTML, sunt sigur e& atunel vand vet! erede 2 «ali pus la punct un document, Intrun anume fel, vei aves din cand in nd surpriza ca documentul sa arate dferit faté de ceea ce va asleptati, atunci cénd este redat de un programm de explorere Web, Testa ntotdeeuna documentele HTML, pin veualzarea lor intrunut s2u mal multe programe de explorare Wab, pentru av8 osigura cd fetal ats corect. De esemenea, doch v6 lov de situate In core progrand de explorareafgeazs toate controsele de formate, ioe #6 interpreters, inseam 0 al dent probabil igcral cu extensia tt” no de him. Programale Web sum merginte = dale un ier ont flilvorafga exect aga eum este, Pentru rezlve probleme, prs simplu redenumiti fisierul. 2 pyDaca a Crearea Paginilor Web cu HTML 4 lai deschis, inchide-1 Ratl multe controsle HTML sunt untayi de sine stétatore, unele dn ele Se mummoste cotnd contoale de inceput ssfaret. Controle! de incepet se mnannit Sontrot de deschidere er cel de afargit se nomegie wees de inchidere Sitnte, portant dire controaele de bats este cel ustrat anterior, Heap ane Sect fptul ea informatie care urmeas ete neem Uipbalul HTML. Marcajul este de tip pereche, decl nture Rauaell un marca) de Inchidere la sfargitul documentuul, core ea la f| ga morcajul de deschidere der are adéugels o bara incinre SERIMNG Ip aceeosi maniers, daca incepetio raza cursiva (seve cu crebuig sq melinate sau italce) cu (mareajul de scriere cust) dasahnae cgncheiatl cu . Orie element situatintre marceje de se aenidete $1 cel de nchidere capata otibutulacelul merce) ere ccura Ge Trcadrare a zonei pe care dori s8o formatatieste cosa merce umese notatia blac de sec{iure). Mae satel neatents specifica, de exemplu, o barSincinetsinvere Fel 2e de bara inclinata, cain <\HTHL> sau in alts vationts, pecronen oe gaplorare nu infelege acest control de Inchidere sli ignens ne Seenifcativs, deoarece contilul artebui sf apars lata sitl dupa care nu mai urmeaz8 nimic care sa fie penta, Rasanele slateme din Internet sunt foarte cludete gl pot alge sour nts ‘ezultate speciale pentru mercajele HTML care nu sumt etic Ekitduce aminte s8inchiti orice marco} pe cee Lat deschis este, cu siguranfa, un bun obicel Woo Stgdet 4 80 ve intémpla dacs pune ghilimele in jurul controale- 1 de kemelt, dack utlizati“" te inceputul docurentees wen enat Mk? Dack at presupus c¥ se vor afisa num ghilmelole, Wee auePtate, Teebuie 8 sublines faptul e8 programele de explore Hat fosrte simpliste in ceea ce privesteinterpretares imbejons HTML: Orice veriajie de a caracterele props specication HIME ‘Graduce le © paginare diferits de cea pe care afi Intentionat-o, sou la ‘anorarea completa a cererilor de formatare, In Capitolul 3: Nofiuni HTML de baza ee) N Impartirea in Paragrafe si linii (Skee portance maroj pe care evel vd - pe care leven fast prbsbi cel mst des apesia fap easy ses ee Parara/ ne saa ine nou. Exes dherse vane ey cen dou peti grea documente Web lebie slutle utines roar ele dous marcaje

gi
, itil Dave's Desk Sonenhere in Cyberspace Dear Reader, Pe Mant You for connecting to ay Wed server, but 1 recret to tell you {hat things aren't up. and running yet GRE MITT be soon, but they aren'® tovay, > : : Sincerely, 5 & ae Daye Taylor EGara 22 Moston cum rat ext HTL precedent inten progrem de navigare, = [este [RES terserseey | cesD Crearea Paginilor Web cu HTML 4 Versiunea din figura 32 a fsterulu rats ours imbunatie fata de figura 3-1, dar unele probleme se mentin ined, na cea din urm find fptul e& primele eétevs lini nu arat8 corect In zelul lr de 8 organiea textul cét mai ing, programele de explorare Web completenz8 tn ‘mod Implicit nile eu eat mai multe cuvinte pesibil. Completarea linilor este corecta, in ca2u! paragrafulu principal al figierulu, dar primele lint ar arBta mat aproape de ceea ce dari dacs aff indica rogramulul de explorare #8 react Ia lnie nous inte element in loc 58 le plaseze in access line. Modalitatea de a trece la linie nous in HTML este mareajul de linfe noua (break):
. Ca orice marca}, controlul
poate apsrea orlunde in text, inclusv la sfarsitulliniel pe care dor s8 0 intrerupet Controalele HTML nu tin sema de tere mari sau mici, ceea ce inseamna 68
gl
(si chiar
) sunt exact la fel. Textul HTML tn care este uilzat controlul
este prezentat in continuare! Dave's Desk
Sonewhere in Cyberspace

Dear Reader,

Thank you for connecting to my Web server, but I regret to tell you ‘that things aren't up and running yet! They will be _soon_, but they aren't today.

Sincerely,

/ HTM Dave Taylor © problema nerezolvata In aceasté paginare este faptul c& informetia legats de semnaturd trebule 38 fie indentats la drenpta cu estiva ccentimett, ca Intr-o not standard de afaceri, dar in programul de navigare este mentinuta in marginea din st8nga a documento Capitotut Nofiuni HTML de baz =) Marcajultinie noua in tsierul not-yet htm! Penira a emectaprobems, pute tia mercaul de informatie rooratat: . Brel urmalor lusueseh ne eee “PRC conser toate corctererc spare dln Ae ie inlet pete 8 scoaie never teres master fils Dave's Desks Soienhere in Cyberspace Ge Deir Reader, op Thank you for conecting to my Wed server, bu \ regret to tell you me m mee thit things aren't up and running yet! They will be soon, but they arene tedey. Dave Taylor Dupé adaugarea controlului

, oi

lulu 
, ati ajuns la formatarea doris, dar
cum a aparut alta problema: textl din blocul preformatat (materiel
Gintre 
 si 
) apare scris cu un corp de liter aiferit de lip,
monospatiy (courier). Patel observa diferent in figure 3, daca vi

Corpul de itera se refer la un anumit sti al caract
Gorpal de itera se refers la un anumi sia caracteretor, vind diverseCO)

i)

   

Crearea Paginilor Web cu HTML 4

cu o anumita dimensiune gi stil. Helvetica este un corp de litera,
Helvetica 12 puncte italic este un font. Inteun corp de iteré mono:
spafiu, flecare liters are exact aceeas) lstime. Zece carectere i mic
(ittiit) au, de exemplu, exact aceeas lajime precum zece caraclere
‘m' mic (mmmmmmmmnmm). In aceasta carte se ulizeazé un corp de
litera proportional, deci puteti vedee foarte clar ca zece caractere ‘t
sunt mult mai Inguste decét zece caractere

 

 

 

 

eee cor
poe eee ee eS SS

 

   

 

 

corect, dar corpul de lterd este difeit

 

 

Motivul pentru care programul Explorer @ modificet corpul de literd din
figure 3-4 este faptul c& prograrmul de navigare a presupus ¢é textul
preformatet este un listing de cod sau alté informatie tehnic8, Acesta
este contextul cel mai urual al marcajulul 
. In concluzie, @
functionat oerecum, dar nu este chiar ceea ce afi dort. (Puteti totus,
utiliza cu folos mercajul 
 in ate situati, aga cum veli vedea rai
térziu in acest capitol.) Deocamdata, lasati salutul §l numele meu in
‘marginea din stange a ecranului, eliminand controalele 
 si
punénd la loc marcajele de paragraf 
.

Stati putin! Unde tastez toate astea? Este adecvat orice editor care vi
permite s& salvatifisiere obisnulte ASCII. Pe PC-ul meu, utilizes
RotePad, un program care este inclus gratuit in Windows 95, iar pe
sistemul meu Macintosh, programul SimpleText, dstrbuit de esemenea
‘retuit. Asigurati-va doar c& salvat figieul in format text-only si 8
utilizatiextensia de fisier ,.htmi*, astfel incét atunci cAnd deschideti
fislerul de test int-un program de navigare Web, acesta va fi interpretat
‘ca 0 pagin& Web. Anexa A este 0 demonstratie pas cu pas a procesului
de creare a unel pagini Web simple: daca nu mai putesi de curlozitate,
SErif la aceasts anexé si cititho.

 

Capitolul 3: Notiuni HTML de baza

imp4rtirea documentului in
sectiuni

Dasa vett arunca o privire atenta asupra unui document HTML complet
specifieat, veli observa c& este Impartit in dous sectiunk: cece ce eu
humesc sectiunea stationara (Informatia care of tipsrité In antet dac&
fisierul ar fio nota scrisa reala) si corpul propriuzis el mesajulul.
Génditi-vs la informatia pe care 0 gasitide obicel in partea de sus @
tunel asemenea note:

NENORAWDUM
catre
De la:

bata:
Subject:

 

‘Acestea sunt cele mai uzvale elemente de informatie de la Inceputul
lunei note, iar in continuare exlsté de obiceio rigla (0 linie) urmata de
sspajiu go, in care scrieticontinutul propriuzis al mesajulu

|n mod similar, figierele HTML sunt de obicei Imparite, din motive de
organizare, in dou8 sectiuni: antetul (sau headerul) care contine
informatia introductiva de formatere & pagini $1 corpul. Utilzati
aicajele pereche   si <200Y>  pentru a
delinita fiecare sectiune. Exemplul uematorilustreazé cum erat
fisierul notyet.htm!, dupé ce s-au adauget aceste controsle:

tL


Dave's DeskeBR>
Snewhere in Cyberspace
a
Dear Reader,


SFAD

 

Crearea Paginilor Web cu HTML 4

Recunose e8 informatile de formatare   si 
 nu adauga nimic la afigare. De asemenea, docurnentul nu
confine incé nici o informatie intraductiva despre formatarea HTML,
‘deci zona  este vids, Dacé ar fi s8 vizuaizat textul precedent
Inte-un program de explorare Web, el ar arBta cain figure 3-3, Mai
tarzu, cAnd vet! invata unele parfi mal complexe ale limbajulyi HTML,
veti vedea de ce notatia bloc de sectiune (de exemplu )
poate fi un avanta}

 

   

Co credeti ca s-arintdmpla daca as furniza informatia urmatoote unt
program de navigare Web?

“Dave"s DeskeBR>Sonenhere in
Cyberspace



 

 

 

acd presupunetc& afigacea pe ecron a exemplulul precedent va fi
‘exact la fl ca materialul spatat cu gria,ilustrat anterior (ve! figura 33),
vel dreptate,

 

Tineyl minte ca programele de explorare Web ignora caracterele Enter,
taburile si spatille multiple, etunci cand documentul este reformetet
pentru afigare. Aceasta sugerea28 c& puteti economisi mult spatiu ~ gi
pPulef{afiga pe ecran o portiune mai mare din sursa documentulul ~
enuntind pur si simplu la caracterele Enter suplimentare; dar va
recomand hotarat s4 nu faceti aga ceva. De ce? Pe scurt, serierea
documentulul Web plasand marcajele in poail logice face ca docu:
‘mentul $8 fie mai ugor de procesat ulterior. Eu am sers gla trebult 96
depanez mai bine de o mie de documente HTML, si v8 pat asigura c8,
‘curcét lucrurle sunt mal aglomerate, ou at8t vor finfelese iat putin
peste cateva séptéméni, cfd ve trebui 88 ed8ugali nele informati
sau s6 modifica continutul

Inserarea titlului paginii

Unut din tucrurile subtle (dar simple) pe care le putetl face estfel Incat
pagina dumneavoastra Web s& arate mal elevat este $2 dati un tila
Adecvat, cu sjutorul controlulul 


Pentru documentul dezvoltat in acest capitol, notyet.html, un tits
ddrégat ar fi unul care rela chiar mesajul din figer, ce in exerplul
urmater:



STITLENot Ready for Prine Time!


 

\u1e 35 ilustreaz8 cum va arate noul tly in pagina redata de progrs:
‘mul internet Explorer. Observat in special modificares de pe bare
supetoara a ferestrei (cunoscuta gi sub numele de baré de tly).

 

|| cette

 

Figura 3-5: Marcajul