Aeronautica	Comunicatii	Drept	Informatica	Nutritie	Sociologie
Tehnica mecanica

Informatica

Qdidactic » stiinta & tehnica » informatica
Proiect atestat informatica ghidul virtual al bucurestiului

Proiect atestat informatica ghidul virtual al bucurestiului

MINISTERUL EDUCATIEI, CERCETARII SI INOVARII

Liceul Teoretic "Lucian Blaga"

PROIECT PENTRU

SUSTINEREA ATESTATULUI PROFESIONAL

LA INFORMATICA

FILIERA: TEORETICA

PROFIL: REAL

SPECIALIZARE: MATEMATICA-INFORMATICA

TEMA PROIECTULUI:

"GHIDUL VIRTUAL AL BUCURESTIULUI"

CUPRINS

Despre HTML

Notiuni de baza HTML

Inserarea imaginilor si a link-urilor

Cod sursa

Bibliografie

Despre HTML

Ce este HTML ?

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web.
Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm. In marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>. browserul interpreteaza aceste etichete afisand rezultatul pe ecran. HTML-ul nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).

Notiuni de baza HTML

Structura unui document HTML

<HTML>

<HEAD>

<TITLE> Structura document HTML </TITLE>

</HEAD>

<BODY> Continutul paginii Web </BODY>

</HTML>

Pentru scrierea codului de mai sus s-a folosit Limbajul de Marcare Hipertext (HTML)

Analiza: Documente specifice operatiilor cu numerar

Eseu: Forma de contabilitate utilizata la o societate comerciala

Structura unui document HTML se delimiteaza in urmatoarele marcaje:

Marcajul de specificare a unui document de tip hipertext: <HTML> . </HTML>

Pentru a specifica editorului de text in care lucram ca urmeaza sa cream o pagina Web folosindu-ne de limbajul HTML, vom cuprinde tot textul ce urmeaza a fi scris in marcajul <HTML> . </HTML>.

Dcoumentul HTML se va sectiona apoi in daoua parti:

Marcajul de specificare a capului documentului de tip hipertext:

<HEAD> . </HEAD>

Acesta delimiteaza:

informatiile referitoare la crearea paginii Web, informatii ce vor aparea la vizualizarea paginii respective cu un program de navigare.

Marcajul <TITLE> . </TITLE>, ce delimiteaza un nume pe care dorim sa-l dam paginii ce urmeaza sa o realizam si care va fi afisat pe bara de stare a programului de navigare.

Marcajul de specificare al corpului documentului de tip hipertext:

<BODY> . </BODY>, cuprinde continutul paginii Web ce va aparea la incarcarea ei cu un program de navigare.

Parametrii marcajului <BODY> . </BODY>

Parametrul bgcolor: stabileste culoarea fundalului paginii Web. Valoarea acestui parametru va fi numele in limba engleza al culorii, incadrat in ghilimele ("RED", "GREEN", "BLUE" etc.) sau codul culorii precedat de semnul # incadrat de asemenea de ghilimele.

Exemplu: <BODY bgcolor="BLUE"> Continutul paginii Web </BODY>

<BODY bgcolor="#0000FF"> Continutul paginii Web </BODY>

Coduri de culori uzuale:

Numele culorii	Cod
Black - negru
White - alb	FFFFFF
Blue - albastru	0000FF
Red - rosu	FF0000
Green - verde	00FF00
Yelow - galben	FFFF00
Purple - violet	FF00FF
Gray - gri

Parametrul background: De asemenea se poate utiliza pentru fundalul unei pagini Web o imagine a carei adresa va fi specificata ca valoare a parametrului background specific marcajului <BODY> . </BODY>: <BODY background=URL> . </BODY>.

Parametrul text: TEXT=culoare, stabileste culoarea textului din pagina.

Parametrul LINK: LINK=culoare, stabileste culoarea cu care vor fi scrise in text legaturile (Link-urile) nevizitate, legaturi catre alte pagini Web sau catre alte portiuni din pagina curenta.

Parametrul VLINK: VLINK=culoare, stabileste culoarea cu care vor fi scris ein text legaturile vizitate, legaturi catre alte pagini Web sau catre alte portiuni din pagina curenta.

Parametrul ALINK: ALINK=culoare, stabileste culoarea cu care vor fi scrise in text legaturile in curs de vizitare, legaturi catre alte pagini Web sau catre alte portiuni din pagina curenta.

Inserarea imaginilor si a link-urilor

Includerea unei imagini inntr-un document Web se poate face utilizand marcajul:

<IMG SRC=nume_imagine>.

Daca imaginea este un fisier de tip GIF, atunci nume_imagine trebuie sa contina extensia .gif, iar daca este de tip JPEG va avea una din extensiile .jpeg sau .jpg.

<HTML>

<HEAD>

<TITLE>Includerea unei imagini</TITLE>

</HEAD>

<BODY>

<H1><CENTER>Salut!</CENTER></H1>

Ma numesc Ioana si sunt eleva la un liceu din orasul Constanta. Este tarziu dar somnul intarzie sa apara, asa ca stau hai hui pe internet.

<P>Saptamana viitoare trebuie sa prezint un proiect la ora de engleza cu titlul "Internetul viitorul omeniriii?", in care voi discuta despre implicatiile informaticii si a internetului in mod special asupra vietii omului viitorului.

<P>Daca voi, dragi prieteni ma puteti ajuta cu cateva idei pe aceasta tema, va vaoi ramane indatorata. <P>

<HR WIDTH=20% ALIGN=left NOSHADE><H3>Ioana</H3><P>

<I>ioana@yahoo.com</I><HR COLOR=red>

</BODY>

</HTML>

Parametrii de redimensionare a unei imaginii

Redimensionarea unei imagini se poate face adaugand la marcajul <IMG SRC=nume_imagine> doi parametrii: HEIGHT=optiune si WIDTH=optiune, a caror optiuni sunt numere ce vor specifica inaltimea si latimea imaginii.

Alinierea imaginii

Alinierea imaginii in pagina Web fata de un text este dictate de optiunea parametrului ALIGN. Valorile posibile sunt: top, middle, bottom, left, right.

Spatiu suplimentar in jurul imaginii

Spatiul suplimentar in jurul imaginii se poate obtine prin optiunile parametrilor HSPACE=optiune si VSPACE=optiune, ce reprezinta spatiul suplimentar pe verticala si orizontala.

Link-urile sunt esenta webului, fara acestea paginile unui sit nu ar avea legatura intre ele. Pentru a adauga un link se foloseste tagul de deschidere <a href='locatie'> si tagul de inchidere </a>. Tot ce va aparea intre aceste doua taguri va fi subliniat si colorat, iar in momentul click-ului pe acel text, browser-ul va fi trimis spre locatia data.

Exemplu:
Viziteaza Autosite!
Sursa:
Viziteaza <a href='https://www.autosite.ro/'>Autosite</a>!

Daca link-ul este catre o pagina care se afla in acelasi director cu pagina curenta, nu mai ai nevoie sa introduci url-ul, doar numele paginii. Spre exemplu, daca ai o pagina care se numeste publicitate.html, poti folosi codul <a href='publicitate.html'>Publicitate</a>

De retinut:link-urile sunt folosite pentru a naviga de la o pagina la alta, dar pot fi folosite si pentru trimiterea mail-urilor.
Exemplu:
Trimite un email la WebMaster!
Sursa:
Trimite un email la <a href='mailto:emgos_@hotmail.com'>WebMaster</a>!

Poate iti doresti sa ai o imagine link, asta insemnand ca in momentul unui click pe imagine esti trimis la o alta pagina. Acesta este un lucru simplu de facut, intre tagurile de adaugare link se pune tagul de adaugare imagine(<a href='url-ul link-ului'><img src='locatia imaginii'></a>. Se poate folosi si atributul de aliniere in pagina align!

BIBLIOGRAFIE

Dave Taylor - Crearea paginilor Web cu HTML 4, Ed. Teora, Bucuresti, 1998.
Bogdan Patrut - Internetul pentru incepatori, Ed. Teora, Bucuresti, 1999.
Jamsa, Kris; Lalani, Suleiman; Weakley, Steve - Programare in Web, Ed. ALL, Bucuresti, 1995.
Miller, Michael - "Cum create un site grozav", in PC Magazine in septembrie 1999.
Goldmann, Martin; Vaida, Cirprian - "Web design pentru avansati", in Chip, 6-9/1999.
Scortaru, Mihai - "Pagini cu HTML 4.0", in Gazeta Informatica, 1999.
Emanuela Cherchez - Internet. Manual pentru liceu, filiera teoretica, Ed. Polirom, Bucuresti, 2000.
Floarea Nastase; Pavel Nastase - Tehnologia aplicatiilor Web, Ed. Economica, 2000.
In realizarea referatului s-au folosit si resurse de pe internet.

Contact \|- ia legatura cu noi -\|
Adauga document \|- pune-ti documente online -\|
Termeni & conditii de utilizare \|- politica de cookies si de confidentialitate -\|
Copyright © \|- 2024 - Toate drepturile rezervate -\|