Sunteți pe pagina 1din 7

UNIVERSITATEA LUCIAN BLAGA DIN SIBIU FACULTATEA DE TIINE ECONOMICE SPECIALIZAREA CONTABILITATE I INFORMATIC DE GESTIUNE INVMANT LA DISTAN

Proiect la disciplina:
BIROTICA

COORDONATOR: Conf.dr. CRISTESCU MARIAN

STUDENTA: SZAB (STEFAN) EMMA Anul II. sem. I.

Miercurea Ciuc - 2012

Introducere
HTML este un limbaj utilizat pentru crearea paginilor web ce pot fi afisate ntr-un browser. HyperText Markup Language este un set de coduri logice care constituie apariia unui document web si a informaiilor pe care le deine. Codurile sunt scrise intre "< >. Tagurile sunt elemente utilizate in HTML. Cele mai multe taguri au un element de deschidere si un element de nchidere. Exemplu: -taguri pereche<FONT></FONT>; <HEAD> </HEAD>; <TITLE></TITLE -taguri singulare (nu au tag de inchidere) <HR>; <BR> Cele mai importante tag-uri in HTML sunt tag-urile care definesc antelele (headings) paragrafe (paragraphs) trecerea fortat la rnd nou (line breaks). Tag Descriere <html> Definete un document HTML <body> Definete corpul documentului HTML <h1> to <h6> Definete antetul 1 la 6 <p> Definete un paragraf <hr> Definete o linie orizontal <!--> Definete un comentariu Culoarea de fundal pentru pagina: <html> <body bgcolor=" "> </body> </html> Tag-uri pentru formatarea textului: <b> Defineste text bold <big> Defineste text text bold <em> Defineste text italic <i> Defineste text italic <small> Defineste text mic <strong> Defineste text ingrosat <sub> Defineste text scris la index (subscript) <sup> Defineste text scris la putere (superscript Caractere speciale Unele caractere cum ar fi < au n HTML un rol special si de acceea nu pot fi folosite n cadrul textului. Pentru a putea totusi utiliza semnul mai mic ca folosim entitatile de caractere(caractere speciale) Caracterul special are trei parti: 1. ncepe cu & 2. nume sau un numar precedat de semnul # 3. la final au semnul (;).

Descriere proiect Structura documentului HTML, elementele de baza pe care conine si lucrarea mea: <html> <head> <title>Titlu Documentului</title> </head> <body> Coninutul paginii </body> </html> Sunt mai multe programe cu care se pot crea pagini web, chiar fr a cunoaste limbajul HTML, cum sunt Microsoft FrontPage sau Macromedia Dreamweaver. Editoarele de text sunt programele de baz, si cele mai folosite, pentru editarea paginii web (NOTEPAD, WORDPAD). Lucrarea mea este creat cu ajutorul programului Dreamweaver. Am deschis un document nou i i-am dat numele FirmaY.html , am nceput s lucrez cu pagina mea de web. Prima data am scris titlul , si am setat " stilul CSS utilizat ("colors1.css", "text/css") . <HEAD> <Title>FirmaY vanzari racoritoare</Title> <link href="colors1.css" rel="stylesheet" type="text/css" /> </HEAD> Am continuat s lucrez cu continutul paginii ntre tag-urile <BODY> </BODY>. Cu utilizarea tag-ului <marquee> </marquee> am scris un Bine ai venit Am folosit elementele Headings pentru titluri, am setat o imagine in colul drept a paginii. <h1><img src="2011nyar 101.jpg" width="200" height="150" border="10" color="green" align="right" /></h1> In continuare am creat noi pagini html: prezentare.html

contact.html

produse.html

galerie.html.

Dup acestea am continuat lucrarea in documentul FirmaY.html, ntre tag-urile <h2> </h2> am setat un link, cu ajutorul acestui link se deschide pagina prezentare.html .
<h2><strong><em><a href="prezentare.html">PREZENTARE</a></em></strong> </h2> In acest mod am setat si linkul PRODUSE, sub acest link am fcut un cadru <iframe></iframe> (<iframe src="produse.html" width="200" height="100") In

aceast mic fereastr apare pagina produse.html. Pasul urmtor era crearea linkului, promotii, tot cu ajutorul atributelor <marquee> </marquee> Acest link ne duce tot la pagina produse.html, sub acesta am setat o imagine (<img src=) Am creat un tabel si am setat proprietatiile lui: <table width="128"
height="124" border="0" frame="border" rules="all" align="left"> <tr> ..

Am creat n tabel n continuare linkuri, care deschid noi documente cu fotografii, si cu datele de contact al Firmei Y. inc dou linkuri CURS BNR, si ECONOMIA, care ne deschid site-urile http: www.cursbnr.ro si
www.presaonline.com .

Intr-un paragraf nou (<p> </p>) am pus o imagine de iarn si linkul VREMEA, care deschide pagina www.meteo.ro Intr-un nou document am creat un formular (formular.html) , care contine diferite campuri , butoane.
<FORM ACTION="mailto:stefy76@freemail.hu" METHOD="POST">

Nume si prenume: <h1></h1> Acest formular, n care se scrie opinii si sugestii, se trimite pe emailul meu.

formular.html

Prima pagina: FirmaY.html

Taguri utilizate in general in proiect: In fiecare pagina la care putem naviga, cu ajutorul linkurilor am setat, optiunea INAPOI (<left> <a href="javascript:history.go(-1)">Inapoi </a>) Cu ajutorul tagului <br> am setat inceputul unui nou rand in texte. Cu tag-ul <hr> am afisat o linie orizontala (formular.html) Am setat texturile sa arate aces element-ca bold cu tagurile:<strong>...</strong>
link="#0000ff" vlink="#ff00ff" alink="#ffff00"> - seteaza culorile linkurilor , linkurilor vizitate, si linkurile vizitate <img src /> =adaugare imagine din locatia fisierului care contine imaginea <align = aezarea imaginii , sau textului pe pagin.

&nbsp;<BR> - randuri goale

-ca italic accentuat : <em></em>

2012

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