Cuprins

Nume

Pagina

1.Argument

2.Capitolul 1-Detalii tehnice

3.Resurse hardware si software

4.Capitolul 2-Prezentare Macromedia Dreamweaver

4.1 Ce este Dreamweaver?

4.2 Cum se invata HTML?

4.3 Ce face HTML?

4.4HTML Descompus

5.Anexa

6.Bibliografie

12

.
1

1.Argument

Eu am ales sa fac un proiect despre Mtv,deoarece Mtv este televiziunea mea preferata de
muzica.De asemenea am ales sa fac un web site,deoarce am considerat ca acest lucru este o
provocare pentru mine.
Pentru a face site-ul am folosit programul Macromedia Dreamweaver.Cand am inceput sa
lucrez la site nu aveam nici o cunostinta despre acest program.Insa cu timpul am inceput sa
imi dau seama cum se lucreaza in el .Mentionez ca am urmarit foarte multe tutorial pe
youtube sau pe diferite forumuri de specialitate.
Pentru crearea acestei pagini web am folosit versiunea CS4.Am ales sa folosesc aceasta
versiune deoarece consider ca Macromedia Dreamweaver CS4 este cel mai complet produs de
la Adobe.In Macromedia Dreamweaver CS4 se pot crea site-uri web mult mai complexe decat
in versiunile anterioare de Dreamweaver.Recent a aparut Macromedia Dreamweaver
CS5,insa pana acum nu am reusit sa lucrez cu el.Sper sa fie mai bun decat versiunea CS4

Capitolul 1
2

2.Detalii tehnice

In Macromedia Dreamweaver este foarte usor sa se insereze un buton.Acest lucru se foloseste

folosind functia:Insert->Layout Objects->Spry Menu Bar.Odata cu aceasta optiune a trebuit
doar sa pun nume la butoane,si sa fac legatura intre aceste butoane si paginile cu care fac
legatura.
Pentru a face legatura intre un buton si o pagina,am selectat butonul respectiv,si la link
am dat browse si am ales unde trebuie sa trimita.Playerul muzical si fundalul au fost puse cu
ajutorul programului Notepad 2.Acest lucru s-a facut cu ajutorul urmatoarelor instructiuni:
<div id="sidebar">
<h1><span class="style1">TOP 20
</span></h1>
<h1>
<script type="text/javascript" src="obiect.js"></script>
</h1>
<div id="flashPlayer" >
<h1>
In locul acestui text va aparea playerul audio. </h1>
</div>
<h1>
<script type="text/javascript">
var so = new SWFObject("player.swf", "mymovie", "120", "300", "5", "#BFEF01 ");
so.addVariable("autoPlay","no")
so.addVariable("playlistPath","playlist.xml")
so.write("flashPlayer");
3

</script>
Mentionez ca playerul muzical a fost creat in Macromedia Flash.Acesta a fost doar inserat in
pagina web cu notepad 2.
Cam atat despre pagima principala,cu numele index.
A doua pagina,cu numele Argument a fost creata in Macromedia Dreamweaver,avand acelasi
font ca si prima pagina.Singura diferenta este ca aceasta pagina nu are playerul
muzical.Acest player poate fi accesat doar din prima pagina.
A treia pagina este similara cu cea de-a doua pagina.La fel a fost creata in Dreamweaver,iar
fondul a fost pus in notepad2.
Cea de-a patra pagina,care este si galeria foto a fost creata integral in notepad2.Am copiat
limbajul paginilor anterior,modificand doar ceea ce era necesar pentru ca aceasta pagina sa
devina galerie foto.Un exemplu de limbaj folosit pentru a crea o poza in galerie este:<img
onmouseover="preview.src=img1.src" id="img1" src="gallery/mtv1.jpg" alt="Image Not
Loaded"/>
Pagina Video,cea de-a 5-a pagina din acest site a fost creata integral in
Dreamweaver.Clipurile au fost adaugate folosint urmatoarele indicatii:Insert->Media->Flv....
Dintre ultimele 3 pagini,doar ultima mai are ceva diferit fata de celelalte.Aceasta trimite
catre adresa mea de mail.Acest lucru a fost cu putinta cu ajutorul urmatoarei optiuni:am
selectat butonul contact,si la link am scris:'mailto:mytza_danutzi@yahoo.com'.

3.Capitolul 2
Resurse hardware si software necesare

Cerinte minime:

#Procesor:1Ghz
# Sistem de operare:Microsoft Windows XP with Service Pack 2 (Service Pack 3 recomandat)
sau Windows Vista Home Premium, Business, Ultimate, sau Enterprise with Service Pack 1
( 32-bit Windows XP and Windows Vista)
# 512MB memorie RAM
# 1GB spatiu disponibile pe hard disk pentru instalare;
# placa video cu rezolutia 1280800 pe 16 biti
# DVD-ROM drive

Cerinte recomandate:

# Procesor:Intel Pentium 4 sau AMD Athlon 64 processor

# Sistem de operare:Microsoft Windows XP cu Service Pack 2 (Service Pack 3
recomandad); Windows Vista Home Premium, Business, Ultimate, or Enterprise cu Service
Pack 1; sau Windows 7
# 512MB memorie RAM
# 1GB spatiu pe hard disk pentru instalare;
# 1280x800 display with 16-bit video card
# DVD-ROM drive
# Conexiune la internet de tip broadband,necesara pentru conectarea la serverele online.

4.Capitolul 3
Prezentare Macromedia Dreamweaver

Macromedia Dreamweaver este o unealt destinat creatorilor de pagini web.

Dreamweaver a fost creat de Macromedia (acum Adobe Systems) i momentan a ajuns la
versiunea 10. Primele versiuni ale produsului serveau doar ca simple editoare HTML de tipul
WYSIWYG dar n versiunile recente au fost implementate funcii de editare avansate i
support pentru alte tehnologii web cum ar fi CSS, JavaScript etc.
Macromedia Dreamweaver este un editor HTML care ne permite crearea paginilor i
lucrul cu imagini sau elemente multimedia ntr-un mediu vizual i/sau al codului. De
asemenea, acesta ofer instrumente i pentru managementul i meninerea siturilor web.
Una din cele mai mari provocri ale authoring-ului n HTML este creterea rapid a fiierelor
hipertext, imaginilor i celor multimedia. Caseta de dialog Site Definition din Dreamweaver
nu configureaz doar un site pentru dezvoltare ci i activeaz facilitile de management a
fiierelor i chiar cele de publicare pe web.
Macromedia Dreamweaver permite, de asemenea lucrul cu elementele dezvoltate n
Fireworks. HTML-ul Fireworks exportat anterior poate fi importat ntr-un document
Dreamweaver doar printr-un clic pe un buton.

4.1Ce este Dreamweaver?

Dreamweaver este un generator HTML de tip WYSIWYG (What You See Is Wat You
Get).Permite utilizatorului sa vada documentul asa cum va aparea in forma finala si sa
editeze exact in acest mod de vizualizare textul , grafica si alte elemente.
Astfel, daca efectuam o modificare pe ecran in interiorul programului, rezultatele acestuia vor
fi afisate instantaneu.Prin contrast, daca ar fi trebuit sa scriem manual liniile de program
HTML ,ar fi trebuit sa examinam programul in interiorul unui browser Web pentru a vedea
rezultatele.Raspunsul imediat al unui mediu de proiectare mobil, precum Dreamweaver,
mareste considerabil fluxul activitatii ,deoarece putem vedea imediat, in timpul lucrului ,daca
ne plac sau nu rezultatele obtinute.
HTML cu dus-intors
HTML cu dus-intors (roundtripHTML) permite modificarea liniilor de program pe care
Dreamweaver le scrie in mod automat.Majoritatea celorlalte editoare HTML de tip WYSIWYG
actuale nu permit modificarea liniilor de program generate de aceasta ,deoarece editoarele
respective trebuie sa lucreze cu programe scrise intr-un anumit mod, pentru a putea oferi
toate caracteristicile WYSIWYG.Cu alte cuvinte, liniile de cod se deservesc pe ele insele pentru
6

a ajuta programul , nu pentru a crea HTML.

Dreamweaver este primul editor HTML care a castigat atat aprobarea programatorilor cat
si pe cea a proiectantilor.Programatorilor le place produsul deoarece nu ii obliga sa scrie linii
de program intr-o maniera rigida .Proiectantii agreeaza Dreamweaver deoarece scrie linii de
program curate,lipsit de o multime de etichete brevetate si care se auto-deservesc, si le
permite sa realizeze o machetare vizuala fara a intelege macar o singura linie de
program.Greu de crezut ca se poate inventa un instrument care sa impace aceste grupuri
divergente, dar instrumental respectiv exista si se numeste Dreamweaver.
4.2 Cum se invata HTML?
Cea mai simpla modalitate consta in vizualizarea codului sursa al paginilor
preferate.Acesta este vizibil pentru oricine si este analizat instantaneu de browserul Web
insusi.Pentru a vizualiza codul sursa al unei pagini, trebuie sa examinam meniul Edit al
browserului nostru si 4alegem View>Page Source (Netscape) sau View>Source
(Explorer).Astfel, vom vedea liniile brute de program HTML, iar dupa ce ne acomodam cu
unele etichete,vom putea domina modul in care au fost construite aceste pagini.
4.3 Ce face HTML?
HTML reprezinta o abreviere de le Hyper Text Markup Language (limbaj de marcare prin
hipertext).Este derivat din SGML (Standard Generalized Markup Language), un standard
international de reprezentare a textelor intr-un format electronic, care se poate folosi pentru
schimbul de documente intr-o maniera independenta.
In esenta, HTML permite marcarea textului si includerea imaginilor, precum si
posibilitatea de legare a documentelor unele de altele.Hiperlegaturile, care reprezinta esenta
succesului limbajului HTML, sunt cele care ne permit sa comutam intre o pagina de sit si alta
sau sa vizualizam pagini plasate in situri exterioare.Aceste hiperlegaturi sunt referinte
continute in elementele de marcare.Daca sursa legaturii se muta sau daca referinta la
legatura este gresit ortografiata, aceasta nu va fi functionala.Unul dintre marile avantaje ale
limbajului Dreamweaver consta in faptul ca dispune de caracteristici de gestiune a siturilor,
care ne vor ajuta sa gestionam legaturile interne astfel incat acestea sa fie actualizate automat
in eventualitatea modificarii legaturilor.
4.4HTML descompus
Toate paginile HTML respecta o structura elementara.Fiecare pagina trebuie sa contina
etichetele HTML,HEAD,TITLE si BODY.La fiecare deschidere a unui document nou, fara
titlu, in Dreamweaver, acest cadru este deja scris.Este prezentat detaliat in continuare :
1. <HTML>
2.<HEAD>
3.<TITLE>Untitled Document</TITLE>
4.<META-HTTP-EQUIV=ContenTypeCONTENT=text/html; charset=iso-8859-1>
5.</HEAD>
6.<BODY BGCOLOR=#FFFFFF>
7.</BODY>
8.</HTML>

5.Anexa

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>MTV - Music Television</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" />
<style type="text/css">
<!-.style1 {
color: #BFEF01;
font-weight: bold;
8

font-size: 24px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1><img src="images/mtv-logo.gif" width="92" height="76"
/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;</h1>
<h3>Music Television </h3>
</div>
<ul id="nav">
<li><a href="#"
class="active">Home</a></li>
<li><a href="Argument.htm"
>Argument</a></li>
<li><a href="History.htm"
class="active">History</a></li>
<li><a
href="video.html">Video</a></li>
<li><a
href="gallery.htm">Gallery</a></li>
<li><a href="Tv
%20Shows.html">Tv Shows </a></li>
<li><a
href="Conclusion.htm">Conclusion</a></li>
<li><a
href="mailto:mytza_danutzi@yahoo.com">Contact</a></li>
</ul>
<div id="sidebar">
<h1><span class="style1">TOP 20
</span></h1>
<h1>
<script type="text/javascript" src="obiect.js"></script>
</h1>
<div id="flashPlayer" >
9

<h1>
In locul acestui text va aparea playerul audio. </h1>
</div>
<h1>
<script type="text/javascript">
var so = new SWFObject("player.swf", "mymovie", "120", "300", "5", "#BFEF01 ");
so.addVariable("autoPlay","no")
so.addVariable("playlistPath","playlist.xml")
so.write("flashPlayer");
</script>
</p>
</h1>
<div id="sidebar_bottom"></div>
</div>
<div id="content">
<h1><a href="#" id="intro"></a>Home</h1>
<p>&nbsp;
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br />
</p>
</div>
</div>
<div id="footer">
<p>
<!-- Please leave this line intact -->
MTV - Music Television </p>
</div>
</body>
</html>

10

11

6.Bibliografie
1.Wikipedia

www.wikipedia.org

2.Google

www.google.com

3.Youtube

www.youtube.com

4.Adobe

www.adobe.com

12