Você está na página 1de 12

C. Negri 50 Iasi, Romania Tel : + 40 332 10 10 37 Fax: +40 232 218 241 E-m ail : lva@lva.is .edu.

ro Cod postal: 7 00071

LUCRARE PENTRU OBTINEREA CERTIFICATULUI DE COMPETENTE PROFESIONALE LA INFORMATIC

TEMA LUCRRII:

The Cafe

Profesor coordonator: Candidat:

Mai,2012

Cuprins:
1.Motivul alegerii temei 2.Structura aplicatiei 3.Detalii tehnice 4.Despre html 5.Resurse hardware si software 6.Bibliografie

Motivul alegerii temei

Am ales aceasta tema deoarece cafeaua este una din cele mai consumate bauturi in viata de zi cu zi, insa putini sunt cei care cunosc originile cafelei si secretele pe care aceasta le ascunde. Din acest motiv scopul acestei lucrari este acela de a va oferi informatii noi despre aceasta bautura minune care ne trezeste in fiecare dimineata.

Structura Aplicaiei
Programul contine pagina principala alcatuita din mai multe butoane precum: Categoria Istoric cafea ce contine informatii despre descoperirea cafelei precum si doua legende care explica aparitia acestor boabe magice; Categoria Prepararea cafelei ce contine informatii despre preparearea corecta a cafelei Categoria Beneficiile cafelei ce contine informatii despre beneficiile acestei bauturi Categoria Tipuri de cafea contine diverse tipuri de cafea ce

Categoria Galerie ce numeroase poze sugestive

contine

Detalii tehnice
Codul sursa a primei pagini, index.html:
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Cache-Control" content="no-cache"> <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/> <!-- support facebook moderation --> <meta property="fb:admins" content="129982580378550"/> <meta property="fb:app_id" content="129982580378550"/> <!-- KILL SKYPE ADD ON --> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" /> <!-- STYLES --> <!--<link href="http://static.wix.com/services/htmlwysiwyg/1.149.9/css/mobile/core/style.css" rel="stylesheet">--> <link href="http://static.wix.com/services/htmlwysiwyg/1.149.9/css/wysiwyg/viewerWeb.css" rel="stylesheet"> <link rel="shortcut icon" href="/wix-fav-icon.ico" type="image/xicon"/> <!-- GLOBALS --> <script type="text/javascript"> var rendererModel = {"debugMode":"nodebug","previewMode":true,"serviceMappings":{"1": {"idInMetaSite":1,"idInApp":"2f9958f0fc39c434da7a6684417b28b92e8dd1275cf0a1 05dc4edb8f9e7ef60c59046e6e021d2a4373d4a4a14f9be2d870a26b824e211134b480fb491 a55c5840288a5450209a64e10dab47ecb934ed9","applicationType":"WixLists"},"2": {"idInMetaSite":2,"idInApp":"393912c9-9ff8-46b1-87af-

4dc2bef5fa11","applicationType":"HtmlWeb"}},"metaSiteId":"9e216e3c-465a4725-bb24-bba8d029ffc3","premiumFeatures":[],"siteId":"393912c9-9ff8-46b187af-4dc2bef5fa11","userId":"c557afb3-4f13-448f-9e3711bd63d22d49","published":false,"applicationType":"HtmlWeb","siteName":"caf eaua-de-zi-cu-zi"}; skin="wysiwyg.viewer.skins.wixadsskins.WixAdsSiteSkin" id="wixFooter"> </body> </html>

Despre HTML
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afiate ntr-un browser (sau navigator). Scopul HTML este mai degrab prezentarea informaiilor paragrafe, fonturi, tabele .a.m.d. dect descrierea semanticii documentului. Specificaiile HTML sunt dictate de World Wide Web Consortium (W3C). Introducere HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura pagin, utiliznd un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML furnizeaz mijloacele prin care coninutul unui document poate fi
7

adnotat cu diverse tipuri de metadate i indicaii de redare. Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus, pn la scripturi sofisticate, hri de imagini i formulare. Metadatele pot include informaii despre titlul i autorul documentului, informaii structurale despre cum este mprit documentul n diferite segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul). HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine solide de HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asemntor cu documetele Word, dar cu observaia c aceste programe genereaz un cod HTML care este de multe ori de proast calitate. HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar fi PHP, JSP sau ASP. Multe aplicaii ca
8

sistemele de gestionare a coninutului, wiki-uri i forumuri web genereaz pagini HTML. HTML este de asemenea utilizat n email. Majoritatea aplicaiilor de email folosesc un editor HTML ncorporat pentru compunerea email-urilor i un motor de prezentare a emailurilor de acest tip. Folosirea email-urilor HTML este un subiect controversat i multe liste de mail le blocheaz intenionat. Elementele de marcare Mai jos sunt tipurile de elemente de marcare n HTML:

Marcare structural. Descrie scopul unui text. De exemplu: <h1>Fotbal</h1> Direcioneaza browserul pentru a reda "Fotbal" ca pe cel mai important titlu. Marcarea structural nu are un anumit stil predefinit, dar cele mai multe browsere web au standardizat modul n care acestea sunt afiate. De exemplu, titlurile importante (h1, h2, etc.) sunt aldine i mai mari dect restul textului.De notat c "h1" este folosit doar o singur dat per pagin deoarece cu el este marcat titlul ei. Marcare pentru prezentare. Descrie cum apare un text, indiferent de funciile sale. De exemplu:
9

<b>ngroat</b> Va afia textul "ngroat" cu litere groase, aldine.Not: Html a inceput n ultimii ani s nceap s nu mai foloseasc acest gen de tag-uri pentru c "b" nu d sens paginii, pe cnd tag-ul "strong" (adic strong emphasis) d un neles paginii, i mai important, asemenea tag-uri pentru prezentare doar ncarc o pagin cu informaii i o fac astfel mai greu de ncrcat, iar apoi dac ataezi un document CSS la pagin, o singur modificare la CSS (de ex: de la "fontweight:italic" la "font-weight:bold" va schimba tot textul selectat, i de exemplu, link-urile vor trece de la text nclinat la text ngroat, plus c n CSS avem avantajul de a putea preciza ct de mari sau mici s fie literele n pixeli px, n puncte pt, etc.)avem acelai efect ca i cnd am avea de schimbat toate tag-urile de "i" de pe pagin n tag-uri de "b", munc care chiar i la un website mic este enorm, ce s mai vorbim de unul de genul wikipedia. Aa c dac vrei s ncepei o carier n html sau un hobby (i s avei succes) nu folosii aceste taguri, nu degeaba s-a inventat CSS-ul. Marcare pentru hiperlink. Leag pri ale unui document cu alte documente. De exemplu:

10

<a href="http://ro.wikipedia.org/">Wikipedia Romneasc</a> Va reda Wikipedia romneasc ca hiperlink ctre un URL specificat. Elemente speciale (widget). Creeaz obiecte, cum ar fi butoanele i listele.

Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS) determin cum coninutul din interiorul marcatorului va fi prezentat. Ceilali marcatori spun browserului ce obiecte s redea sau ce funcii s execute.

Resurse hardware si software Site-ul a fost realizat cu ajutorul mai multor programe precum platforma online wix.com, Microsoft Paint, Picasa3.
Resurse recomandate:
1) Hardware : - Procesor (CPU) : 1000 MHz + - Memorie (RAM): 128 MB - Spaiu liber pe hard-disk : 30 MB - Monitor : VGA 32-bit color (1024x768) - Un browser oarecare: Internet explorer ,Mozilla

11

2) Software : - Sistem de operare : Windows XP

Bibliografie 1)http://ro.wikipedia.org 2)http://www.youtube.com/ 3) http://www.cafea.home.ro

12

Você também pode gostar