TEHNOLOGII WEB

CURSUL 1

HTML versus XHTML

Tehnologii WEB

Obiective cursrealizarea unui cod surs aferent unei pagini Webfamiliarizarea cu noiunile care stau la baza construciei unui site: liste, imagini i hri de imagini, legturi, tabele, cadre, elemente grafice i medianelegerea noiunii CGI - Common Gateway Interface;lucrul cu script-uri i folosirea formularelor;folosirea n cadrul Web a foilor de stil cascad - CSSdinamicitatea site-ului cu ajutorul Javascript-urilor

Tehnologii WEB

Modul de examinarecontinu: realizarea a dou site-uriunul folosind elemente de bazcel de al doilea folosind CSS si Javascriptfinal: examen

la nota final, se va ine cont de activitatea desfurat n cadrul laboratorului, predarea site-urilor i cunotinele prezentate n timpul examinrii finaleexaminarea continu va avea o pondere de cel puin 40 % din nota final !

Tehnologii WEB

BibliografieBuraga S., Proiectarea siturilor Web (ediia a II-a), Editura Polirom, Iai 2005Dave Taylor Crearea paginilor Web cu HTML 4, Editura Teora 2000Gugoiu Teodoru HTML prin exemple, Editura Teora 2000Gugoiu Teodoru - HTML, XHTML, CSS si XML prin exemple - ghid practic, editura Teora 2005Musciano, C., Kennedy, B., HTML: The Definitive Guide, 2nd Edition, May 1997Budd, A.; Moll, C.; Collison S., CSS Mastery: Advanced Web Standards Solutions, Apress, Berkeley, CA, 2006Flanagan, D., JavaScript: The Definitive Guide, 2nd Edition, January 1997Negrino, Tom; Smith, Dori, Javascript pentru World Wide Web, Editura Corint, Bucureti 2004 http://www.w3schools.com

Tehnologii WEB

C1 HTML versus XHTML

HTML4, XHTML sau XML? s6

HTML - HyperText Markup Language s7

XHTML - eXtensible HyperText Markup Language s13

XML - eXtensible Markup Language s18

Tehnologii WEB

HTML4, XHTML sau XML?

Standardizarea limbajului de descriere a paginilor HTML i varianta sa modern XHTML au contribuit decisiv la democratizarea Internetului.Progresul extraordinar al Internetului de la nceputul anilor 90 a avut loc datorit faptului c HTML:este foarte uor de nvatnefiind un limbaj de programare.Dup crearea paginile HTML 4, vei simi cu siguran nevoia de a utiliza XHTML, iar pentru a crete atractivatea paginii se poate folosi XML.HTML Hypertext Markup LanguageXHTML eXtensible Hypertext Markup LanguageXML eXtensible Markup Language

Tehnologii WEB

HTML - HyperText Markup LanguageIstoricanii 80 i debutul anilor 90 se nasc rdcinile HTMLn anul 1989, Tim Berners Lee, membru CERN (Centrul European de Cercetare Nuclear cu sediul la Geneva, Elveia), a inventat un limbaj capabil de a: structura datele crea legturi hipertext permind schimbul de documente pe InternetHTML utlizeaz metalimbajul SGML (Standard Generalized Markup Language)SGML este un instrument standard ISO (International Standards Organization) care creaz limbaje de marcaj de diferite tipuri1991, fizicienii de la CERN puteau utiliza acest sistem care funciona pe mainile NeXT sau n mod Linie1993, NCSA (National Center for Supercomputing Applications) a creat primul navigator cu numele MosaicLa sfritul anului 1993, 500 servere Web cunoscute reprezentau 1% din traficul Internet.

Tehnologii WEB

HTML - HyperText Markup Language

1994, IETF (Internet Engineering Task Force) a avut ca obiectiv stabilirea unei liste de marcatori (tag-uri) care ddea utilizatorilor din lumea ntreag posibilitatea de a citi i a scrie pagini Web. Aa a aprut versiunea HTML 2.0.1996, W3C (World Wide Web Consortium), a fost creat i condus de INRIA (Frana), MIT (SUA) i Universitatea KEYO (Asia). Scopul acestui grup a fost acela de a:dezvolta facilitile Webproteja drepturile i libertatea utilizatorilor definind tag-urile care trebuiau s reprezinte norma pentru toate navigatoarele i autorii de pagini Web1997 versiunea HTML 3.2 (vezi www.w3.org)HTML 3.2 a fost nlocuit cu HTML 4.0, care a fost validat de W3C.

HTML 4 este mereu de actualitate, chiar dac ntre timp a aprut XHTML, ca succesor al su. XHTML asociaz puterea limbajului HTML cu rigoarea limbajului XML.

Tehnologii WEB

HTML - HyperText Markup Language Versiuni HTMLHTML a cunoscut versiuni ncepnd cu 1.0 i terminnd cu 4.01. 1969, IBM a pus bazele limbajului SGML - normalizat de ctre ISO n anul 1986Principalele limbaje nscute din SGML sunt: HTML, DHTML i XML.SGML HTML + DHTML + XMLHTML 1.0 a aprut n anul 1991. Tag-urile limbajului HTML 1.0erau uor de reinutpermiteau generarea de titluri, liste, imagini i, cel mai important, legturi hipertextNU exista interfaa grafic ncversiunea HTML 1.0 NU mai este utilizatMosaic i apoi Netscape au fost primele navigatoare care au fost dotate cu o interfa grafic

Tehnologii WEB

HTML - HyperText Markup Language1995 W3C public normele limbajului HTML 2.0. Regrupeaz tag-uri de baz:structurarea documentului (titluri, antet, corpul documentului)formatri mai puternice, liste, tabele i alte componente1996 a fost publicat versiunea HTML 3.2 la conferina World Wide Web de la Parisunele din tag-urile vechi au primit noi atributeau fost create noi tag-uriMicrosoft i Netscape au continuat dezvoltarea propriilor navigatoare n afara acestor normeW3C prezint n vara anului 1997 versiunea 4.0 a limbajului HTMLintegreaz cadrenoi tag-uriCSS (Cascading Style Sheets, foi de stiluri n cascad)dup aproape trei ani, HTML 4.0 a devenit standard

HTML 4.0 este un standard !HTML = limbaj bazat pe tag-uri

Tehnologii WEB

HTML - HyperText Markup LanguageElemente i tag-uriHTML:este un limbaj bazat pe tag-uri (comenzi) ca i primele procesoare de textpermite programarea unei pagini cu ajutorul tag-urilor de formatare care sunt apoi interpretate de ctre un navigator (browser)tag-urile HTML trebuie s fie scrise ntre simbolurile i nu sunt admise spaii ntre cele dou simboluriCea mai mare parte a tag-urilor HTML trebuie s fie deschise i nchise. Un tag de nchidere este identic cu tag-ul de deschidere, dar n plus necesit o bar oblic (/ sau slash) dup simbolul

HTML - HyperText Markup Language

Instrumentele necesare pentru crearea unui site HTMLun editor de text simplu pentru crearea i salvarea documentelor HTML[ un instrument de validare (X)HTML (vezi XHTML) ]un navigator Web pentru vizualizarea i testarea documentelor HTML (vezi XHTML)Editoare HTMLeditoare pe baz de text sau de codeditoare WYSIWYG (What You See Is What You Get)Observaii:editoarele WYSIWYG, precum DREAMWEAVER, NETSCAPE COMPOSER i MICROSOFT FRONTPAGE, creeaz n mod rapid documentele HTML. Ofer numai o metod aproximativ de punere n pagin, de proiectare, de definire a culorilor etc;XHTML garanteaz calitatea documentelor i stabilitatea afirii acestoranumai dup ce ai creat mai multe documente HTML i numai dup ce ai neles principiile de baz HTML putei trece la utilizarea unui editor WYSIWYG i a unui editor pe baz de codrecomandare: mai nti scriei manual codul HTML cu un editor de text standard (Notepad)

Tehnologii WEB

XHTML - eXtensible HyperText Markup Language

Limbajul XHTMLrecomandare a consoriului W3este o versiune HTML care respect sintaxa limbajului XML (eXtensible Markup Language)versiune n care sunt excluse toate impreciziile pe care le ntlnim n general n paginile Web

XHTML garanteaz calitatea documentelor i stabilitatea afirii acestoraXHTML este limbajul HTML integrat n XML

permite crearea unui cod modern, perfect lizibil, construit cu claritate, care garanteaz afiarea perfect a paginilor Web pentru versiunile viitoare ale navigatoarelor

Tehnologii WEB

XHTML - eXtensible HyperText Markup LanguageElemente i tag-uriXHTML este alctuit din elemente, tag-uri i atributeelementele XHTML au n principal dou funciuni:identific prile logice ale documentului, altfel spus principalele componente structurale ale documentului, precum antet-uri (h1, de exemplu), liste numerotate (ol, numite de asemenea liste ordonate) i paragrafe (p). insereaz pointeri i legturi hipertext ctre alte documente, imagini, fiiere sunet, fiiere video, aplicaii multimedia, animaii, applet-uri etc.Obsevaii:toate tag-urile XHTML se scriu cu minuscule !tag-urile XHTML pot avea dou forme:o pereche de tag-uri, precum , etc.un tag unic, precum , , sau numit i element vid. n XHTML astfel de tag-uri trebuie s se termine cu un spaiu i o bar oblic (/ sau slash) nainte de simbolul >. Spaiul lsat (un mic truc!) permite vechilor navigatoare care nu recunosc XHTML de a trata aceste tag-uri ca i n HTML.

Tehnologii WEB

XHTML - eXtensible HyperText Markup Languagentr-un document XHTML fiecare element vid trebuie s se termine cu >, iar fiecrui tag de deschidere trebuie s-i corespund un tag de nchidere;nu includei spaii suplimentare n interiorul tag-urilor. Excepie de la aceast regul sunt elementele vide care necesit un spaiu naintea barei oblice de nchidere ( >).toate atributele sunt separate de alte atribute i de tag-ul nsui prin spaiin XHTML toate valorile atributelor se plaseaz ntre ghilimelen interiorul tag-urilor de deschidere sau tag-urilor care corespund elementelor vide, atributele se pot plasa n orice ordine, dup numele elementului, cu condiia ca numele elementului s apar ntotdeauna pe prima poziie.

Instrumentele necesare pentru crearea unui site XHTMLun editor de text simplu, pentru crearea i salvarea documentelor XHTML;un instrument de validare XHTML, pentru verificarea sintaxei i structurii documentelor XHTML;Etapa de validare specific XHTML-ului se realizeaz cuW3C validatorun navigator Web, pentru vizualizarea i testarea documentelor XHTML.

Tehnologii WEB

XHTML - eXtensible HyperText Markup LanguageEditoare de text (X)HTML Dei exist numeroase editoare (X)HTML WYSIWYG performante, nu renunai la crearea de cod (X)HTML cu un editor de text standardNotepad este editor de text recomandat pentru generarea codul (X)HTMLutilizarea procesoarelor de text Word, Wordperfect sau WordPad pentru crearea documentelor (X)HTML NU este recomandat !Aplicaia de validare W3C validatorValidarea = etap important n procesul de redactare al codului XHTML. Exist sigurana c cea mai mare parte a navigatoarelor va putea afia coninutul documentelor XHTML.Pentru a verifica dac este valid sau nu codul XHTML, utilizai aplicaia de validare W3C W3C validator. ( vezi http://validator.w3.org/file-upload.html.)

Tehnologii WEB

XHTML - eXtensible HyperText Markup Language

Navigatoarele Web

Navigatoarele cel mai des folosite sunt:Microsoft Internet Explorer (IE) iNetscape Navigator.Alte navigatoare, dintre care sunt apreciate n mod deosebit:Opera (www.opera.com, gratuit) iAmaya (www.w3.org/Amaya, gratuit).

Tehnologii WEB

XML - eXtensible Markup Language

XML - eXtensible Markup Languagelimbaj de tag-uri extensibil / extensibilelimbaj alctuit din tag-urielaborat de XML Working Group sub direcia lui World Wide Web Consortium (W3C) din anul 1996este destinat structurrii documentelorn 1998, specificaiile XML 1.0 au devenit recomandri, XML fiind oficial definit i recunoscut ca standard.

XML= limbaj de tag-uri extensibil/eXML 1.0 recunoscut ca standardObservaii:XML NU vine de la HTML !XML deriv din SGML definit n anul 1986 prin standardul ISO 8879.XML (eXtensible Markup Language) este cel mai nou limbaj dezvoltat de consoriul W3 (specializat n standarde Web);documente i specificaii XML pot fi accesate de la adresele:http://www.w3c.org/MarkUp;www.ibiblio.org/pub/sun-info/standards/xml/why/xmlapps.htm;www.xml.com.

Tehnologii WEB

XML - eXtensible Markup LanguageDiferene majore ntre XML i HTMLXML-ului nu nlocuiete XHTML-uluicele dou limbaje alctuite din tag-uri nu au deloc aceleai obiective:XML poate fi privit ca un mijloc de descriere a datelor, fiind specializat pe tot ceea ce reprezint dateHTML a fost conceput numai pentru afiarea datelor i nimic mai multXML NU face nimic !Exemplu: descrie datele e-mail de o manier structurat

XML = metalimbajXML structureaz, stocheaz i manipuleaz datele

UAVLiga Studentilor1 octombrie 2010urareBun venit bobocilor in noul an scolar !

Tehnologii WEB

XML - eXtensible Markup LanguageXML, complementul HTML-uluiXML-ul va fi utilizat pentru descrierea datelorHTML va fi utilizat pentru formatarea i afiarea datelorXML este un instrument gramatical sau structural independent de toate platformele hard i soft care permit transmisia informaiilor structurateXML n viitorXML-ul va reprezenta cu siguran instrumentul standard pentru descrierea, manipularea i transmisia datelor.XML-ul este generator de noi limbaje:WML (Wirelles Markup Language) permite afiarea datelor pe telefoanele mobile;HR XML (Human Ressources XML) permite descrierea domeniului de resurse umane;SVG (Scalable Vector Graphics) permite crearea imaginilor n dou dimensiuni XML;SMIL (Synchronized Multimedia Integration Language) permite crearea obiectelor multimedia (sunet, video etc.);MathML permite definirea ecuaiilor matematice, reprezentri algebrice, sisteme de sintez vocal.

Tehnologii WEB