Sunteți pe pagina 1din 30

Ministerul Educației al Republicii Moldova

Colegiul Tehnic Feroviar din Bălți


Catedra Matematica şi Informatica

LUCRARE DE CURS
La disciplina: Proiectarea și Administrarea paginilor WEB

Pe tema: Știrile PRO TV

A elaborat: Bucur Maria


Grupa: IG4113
Verificat: Vieru Viorica

Bălți 2016
CUPRINS
INTRODUCERE.............................................................................................................................4
PARTEA TEORETICĂ..................................................................................................................5
AFISAREA REZULTATELOR....................................................................................................12
LISTINGUL PROGRAMULUI....................................................................................................16
CONCLUZII..................................................................................................................................28
BIBLIOGRAFIE...........................................................................................................................29

CTF 1851 NE
Mod. Coala № Document Semnat Data
Elaborat Bucur Maria Litera Coala Coli
Știrile PRO TV
Verificat Vieru V. 3 29
Recenzent
N Control. IG4113
Aprobat
INTRODUCERE

În zilele de astăzi, este foarte bine știut că un rol destul de important în dezvoltarea unei afaceri o
are anume prezența pe web. Site-ul web este un instrument al afacerii, cu ajutorul căruia se poate
de lucrat și de câștigat în același timp. Dacă o companie nu deține un site web al său, majoritatea
clienților vor privi fără mare încredere în serviciile sau produsele companiei respective.
Aproximativ 90% din totalul întreprinderilor care există, au nevoie de un site web. Ne aflăm în
perioada în care orice companie, la fel cum deține un telefon, ar trebui să aibă și un site web,
pentru că existența acestuia aduce chiar foarte multe avantaje. Site-ul web oferă informație
despre compania d-voastră la orice oră, concomitent mai multor persoane, din orice colț al lumii.
Volumul informației care va fi afișat pe site depinde în primul rând de domeniul afacerii cu care
vă ocupați. Anume funcția informativă este cea care ar trebui să vă convingă că aveți nevoie de
un site web. Pe site-ul web aveți posibilitatea să găsiți informația de care aveți nevoie în volum
mai mare, în termen mai scurt și foarte comod în același timp. Totodată, internetul ne permite
organizarea publicității în mai multe modalități, cum ar fi: text link-uri, bannere publicitare,
publicarea informațiilor pe alte site-uri web. Zilnic se reduce numărul persoanelor care citesc
ziarele și privesc televizorul, iar internetul este în continuă creștere.
Programarea Web — secțiunea programării, orientată spre crearea aplicațiilor web.

Limbaje de programare web — sunt limbaje, destinate pentru lucrul cu tehnologiile web.
Limabajele de programe web pot fi condiționat împărțite în două grupe care se intersectează:
Limbaje de client. După cum reiese din denumire, programele pe limbaje de client sunt
prelucrate de partea utilizatorului, de regulă, sunt îndeplinite de browser. Cele mai răspîndite
dintre ele —JavaScript și Visual Basic
. Limbaje de server. Cînd utilizatorul face o solicitare la orice pagină web, această pagină este
întîi prelucrată de server, și numai după aceasta se întoarce la vizitator prin rețea în formă de
fișier. 

CTF 1851 NE
Mod. Coala № Document Semnat Data
Elaborat Bucur Maria Litera Coala Coli
Introducere
Verificat Vieru V. 4 29
Recenzent
N Control. IG4113
Aprobat
PARTEA TEORETICĂ
Cu ajutorul limbajului HTML (Hyper Text Markup Language) putem construi pagini
WEB nu foarte pretenţioase insă reprezintă un inceput pentru realizarea site-urilor profesionale.
Structura unui document HTML
Despre tag-uri.
Tag-urile nu sunt altceva decît nişte marcaje sau etichete pe care limbajul HTML le
foloseşte alaturi de texte pentru a ajuta browser-ul de internet să afiseze corect conţinutul paginii
web. Aceste tag-uri (etichete) pot fi de doua feluri:
1. tag-uri pereche (un tag de inceput si unul de incheiere). Exemple: <HTML> si </HTML>;
<TITLE> si </TITLE>; <HEAD> si </HEAD>;
2. tag-uri singulare (nu au un tag de incheiere) Exemple: <HR>, <BR>.
Să vedem tag-urile de baza pe care trebuie sa le conţină un document HTML:
<HTML> - cu acest tag incepe orice document HTML. Prin folosirea acestui tag iî spunem
browser-ului că este vorba de un fişier HTML pentru a îl putea afişa.
<HEAD> - între aceste tag-uri sunt trecute, pe langă titlul paginii, diverse informaţii folositoare
pentru browser-ul de internet, informaţii pe care le vom descoperi pe parcursul acestui curs.
</HEAD> - acesta este tag-ul de incheiere al tag-ului <HEAD>
<TITLE> - cu ajutorul acestei perechi de tag-uri vei putea dă un titlu documentului tău. Astfel,
textul pe care îl vei scrie între aceste tag-uri va fi afişat in bara de titlu a documentului.
</TITLE> - este tag-ul de оncheiere al tag-ului <TITLE>. Aratî sfîrşitul titlului documentului.
<BODY> - odată cu acest tag începe conţinutul paginii web. Tot ce vei scrie între tag-urile
<BODY> si </BODY> va fi afişat, de catre browser, pe ecranul monitorului. </BODY> - îi spui
browser-ului ca ai terminat de scris conţinutul paginii. Tot ceea ce vei scrie dupa acest tag nu va
mai fi afişat.
</HTML> - este tag-ul de оncheiere al tag-ului <HTML>. Codul oricarui document se termina
cu acest tag. Tag-urile (etichetele) pot fi scrise atat cu litere mari cat si cu litere mici.
Imagini:

Imaginea a devenit un element omniprezent in toate paginile web actuale . Bazat pe faptul
recunoscut ca o imagine are un impact mult mai mare asupra
CTF privitorului
1851 NE decat un text precum si
Mod. Coala № Document Semnat Data
Elaborat Bucur Maria Litera Coala Coli
Partea teoretica
Verificat Vieru V. 5 29
Recenzent
N Control. IG4113
Aprobat
pe necesitatea oferirii unor informatii cat mai rapid si direct catre utilizator imaginea s-a impus
ca elementul indispensabil oricarei prezentari a oricarui subiect .In cadrul paginilor web

introducerea elementelor grafice – la acest moment ne referim la imaginile de tip GIF sau JPG –
se face cu ajutorul tag-ului <IMG> .

<IMG SRC="imagine.gif" WIDTH=82 HEIGHT=68>

are ca efect introducere imaginii imagine.gif in pagina noastra , cu dimensiunile specificate in


atributele WIDTH ( latime ) si HEIGHT ( inaltime ) ale tag-ului .

Atributul SRC specifica sursa de unde browser-ul va incarca imaginea respectiva ; aceasta


locatie poate fi in sistemul respectiv ( in directorul paginii sau in orice alt director ce va fi
specificat in cale ) sau in orice alta locatie pe web ( ex. http://ura.data.ro/lectii/poza1.gif ) .In
cazul in care nu se introduce o cale catre aceasta imagine ci doar numele ei atunci browser-ul va
cauta in directorul curent al paginii web .

Atributele WIDTH si HEIGHT pot lipsi iar browser-ul va recunoaste imaginea la dimensiunile ei


originale ; chiar in cazul in care imaginea a fost special creat pe dimensiunile necesare paginii
noastre este de preferat folosirea celor doua atribute care ajuta la incarcarea mai rapida a imaginii
( in caz contrar browser-ul va mai pierde timp calculand dimensiune si asezarea in pagina a
imaginii respective ) .

Un alt atribut care este preferabil sa fie prezent este ALT . Cu ajutorul acestui atribut putem oferi
o alternativa browser-ului in cazul in care imaginea respectiva nu a putut fi incarcata :

<img src="1.gif" width=20 height=20 alt="Text in cazul lipsei pozei din calea generata">

 “bottom” – aliniaza partea inferioara a imaginii pe linia curenta

 “top” – aliniaza partea superioara a imaginii cu cel mai inalt element de pe linia curenta

 “middle” – aliniaza mijlocul imaginii cu linia curenta

Despre culori HTML


I. Culoarea fondului unei pagini web
Nu trebuie ca fondul paginii tale sa fie alb. Poţi opta pentru ce culoare vrei cu ajutorul atributului
BGCOLOR al tag-ului <BODY>.
Tot ce trebuie sa face este sa cauţi in tabelul cu nume si coduri de culori, sa alegi una care-ţi
place şi să-i scrii numele sau codul in cadrul atributului BGCOLOR.
II. Culoarea textului
Culoarea textului in cadrul unei pagini html se poate schimba folosind atributul COLOR
(culoare) al tag-ului <FONT>.
Formatarea textului in HTML
I. Titluri
Atunci cînd avem nevoie să folosim un titlu în cadrul paginii noastre web putem apela la tag-
urile <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Cu ajutorul acestor tag-uri, care au şi tag-uri de
încheiere, vom scrie titlurile din cadrul paginilor noastre web. Astfel in cadrul codului HTML
vom folosi tag-ul <H1>, de exemplu, urmat de textul titlului, iar la sfîrşit vom folosi tag-ul de
incheiere </H1>. Tag-urile <H1> si </H1> permit scrierea unui titlu cu caracterele cele mai mari
in timp ce textul încadrat de tag-urile <H6> si </H6> va fi afişat cu caracterele cele mai mici.
Tag-urile acestea accepta atributul ALIGN cu ajutorul căruia titlul va putea fi aliniat la stînga, la
centru sau la dreapta (ex: ALIGN="left" ALIGN="center" ALIGN="right")

Listele sunt un element foarte des intalnit in cadrul paginilor web datorita in principal impactului
vizual mai ridicat decat al textului simplu .

In general putem discuta despre doua tipuri de liste : neordonate si ordonate . Listele neordonate
prezinta elementele listei unul sub altul , cu un asa numitele bullet-uri la stanga elementului .
Listele ordonate inlocuiesc aceste bullet-uri cu numerale sau litere in ordine crescatoare .

LISTE NEORDONATE :

<ul><li>Element 1 <li>Element 2 <li>Element 3 </ul>

Aceasta comanda va duce la crearea unei liste neordonate :

 Element 1

 Element 2

 Element 3

Coala
Coala
CTF 1851 NE
CTF 1851 NE 7
Mod. Coala № Docum. Semn. Data 6
Mod. Coala № Docum. Semn. Data
 Tag-ul <UL> poate folosi atributul TYPE – cu valorile SQUARE , DISC si CIRCLE –
pentru a specifica formatul bullet-ului elementelor listei . Acelasi atribut TYPE poate fi
utilizat si in cadrul tag-ului <LI> pentru a specifica individual formatul bullet-ului pentru
fiecare element al listei in parte .

 LISTE ORDONATE

 <ol><li>Element 1<li>Element 2<li>Element 3 </ol>

 Aceasta comanda va produce urmatoarea lista ordonata :

 Element 1

 Element 2

 Element 3

Tag-ul <OL> poseda doua atribute foarte folositoare : START si TYPE .


Atributul START determina valoarea numarului de ordine al primului element din lista .
Atributul TYPE poate avea patru valori :

 a ~ pentru ordonare cu ajutorul literelor mici

 A ~ pentru ordonare cu ajutorul majusculelor

 I ~ pentru ordonare cu ajutorul numeralelor romane majuscule

 I ~ pentru ordonare cu ajutorul numeralelor romane minuscule

1 ~ pentru ordonarea numerica ( default )

Tag-ul <LI> - care introduce un element al listei poseda si el un atribut extrem de


folositor : VALUE ; cu ajutorul sau putem specifica o anumita valoare pentru numarul de ordine
al acelui element ( elementele urmatoare vor fi numarate incepand cu aceasta noua valoare )
<OL>
<LI> linia 1
<LI value=”7”> linia 2
<LI> linia 3
</OL>
Coala
CTF 1851 NE
8
Mod. Coala № Docum. Semn. Data
Va produce urmatorul efect :
1. linia 1
7. linia 2
8. linia 3
Tag-ul <LI> poate utiliza si el atributul TYPE pentru a formata individual numerotarea
elementului respectiv al listei .
Un alt tip de lista intalnit destul de des este si tipul lista de definitie .
<BODY BGCOLOR="#FFFFFF"> 
<DL> 
<DT>Termen de definit

<DD>Definititermenului 
</DL> 
</BODY>

Tag-ul folosit este <DL> ( = definition list ) , <DT> este urmat de termenul ce urmeaza a fi


definit iar <DD> specifica definitia propriu-zisa a termenului .In limbajul HTML este permisa
folosirea comentariilor ; acestea incep cu <!-- si se termina cu --> . Orice tag inserat intre
marcajele de comentariu este ignorat de browser .

LINK-uri

Mai intai sa vedem ce este un link ( sau o legatura ) . Pentru a fi cat mai simplu : un link
reprezinta cuvintele subliniate in cadrul unei pagini si pe care poti da click pentru a naviga catre
alte locatii .

Practic orice element al unei pagini web poate fi asociat unui link : un text , o imagine sau doar o
portiune de imagine .

<a href="http://www.yahoo.com">Yahoo</a>

Secventa anterioara reprezinta introducerea unui link catre pagina Yahoo .

<a> si </a> ~ ( = anchor ) tag-urile transmit browser-ului faptul ca urmeaza definirea unui link .

Adresa link-ului se incadreaza in href=” “ ; href vine de la Hypertext Reference si este un atribut
al tag-ului <A> . Dupa incheierea tag-ului <A> urmeaza textul sau imaginea care urmeaza sa

Coala
CTF 1851 NE
9
Mod. Coala № Docum. Semn. Data
faca legatura catre linkul dorit .In cazul in care dorim realizarea unei legaturi catre o alta pagina
din acelasi director se va introduce in cadrul atributului href doar numele paginii :

<a href="continut.htm">Continut</a>

Un alt tip comun de legatura este linkul in cadrul aceleiasi pagini . Pentru a crea un astfel de link
trebuie realizati doi pasi .In primul rand trebuie sa identificam sectiunea paginii unde vrem sa
putem sari si apoi sa realizam linkul .Pentru primul pas – definirea zonei la care dorim sa se faca
legatura avem doua posibilitati :

<a name=”definitie_zona”> Text </a> sau <p id=”definitie_zona”> Text

Prima posibilitate este si cea mai corecta realizand o ancora legata de textul respectiv ; a doua
posibilitate este de reprezinta de fapt definirea unui paragraf , cu ajutorul unui atribut al tag-ului
<p> .Prima posibilitate este si cea mai corecta realizand o ancora legata de textul respectiv ; a
doua posibilitate este de reprezinta de fapt definirea unui paragraf , cu ajutorul unui atribut al
tag-ului <p> .

Saltul propriu-zis la aceasta zona definita se face prin intermediul urmatoarei linii de cod :

<a href="#definitie_zona">Acest link va duce inapoi la zona definita</a>

Saltul se poate face si combinat – la o anumita zona definita in alta pagina , ca in exemplul
urmator :

<a href="pagina2.html#definitie_zona">Acest link va duce inapoi la zona definita in pagina


2</a>

O alta intrebuintare foarte des intalnita a tag-ului <a> tine de inserarea in pagina web a unei
adrese de contact , mai exact o adresa de mail . Urmatoarea linie de cod realizeaza exact acest
lucru , cuvantul cheie mailto specificand browser-ului ca urmeaza o adresa de mail iar acesta va
lansa clientul de mail al vizitatorului paginii cu adresa adresa@yahoo.com gata introdusa in
cadrul mesajului

<a href="mailto:adresa@yahoo.com">Send E-Mail</a>

Un atribut folositor al tag-ului este si SUBJECT , mail-ul trimis de vizitator primind astfel un
subiect gata definit de dumneavoastra :

Coala
CTF 1851 NE
Mod. Coala № Docum. Semn. Data
10
<a href="mailto:adresa@yahoo.com?subject=testare">Send E-Mail</a>

Tot in problema linkurilor mai trebuie sa amintim si posibilitatea de a defini o adresa de baza
pentru linkurile din pagina noastra . In mod normal pentru un link catre o pagina din acelasi
,director se foloseste doar numele paginii . Sa presupunem ca toate linkurile din pagina noastra
sunt catre pagini aflate intr-un acelasi director DIRECTOR_SURSE ; in acest caz putem reduce
textul presupus de introducerea acestei cai in fiecare atribut HREF in modul urmator :

<HEAD>

<BASE HREF=http://www.site.com/director_surse>

</HEAD>

Dupa utilizarea acestui cod sursa putem utiliza in cadrul atributului HREF doar numele fisierului
respectiv .

CSS (cascading style sheet - foi de stil in cascada). Un fiser CSS este un fisier text cu extensia
".css" definind anumite stiluri pentru paginile HTML. Fisierele CSS permit stilizarea in bloc a
documentelor HTML cu un efort semnificativ mai mic decat in cazul stilizarii elementelor de
pagina in cadrul fiecarui document HTML in parte, prin intermediul atributelor tag-urilor.

PHP a cunoscut cea mai spectaculoasa crestere in zona limbajelor server-side. Cu ajutorul
acestui limbaj de programare se pot realiza site-uri dinamice de mii de pagini, deoarece alaturi de
PHP se poate utiliza si baze de date update-ul se face in timp real.

Pentru ca să edităm avem nevoie de editorul de text Notepad. Formatarea paginilor Web se face
cu ajutorul etichetelor speciale care indică natura paginii spre exemplu secţiunea de antet,
secţiunea de bază (corpul=body) şi titlul. Etichetele pe care necesită să le folosim întotdeauna la
o pagină html sunt: <html>….</html> Etichetele de început <html> şi de sfîrşit </html> anunţă
browser-ul că o pagină html e pe cale să înceapă sau să se termine.[3]
<head>….</head> această etichetă include informaţie despre antet <header> cum ar fi
titluri, comenzi, date de script. <title>...</title>.Aceste etichete ne ajută să denumim pagina web.
Informaţia va fi afişată în bara de titlu. <body>…</body> aceste etichete determină
atributul de bază ale unei pagini html , spre exemplu culoarea fundalului şi variabile de culoare
ale textului. Totul se va afişa în cîmpul browser-ului web. Etichetele html necesită o instrucţiune
de tipul eticheta-de început şi eticheta-de sfîrşit. De exemplu:<html>….</html>.
Aici este reprezentata structura unei pagini HTML:
Coala
CTF 1851 NE
11
Mod. Coala № Docum. Semn. Data
<html>
<head>
<title> Bine aţi venit! </title>
</head>
<body> </body>
</html>

AFISAREA REZULTATELOR
Pagina principala

(Pro TV se plaseaza pe locul doi in topul celor mai populare posturi de televiziune. Potrivit
sondajului, in medie in fiecare seara circa 300 de mii de moldoveni urmaresc stirile Pro TV
Chisinau.).
Program PRO TV

Coala
CTF 1851 NE
12
Mod. Coala № Docum. Semn. Data
(dacă e ora fixa, telecomanda trimite privirile pe Ştirile Pro TV. Ochii privesc cu sete, iar
urechile stau pâlnie la fiecare informaţie. Pe ecran curg reportaje speciale,)

Conecteză-ne

(Așteptăm cu mare drag mesajele dumnevoastră!)


Despre noi

Coala
CTF 1851 NE
13
Mod. Coala № Docum. Semn. Data
(PRO TV Chișinău este un post de televiziune privat (comercial) din Republica Moldova, este
una dintre primele televiziuni private din Moldova și una dintre cele mai importante posturi
generaliste moldovenești)

Politica

(Politica poate semnifica și orientarea, activitatea și acțiunea unui partid)


Vremea

(Meteo in Moldova)

Socant

Coala
Coala
CTF 1851
CTF 1851 NE
NE
Mod. Coala
Coala № Docum.
Docum. Semn. Data
15
14
Mod. № Semn. Data
(Ultimele stiri socante)

LISTINGUL PROGRAMULUI

Pagina principala CTF 1851 NE


Mod. <html>
Coala № Document Semnat Data
Elaborat Bucur Maria Litera Coala Coli
<head> Listingul programului
Verificat Vieru V. 16 29
Recenzent
N Control. IG4113
Aprobat
<title>Pro TV</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-times.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html"></span> <small></small></a></h1>
</div>
<div class="clr"></div>
<br><br><br><br><br><div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Știri</span></a></li>
<li><a href="support.html"><span>Program</span></a></li>
<li><a href="contact.html"><span>Contacteaza-ne</span></a></li>
<li><a href="about.html"><span>Despre Noi</span></a></li>
<li><a href="politic.html"><span>Politica</span></a></li>
<li><a href="vremea.html"><span>Vremea</span></a></li>
<li><a href="socant.html"><span>Socant</span></a></li>

</ul>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/travel1.jpg" width="920"
height="360" alt="" /><span><big>Știrile Pro TV!!!!!!</big><br />
</span></a> <a href="#"><img src="images/travel2.jpg" width="920" height="360" alt=""
/><span><big>Sexy Vedete ProTV</big><br />
</span></a> <a href="#"><img src="images/travel3.jpg" width="920" height="360"
alt="" /><span><big>Membrii tineri ProTV</big><br />
</span></a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>Pro TV</span></h2><br>
<h7>PRO TV Chișinău este un post de televiziune privat (comercial) din Republica
Moldova, înființat în 1999, operat de compania Prodigital SRL (inițial - Mediapro SRL), care
face parte din trustul CME. PRO TV Chișinău difuzează pe lângă programele PRO TV București
(după o grilă proprie, diferită de cea românească) o serie de jurnale și emisiuni locale și propriile
calupuri publicitare pe toată durata zilei.

PRO TV Chișinău este una dintre primele televiziuni private din Moldova și una dintre cele mai
importante posturi generaliste moldovenești.
Din momentul înființării, compania este condusă de Cătălin Giosan.
Sediul PRO TV Chișinău se află în Chișinău, pe strada Petru Maior 7.</h7>
<div class="clr"></div>
<div class="i class="fl" /></div>
<div class="post_content">
</div>
<div class="clr"></div>
</div>
<div class="article">
<h2><span>Premiile Noastre</span></h2>
Coala
CTF 1851 NE
17
Mod. Coala № Docum. Semn. Data
<div class="clr"></div>
<div class="img"><img src="images/img2.png" width="198" height="188" alt=""
class="fl" /></div>
<div class="post_content">
<h7>Stirile PRO TV Chisinau sunt cel mai urmarit program din capitala. Asa arata datele
unui studiu de audienta realizat de IMAS, pe parcursul lunii trecute. La nivel urban, Pro TV se
plaseaza pe locul doi in topul celor mai populare posturi de televiziune. Potrivit sondajului, in
medie in fiecare seara circa 300 de mii de moldoveni urmaresc stirile Pro TV Chisinau.
Studiul, realizat de IMAS in 34 de orase din Moldova, inclusiv in Chisinau, arata ca Stirile Pro
TV de la ora 20 sunt primele in topul clasamentului preferintelor in capitala, devansand toate
celelalte productii TV de pe piata.</h7>
</div>
<div class="clr"></div>
</div>
<p class="pages"><small>Pagina 1 din 2</small> <span>1</span> <a
href="PAG2.html">2</a></p>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star"><span>Ultimele Stiri</span></h2>
<div class="clr"></div>
<ul class="sb_menu">
<img src="images/p1.jpg" width="240" height="188">
<br><br><img src="images/p2.jpg" width="240" height="188">
<br><br><img src="images/p3.jpg" width="240" height="188">
</ul>
</div>
</ul>
</div>
<div class="clr"></div>
</div>
<div class="fbg">
<div class="fbg_resize">
</div>
</div>
Coala
CTF 1851 NE
19
18
Mod. Coala № Docum. Semn. Data
</body>
</html>

Conecteaza-ne
<html>
<head>
<title>Pro TV</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-times.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html"></span> <small></small></a></h1>
</div>
<div class="clr"></div>
<br><br><br><br><br><div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Știri</span></a></li>
<li><a href="support.html"><span>Program</span></a></li>
<li><a href="contact.html"><span>Contacteaza-ne</span></a></li>
<li><a href="about.html"><span>Despre Noi</span></a></li>
<li><a href="politic.html"><span>Politica</span></a></li>
<li><a href="vremea.html"><span>Vremea</span></a></li>
<li><a href="socant.html"><span>Socant</span></a></li>
</ul>
</div>

Coala
CTF 1851 NE
20
Mod. Coala № Docum. Semn. Data
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/travel1.jpg" width="920"
height="360" alt="" /><span><big>Știrile Pro TV!!!</big><br />
</span></a> <a href="#"><img src="images/travel2.jpg" width="920" height="360" alt=""
/><span><big>Sexy Vedete ProTV</big><br />
</span></a> <a href="#"><img src="images/travel3.jpg" width="920" height="360"
alt="" /><span><big>Membrii tineri ProTV</big><br />
</span></a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>Contacteaza-ne</span></h2>
<div class="clr"></div>
<p>Aici ne poti trimite un mesaj.</p>
</div>
<div class="article">
<h2><span>Expediaza</span> un mail</h2>
<div class="clr"></div>
<form action="#" method="post" id="sendemail">
<ol>
<li>
<label for="name">Nume (obligatoriu)</label>
<input id="name" name="name" class="text" />
</li>
<li>
<label for="email">Adresa E-mail (obligatoriu)</label>
<input id="email" name="email" class="text" />
</li>
<li>
<label for="message">Mesajul tau</label>
<textarea id="message" name="message" rows="8" cols="50"></textarea>
</li>
<li>
<input type="image" name="imageField" id="imageField" src="images/submit.png"
class="send" />
<div class="clr"></div>
</li>
</ol>
</form>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star"><span>Ultimele Stiri</span> </h2>
<div class="clr"></div>
<ul class="sb_menu">
<img src="images/p1.jpg" width="240" height="188">
<br><br><img src="images/p2.jpg" width="240" height="188">
<br><br><img src="images/p3.jpg" width="240" height="188">
</ul>
</div>
</div>
<div class="clr"></div>
</div>
<div class="fbg">
<div class="fbg_resize">
</div>
<div class="footer">
<div class="footer_resize">
<div style="clear:both;"></div>
</div>
</div>
</body>
</html>

Coala
CTF 1851 NE
21
Mod. Coala № Docum. Semn. Data
Despre noi
<html>
<head>
<title>Pro TV</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-times.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html"></span> <small></small></a></h1>
</div>
<div class="clr"></div>
<br><br><br><br><br><div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Știri</span></a></li>
<li><a href="support.html"><span>Program</span></a></li>
<li><a href="contact.html"><span>Contacteaza-ne</span></a></li>
<li><a href="about.html"><span>Despre Noi</span></a></li>
<li><a href="politic.html"><span>Politica</span></a></li>
<li><a href="vremea.html"><span>Vremea</span></a></li>
<li><a href="socant.html"><span>Socant</span></a></li>
</ul>
</div>
<div class="clr"></div>
<div class="slider">

Coala
CTF 1851 NE
22
Mod. Coala № Docum. Semn. Data
<div id="coin-slider"> <a href="#"><img src="images/travel1.jpg" width="920"
height="360" alt="" /><span><big>Știrile Pro TV!!!!!!</big><br />
</span></a> <a href="#"><img src="images/travel2.jpg" width="920" height="360" alt=""
/><span><big>Sexy Vedete ProTV</big><br />
</span></a> <a href="#"><img src="images/travel3.jpg" width="920" height="360"
alt="" /><span><big>Membrii tineri ProTV</big><br />
</span></a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>Despre companie</span></h2>
<div class="clr"></div>
<br><h7> PRO TV Chișinău este un post de televiziune privat (comercial) din Republica
Moldova, înființat în 1999, operat de compania Prodigital SRL (inițial - Mediapro SRL), care
face parte din trustul CME. PRO TV Chișinău difuzează pe lângă programele PRO TV București
(după o grilă proprie, diferită de cea românească) o serie de jurnale și emisiuni locale și propriile
calupuri publicitare pe toată durata zilei.
PRO TV Chișinău este una dintre primele televiziuni private din Moldova și una dintre cele mai
importante posturi generaliste moldovenești.
Din momentul înființării, compania este condusă de Cătălin Giosan.
Sediul PRO TV Chișinău se află în Chișinău, pe strada Petru Maior 7.</h7>
<br><br>
<h2><span>Stirile PRO TV Chisinau</span></h2>
<br>
<h7>PRO TV Chișinău realizează și difuzează 3 jurnale de știri pe zi, de luni până joi, la ora
17.00 - Știrile PRO TV cu Anișoara Loghin, ora 20.00 - Știrile PRO TV cu Angela Gonța, și la
ora 22.30 - Știrile PRO TV cu Sorina Obreja. Știrile PRO TV de weekend, difuzate la 20.00, sunt
prezentate de Cristina Gheiceanu.
Principalul buletin de știri, cel de la ora 20.00, cu Angela Gonța, este cel mai urmărit program de
știri în Chișinău, potrivit unui sondaj de audiență realizat de IMAS Chișinău, in octombrie-

Coala
CTF 1851 NE
23
Mod. Coala № Docum. Semn. Data
noiembrie 2012 [1]. Datele studiului, efectuat după metoda day-after recall, arată ca aproximativ
300 de mii de moldoveni urmăresc în fiecare seara buletinul de la ora 20.00.
In mediul urban, PRO TV Chișinău ocupă poziția a doua ca audiență. Circa 11 la suta dintre
oamenii care se uita la televizor in prime-time, urmaresc programele PRO TV Chișinău, potrivit
studiului IMAS.

PRO TV Chișinău a fost singurul post de televiziune care a transmis în direct protestele de la
Chișinău din 2009 pentru posturi de televiziune străine. Associated Press a preluat semnalul
satelit difuzat de PRO TV Chișinău chiar din fața sediului Parlamentului, atacat în acel moment
cu pietre de protestatari. De asemenea, PRO TV Chișinău a furnizat imagini și știri pentru
diferite posturi de televiziune din Rusia, Ucraina, Italia, Marea Britanie și Statele Unite.
Reporterii PRO TV Chișinău realizează pentru postul PRO TV din România transmisiunile în
direct de la diferite evenimente care au loc în Rusia (de exemplu, criza ostaticilor de la
Dubrovka).</h7>
</div>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star"><span>Ultimele Stiri</span> </h2>
<div class="clr"></div>
<ul class="sb_menu">
<img src="images/p1.jpg" width="240" height="188">
<br><br><img src="images/p2.jpg" width="240" height="188">
<br><br><img src="images/p3.jpg" width="240" height="188">
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<div class="clr"></div>
</div>

Coala
CTF 1851 NE
Mod.
Mod. Coala
Coala №
№ Docum.
Docum. Semn.
Semn. Data
Data
24
25
</div>
<div class="footer">
</div>
</div>
</body>
</html>

Politica
<html>
<head>
<title>Pro TV</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-times.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html"></span> <small></small></a></h1>
</div>
<div class="clr"></div>
<br><br><br><br><br><div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Stiri</span></a></li>
<li><a href="support.html"><span>Program</span></a></li>
<li><a href="contact.html"><span>Contacteaza-ne</span></a></li>
<li><a href="about.html"><span>Despre Noi</span></a></li>
<li><a href="politic.html"><span>Politica</span></a></li>
<li><a href="vremea.html"><span>Vremea</span></a></li>
<li><a href="socant.html"><span>Socant</span></a></li>
</ul>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/travel1.jpg" width="920"
height="360" alt="" /><span><big>Stirile Pro TV!!!!!!</big><br />
</span></a> <a href="#"><img src="images/travel2.jpg" width="920" height="360" alt=""
/><span><big>Sexy Vedete ProTV</big><br />
</span></a> <a href="#"><img src="images/travel3.jpg" width="920" height="360"
alt="" /><span><big>Membrii tineri ProTV</big><br />
</span></a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>Despre politica</span></h2>
<div class="clr"></div>
<br><h7>Presedintele-ales american Donald Trump a declarat duminica faptul ca a
castigat, pe 8 noiembrie, nu doar majoritatea marilor electori, ci si sufragiul popular, impotriva
rivalei sale democrate Hillary Clinton, si a evocat milioane de voturi ilegale. O polemica s-a
extins de-a lungul vacantei de Thanksgiving, dupa ce fosta candidata independenta ecologista la
Casa Alba, Jill Stein, a decis sa cearta renumararea voturilor in statele Wisconsin, Pennsylvania
si Michigan.Cele trei sunt state cheie care au basculat de partea republicanului Donald
Trump.Echipa Clinton a anuntat sambata ca va participa la renumararea voturilor in Wisconsin,
subliniind in acelasi timp ca nu a constatat nereguli. </h7>
<br><br>
<h2><span>Lupta impotriva coruptiei</span></h2>
<br>
Coala
CTF 1851 NE
26
Mod. Coala № Docum. Semn. Data
<h7>Lilian Carp, deputat PL, Grigore Cobzac, deputat PLDM si Grigore Novac, deputat PSRM
sunt invitati luni, 28 noiembrie, la emisiunea In Profunzime cu Lorena Bogza. Emisiunea incepe
luni la ora 21:00 la Pro TV. Lorena Bogza va discuta cu invitatii sai despre lupta impotriva
coruptiei, dar si despre retinerile din ultima perioada. Deputatul PD, Sergiu Sarbu a refuzat
invitia de a participa la emisiune.</h7>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star"><span>Ultimele Stiri</span> </h2>
<div class="clr"></div>
<ul class="sb_menu">
<img src="images/p1.jpg" width="240" height="188">
<br><br><img src="images/p2.jpg" width="240" height="188">
<br><br><img src="images/p3.jpg" width="240" height="188">
</ul>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<div class="clr"></div>
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>

CONCLUZII
CTF 1851 NE
Mod. Coala № Document Semnat Data
Elaborat Bucur Maria Litera Coala Coli
Concluzii
Verificat Vieru V. 28 29
Recenzent Coala
N Control. CTF 1851 NE IG4113
Aprobat 27
Mod. Coala № Docum. Semn. Data
In acest proiect de curs a fost prevazuta tema „Stirile PRO TV”. Proiect de curs contine 38 de
pagini WEB, care sunt legate intre ele. In timpul creerii au fost folosite mai multe limbaje de
programare, ca de exemplu, HTML,CSS.

Obiectul de proiectare si creare paginilor WEB este foarte usor de invatat.

Am facut concluzii ca invatarea limbajului HTML, PHP si CSS au mari avantaje:


 Este foarte simpla si nu necesita mult timp.
 Ofera controlul absolut asupra realizarii paginii web.
 Poti folosi in cadrul paginilor pe care le vei realiza secvente de cod HTML
„imprumutate” de la alte pagini web(pentru a vedea codul sursa al unei pagini web in
internet Explorer intra in meniul View si apoi selecteaza Source).
 un site web este accesibil 24 de ore oricand si de oriunde din lume.

 pe un web site puteti publica informatii: texte, poze, materiale multimedia. Nu este
necesar sa tineti cont de marimea suprafetei de publicitate.

Internetul are cea mai rapida dezvoltare in domeniul mediei din istorie. Se estimeaza ca
numarul website -urilor va creste in urmatorii 5 ani de 400 de ori. Zilnic mai mult de 600
milioane de oameni navigheaza pe Internet si acceseaza website -uri. Cu ajutorul unui
site aveti posibilitatea de a transforma acesti navigatori in vizitatori sau chiar clienti.
Puteti expune pe website propria oferta de produse si servicii la un pret scazut

BIBLIOGRAFIE CTF 1851 NE


Mod. Coala № Document Semnat Data
Elaborat
1. Bucur Maria
http://ciobanu.cich.md/lectii_view.php?id=1
Bibliografie Litera Coala Coli
Verificat Vieru V. 29 29
Recenzent
N Control. IG4113
Aprobat
2. http://invatahtmlake.3x.ro/ceestehtml.html
3. http://www.slideshare.net/danyk19/lucrare-29295842
4. http://www.emerigos.ro/avantajele-site-web.html

S-ar putea să vă placă și