Notiuni HTML de baza

6Curs clasa a IX-a: Tehnologia informaiei i a comunicaiilor7Curs clasa a IX-a: Tehnologia informaiei i a comunicaiilor

Internet-ul

O reea de calculatoare este format dintr-un ansamblu de calculatoare conectate ntre ele. Calculatoarele pot face schimb de date i i pot folosi n comun resursele (imprimantele i unitile de discuri). Fiecare calculator i pstreaz independena.

Internet este o reea foarte mare de calculatoare care conecteaz ntre ele milioane de reele mai mici din lumea ntreag. Toate calculatoarele conectate la Internet pot face schimb de informaii ntre ele. Informaiile circul prin aceast reea sub form de pachete. Fiecare pachet are un expeditor i un destinatar.

Pachetul este format din informaia propriu-zis i informaiile de control care conin adresa destinatarului i adresa expeditorului. Operaia de dirijare a unui pachet n reea este fcut automat de reea conform unui anumit protocol. Fiecare reea din Internet poate folosi ntre calculatoarele sale propriul protocol dar, ntre reele nu se poate folosi dect un protocol unic de comunicare. Acest protocol se numete IP (Internet Protocol).

Dac un utilizator vrea s se conecteze la reeaua Internet, trebuie s plteasc unei companii pentru a obine accesul. Compania prin intermediul creia utilizatorul se conecteaz la Internet se numete furnizor de servicii Internet (Internet Service Provider - ISP) sau furnizor de acces la Internet (Internet Access Provider - IAP).

Pentru conectarea la Internet sunt necesare:

un calculator un modem software pentru Internet.Serviciile pe care reeaua Internet le poate asigura utilizatorilor si sunt:

Comunicare:

Informare;

Transfer de fiiere;

Acces la distan;

Servicii comerciale;

Pota electronic.

Pentru a putea fi identificate, calculatoarelor conectate la Internet li se atribuie numere unice numite adrese Internet (sau adres IP) i nume cunoscute ca nume de domeniu. Domeniul poate conine mai multe subdomenii.

Numele de domeniu este format din mai multe pri care corespund numelor de subdomenii separate prin punct.

Ex:

zz.alfa.beta.edu.ro

numele grupul careorganizaia tipul

zona geografic

calculatoruluigestioneazutilizatoruluiorganizaieisau ara

calculatorul

Un serviciu de pot electronic (electronic mail sau e-mail) permite utilizatorilor s transmit rapid i economic informaii prin intermediul reelelor de calculatoare.

Atunci cnd se nscrie la un serviciu de pot electronic, utilizatorului i se atribuie o cutie potal (mailbox) care este un fiier de pe un disc al calculatorului server (mail server) al furnizorului de serviciu.

Adresa fiecrui utilizator al potei electronice este format din dou pri separate prin semnul @:

@

Ex:1) catavencu@dnt.ro

2) teora@teora.kappa.roMesajul este format din trei elemente:

Antetul (Header) conine informaii despre destinatar, autor, subiect i ora transmisiei;

Corpul (Body) mesajul propriu-zis; Semntura (Signature) text care se adaug la sfritul mesajului i poate cuprinde numele, titlurile, adresa, numrul de telefon i alte informaii.

Browser-ul este un program care ajut utilizatorul s gseasc i s citeasc informaia n documentele html (Hyper Text Mark-up Language) ale reelei Web.

Cele mai cunoscute browsere sunt:

Internet Explorer.

Netscape Navigator;

Mosaic;

Opera;

Mozilla Firefox.Mic dicionar de termeni din domeniul Internetului

HTML =HyperText Markup Language (limbaj de marcare hipertext) reprezint limbajul care permite crearea i publicarea documentelor n Internet.

hipermediu sau hipertext =este un mod dinamic de organizare a informaiei care permite saltul de la o informaie la alta, de la o pagin la alta printr-un simplu click pe o referina descriptiv sau o imagine senzitiv.

FTP =File Transfer Protocol (protocol de transfer de fiiere FTP) este un mecanism care permite accesul la hard-disk-uri externe pentru a putea lista directoare i a avea acces direct la anumite fiiere.

telnet =este un program care permite accesul la un calculator aflat la distan, la care dorim s ne conectam.

URL =este un descriptor unic care poate identifica orice document (simplu sau hipertext) oriunde n Internet sau pe maina dumneavoastra. Sunt ca un fel de cri de vizit pentru resursele specifice din reea. Forma general a unui URL este:

serviciu://nume_gazd:port/cale_director

Nu toate aceste elemente trebuie s apar n fiecare URL.

Ex.http://www.yahoo.com

ftp://coolweb:xyzxyz@gatekeeper.dec.com/pubhttp =HiperText Transfer Protocol reprezint metoda prin care documentele Web sunt transferate prin Internet.

WWW = World Wide Web este o reea cu ntindere n toat lumea.

port =S ne imaginm fiecare calculator din Internet ca pe un post de emisie/recepie. Calculatorul nu emite i recepioneaz toate datele pe toate frecventele posibile; el directioneaz tipurile specifice de date pe anumite frecvene sau porturi.

Locaii atractive n Web

1) www.fbi.gov2) www.fasc.com/psp.html- Paint Shop Pro -utilitar pentru prelucrarea imaginilor

3) www.lview.com

- Lview Pro -idem

4) www.mindworkshop.com/alchemy/gifcon.html- Gif Construction Set utilitar pentru realizarea gif-urilor animate

5) www.internetmall.com - site-ul Internet Mall cel mai mare magazin on-line din Internet

6) www.arttoday.com

- clipart-uri, font-uri

7) www.TheShockZone.com - pictograme i imagini animate

8) www.ender-design.com/rg/- pictograme, butoane, texturi

9) www.midifarm.com

- fiiere audio n format MIDI

10) www.microsoft.comMotoare de cutare i indexare

1) www.yahoo.com2) www.google.com3) www.snap.com4) www.excite.com5) www.lycos.com6) www.altavista.digital.com7) www.webcrowler.comSite-uri care ofer servicii de free-mail

1) www.yahoo.com2) www.hotmail.com3) www.gmx.comNotiuni HTML de baz

1. Bazele redactrii HTML

Prin convenie toate informaiile HTML ncep cu o parantez unghiular deschis < i se termin cu o parantez unghiular nchis >.

Ex.: Dei multe controale HTML sunt uniti de sine stttoare, unele din ele sunt perechi, avnd controale de nceput i controale de sfrit.

Cel mai important dintre controale este , care specific faptul c informaia care urmeaz este scris n acest limbaj. Marcajul este de tip pereche i deci la sfritul documentului trebuie nchis marcajul .

2. mprirea n linii i paragrafe

Pentru a specifica trecerea la un paragraf nou se utilizeaz controlul , iar pentru a trece la o linie nou (n cadrul aceluiai paragraf) se folosete controlul
.

Ex.:

Sibiu, 18 martie

Ora 13

Draga cititorule,

Iti multumesc pentru curiozitatea ta de a rasfoi aceasta carte, dar iti spun cu regret ca lucrurile nu merg inca! Vor merge in curand dar nu astazi.

Cu sinceritate

autorul

Se observ c spaiile inutile sunt ignorate de ctre limbaj. Astfel textul

Cu sinceritate

autorul

care doream s apar n dreapta ecranului apare n stnga. Pentru a rezolva aceast problem folosim marcajul de informaie preformatat cu perechea sa .

3. mprirea documentului n seciuni

Fiierele HTML se mpart (de obicei ) n dou seciuni:

-antetul, care conine informaia introductiv de formatare a paginii

-corpul.

Aceste seciuni se delimiteaz folosind marcajele: i

Ex.:

Sibiu, 18 martie

ora 13

autorul

4. Titlul paginii

Se introduce cu ajutorul controlului .

Titlul apare n bara de sus a ferestrei afiate pe calculator.

Acest marcaj se introduce n cadrul antetului.

Ex.:

Acesta este un titlu

5. Informaii uzuale plasate la sfrit

Informaiile de copyright i date de contact ale autorului paginii se introduc folosind marcajul

Ex.: ...

autorul

Pagina realizata de ...

6. Antetele de seciune

Fiecare nivel de subtitlu are un control de deschidere i unul de nchidere. Marcajul pentru nivelul cel mai de sus este iar cel mai de jos este .

Ex.: Nivelul 1

Nivelul 2

.

.

.

Nivelul 6

7. Rigla orizontalReprezint o linie subire orizontal pe toat limea paginii. Se introduce prin marcajul .

8. Formatarea textului-formatarea italic

-formatarea ngroat

-marcajul de subliniere -marcajul monospaiu Numele de monospaiu provine de la faptul c fiecare liter dintr-un font de acest tip ocup exact aceeai lime, chiar dac litera respectiv este destul de ngust. Caracterele monospaiu se utilizeaz mai ales pentru scrierea unor programe.

-indicii superiori

-indicii inferiori

-textul tiat

Ex.:

H 202

APA

text Utilizarea dimensiunilor culorilor i a corpurilor de liter

Toate caracteristicile fontului se fac prin diverse variante ale marcajului , care conine diverse atribute specifice. Marcajele care pot avea atribute se specific, de obicei, prin perechi de forma nume = valoare.

Pentru a modifica dimensiunea unei poriuni de text, se utilizeaz formatarea:

un text important Se observ c marcajul de nchidere nu conine atribute ale marcajului de deschidere. Valorile posibile ale atributului SIZE sunt 1, 2, 7.

Valoarea implicit este, de obicei, 3.

Dimensiunile fontului pot fi specificate i n mod relativ astfel:

text important

care mrete cu o unitate textul fa de cel din jurul su.

Modificarea culorii Se face cu ajutorul atributului COLOR

Ex.: Un text dragut .

Al treilea atribut posibil al marcajului este specificarea FACE a unui corp de liter.

Ex : text special

care specific afiarea textului folosind fie fontul Arial fie Times New Roman.

Ex.:

Calatorii cu TinTin

Calatorii cu TinTin

dintre diversi reporteri cu care am calatorit de-a lungul

lumii, inclusiv scriitori pentru UPI , AP ,

si Reuters cel mai fascinant a fost TinTin , un reporter din Belgia(tintin@belgium.gov).

Probabil cel mai distractiv aspect al calatoriei noastre a

fost cainele sau, Snowy .

Prima calatorie: Nepal

Dupa castigarea premiului Pulitzer pentru Adventure with Red Rackhams Treasure , TinTin mi-a spus ca-si

doreste o vacanta...

Pentru a modifica dimensiunea implicit a ntregii pagini folosim marcajul la nceputul paginii respective.

Liste in HTML

1. Liste de tip definiie

- aceste liste se includ ntr-o pereche de marcaje i . n cadrul acestei perechi de marcaje, o definiie se compune din dou pri:

- termenul definit

- descrierea definiiei

Ex: 1.htm

Mic glosar de termeni

aldin Caracteristica a fonturilor de a fi reprezentate

prin caractere mai ingrosate,acest text este reprezentat cu caractere aldine. ancora Un loc dintr-un document care asigura legatura

cu un alt loc din acelasi document sau dintr-un

alt document. cursiv o conventie utilizata in mod obisnuit pentru

evidentiarea textului sau pentru citate;

acesta e un text scris cu caractere cursive

2. Liste neordonate (marcate)- ncep cu

i se termin cu

, iar fiecare element al listei este definit prin controlul .

Ex.: 2.htm

Remedii naturiste:

Tensiune-Macese,Paducel

Bronsita-Brad,Angelica

Arsura-Aloe,Musetel

Combinarea celor dou tipuri de liste este i mai sugestiv:

Ex.: 3.htm

Tensiune

Macese

Paducel

Bronsita

Brad

Angelica

Arsura

Aloe

Musetel

3. Liste ordonate (numerotate)

- sunt nchise ntre marcajele

1. i

iar fiecare element al listei se definete prin marcajul .

Ex.: 4.htm

Cuprins

1. Ce este o pagina de Web?

   • Ce este, de fapt, Web-ul?

   • Informatii din Web care nu sunt de tip HTML

   • Introducere in Netscape Navigator

   • Introducere in Internet Explorer

2. URL-uri: Ce sunt si cum se utilizeaza

   • Cautarea informatiilor in flux de date

   • URL-urile ne vin in ajutor

   • Citirea unui URL

Comentariul n HTML

Comentariile se utilizeaz pentru a explica anumite detalii ale textului scris n HTML. Ele sunt complet ignorate de programele de navigare. Comentariile ncep cu ImaginiO imagine se insereaz cu ajutorul marcajului .Atributul BORDER adaug un chenar n jurul imaginii.

Atributele WIDTH i HEIGHT modific dimensiuniile prestabilite ale unei imagini.Ex.

Pentru a centra o imagine inserat se folosete atributul ALIGN=CENTEREx. Alte valori ale atributului ALIGN:

LEFT - aliniere la stanga;

RIGHT - aliniere la dreapta;

TOP - aliniere deasupra;

MIDDLE - aliniere la mijloc;

BOTTOM - aliniere la baza;

Alinierea textului n jurul imaginii se face folosind atributele HSPACE precizeaz distana n pixeli pe orizontal dintre imagine i text i VSPACE precizeaz distana n pixeli pe vertical dintre imagine i text.Atributul ALT admite ca valoare un text care va fi afiat n locul imaginii.Ex. TabelePentru a insera un tabel se folosesc etichetele corespondente ....Pentru a insera un rand intr-un tabel se folosesc etichetele ... ( de la " table row "= rand de tabel ).

Un rand este format din mai multe celule ce contin date.

O celula de date se introduce cu eticheta ...

Ex.

celula11 celula12

celula21 celula22

celula31 celula32

celula41 celula42

Referine externe

O referin extern reprezint o legtur ctre un alt fiier (local sau din Internet). Pentru crearea unei referine avem nevoie de dou lucruri:

numele fiierului la care dorim s facem saltul

textul care va deveni activ (cel care apare albastru i pe care se d clic pentru a realiza saltul)

Comanda de realizare a unei referine externe este de forma:

Prima pagin (textul care poate fi selectat)

Ex. 1)

Pagina oficial a NASA

2) Poza mea

URL-uri relative

Un document spre care se face legtura se poate preciza i relativ. Cile relative pot include directoare sau pot indica, calea pe care trebuie s o urmm pentru a naviga la documentul int.

Cile relative se precizeaz folosind caracterul / ntre foldere i caracterele .. pentru referirea la directorul printe. Caracterul : din calea unui fiier se nlocuiete cu | (n loc de C: se scrie C| )

Ex. Fiierul exemplu.htm (salvat n SCOALA/PAGWEB)

Un exemplu de salt la alt pagin

Un fiier surpriz

Acelai fiier

Fiierul tinta.htm (salvat n TEMP)

Acesta este fiierul int

Salt napoi

Acelai salt napoi

Ghici ?

BIBLIOGRAFIE

1. Orice documentaie n domeniu preluat de pe Internet

2. Sistemele Help ale aplicaiilor utilizate

3. Dave Taylor Crearea paginilor de Web cu HTML 4, Editura Teora, Bucureti 1999

Colegiul Naional Pedagogic A. aguna Sibiu

Colegiul Naional Pedagogic A. aguna Sibiu