Cuprins

Cuprins...............................................................................................................................2 Argument...........................................................................................................................3 Prezentare resurse.............................................................................................................4 Adobe Dreamweaver CS6...............................................................................................4 HTML...............................................................................................................................6 Tag-uri.......................................................................................................................10 Un document simplu..................................................................................................11 CSS...............................................................................................................................11 Structura website-ului......................................................................................................13 Concluzii...........................................................................................................................15 Bibliografie.......................................................................................................................15

Argument
Aici completezi tu..

Prezentare resurse
Adobe Dreamweaver CS6

Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicaie de dezvoltare web a companiei americane Adobe Systems, disponibil att pentru MS Windows, ct i pentru Apple Mac OS. Versiunile recente includ suport pentru tehnologii web cum ar fi CSS, JavaScript, PHP, Cold Fusion, ct i cadre ASP. Dreamweaver s-a bucurat de un larg succes nc de la sfritul anilor 1990 i momentan deine aproximativ 80 % din piaa editoarelorHTML. Produsul poate fi rulat pe variate platforme software: Mac OS, Windows, dar suport n acelai timp i platforme UNIX cu ajutorul unor emulatoare software cum ar fi Wine.

Ca orice alt editor WYSIWYG, Dreamweaver poate ascunde detaliile de implementare a paginilor HTML, fcnd astfel posibil crearea cu uurin a acestora i de ctre utilizatorii neexperimentai. Unii creatori de pagini web critic aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari dect ar fi necesar, ceea ce conduce la o funcionare neperformant a browserelor web. Aceast afirmaie este n mare parte adevarat deoarece paginile web produse folosesc designul pe baz de tabel. n plus, produsul a mai fost criticat n trecut i pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fost mult mbuntit n versiunile recente. Cu toate acestea, compania Macromedia a mbuntit suportul pentru tehnologia CSS precum i alte modaliti de design, fr a fi necesar folosirea designului pe baz de tabel. Dreamweaver permite folosirea majoritii browserelor instalate

pe calculatorul utilizatorului, pentru a previzualiza situl web creat. De asemenea conine i cteva utilitare pentru administrarea siturilor, cum ar fi cele pentru a gsi i modifica un paragraf sau o linie de cod, n ntregul sit, pe baza oricror parametri specificai de ctre utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fr a avea cunotine de programare. Odat cu apariia versiunii MX, Macromedia a ncorporat utilitare de generare dinamic a coninutului. De asemenea este oferit suport pentru conectarea la baze de date (cum ar fi cele de tip MySQL i Microsoft Access) pentru a filtra i afia coninutul folosind scripturi de genul PHP, ColdFusion, Active Server Pages (ASP) i ASP.NET, fr a avea nevoie de o prealabil experien n programare. Un aspect foarte ludat al Dreamweaver-ului l reprezint arhitectura sa extensibil. Extensiile sunt mici programe pe care orice dezvoltator le poate scrie (de obicei n HTML i JavaScript) i pe care oricine le poate descrca i instala, acestea aducnd un spor de performan i funcionalitate mbuntit programului. Exist o comunitate de dezvoltatori care produc aceste extensii i le public (att comercial ct i gratuit) pentru probleme de dezvoltare web, de la simple efecte rollover pn la soluii complete de vnzare online, n Internet.

HTML
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afiate ntrun browser (sau navigator). Scopul HTML este mai degrab prezentarea informa iilor paragrafe, fonturi, tabele .a.m.d. dect descrierea semanticii documentului. HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura pagin, utiliznd un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML furnizeaz mijloacele prin care coninutul unui document poate fi adnotat cu diverse tipuri de metadate i indicaii de redare. Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus, pn la scripturi sofisticate, hri de imagini i formulare. Metadatele pot include informaii despre titlul i autorul documentului, informaii structurale despre cum este mprit documentul n diferite segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul). HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine solide de HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asemntor cu documetele

Word, dar cu observaia c aceste programe genereaz un cod HTML care este de multe ori de proast calitate. HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar fi PHP, JSP sau ASP. Multe aplicaii ca sistemele de gestionare a coninutului, wiki-uri i forumuri webgenereaz pagini HTML. HTML este de asemenea utilizat n e-mail. Majoritatea aplicaiilor de e-mail folosesc un editor HTML ncorporat pentru compunerea e-mail-urilor i un motor de prezentare a e-mail-urilor de acest tip. Folosirea e-mailurilor HTML este un subiect controversat i multe liste de mail le blocheaz intenionat. HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML sunt formate din etichete sau tag-uri i au extensia .html sau .htm .n marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> i alta de nchidere </eticheta>, mai exist i cazuri n care nu se nchid, atunci se folosete <eticheta /> browserul interpreteaz aceste etichete afind rezultatul pe ecran. HTML-ul nu este un limbaj case sensitiv (nu face deosebirea ntre litere mici i mari). Pagina principala a unui domeniu este fisierul index.html respectiv index.htm Aceast pagin este setat a fi afiat automat la vizitarea unui domeniu. De exemplu la vizitarea domeniului www.nume.ro este afiat pagina www.nume.ro/index.html. Unele etichete permit utilizarea de atribute care pot avea anumite valori: <eticheta atribut="valoare"> ... </eticheta> Componenta unui document HTML este: 1. versiunea HTML a documentului 2. zona head cu etichetele <head> </head> 3. zona body cu etichetele <body> </body> sau <frameset> </frameset> Versiunea HTML poate fi:

HTML 4.01 Strict

<!DOCTYPE

HTML

PUBLIC

"-//W3C//DTD

HTML

4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

<!DOCTYPE

"http://www.w3.org/TR/html4/frameset.dtd">

HTML 5

<!DOCTYPE HTML> Toate paginile HTML ncep i se termin cu etichetele <html> i </html>. n interiorul acestor etichete gsim perechile <head>, </head> i <body>, </body>. head conine titlul paginii ntre etichetele <title> i </title>, descrieri de tip <meta>, stiluri pentru formatarea textului, scripturi i linkuri ctre fisiere externe (de exemplu scripturi, fiiere de tip CSS sau favicon). Etichetele de tip meta conin cuvinte cheie, descrierea paginii, date despre autor, informaii utile motoarelor de cutare i au urmtorul format: <META NAME="nume" CONTENT="continut"> Exemplu: link ctre un fisier extern CSS: <link rel="stylesheet" type="text/css" href="css.css"> body gzduiete practic toate etichetele afiate de browser pe ecran. Mai jos sunt tipurile de elemente de marcare n HTML:

Marcare structural. Descrie scopul unui text. De exemplu: <h1>Fotbal</h1>

8

Direcioneaza browserul pentru a reda "Fotbal" ca pe cel mai important titlu. Marcarea structural nu are un anumit stil predefinit, dar cele mai multe browsere web au standardizat modul n care acestea sunt afiate. De exemplu, titlurile importante (h1, h2, etc.) sunt aldine i mai mari dect restul textului.De notat c "h1" este folosit doar o singur dat per pagin deoarece cu el este marcat titlul ei.

Marcare pentru prezentare. Descrie cum apare un text,

indiferent de funciile sale. De exemplu: <strong>ngroat</strong> Va afia textul "ngroat" cu litere groase, aldine.Not: Html a inceput n ultimii ani s nceap s nu mai foloseasc acest gen de tag-uri pentru c "b" nu d sens paginii, pe cnd tag-ul "strong" (adic strong emphasis) d un neles paginii, i mai important, asemenea tag-uri pentru prezentare doar ncarc o pagin cu informaii i o fac astfel mai greu de ncrcat, iar apoi dac ataezi un document CSS la pagin, o singur modificare la CSS (de ex: de la "font-weight:italic" la "font-weight:bold" va schimba tot textul selectat, i de exemplu, link-urile vor trece de la text nclinat la text ngroat, plus c n CSS avem avantajul de a putea preciza ct de mari sau mici s fie literele n pixeli px, n puncte pt, etc.)avem acelai efect ca i cnd am avea de schimbat toate tag-urile de "i" de pe pagin n tag-uri de "b", munc care chiar i la un website mic este enorm, ce s mai vorbim de unul de genul wikipedia. A c a dac vrei s ncepei o carier n html sau un hobby (i s avei succes) nu folosii aceste taguri, nu degeaba s-a inventat CSS-ul.

Marcare pentru hiperlink. Leag pri ale unui document

cu alte documente. De exemplu: <a href="http://ro.wikipedia.org/">Wikipedia Romneasc</a> Va reda Wikipedia romneasc ca hiperlink ctre un URL specificat.
9

 Elemente

speciale (widget). Creeaz obiecte, cum

ar fi butoanele i listele. Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS) determin cum coninutul din interiorul marcatorului va fi prezentat. Ceilali marcatori spun browserului ce obiecte s redea sau ce funcii s execute. Tag-uri Orice fiier html are urmtoarea structur <html> <head> <title>Titlul</title> </head> <body> </body> </html> ntre tagurile <body></body> Tagul <body> se scriu celelalte stabilirea

"instruciuni".

permite

fundalului i a culorii hiperlinkurilor. <body bgcolor="#ff0000"> - culoarea fundalului paginii devine rosie <body <body background="fundal.jpg"> link="#ff0000" pune o imagine n fundalul paginii alink="#00ff00" vlink="#0000ff"> - stabilete culoarea linkurilor nevizitate i vizitate.

10

Un document simplu S ncepem cu un document simplu: Scrie acest cod ntr-un editor de text oarecare (Notepad de exemplu) i salveaz-l cu numele de index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML

4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ro"> <head> <title>Un document simplu</title> </head> <body> <p>Textul documentului l scrii aici!</p> </body> </html>

CSS
CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot ataa elementelor HTML prin intermediul unor fiiere externe sau n cadrul documentului, prin elementul <style> i/sau atributul style. CSS se poate utiliza i pentru formatarea elementelor XHTML, XML i SVGL.

11

12

Structura website-ului
Website-ul este structurat n 7 categorii: Biografia, tiri, Videoclipuri, Albume, Poze, Versuri i Tabulaturi.

13

14

Concluzii
Aici completezi tu

Bibliografie

15

W3schools.com codecademy.com/ Chip Kompakt - HTML 5: Ghidul Incepatorului, Mark Pilgrim, 2011

Elizabeth Castro, Html pentru world wide web, Editura Corint, Bucureti, 2003 Teodoru Gugoiu, HTML, XHTML, CSS si XML prin exemple, Editura Teora, Bucureti, 2005; Metalhead.ro

16