Atestat Pag 3 - Realizarea Proiectului

Realizarea proiectului
1. Site-ul web a fost realizat in programul Notepad ++. 2. Harta site-ului: Pagina Acasa Indexul site-ului Pagina Istoric Istoricul temei Pagina Produse Pagina marcilor de telefoane Pagina Contact Pagina continand datele de contact ale creatorului 3. Pagina Acasa contine structura sau sablonul folosit si in celelalte pagini.
<html> <head> <title> Telefonul Mobil </title> <link rel="stylesheet" type="text/css" href="main-style.css"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" type="text/css" media="screen" href="res/css/slide.css"/> </head>
Spre deosebire de celelalte 3 pagini,aici avem declarata legatura catre fisierul css specific paginii index,unde este inclus sliderul pentru imagini. <link rel="stylesheet" type="text/css" href="main-style.css"> Pagina are ca inceput bannerul situat intr-un element div numit header.Alaturi in partea dreapta este pozitionata o imagine de tip reclama.
<div class="header"> <img src="images-art/banner2.jpg" width="272px" height="90px"> <div class="reclama"> <img src="reclama.jpg"> </div> </div>
In continuarea paginii exista meniul orizontal format dintr-o bara simpla cu efect de tranzitie la atingerea butoanelor cu cursorul pe fundal portocaliu.In capatul drept se afla bara de cautare realizata in acelasi stil cu efect de tranzitie,insa avand un efect de umbra.
<div class="menu"> <ul> <li><a href="index.html">Acasa</a></li> <li><a href="istoric.html">Istoric</a></li> <li><a href="produse.html">Produse</a></li> <li><a href="contact.html">Contact</a></li> <form method="get" action="/search" id="search"> <input name="q" type="text" size="40" placeholder="Cutare..." /> </form> </ul> <br style="clear:left"/> </div> CSS .menu ul li a{ border-radius: 4px 4px 4px 4px; float: left; text-decoration: none; color:#444444; padding: 10.5px 11px; background-color: #333; transition-property: background-color, color; transition-duration: 0.7s; transition-timing-function: ease-out; }
.menu ul li a:visited{ color: #ffffff;}
.menu ul li a:hover, .menu ul li .current{
color: #fff; background-color:#FF6633;}
Div-ul numit slider contine elementele sliderului cu imagini,realizat in css cu elemente de miscare.
HTML <div class="slider"> <div id="content-slider"> <div id="slider"> <div id="mask"> <ul> <li id="first" class="firstanimation"> <a href="#"> <img src="images/iphone.jpg" alt="Iphone 5"/> </a> [....] CSS #slider li.firstanimation { -moz-animation:cycle 25s linear infinite; -webkit-animation:cycle 25s linear infinite; }
Sliderul contine imaginile companiilor de telefoane prezentate in pagina Produse. Dand click pe una dintre imagini,se va activa link-ul ce conduce catre pagina Produse unde se pot gasii informatii despre numele respectiv. Div-ul de continut al paginii principale este declarat sub numele wrap si contine 2 coloane separate intre ele cu spatiu pe fundal diferit de cel al background-ului.
<div class="wrap"> <div class="content"> <div class="imgspace"> <img src="images-art/telefoane.png" alt="alternate text" width="350px" height="150px" align="right"> </div> <b> <h2> Telefonul Mobil </h2> </b> <p>Un telefon mobil sau telefon celular (ntlnit i sub formele substantivizate un celular, un mobil) este un dispozitiv electronic portabil care funcioneaz fr fir (prin radio) pe
baza reelei GSM i este folosit n general pentru comunicaii personale la distan mare. Telefoanele portabile care nu se bazeaz pe reeaua GSM nu trebuie numite mobile, dei sunt deplasabile, v. mai jos. <p>Miniaturizarea continu a permis ca n zilele noastre n telefoanele mobile s se mai integreze o serie ntreag de funciuni suplimentare, ca de ex. dictafon, aparat de fotografiat i filmat, aparat de accesat Internetul i webul, GPS, radio i multe altele, astfel rezultnd un nou gen de telefon mobil [...]
Div-ul wrap se termina cu div-ul numit footer.Aici sunt adaugate mini adresele catre paginile web site-ului si informatiile despre creatorul web site-ului.
<div class="footer"> <font size="2" color="white"> Website realizat de <a href="#">Robert Buruleanu</a> - Toate drepturile rezervate. <br> </font> <ul> <font size="2"> <li><a href="index.html">Acasa | </a></li> <li><a href="istoric.html">Istoric |</a></li> <li><a href="produse.html">Produse |</a></li> <li><a href="contact.html">Contact </a></li> </font> <br> </ul> </div>
In partea dreapta se afla widget-urile paginii: Social si Ultimele stiri.

<div class="right"> <div class="widget-follow"> <h2 class="widget"> <b> Urmrete-ne pe: </b> </h2> <a href="http://www.facebook.com"> <img src="images/fb.png"> </a> <a href="http://rss.com"> <img src="images/rss.png"> </a> [...] <div class="Ultimele-stiri"> <h2 class="widget"> <b> Ultimele tiri </b> </h2> <h3> Iphone 6 - primele detalii hardware </h3>
<img src="images-art/iphone6.jpg" width="266px" height="180px">
Widgeturile au in continut imagini care sunt legate cu ancore catre link-ul respectiv:
<a href="http://twitter.com"> <img src="images/twitter.png"> </a>
In acelasi timp,acestea sunt separate printr-o bara orizontala pe aceeasi dimensiune cu latimea spatiului alocat div-ului. Continutul paginii este organizat pe fonturile Arial,Helvetica,Sans-serif pe o dimensiune de 11 pixeli. Link-urile au efecte si culori.Cand cursorul va atinge un link de legatura acesta va avea un efect de hover cu decoratie underline.
a:hover {text-decoration:underline;}
Paragrafele sunt organizate pe fontul Sans-serif ,dimensiunea 13x pixeli. Titlurile sunt ingrosate si colorate:
b {color:#FF6633;}
Pagina Istoric cat si restul paginilor au un fisier CSS special amenajat pentru continutul simplu pe o singura coloana.
<div class="content"> <p><img id="image_border" src="images-art/martincooper.jpg" alt="alternate text" align="right"><h2> <b> Primii ani </b> </h2> <p> n 1910, inventatorul i omul de afaceri suedez Lars Magnus Ericsson pune n practic conceptul de telefonie mobil instalndu-si un astfel de dispozitiv n maina sa. Prin intermediul unei antene bifilare, reuete s se conecteze cu reeaua de telefonie naional n timp ce se deplasa prin ar. n 1946, inginerii sovietici G. Saphiro i I. Zaharcenko testeaz cu succes un telefon montat ntr-un autovehicul care, pe o raz de 20 de kilometri, se putea conecta la reeaua local. Conceptul de baz de telefonie celular se nate n 1947, cnd cercettorii i dau seama c, prin introducerea unor zone celulare pot mbunti substanial eficacitatea convorbirilor. Astfel, n decembrie 1947, Douglas H. i W. Rae Young, ingineri la firma american de cercetare Bell Laboratories, propun construcia unor celule hexagonale ca relee pentru telefoanele mobile.Philip T. Porter (tot de la Bell Labs) propune ca turnurile celulare s fie plasate n vrfurile unor hexagoane imaginare, astfel ca emisia-recepia s se desfoare n trei direcii. Dar n acea perioad, tehnologia aferent nu se dezvoltase nc i nici frecvenele specifice nu erau alocate. Abia prin anii 60', Richard H. Frenkiel i Joe S. Engel (de la Bell Labs) fac descoperiri care revoluioneaz electronica. [...]
Continutul paginii se incheie cu legatura catre sursa introdusa printr-o legatura. De asemenea aici se gasesc si link-urile catre retelele de socializare unde mai poate fi gasita pagina si div-ul numit footer aranjat pe dimensiunea latimii continutului. Pagina Produse foloseste acelasi stil simplu ca al paginii Istoric,articolele fiind despartite prin imagini pentru fiecare firma prezentata.
<br><img src="images-art/apple.jpg" alt="alternate text" width="250px" height="200px" align="left"> <h2> <b> Apple </b> </h2> <p> Apple Inc. (NASDAQ: AAPL, pn n ianuarie 2007 numit Apple Computer, Inc.), este o companie din Silicon Valley cu sediul n Cupertino, California, cu scop principal de activitate n tehnologia computerelor. Cunoscut mai ales pentru computerele model Macintosh, Apple are o reputaie de inovaie n industria de nalt tehnologie.n prezent (martie 2009), unicul importator de sisteme Apple n Romnia este Integrated Romanian Information System (I.R.I.S.). Vnzrile Apple n Romnia au depit, n anul 2008, valoarea de 14 milioane euro. n 2009 a nceput s circule n Internet o petiie deschis prin care semnatarii ei cer companiei Apple s deschid o filial proprie n Romnia, astfel nct clienii din Romnia s poat beneficia de software localizat (n spe Mac OS X), de serviciul iTunes, de o distribuire mai bun a produselor i de informaii traduse pe situl web al lui Apple. </p> <br> <img src="images-art/samsung.png" alt="alternate text" width="250px" height="100px" align="right"> <h2> <b> Samsung </b> </h2> <p> Samsung Group este o companie din Coreea de Sud, nfiinat n 1938, avnd ca obiect principal de activitate producia de produse electronice i IT. Compania este numrul 1 mondial n producia de memorii, monitoare TFT i telefoane CDMA. Samsung are aproximativ 188.000 de angajaii n 185 de birouri din 65 de ri, fiind alctuit din opt divizii principale de afaceri. Veniturile Samsung reprezint aproximativ 20% din PIB-ul Coreei de Sud, estimat la 1.200 miliarde de woni.<br> n prezent, Samsung menine o politic strict n Corea, fr un sindicat al muncitorilor, monitoriznd de aproape muncitorii i uneori formnd un sindicat *...+
Pagina de Contact contine o scurta descriere despre creatorul web site-ului atat si link-urile catre site-urile de socializare ce aduc catre pagina. <div class="content">
<h3>Salut! Eu ma numesc Robert Buruleanu.Sunt elev in Liceul Teoretic George Calinescu Bucuresti,profil real matematica-informatica.Am 18 ani si sunt un tanar pasionat de domeniul IT si limbajele de programare web.Am abilitati in Adobe Photoshop,Illustrator,Microsoft Office,Word,Powerpoint.<br>Daca vrei sa imi adresezi o intrebare sau doresti sa-ti exprimi opinia asupra acestui site poti sa ma contactezi folosind informatiile de jos! <br><br> <i> E-mail: robertionut95@yahoo.com <br> Robert Buruleanu </i> </h3>
<b> Sau pe retelele de socializare! </b> <br> <br> <a href="http://www.facebook.com"> <img src="images/fb.png"> </a> <a href="http://rss.com"> <img src="images/rss.png"> </a> [...]
La fel ca in celelalte pagini continutul se incheie cu footer si cu mini adresele pentru pagini.
<div class="footer"> <font size="2" color="white"> Website realizat de <a href="#">Robert Buruleanu</a> - Toate drepturile rezervate. <br> </font> <ul> <font size="2"> <li><a href="index.html">Acasa | </a></li> <li><a href="istoric.html">Istoric |</a></li> <li><a href="produse.html">Produse |</a></li> <li><a href="contact.html">Contact </a></li> </font> </ul> </div>

Atestat Pag 3 - Realizarea Proiectului

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Atestat Pag 3 - Realizarea Proiectului

Încărcat de

Drepturi de autor:

Formate disponibile

Realizarea proiectului

.menu ul li a:visited{ color: #ffffff;}

.menu ul li a:hover, .menu ul li .current{

color: #fff; background-color:#FF6633;}

In partea dreapta se afla widget-urile paginii: Social si Ultimele stiri.

<img src="images-art/iphone6.jpg" width="266px" height="180px">

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