Ministerul Educaţiei şi Tineretului al Republicii Moldova

Colegiul de Informatică din Chişinău

Catedra de Informatică

Raport

La disciplina : Proiectarea şi crearea paginilor Web

Tema: Dj Tiesto

A elaborat: A verificat:
Popa Tudose Obada Liuba

Chişinău 2015
 Cuprins:

1. OBIECTIVELE ŞI CERINŢELE SITE-ULUI WEB: DJ TIESTO......................................................................3

2. SOLUTIA SOFTWARE A APLICAŢIEI..............................................................................................................3
2.1 SISTEMUL DE OPERARE................................................................................................................3
2.2 EDITORUL DE PAGINI WEB MACROMEDIA DREAMWEAVER-2008..............................................4
2.3 LIMBAJE DE PROGRAMARE..........................................................................................................5
3. ARHITECTURA APLICAŢIEI..............................................................................................................................5
3.1 STRUCTURA LOGICĂ (SCHEMA BLOC).........................................................................................5
3.2 PAGINA DE START (SCHEMA BLOC)............................................................................................6
3.4 NAVIGARE. MODUL DE ORGANIZARE A NAVIGĂRII.....................................................................7
3.6 DESCRIEREA SCRIPTURILOR FOLOSITE:.......................................................................................8
4. ADMINISTRAREA APLICAŢIEI. GHID DE UTILIZARE..............................................................................8
5.Concluzie:....................................................................................................................................................................9

2
 1. Obiectivele şi cerinţele site-ului Web: Dj Tiesto

La începutul acestui proiect am hotărît să elaborez un site web despre cel

mai renumit Dj din lume. Este vorba despre Tiesto ,a fost primul Dj di lume care a
vindut toate biletele pentru un eveniment desfasurat pe un stadion, unde a tinut
singur un concert, in fata a 25 000 de oameni, doua nopti la rand.Este un site
complet informaţional despre Tiesto.
Site-ul Dj Tiesto are ca obiectiv principal informarea tuturor clientilor despre
urmatoarele activitati desfasurate de el :
1. Despre Tiesto;
2. Piese create de Tiesto;
3. Concerturi internationale;
4. Activitati recreative;
5. Dezvoltarea personala;
6. Activitati optionale
7. Aniversari si petreceri impreuna cu Tiesto;
Astfel întreaga lume are posibilitatea de a afla cîte ceva despre Tiesto.

2. Solutia software a aplicaţiei

2.1 Sistemul de operare.

Pentru crearea site-ului am utilizat sistemul de operare Windows 7

Profesional . Windows 7 este o versiune a Microsoft Windows, un sistem de
operare produs de compania americană Microsoft pentru utilizarea pe calculatoarele
personale de tip PC, inclusiv cele utilizate în domeniul afacerilor, pe desktop-
uri,laptop-uri, Tablet PC-uri, netbook-uri și PC-uri de tip Media Center Edition..
Are o bază lărgită de drivere – astfel majoritatea dispozitivelor hardware
sunt recunoscute automat la instalarea Windows 7 Profesional;
Oferă mai multă funcţionalitate în Internet – prin includerea browser-ului
Internet Explorer 7.0, care dispune de noi tehnologii de navigare şi securitate;
Securitate crescută a datelor – Windows 7 include utilizarea conturilor de
utilizator protejate prin parolă;
Adaptabilitate şi facilităţi multimedia – la introducerea unui CD, Windows 7
identifică tipul de fişiere care le conţine şi lansează cel mai potrivit program pentru
prelucrarea acestora ş.a.
Windows 7 este un sistem de operare ce poate executa mai multe programe
în acelaşi timp (sistem multitasking) şi dispune de o interfaţă grafică deosebită, de
tip GUI (Graphical User Interface) uşor de utilizat. El se lansează automat la
pornirea calculatorului, dacă este singurul sistem de operare instalat.

3
 2.2 Editorul de pagini Web Macromedia Dreamweaver-2008

Pentru crearea paginilor web am utilizat aplicaţia Macromedia

Dreamweaver -2008, acesta fiind un editor de tip WYSIWYG, care propune un
mod deosebit de creare şi proiectare a paginilor. După lansarea aplicaţiei la ecran
apare fereastra de lucru ce conţine elemente comune ferestrelor aplicaţiilor lansate
în Windows, dar şi elemente deosebite. O particularitate importantă a acestui editor
este că păstreză codul HTML iniţial.
Orice pagină web aici poate fi vizualizată în 3 regimuri:
1. Code – permite vizualizarea codului HTML al paginii curente;
2. Split – permite vizualizarea concomitentă a codului şi design-ului paginii;
3. Design – permite vizualizarea în regim obişnuit al paginii.
Bara de meniuri conţine o listă de meniuri cum ar fi: File, Edit, View,
Insert, Modify, Text, Commands, Site, Window, Help. Fiecare meniu conţine o listă
de opţiuni legate logic de numele meniului care m-au ajutat mult în crearea,
editarea, şi vizualizarea paginilor, înserarea de componente în pagini ş.a.
În partea de jos a ferestrei ce se deschide se află Inspectorul de proprietăţi
(Properties) unde sunt indicate proprietăţile elementului selectat. La selectarea lui,
unui element din această fereastră i se va afişa proprietăţile sau atributele lui.
Utilizarea acestei opţiuni mi-a permis să fac modificări de font, de background,
realizarea de link-uri ş.a.
Aplicaţia Dreamweaver este un editor cu instrumente puternice de editare a
paginilor web şi uşor de utilizat din care cauză l-am şi folosit.

2.3 Limbaje de programare.

La programarea acestui site am folosit limbajul de programare HTML si
CSS. HyperText Markup Language (HTML) este un limbaj de marcare utilizat
pentru crearea paginilor web ce pot fi afișate într-un browser (sau navigator).
Scopul HTML este mai degrabă prezentarea informațiilor – paragrafe, fonturi,
tabele ș.a.m.d. – decât descrierea semanticii documentului. HTML este o formă de
marcare orientată către prezentarea documentelor text pe o singura pagină, utilizând
un software de redare specializat, numit agent utilizator HTML, cel mai bun
exemplu de astfel de software fiind browserul web. CSS (Cascading Style Sheets)
este un standard pentru formatarea elementelor unui document HTML. Stilurile se
pot atașa elementelor HTML prin intermediul unor fișiere externe sau în cadrul
documentului, prin elementul <style> și/sau atributul style. CSS se poate utiliza și
pentru formatarea elementelor XHTML, XML și SVGL. CSS3 reprezintă un
upgrade ce aduce câteva atribute noi și ajută la dezvoltarea noilor concepte in
webdesign.

4
 3. Arhitectura aplicaţiei

3.1 Structura logică (schema bloc).

Conţinutul site-ului este împărţit pe categorii şi subcategorii, pentru o mai

bună organizare a site-ului şi dezvoltarea unei structuri de navigare
corespunzătoare.
Deci, structura logică (schema bloc) va fi următoarea:

Pagina principală

Acasa Despre Piese Contact Poze

Tiesto
Maximal Bibliografia Piese create Date de Poze cu
Crazy lui Tiesto de Tiesto contact Tiesto

5
3.2 Pagina de start (schema bloc).

Pagina de start a site-ului Dj Tiesto. un FrameSet format din 2

Frame-uri:
 Top Frame: Meniul Site-ului;
 Main Frame: Conţinutul paginilor site-ului

Acasa Despre Piese Contact Foto

Continut

6
3.4 Navigare. Modul de organizare a navigării.

În fiecare pagină a site-ului, şi anume în Top Frame, este ataşat un meniu

orizontal grafic, care furnizează legături de navigare de bază şi dă certitudine
utilizatorului că se află în continuare în domeniul site-ului. Cu ajutorul acestui
meniu (care conţine legături din text simplu) utilizatorul se poate deplasa printr-un
singur click la pagina principală sau la orice altă pagină din site. Este de menţionat
faptul că meniul din aplicaţia mea conţine şi cîteva submeniuri. Astfel, efectuînd un
click, de exemplu, pe compartimentul Piese, ni se va deschide un submeniu care va
conţine piesele create de “Dj Tiesto” S.A.

7
3.6 Descrierea scripturilor folosite:
După cum am menţionat ca limbaj de programare Web am folosit HTML, ca
urmare în acest limabaj sunt scrise şi scripturile pe care le-am folosit. În aplicatia
mea scripturile HTML: trimit datele de contact utilizatorului.

4. Administrarea aplicaţiei. Ghid de utilizare

8
 5.Concluzie:
Crearea site-ului web reprezinta pentru mine un pas foarte important. Mi-a
permis sa-mi dezvolt abilitati de lucru in cazuri unor cerinte complexe si
multilaterale in domeniul de creare a paginilor web.
Mi-a permis sa-mi dezvolt gindirea si algoritmica in anumite cazuri extreme.
Utilizarea tehnologiilor noi precum Editorul de pagini Web Macromedia
Dreamweaver-2008 si Limbajul de programare PHP , au o influenta foarte mare in
realizarea proiectelor si timpul de creare a acestora.
Deasemenea este o atributie enorma a tehnologiilor ce tin de designul
interfetei, paleta de culori(background,imagini etc) folosita si stilul interior a
aplicatiei.
Toate acestea au fost realizate in sistemul de operare Windows, si este
compatibila cu intreaga familie Windows incepind cu anul 2002-2003.
Softul aditional folosit in realizarea raportului a fost Microsoft Word 2003.