Proiectarea Unui Site Web Folosind Tehnologiile Html, Css Si Php

Proiectarea Unui Site Web Folosind Tehnologiile Html, Css Si Php

Byadmin ianuarie 1, 2024

CAPITOLUL 3. SPECIFICATIILE APLICATIEI

3.1 Descrierea aplicatiei

Aplicatia realizata de mine este un site web realizat dintr-un limbaj de marketare (HTML), unul de stilizare (CSS) si unul de programare (PHP). Toate impreuna lucreaza cu serverul virtual instalat pe calculatorul propriu sau online daca este pus pe un domeniu web. Toate aceste 3 limbaje au ajutat la finalizarea proiectului meu “VestCar – Inchirieri masini in Timisoara”, folosindu-ma de ele si ce am invatat de-a lungul anilor de facultate.

Aplicatia ofera posibilitatea utilizatorilor de a inchiria masini in regim rent a car, simplu si rapid, cu ajutorul unui site structurat corespunzator, informatia fiind sugestiva si vizibila in site iar inchirierea unei masini se usor prin accesarea paginilor interne pentru fiecare masina si completarea unui formular de rezervare.

3.2 Structura aplicatiei

Aplicatia este structurata in 7 pagini, respectiv 3 pagini HTML si 4 pagini PHP. Paginile ce sunt HTML nu se folosesc de server pentru a trimite informatii iar paginile PHP se folosesc de server avand formularele de rezervare a masinii si formulare de contact, dupa cum urmeaza:

Prima pagina – index.html – Aceasta pagina este prima pe care se ajunge in site, de aici utilizatorul poate alege ce actiune doreste sa faca in continuare, alegand din meniul vizibil si sugestiv pagina dorita. Tot in aceasta pagina avem informatii despre compania noastra, masinile oferite spre inchiriere si 2 cai de acces spre rezervarea lor.

Pagina Despre noi – despre-noi.html – Aici sunt prezentate mai multe informatii despre VestCar, ce ofera, politica in legatura cu clientii, avantajele de a inchiria o masina de la noi cat si alte elemente ce fac sa creasca increderea utilizatorului in aceasta compania. De pe aceasta pagina se ajunge foarte usor si la inchirierea unei masini, actiunea dorita de catre noi.

Pagina Flota masini – inchirieri-masini-timisoara.html – Este pagina unde sunt afisate doar masinile disponibile, cu imagini si detalii despre motorizarea lor cat si alte detalii tehnice. De aici singura actiunea este sa se aleaga o masina si sa se ajunga la inchirierea uneia.

Pagina Inchirieaza Daewoo Matiz – inchiriaza-daewoo-matiz.php – De pe aceasta pagina se poate inchiria masina Daewoo Matiz, este o pagina salvata ca si PHP, deoarece contine formular de rezervare care atunci cand este trimis, acesta vine pe email, compania primind toate detaliile legate de rezervare precum: numele celui ce o doreste, telefonul acestuia, adresa, locatia de preluare cat si locatia de predare si informatia utila data si ora de cand se doreste masina. Pe aceasta pagina gasim si preturile noastre, categorisite pe numarul de zile, cu cat durata de inchiriere este mai mare, cu atat pretul per zi este mai mic.

Pagina Inchiriaza Opel Corsa – inchiriaza-opel-corsa.php – Este tot o pagina PHP, este identica cu pagina inchirierii unui Matiz, detine formular de rezervare iar singurele modificari fiind la preturile oferite.

Pagina Inchiriaza Skoda Superb – inchiriaza-skoda-superb.php – Pagina identica ca si pentru celelalte doua masini, difera preturile si imaginea masiniii. De asemenea continte formular de rezervare.

Pagina Contact – contact.php – O pagina php deoarece contine formular de contact, ce lucreaza cu serverul iar informatia trimisa de catre utilizator ajunge pe email. Pe ea mai gasim si o harta Google Maps cu locatia noastra

CAPITOLUL 4. REALIZAREA APLICATIEI

Pentru realizarea aplicatiei s-au folosit diferite software-uri opensource, precum:

Notepad++ – pentru scrierea codului sursa, este o unealta gratuita si care poate suporta zeci de limbaje de programare, ajutand utilizatorul cu sugestii si functii de autocomplete a codului sursa, pentru o scriere mai rapida si fara erori.

Filezilla – aplicatie opensource ce ofera acces la transferul de fisiere intre calculator si server, cat si transfer intre fisiere din acelasi calculator, diferite partitii.

XAMPP – Acest software este un server virtual ce vine instalat pe calculatorul propriu, este folosit pentru verificarea si rularea scripturilor PHP cat si pentru baze de date. Este un software gratuit ce contine si acces la PhpMyAdmin, interfata de lucru cu bazele de date mysql.

CAPITOLUL 5. FUNCTII SI ELEMENTE FOLOSITE

Folosind cele 3 limbaje HTML, CSS si PHP am incercat sa realizez aplicatia cu cat mai multe elemente ce le-am invatat de-a lungul anilor de studiu.

LIMBAJUL HTML – s-au folosit elemente precum:

campul HEAD – unde avem titlul paginii si caile de acces spre fisierele css si javascript

<head>

<title>VestCar | Inchirieri masini in Timisoara</title>

</head>

Functia title afiseaza titlul paginii in browser <title>VestCar | Inchirieri masini in Timisoara</title>

Functia link href spune serverului unde sunt stocate fisierele pe server pentru a fi preluate si afisate <link href="css/style.css" rel="stylesheet" /> .

Am incercat sa lucrez organizat incat fiecare fisier sa fie in folder-ul corespunzator pentru a fi accesat mai rapid si mai usor, in exemplul de mai jos avem structura fiecarui folder, /css/ pentru foile de stil in cascada si /js/ pentru fisierele Javascript. Mai avem folderul /img/ unde sunt stocate imaginile din site si /fonts/ unde sunt fonturile folosite in aplicatie.

Interiorul folderului CSS

campul BODY – Intre elementele <body> si </body> exista tot continutul ce trebuie afisat de catre server. Ce nu este inclus intre aceste doua elemente nu va fi afisat de catre browser.

In aplicatia realizata si afisarea ei am folosit elemente precum:

LISTE: in afisare meniului si a caracteristicilor pentru masini

<ul>

<li><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li><a href="contact.php" title="Contact">Contact</a></li>

</ul>

LINKURI: pentru a lega paginile interne intre ele

<a href="inchiriaza-opel-corsa.php">INCHIRIAZA – de la 20 € / zi</a>

IMAGINI: pentru a afisa imaginile

FORMATAREA TEXTULUI: pentru a formata text-ul, cu underline sau strong, paragrafe cat si comanda pentru a trece pe o noua linie.

<p><u>Puteti alege masina care vi se potriveste:</u><br /><br />

<strong>Skoda Superb</strong> – daca doriti spatiu, viteza si lux<br />

<strong>Opel Corsa</strong> – daca doriti calitate, dotari si un consum mic.<br />

<strong>Daewoo Matiz</strong> – daca doriti o masina economica si cu care sa nu aveti probleme la parcare.

</p>

<p></p> – pentru paragrafe

<strong></strong> – pentru bold

<u></u> – pentru underline

<br /> – pentru a trece pe o noua linie

DIV-URI: pentru a structura informatia si asezarea in pagina. Exemplul de mai afiseaza pretul in dreapta site-ului, adaugand-ui functia float:right

<a href="inchiriaza-opel-corsa.php" title="Inchiriaza Opel Corsa">INCHIRIAZA – de la 20 € / zi</a>

</div>

HEADLINE-URI: pentru a afisa in functie de importanta textul din site. Se pot folosi maxim 6 headline-uri (H1, H2, H3, H4, H5, H6), ce pot fi stilizate dupa cum dorim, marimea fontului, grosimea si alte elemente de stilizare precum italic, underline sau strong.

<h1 style="color:#fff;font-weight:bold;">ALEGE MASINA PE CARE DORESTI SA O INCHIRIEZI</h1>

LIMBAJUL CSS

Am folosit elemente precum:

body – pentru stilizarea intregului continut, font-ul textului, marimea, grosimea, inaltimea cat si culoarea

body {

font-family:'Open Sans', Arial, sans-serif;

font-size:14px;

font-weight:300;

line-height:1.6em;

color:#656565;

}

headline-uri – pentru stilizarea headline-urilor, unde avem font-ul, culoarea, marimea si marginea pe care sa si-o ia fata de alte elemente

h1,h2, h3, h4, h5, h6 {

font-family:'Open Sans', Arial, sans-serif;

font-weight:700;

line-height:1.1em;

color:#333;

margin-bottom: 20px;

}

liste – pentru stilizarea listelor din site. In exemplul de mai jos avem lista pentru meniul site-ului, care a fost pozitionat in partea dreapta a site-ului cu o margine fata de partea dreapta de 0px

ul.navbar-nav {

float: right;

margin-right: 0px;

}

imagini – pentru afisarea imaginilor, in exemplu spunem imaginilor ca atunci cand sunt afisate oriunde in site lungimea maxima sa fie de 100% si inaltimea sa fie auto, adica sa se mareasca in functie de lungimea ei. Daca avem o imagine de 400px atunci si inaltimea va fi la fel, practic o proportie asemanatoare.

img {

max-width:100%;

height:auto;

}

alte elemente:

margin: 0 20px 0 20px; – acest cod spune elementului sa isi ia o margine la dreapta si la stanga de 20 pixeli.

text-transform: uppercase; – cod ce spune serverului ca orice text ce are aceasta functie sa fie scris cu MAJUSCULE

background-color:#fff; – face ca background-ul sa fie de culoare alba

min-height: 70px; – spune serverului ca la fiecare element ce are aceasta functie, inaltimea sa sa fie de minim 70px

border: 1px solid #f5f5f5; – face ca elementele ce au functia border, sa aibe marginile de 1px, sa fie solide si sa fie de o anumita culoare. Border-ul poate fi solid, dashed sau dotted.

letter-spacing: 2px; – spatiul dintre caractere sa fie de 2 pixeli

text-align: center; – textul sa fie centrat

font-style: italic; – textul sa fie italic, inclinat

LIMBAJUL PHP

S-au folosit elemente precum:

$_POST – aceasta functie trimite serverului informatii din formularul nostru. Exemplu

Avem input-ul cu numele contact_submit pentru butonul de REZERVA ACUM unde spunem serverului ca atunci cand butonul “contact_submit” a fost apasat, functia POST sa ia toate informatiile ce au valoare $key sa fie transmise spre server

<?php

if(isset($_POST['contact_submit']))

{

$mail_cnt="";

foreach($_POST as $key=>$val)

{

if($key!="contact_submit")

{

$mail_cnt.=$key.": ".$val."<br>";

}

functia $mail_cnt – contite toate informatiile din campurile ce se completeaza. Din exemplul de mai sus vedem ca atunci aceasta functie contine variabila $key, adica datele de input-urile noastre.

functia $headers – contine datele ce le vom transmite serverului, recunoscute ca si destinatar si expeditor.

$headers .= 'To: VestCar <[anonimizat]>' . "\r\n";

$headers .= 'From: VestCar <[anonimizat]>' . "\r\n";

In continuare avem codul ce spune server-ului care este subiectul emailul-ului

$subject="Rezervare Daewoo Matiz";

si functia @mail ce spune serverului ce sa afiseze in email @mail($to, $subject, $mail_cnt, $headers);

respectiv:

$to – cui sa trimita, in cazul nostru [anonimizat]

$subject – subiectul ce l-am predefinit noi “rezervare Daewoo Matiz”

$mail_cnt – continutul mailului ce trimite serverului ce i-am spus, tot ce contine functia $key si $val

$header – continutul campului From, respectiv [anonimizat]

in continuare spunem serverului sa afiseze un mesaj de confirmare ca rezervarea a fost trimisa daca codul nostru indeplineste toate conditiile:

echo "Rezervarea a fost facuta. Iti multumim!";

Observatii: codul php trebuie sa fie inclus intre tag-urile <?php si ?>, exemplu:

<?php echo '<p>Hello World</p>'; ?>

CAPITOLUL 5. SERVERUL VIRTUAL

Serverul WAMP este un software ce are la baza crearea de aplicatii web, pachetul incluzand Apache2, PHP si baze de date MySQL. Pe langa acestea, software-ul vine si cu aplicatia PhpMyAdmin ce ajuta utilizatorii sa lucreze cu bazele de date. Se descarca de la adresa oficiala http://www.wampserver.com/en/

Instalare se face simplu, descarcand programul pe prorpiul calculator, se urmeaza pasii instalarii si se alege calea unde dorim sa fie instalat acesta. In cele mai comune cazuri vine instalat in particia C in folderul WAMP.

Wamp va crea automat in folder-ul sau restul de foldere ce sunt necesare accesarii programului. Cel mai important dintre ele fiind folder-ul www unde vom pune toate fisierele noastre, respectiv aplicatia – site-ul creat.

Intrand in folder-ul www, gasim toate fisierele site-ului nostru

Pentru a accesa aplicatia noastra prin browser, deschidem browserul ce il folosim si tastam localhost, adica serverul nostru virtual

CAPITOLUL 6. LAYOUT-UL SITEULUI

Site-ul nostru contine urmatoarele sectiuni:

HEADER

SLIDER

CONTINUT

FOOTER

HEADER – contine logo-ul in partea din stanga si meniul in partea din dreapta

Headerul este vizibil in fiecare pagina, avand ca si logo identitatea noastra si meniul sugestiv cu legaturi spre informatii relevante ce fac ca decizia utilizatorului sa fie cea corecta si rapida, respectiv de pe prima pagina se ajunge pe pagina Despre Noi, iar de pe aceasta pagina se ajunge la inchirierea unei masini. In cazul in care exista intrebari se va folosi pagina de Contact, unde exista formularul de contact.

SLIDER – contine imagini cu cele 3 masini oferite spre inchiriere, numele lor, dotari si link spre inchirierea fiecareia

Slider-ul este cea mai importanta partea a site-ului si cea mai atractiva. Din el reise despre ce este vorba in site, ce masini sunt disponibile si ofera acces la inchirierea acesteia. Este realizat cu sagesti de o parte si de alta pentru a schimba masinile.

CONTINUT – contine informatii despre VestCar, o imagine reprezentativa cu un client multumit ce tocmai a inchiriat o masina, un indemn spre alegerea masinii dorite si cele 3 masini cu detalii despre ele in josul paginii.

FOOTER – contine partea de jos a site-ului, vizibil pe fiecare pagina din site si are elementele de siguranta Copyright (anul lansarii site-ului si mesaj cu Toate drepturile rezervate) si serviciul oferit Inchirieri masini in Timisoara.

CAPITOLUL 7. CONCLUZII

Aplicatia creata este rezultatul folosirii a celor 3 limbaje (HTML, CSS, PHP), fapt ce a dus la un proiect complet din punct de vedere al utilizarii usoare al acestuia de catre client.

Codul folosit a fost unul scurt si curat pentru a nu incarca pagina cu informatii inutile iar dimensiunea fisierelor, paginilor statice si php sa fie cat mai mica, fapt ce aduce un plus la viteza de incarcare a sa.

Consider ca utilizatorul odata intrat pe site isi poate gasii ceea ce cauta (inchirierea unei masini) si o poate inchiria usor si rapid. Simplitatea si usurinta tratarii clientilor este si pentru cei de la VestCar care primesc instant prin email datele cu masina dorita si informatii despre client.

ANEXA – Codul sursa

PRIMA PAGINA

<!DOCTYPE html>

<head>

<title>VestCar | Inchirieri masini in Timisoara</title>

<!– css –>

<!– HTML5 shim, for IE6-8 support of HTML5 elements –>

<!–[if lt IE 9]>

<![endif]–>

</head>

<body>

<!– start header –>

</button>

</div>

<li><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li><a href="contact.php" title="Contact">Contact</a></li>

</ul>

</div>

</header>

<!– end header –>

<!– Slider –>

<li>

<a style="float:right;margin: 30px 10px 0 0;" href="inchiriaza-daewoo-matiz.php" class="btn btn-color">INCHIRIAZA – de la 18 € / zi</a>

<h3>Daewoo Matiz</h3>

<p>0.8 i (52 Cai putere), benzina, Hatchback, 5 locuri, viteza maxima 144 km/h</p>

</div>

</li>

<li>

<a style="float:right;margin: 30px 10px 0 0;" href="inchiriaza-opel-corsa.php" class="btn btn-color">INCHIRIAZA – de la 20 € / zi</a>

<h3>Opel Corsa</h3>

<p>1.7 DTS (130 Cai putere), diesel, Hatchback, 5 locuri, viteza maxima 166 km/h</p>

</div>

</li>

<li>

<a style="float:right;margin: 30px 10px 0 0;" href="inchiriaza-dacia-sandero.php" class="btn btn-color">INCHIRIAZA – de la 30 € / zi</a>

<h3>Skoda Superb</h3>

<p> 1.9 TDI (131 cai putere), diesel, Sedan, 5 locuri, viteza maxima 205 km/h</p>

</div>

</li>

</ul>

</div>

<!– end slider –>

</section>

<div><h1><span>VESTCAR – inchirieri masini in Timisoara<span></h1><span class="clear spacer_responsive_hide_mobile " style="height:13px;display:block;"></span><p>VESTCAR va ofera posibilitatea sa inchiriati masini pentru a va deplasa oriunde doriti in tara, pentru concedii sau delegatii de afaceri. Sistemul nostru de inchiriere este simplu si avantajos, preturile fiind pe masura masinii inchiriate si nevoile dvs.</p>

<p><u>Puteti alege masina care vi se potriveste:</u><br /><br />

<strong>Skoda Superb</strong> – daca doriti spatiu, viteza si lux<br />

<strong>Opel Corsa</strong> – daca doriti calitate, dotari si un consum mic.<br />

<strong>Daewoo Matiz</strong> – daca doriti o masina economica si cu care sa nu aveti probleme la parcare.</p>

</div>

</div>

</section>

<h1 style="color:#fff;">ALEGE MASINA PE CARE DORESTI SA O INCHIRIEZI</h1>

</div>

<!– Service Blcoks –>

<h6>Daewoo Matiz</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 0.8 i (52 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 144 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: benzina</li>

</ul>

</div>

<a href="inchiriaza-daewoo-matiz.php" title="Inchiriaza Daewoo Matiz" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 18 € / zi</a>

</div>

<h6>Opel Corsa</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.7 DTS (130 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 166 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<a href="inchiriaza-opel-corsa.php" title="Inchiriaza Opel Corsa" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 20 € / zi</a>

</div>

<h6>Skoda Superb</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.9 TDI (131 cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 205 km/h</li>

<li><i class="icon-ok"></i> Tip: Sedan, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<a href="inchiriaza-skoda-superb.php" title="Inchiriaza Skoda Superb" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 30 € / zi</a>

</div>

<!– End Service Blcoks –>

</div>

</section>

<p>

</p>

</div>

<p style="float:right;">Inchirieri masini in Timisoara</p>

</div>

</footer>

</div>

<!– javascript

================================================== –>

<!– Placed at the end of the document so the pages load faster –>

</body>

</html>

PAGINA DESPRE NOI

<!DOCTYPE html>

<head>

<title>Despre noi – VestCar</title>

<!– css –>

<!– HTML5 shim, for IE6-8 support of HTML5 elements –>

<!–[if lt IE 9]>

<![endif]–>

</head>

<body>

<!– start header –>

</button>

</div>

<li class="active"><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li><a href="contact.php" title="Contact">Contact</a></li>

</ul>

</div>

</header>

<!– end header –>

<h2 class="pageTitle">Despre noi – VestCar</h2>

</div>

</section>

<p>VESTCAR va ofera posibilitatea sa inchiriati masini pentru a va deplasa oriunde doriti in tara, pentru concedii sau delegatii de afaceri. Sistemul nostru de inchiriere este simplu si avantajos, preturile fiind pe masura masinii inchiriate si nevoile dvs.</p>

<p><u>Puteti alege masina care vi se potriveste:</u><br /><br />

<strong>Skoda Superb</strong> – daca doriti spatiu, viteza si lux<br />

<strong>Opel Corsa</strong> – daca doriti calitate, dotari si un consum mic.<br />

<strong>Daewoo Matiz</strong> – daca doriti o masina economica si cu care sa nu aveti probleme la parcare.</p>

<p>La noi toate masinile sunt intretinute dupa fiecare inchiriere. Masina vine spalata, aspirata si verificata daca functioneaza corect. Se testeaza franele, uleiul la motor si viteza de franare impreuna cu uzura cauciucurilor.<br /><br />

Suntem bucurosi sa ne mandrim cu clientii nostri care odata ajunsi la noi, apeleaza si in viitor tot la serviciile noastre si masinile pe care le avem. Stim ca un client multumit, se intoarce tot timpul, de aceea pe cei fideli ii si recompensam cu discount-uri substantiale.<br /><br />

Mentionam faptul ca avem si accesorii pentru familii ce au copii si unde siguranta este pe primul loc. Aici oferim scaune speciale pentru copii. Pe perioada ninsorilor oferim lanturi pentru zapada, toate pentru siguranta dvs.<br /><br />

Asteptam sa ne contacta-ti, drum bun!

</p>

</div>

<hr>

</div>

<!– Service Blcoks –>

<h6>Daewoo Matiz</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 0.8 i (52 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 144 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: benzina</li>

</ul>

</div>

<a href="inchiriaza-daewoo-matiz.php" title="Inchiriaza Daewoo Matiz" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 18 € / zi</a>

</div>

<h6>Opel Corsa</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.7 DTS (130 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 166 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<a href="inchiriaza-opel-corsa.php" title="Inchiriaza Opel Corsa" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 20 € / zi</a>

</div>

<h6>Skoda Superb</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.9 TDI (131 cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 205 km/h</li>

<li><i class="icon-ok"></i> Tip: Sedan, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<a href="inchiriaza-skoda-superb.php" title="Inchiriaza Skoda Superb" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 30 € / zi</a>

</div>

<!– End Service Blcoks –>

</div>

</section>

<h1 style="color:#fff;">VESTCAR – ALEGEREA AVANTAJOASA</h1>

</div>

<p>

</p>

</div>

<p style="float:right;">Inchirieri masini in Timisoara</p>

</div>

</footer>

</div>

<!– javascript

================================================== –>

<!– Placed at the end of the document so the pages load faster –>

</body>

</html>

PAGINA FLOTA MASINI

<!DOCTYPE html>

<head>

<title>Flota Auto – VestCar</title>

<!– css –>

<!– HTML5 shim, for IE6-8 support of HTML5 elements –>

<!–[if lt IE 9]>

<![endif]–>

</head>

<body>

<!– start header –>

</button>

</div>

<li><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li class="active"><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li><a href="contact.php" title="Contact">Contact</a></li>

</ul>

</div>

</header>

<!– end header –>

<h2 class="pageTitle">Flota noastra de masini pentru inchiriat</h2>

</div>

</section>

<!– Service Blcoks –>

<h6>Daewoo Matiz</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 0.8 i (52 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 144 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: benzina</li>

</ul>

</div>

<a href="inchiriaza-daewoo-matiz.php" title="Inchiriaza Daewoo Matiz" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 18 € / zi</a>

</div>

<h6>Opel Corsa</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.7 DTS (130 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 166 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<a href="inchiriaza-opel-corsa.php" title="Inchiriaza Opel Corsa" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 20 € / zi</a>

</div>

<h6>Skoda Superb</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.9 TDI (131 cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 205 km/h</li>

<li><i class="icon-ok"></i> Tip: Sedan, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<a href="inchiriaza-skoda-superb.php" title="Inchiriaza Skoda Superb" class="btn btn-medium btn-theme"><i class="icon-bolt"></i> INCHIRIAZA – de la 30 € / zi</a>

</div>

<!– End Service Blcoks –>

</div>

</section>

<h1 style="color:#fff;">VESTCAR – ALEGEREA AVANTAJOASA</h1>

</div>

<p>

</p>

</div>

<p style="float:right;">Inchirieri masini in Timisoara</p>

</div>

</footer>

</div>

<!– javascript

================================================== –>

<!– Placed at the end of the document so the pages load faster –>

</body>

</html>

PAGINA INCHIRIAZA DAEWOO MATIZ

<!DOCTYPE html>

<head>

<title>Inchiriaza Daewoo Matiz – Vest Car</title>

<!– css –>

<!– HTML5 shim, for IE6-8 support of HTML5 elements –>

<!–[if lt IE 9]>

<![endif]–>

</head>

<body>

<!– start header –>

</button>

</div>

<li><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li class="active"><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li><a href="contact.php" title="Contact">Contact</a></li>

</ul>

</div>

</header>

<!– end header –>

<h2 class="pageTitle">Inchiriaza Daewoo Matiz</h2>

</div>

</section>

<!– Service Blcoks –>

<img class="img-responsive" style="border:1px solid #2FADDE; border-bottom:none; -webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;"src="img/slides/matiz.jpg" alt="">

<ul>

<li><i class="icon-ok"></i> Motor: 0.8 i (52 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 144 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: benzina</li>

</ul>

</div>

<h3>PRETURI</h3>

<li class="special">Perioada</li>

</ul>

<li class="special">Tarif/zi</li>

</ul>

</div>

<h3>FORMULAR REZERVARE</h3>

<label style="display:block;" for="name">Preluare*</label>

Luna: <select name="LunaPreluare">

<option value="Ianuarie">Ianuarie</option>

<option value="Februarie">Februarie</option>

<option value="Martie">Martie</option>

<option value="Aprilie">Aprilie</option>

<option value="Iunie">Iunie</option>

<option value="Iulie">Iulie</option>

<option value="August">August</option>

<option value="Septembrie">Septembrie</option>

<option value="Octombrie">Octombrie</option>

<option value="Noiembrie">Noiembrie</option>

<option value="Decembrie">Decembrie</option>

</select>

Ziua: <select name="ZiPreluare">

</select>

Ora: <select name="OraPreluare">

</select>

</div>

<label for="locatiepreluare">Locatie preluare*</label>

</div>

<label for="locatiepredare">Locatie predare*</label>

</div>

<label for="Nume_Complet">Nume complet*</label>

</div>

<label for="telefon">Telefon*</label>

</div>

<label for="email">Email</label>

</div>

<label for="adresa">Adresa</label>

</div>

<!– <div class="form-group has-feedback">

<label for="message">Mesaj</label>

</div> –>

<?php

if(isset($_POST['contact_submit']))

{

$mail_cnt="";

foreach($_POST as $key=>$val)

{

if($key!="contact_submit")

{

$mail_cnt.=$key.": ".$val."<br>";

}

// To send HTML mail, the Content-type header must be set

$headers = 'MIME-Version: 1.0' . "\r\n";

$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

// Additional headers

$headers .= 'To: VestCar <[anonimizat]>' . "\r\n";

$headers .= 'From: VestCar <[anonimizat]>' . "\r\n";

$subject="Rezervare Daewoo Matiz";

@mail($to, $subject, $mail_cnt, $headers);

echo "

<span style='color:red;float:right;margin:0 0 10px 0;'>Rezervarea a fost facuta. Iti multumim!</span>

";

}

?>

</form>

</div>

<!– End Service Blcoks –>

</div>

</section>

<h1 style="color:#fff;">VESTCAR – ALEGEREA AVANTAJOASA</h1>

</div>

<p>

</p>

</div>

<p style="float:right;">Inchirieri masini in Timisoara</p>

</div>

</footer>

</div>

<!– javascript

================================================== –>

<!– Placed at the end of the document so the pages load faster –>

</body>

</html>

PAGINA INCHIRIAZA OPEL CORSA

<!DOCTYPE html>

<head>

<title>Inchiriaza Opel Corsa – Vest Car</title>

<!– css –>

<!– HTML5 shim, for IE6-8 support of HTML5 elements –>

<!–[if lt IE 9]>

<![endif]–>

</head>

<body>

<!– start header –>

</button>

</div>

<li><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li class="active"><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li><a href="contact.php" title="Contact">Contact</a></li>

</ul>

</div>

</header>

<!– end header –>

<h2 class="pageTitle">Inchiriaza Opel Corsa</h2>

</div>

</section>

<!– Service Blcoks –>

<img class="img-responsive" style="border:1px solid #2FADDE; border-bottom:none; -webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;" src="img/slides/corsa.jpg" alt="">

<h6>Opel Corsa</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.7 DTS (130 Cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 166 km/h</li>

<li><i class="icon-ok"></i> Tip: Hatchback, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<h3>PRETURI</h3>

<li class="special">Perioada</li>

</ul>

<li class="special">Tarif/zi</li>

</ul>

</div>

<h3>FORMULAR REZERVARE</h3>

<label style="display:block;" for="name">Preluare*</label>

Luna: <select name="LunaPreluare">

<option value="Ianuarie">Ianuarie</option>

<option value="Februarie">Februarie</option>

<option value="Martie">Martie</option>

<option value="Aprilie">Aprilie</option>

<option value="Iunie">Iunie</option>

<option value="Iulie">Iulie</option>

<option value="August">August</option>

<option value="Septembrie">Septembrie</option>

<option value="Octombrie">Octombrie</option>

<option value="Noiembrie">Noiembrie</option>

<option value="Decembrie">Decembrie</option>

</select>

Ziua: <select name="ZiPreluare">

</select>

Ora: <select name="OraPreluare">

</select>

</div>

<label for="locatiepreluare">Locatie preluare*</label>

</div>

<label for="locatiepredare">Locatie predare*</label>

</div>

<label for="Nume_Complet">Nume complet*</label>

</div>

<label for="telefon">Telefon*</label>

</div>

<label for="email">Email</label>

</div>

<label for="adresa">Adresa</label>

</div>

<!– <div class="form-group has-feedback">

<label for="message">Mesaj</label>

</div> –>

<?php

if(isset($_POST['contact_submit']))

{

$mail_cnt="";

foreach($_POST as $key=>$val)

{

if($key!="contact_submit")

{

$mail_cnt.=$key.": ".$val."<br>";

}

// To send HTML mail, the Content-type header must be set

$headers = 'MIME-Version: 1.0' . "\r\n";

$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

// Additional headers

$headers .= 'To: VestCar <[anonimizat]>' . "\r\n";

$headers .= 'From: VestCar <[anonimizat]>' . "\r\n";

$subject="Rezervare Opel Corsa";

@mail($to, $subject, $mail_cnt, $headers);

echo "

<span style='color:red;float:right;margin:0 0 10px 0;'>Rezervarea a fost facuta. Iti multumim!</span>

";

}

?>

</form>

</div>

<!– End Service Blcoks –>

</div>

</section>

<h1 style="color:#fff;">VESTCAR – ALEGEREA AVANTAJOASA</h1>

</div>

<p>

</p>

</div>

<p style="float:right;">Inchirieri masini in Timisoara</p>

</div>

</footer>

</div>

<!– javascript

================================================== –>

<!– Placed at the end of the document so the pages load faster –>

</body>

</html>

PAGINA INCHIRIAZA SKODA SUPERB

<!DOCTYPE html>

<head>

<title>Inchiriaza Skoda Superb – VestCar</title>

<!– css –>

<!– HTML5 shim, for IE6-8 support of HTML5 elements –>

<!–[if lt IE 9]>

<![endif]–>

</head>

<body>

<!– start header –>

</button>

</div>

<li><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li class="active"><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li><a href="contact.php" title="Contact">Contact</a></li>

</ul>

</div>

</header>

<!– end header –>

<h2 class="pageTitle">Inchiriaza Skoda Superb</h2>

</div>

</section>

<!– Service Blcoks –>

<img class="img-responsive" style="border:1px solid #2FADDE; border-bottom:none; -webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;" src="img/slides/skoda.jpg" alt="">

<h6>Skoda Superb</h6>

</div>

<ul>

<li><i class="icon-ok"></i> Motor: 1.9 TDI (131 cai putere)</li>

<li><i class="icon-ok"></i> Viteza maxima: 205 km/h</li>

<li><i class="icon-ok"></i> Tip: Sedan, 5 locuri</li>

<li><i class="icon-ok"></i> Combustibil: diesel</li>

</ul>

</div>

<h3>PRETURI</h3>

<li class="special">Perioada</li>

</ul>

<li class="special">Tarif/zi</li>

</ul>

</div>

<h3>FORMULAR REZERVARE</h3>

<label style="display:block;" for="name">Preluare*</label>

Luna: <select name="LunaPreluare">

<option value="Ianuarie">Ianuarie</option>

<option value="Februarie">Februarie</option>

<option value="Martie">Martie</option>

<option value="Aprilie">Aprilie</option>

<option value="Iunie">Iunie</option>

<option value="Iulie">Iulie</option>

<option value="August">August</option>

<option value="Septembrie">Septembrie</option>

<option value="Octombrie">Octombrie</option>

<option value="Noiembrie">Noiembrie</option>

<option value="Decembrie">Decembrie</option>

</select>

Ziua: <select name="ZiPreluare">

</select>

Ora: <select name="OraPreluare">

</select>

</div>

<label for="locatiepreluare">Locatie preluare*</label>

</div>

<label for="locatiepredare">Locatie predare*</label>

</div>

<label for="Nume_Complet">Nume complet*</label>

</div>

<label for="telefon">Telefon*</label>

</div>

<label for="email">Email</label>

</div>

<label for="adresa">Adresa</label>

</div>

<!– <div class="form-group has-feedback">

<label for="message">Mesaj</label>

</div> –>

<?php

if(isset($_POST['contact_submit']))

{

$mail_cnt="";

foreach($_POST as $key=>$val)

{

if($key!="contact_submit")

{

$mail_cnt.=$key.": ".$val."<br>";

}

// To send HTML mail, the Content-type header must be set

$headers = 'MIME-Version: 1.0' . "\r\n";

$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

// Additional headers

$headers .= 'To: VestCar <[anonimizat]>' . "\r\n";

$headers .= 'From: VestCar <[anonimizat]>' . "\r\n";

$subject="Rezervare Skoda Superb";

@mail($to, $subject, $mail_cnt, $headers);

echo "

<span style='color:red;float:right;margin:0 0 10px 0;'>Rezervarea a fost facuta. Iti multumim!</span>

";

}

?>

</form>

</div>

<!– End Service Blcoks –>

</div>

</section>

<h1 style="color:#fff;">VESTCAR – ALEGEREA AVANTAJOASA</h1>

</div>

<p>

</p>

</div>

<p style="float:right;">Inchirieri masini in Timisoara</p>

</div>

</footer>

</div>

<!– javascript

================================================== –>

<!– Placed at the end of the document so the pages load faster –>

</body>

</html>

PAGINA CONTACT

<!DOCTYPE html>

<head>

<title>Contact VestCar</title>

<!– css –>

<!– HTML5 shim, for IE6-8 support of HTML5 elements –>

<!–[if lt IE 9]>

<![endif]–>

</head>

<body>

<!– start header –>

</button>

</div>

<li><a href="despre-noi.html" title="Despre Noi">Despre Noi</a></li>

<li><a href="inchirieri-masini-timisoara.html" title="Masini">Flota Masini</a></li>

<li class="active"><a href="contact.php" title="Contact">Contact</a></li>

</ul>

</div>

</header><!– end header –>

<h2 class="pageTitle">Modalitati de contact</h2>

</div>

</section>

<p>Folositi formularul de mai jos pentru ne trimite un mesaj pe email.</p>

</div>

<label for="email">Email*</label>

</div>

<label for="subject">Subiect*</label>

</div>

<label for="message">Mesaj*</label>

</div>

<?php

if(isset($_POST['contact_submit']))

{

$mail_cnt="";

foreach($_POST as $key=>$val)

{

if($key!="contact_submit")

{

$mail_cnt.=$key.": ".$val."<br>";

}

// To send HTML mail, the Content-type header must be set

$headers = 'MIME-Version: 1.0' . "\r\n";

$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

// Additional headers

$headers .= 'To: VestCar <[anonimizat]>' . "\r\n";

$headers .= 'From: VestCar <[anonimizat]>' . "\r\n";

$subject="Email de la VestCar";

@mail($to, $subject, $mail_cnt, $headers);

echo "

<span style='color:red;float:right;'>Mesajul a fost trimis. Iti multumim!</span>

";

}

?>

</form>

</div>

</div>

</section>

<h1 style="color:#fff;">VESTCAR – ALEGEREA AVANTAJOASA</h1>

</div>

<p>

</p>

</div>

<p style="float:right;">Inchirieri masini in Timisoara</p>

</div>

</footer>

</div>

<!– javascript

================================================== –>

<!– Placed at the end of the document so the pages load faster –>

</body>

</html>

Copyright Notice

© Licențiada.org respectă drepturile de proprietate intelectuală și așteaptă ca toți utilizatorii să facă același lucru. Dacă consideri că un conținut de pe site încalcă drepturile tale de autor, te rugăm să trimiți o notificare DMCA.

Acest articol: Proiectarea Unui Site Web Folosind Tehnologiile Html, Css Si Php (ID: 150289)

Dacă considerați că acest conținut vă încalcă drepturile de autor, vă rugăm să depuneți o cerere pe pagina noastră Copyright Takedown.

Proiectarea Unui Site Web Folosind Tehnologiile Html, Css Si Php

Copyright Notice

Verificarea Vorbitorilor Folosind Retea Neurala de Tip Kohonen

Aplicatii de Tip Magazin Online

Sistem de Achizitie de Date Pentru Debit de Apa. Analiza cu Unealta de Informatica Decizionala

Capitolul I. Introducere

Sisteme Automate de Achizitie a Datelor

Programul Autocad

Copyright Notice

Similar Posts