Model de Prezentare Site

Universitatea TRANSILVANIA din Brasov Facultatea de Alimentaie i Turism Specializarea: Ecobiotehnologii agroalimentare
PAGIN WEB PARMEN
Student: Filip Daniela Carmen (Stamp) Grupa: 16721 Specializare: EBAA An: I
2013
Cuprins
Prezentare site PARMEN............................................................................................................. 3 1.1.Home .................................................................................................................................... 6 1.2.Proces de producie ............................................................................................................. 7 1.3.Beneficii................................................................................................................................ 8 1.4.Produse................................................................................................................................. 8 1.5.Ambalarea bag-in-box ........................................................................................................ 8 1.6.Contact ................................................................................................................................. 8 2.mbuntiri ............................................................................................................................... 9 3.Bibliografie ................................................................................................................................. 9
Prezentare site PARMEN
Sucul comercializat de PARMEN S.R.L este un produs 100% natural, obinut din fructe proaspete i sntoase atent selecionate, splate, tocate, presate la rece, pasteurizate i ambalate n "bag-in-box". Sucul 100% natural nu conine conservani, arome, aditivi alimentari (E-uri) i nici nu are zahar adugat. Am ales acest site deoarece sucul de mere este unul dintre cele mai sntoase produse pe care ni le ofer natura. Beneficiile sucului de mere pentru sntate l recomand drept o butur extrem de potrivit att pentru copii, ct i pentru aduli. n sucul de mere se regsesc numeroase ingrediente care mbuntesc sntatea, precum vitamina C, care ajut organismul s lupte cu o gam variat de factori nesntoi. PARMEN SRL nu face doar suc de mere ci i de pere. Perele sunt o surs excelent de fibre, antioxidani, vitamine A, B1, B2, C, K, magneziu, potasiu, sodiu, calcar, fier, fosfor, iod. Pentru a realiza acest site am utilizat un template html de pe site-ul quackit.com pe care l-am modificat. Cod template:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Suc natural de mere, pere</title> <style type="text/css"> <!-.style1 {color: #000000} --> </style> <script type="text/JavaScript"> <!-function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onload="MM_preloadImages('images/mere1.jpg')"> <div id="container"> <div id=""><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/mere1.jpg',1)"><img src="images/main.jpg" name="Image1" width="877" height="364" border="0" id="Image1" /></a></div> <div id="menu"> <ul> <li class="menuitem"><a href="index.html">Home</a></li> <li class="menuitem"><a href="proces de productie.html">Proces de productie </a></li> <li class="menuitem"><a href="beneficii.html">Beneficii</a></li> <li class="menuitem"><a href="produse.html">Produse</a></li> <li class="menuitem"><a href="ambalare bag in box.html">Ambalarea bag-in-box</a></li> <li class="menuitem"><a href="contact.html">Contact</a></li> </ul> </div> <div id="content"> <h2> </h2> <blockquote> <h4 align="center" class="style1"> </h4> <p class="style1"> </p> </blockquote> <p> </p> </div> </div> </body> </html>
Rezultat:
n partea superioar a template-ului am inserat o imagine care sugereaz naturaleea fructelor din care se face sucul.
Cod:
<div id="mainpic"></div>
Bara de meniuri am pstrat-o i am fcut legturile pentru fiecare pagin cu urmtoarele instruciuni: dup fiecare comand a href= am introdus numele paginii dorite. Cod:
<div id="menu"> <ul> <li class="menuitem"><a href="index.html">Home</a></li> <li class="menuitem"><a href="proces de productie.html">Proces de productie </a></li> <li class="menuitem"><a href="beneficii.html">Beneficii</a></li> <li class="menuitem"><a href="produse.html">Produse</a></li> <li class="menuitem"><a href="ambalare bag in box.html">Ambalarea bag-inbox</a></li> <li class="menuitem"><a href="contact.html">Contact</a></li> </ul>
</div>
Rezultat:
Template-ul astfel modificat l-am copiat n urmtoarele paginii modificnd doar informaiile i insernd diverse imagini sau tabele. 1.1.Home n partea superioar a template-ului am inserat o imagine care sugereaz naturaleea fructelor din care se face sucul. n momentul n care vizitatorul mic mouse-ul peste imagine aceast se schimb cu alta. Aceast tehnic am folosit-o numai pe prima pagin. InsertImage ObjectsRollover Imageam selectat imaginea original selectare imaginea care o va nlocui.
Cod:
<div id=""><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/mere1.jpg',1)"><img src="images/main.jpg" name="Image1" width="877" height="364" border="0" id="Image1" /></a></div>
n prima pagin am prezentat cteva informaii cu privire la originea fructelor i la procesul de fabricare. Dup prezentarea acestor informaii am inserat un tabel n care am introdus o poz. Am ales aceast tehnic pentru a putea poziiona centrat imaginea.
Cod:
<table width="200" border="0" align="center"> <tr> <td><img src="images/suc de mere.jpg" width="320" height="180" /></td> </tr> </table>
Rezultat:
Imaginile inserate sunt n acelai folder cu index.html.
1.2.Proces de producie Pentru realizarea acestei pagini am utilizat template-ul. n aceast pagin am prezentat procesul de producie prin care trec merele/perele pentru a ajunge suc natural. Cod:
<p class="style1">Odat ce merele / perele au fost culese la vrful lor de coacere, ele s unt sortate i spalate. Fructele proaspete sunt inspectate manual eliminnd orice fruct stricat. Dupa presare, sucul se pasteurizeaz nainte de a-l ambala n sistem Bag-in-Box, pstrndu-se astfel la fel de proaspt ca n ziua n care a fost presat.</p>
1.3.Beneficii n cadrul acestei paginii am prezentat cteva dintre beneficiile sucului de mere i de pere i am inserat cte o imagine pentru fiecare fruct.
1.4.Produse n aceast pagin am prezentat cele dou produse ale firmei PARMEN, adic sucul de mere i de pere. Pentru ca informaiile s fie bine structurate le- am inserat ntr-un tabel.
1.5. Ambalarea bag-in-box Am prezentat avantajele ambalrii bag-in-box. Structura paginii este simpl, informaiile fiind scrise direct n cadrul template-ului, utiliznd fontul Arial, size 13 i culoarea neagr. 1.6.Contact n aceast pagin am introdus datele de contact ale firmei i am inserat o imagine cu adresa firmei. Pentru cei care vor s contacteze firma productoare am creat un formular de contact. Cod:
<Form>
<h5>Nume: <INPUT NAME="Nume" TYPE="TEXT"> <BR> <br> Prenume: <INPUT NAME="Prenume" TYPE="TEXT"> <BR> <br> Mesaj: <INPUT NAME="Mesaj" TYPE="TEXT"> <BR> <br> <INPUT name="Butontrimite" TYPE="BUTTON" VALUE="Trimite"> </h5>
Rezultat:
2.mbuntiri
Consider c site-ul fcut de mine este mai atractiv deoarece am folosit imagini si culori care s atrag vizitatorul, spre deosebire de site-ul creat de ei care are pe margini o imagine care te duce cu gndul la scnduri. Am decis s atrag atenia vizitatorilor cu ajutorul pozei n care sunt prezente merele roii, culoarea roie fiind o culoare care atrage privirea. Verdele este culoarea pe care ochiul o accept cel mai uor i poate mbunti vederea. Verdele este cel mai des folosit pentru a simboliza natura, lucrurile naturale, ecologice. Cu ajutorul meniului dispus orizontal informaiile pot fi accesate rapid i este pus n eviden ambalarea bag-in-box. Harta din pagina Contact are rolul de a ajuta vizitatorul s gseasc ct mai repede fabrica. 3.Bibliografie 1. Gaceu Liviu Curs SIAB 2. Laborator SIAB 3. www.sucnaturaldemere.ro

Model de Prezentare Site

Î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

Model de Prezentare Site

Încărcat de

Drepturi de autor:

Formate disponibile

Universitatea TRANSILVANIA din Brasov Facultatea de Alimentaie i Turism Specializarea: Ecobiotehnologii agroalimentare

PAGIN WEB PARMEN

Prezentare site PARMEN

Imaginile inserate sunt n acelai folder cu index.html.

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