Curs 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 care organizaia tipul
zona geografic
calculatoruluigestioneaz utilizatorului organizaiei sau 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.
Colegiul Naional Pedagogic A. aguna Sibiu

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

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 @:
<numele utilizatorului>@<numele domeniului>
Ex:

1) catavencu@dnt.ro
2) teora@teora.kappa.ro

Mesajul 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
Colegiul Naional Pedagogic A. aguna Sibiu

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

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/pub

http = 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)
2)
3)
4)

www.fbi.gov
www.fasc.com/psp.html - Paint Shop Pro - utilitar pentru prelucrarea imaginilor
www.lview.com
- Lview Pro
- idem
www.mindworkshop.com/alchemy/gifcon.html - Gif Construction Set utilitar pentru

5) www.internetmall.com
6) www.arttoday.com
7) www.TheShockZone.com
8) www.ender-design.com/rg/
9) www.midifarm.com
10) www.microsoft.com

realizarea gif-urilor animate

- site-ul Internet Mall cel mai mare magazin on-line
din Internet
- clipart-uri, font-uri
- pictograme i imagini animate
- pictograme, butoane, texturi
- fiiere audio n format MIDI

Motoare de cutare i indexare

1)
2)
3)
4)
5)
6)
7)

www.yahoo.com
www.google.com
www.snap.com
www.excite.com
www.lycos.com
www.altavista.digital.com
www.webcrowler.com

Site-uri care ofer servicii de free-mail

1) www.yahoo.com
2) www.hotmail.com
3) www.gmx.com
Colegiul Naional Pedagogic A. aguna Sibiu

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

Notiuni 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.: <HTML>

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 <HTML>, care specific faptul c
informaia care urmeaz este scris n acest limbaj. Marcajul <HTML> este de tip
pereche i deci la sfritul documentului trebuie nchis marcajul </HTML>.

2.

mprirea n linii i paragrafe

Pentru a specifica trecerea la un paragraf nou se utilizeaz controlul <P>, iar

pentru a trece la o linie nou (n cadrul aceluiai paragraf) se folosete controlul <BR>.
Ex.:

<HTML>
Sibiu, 18 martie <BR>
Ora 13
<P>
Draga cititorule,
<P>
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.
<P>
Cu sinceritate
<P>
autorul
</HTML>

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 <PRE> cu perechea sa </PRE>.
3. mprirea documentului n seciuni
Fiierele HTML se mpart (de obicei ) n dou seciuni:
-antetul, care conine informaia introductiv de formatare a paginii
-corpul.
Colegiul Naional Pedagogic A. aguna Sibiu

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

Aceste seciuni se delimiteaz folosind marcajele: <HEAD> </HEAD> i

<BODY> </BODY>
Ex.: <HTML>
<HEAD> </HEAD>
<BODY>
Sibiu, 18 martie<BR>
ora 13
<P>
autorul
</BODY>
</HTML>

4. Titlul paginii
Se introduce cu ajutorul controlului <TITLE> </TITLE>.
Titlul apare n bara de sus a ferestrei afiate pe calculator.
Acest marcaj se introduce n cadrul antetului.
Ex.:

<HEAD>
<TITLE> Acesta este un titlu </TITLE>
</HEAD>

5. Informaii uzuale plasate la sfrit

Informaiile de copyright i date de contact ale autorului paginii se introduc
folosind marcajul <ADDRESS> </ADDRESS>
Ex.: ...
autorul
<ADDRESS>
Pagina realizata de ...
</ADDRESS>
</BODY>
</HTML>

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 <H1> </H1> iar cel mai de jos este <H6>
</H6>.
Ex.:

<H1> Nivelul 1 </H1>

<H2> Nivelul 2 </H2>
.
.
.
<H6> Nivelul 6 </H6>

Colegiul Naional Pedagogic A. aguna Sibiu

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

7. Rigla orizontal
Reprezint o linie subire orizontal pe toat limea paginii. Se introduce prin
marcajul <HR>.
8. Formatarea textului
-formatarea italic
<I> </I>
-formatarea ngroat
<B></B>
-marcajul de subliniere
<U> </U>
-marcajul monospaiu
<TT> </TT>
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 <SUP> </SUP>
-indicii inferiori
<SUB> </SUB>
-textul tiat
<STRIKE> </STRIKE>
Ex.:
H <SUB>2</SUB>0<SUP>2</SUP> <P>
<STRIKE> APA </STRIKE>
<U> text </U>

Utilizarea dimensiunilor culorilor i a corpurilor de liter

Toate caracteristicile fontului se fac prin diverse variante ale marcajului <Font>,
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:
<FONT SIZE =7> un text important </FONT>
Se observ c marcajul de nchidere </FONT> 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:
<FONT SIZE =+1> text important </FONT>

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

Colegiul Naional Pedagogic A. aguna Sibiu

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

Modificarea culorii
Se face cu ajutorul atributului COLOR
Ex.:

<FONT COLOR = blue SIZE = 7> Un text dragut </FONT>.

Al treilea atribut posibil al marcajului <FONT> este specificarea FACE a unui corp
de liter.
Ex :

<font face = Arial, Times New Roman> text special

</font>

care specific afiarea textului folosind fie fontul Arial fie Times New Roman.
Ex.:
<HTML>
<HEAD>
<TITLE> Calatorii cu TinTin </TITLE>
</HEAD>
<BODY>
<BASEFONT SIZE = 4>
<H1> <FONT COLOR = orange> Calatorii cu TinTin </FONT>
</H1>
dintre diversi reporteri cu care am calatorit de-a lungul
lumii, inclusiv scriitori pentru <I> UPI </I>, <I> AP </I>,
si <I> Reuters </I> cel mai fascinant a fost <B> TinTin
</B>, un reporter din Belgia(<TT>tintin@belgium.gov</TT>).
<P>
Probabil cel mai distractiv aspect al calatoriei noastre a
fost cainele sau, <B> Snowy </B>.
<P>
<FONT SIZE = 6 COLOR = BLUE> Prima calatorie: Nepal </FONT>
<P>
Dupa castigarea premiului Pulitzer pentru <I> Adventure
with Red Rackhams Treasure </I>, TinTin mi-a spus ca-si
doreste o vacanta...
</BODY>
</HTML>

Pentru a modifica dimensiunea implicit a ntregii pagini folosim marcajul

<BASEFONT> la nceputul paginii respective.

Liste in HTML
1. Liste de tip definiie
- aceste liste se includ ntr-o pereche de marcaje <DL> i </DL>. n cadrul acestei
perechi de marcaje, o definiie se compune din dou pri:
- termenul definit
<DT>
- descrierea definiiei
<DD>
Colegiul Naional Pedagogic A. aguna Sibiu

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

Ex: 1.htm
<HTML>
<HEAD> </HEAD>
<BODY>
<H1> Mic glosar de termeni </H1>
<DL>
<DT>aldin
<DD>Caracteristica a fonturilor de a fi reprezentate
prin caractere mai ingrosate,<B>acest text este
reprezentat cu caractere aldine</B>.
<DT>ancora
<DD>Un loc dintr-un document care asigura legatura
cu un alt loc din acelasi document sau dintr-un
alt document.
<DT>cursiv
<DD>o conventie utilizata in mod obisnuit pentru
evidentiarea textului sau pentru citate;
<I>acesta
e
un
text
scris
cu
caractere
cursive</I>
</DL>
</BODY>
</HTML>

2. Liste neordonate (marcate)

- ncep cu <UL> i se termin cu </UL>, iar fiecare element al listei este definit
prin controlul <Li>.
Ex.: 2.htm
<HTML>
<HEAD> </HEAD>
<BODY>
Remedii naturiste:
<UL>
<Li> Tensiune-Macese,Paducel
<Li> Bronsita-Brad,Angelica
<Li> Arsura-Aloe,Musetel
</UL>
</BODY>
</HTML>

Combinarea celor dou tipuri de liste este i mai sugestiv:

Ex.: 3.htm
<HTML>
<BODY>
<DL>
<DT> <B> Tensiune </B>
<UL>
<Li> Macese
Colegiul Naional Pedagogic A. aguna Sibiu

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

<Li> Paducel
</UL>
<DT> <B> Bronsita </B>
<UL>
<Li> Brad
<Li> Angelica
</UL>
<DT> <B> Arsura </B>
<UL>
<Li> Aloe
<Li> Musetel
</UL>
</DL>
</BODY>
</HTML>

3. Liste ordonate (numerotate)

- sunt nchise ntre marcajele <OL> i </OL> iar fiecare element al listei se
definete prin marcajul <Li>.
Ex.: 4.htm
<HTML>
<HEAD> </HEAD>
<BODY>
<H1> Cuprins </H1>
<OL>
<Li> Ce este o pagina de Web?
<UL>
<Li> Ce este, de fapt, Web-ul?
<Li> Informatii din Web care nu sunt de tip HTML
<Li> Introducere in Netscape Navigator
<Li> Introducere in Internet Explorer
</UL>
<Li> URL-uri: Ce sunt si cum se utilizeaza
<UL>
<Li> Cautarea in
formatiilor in flux de date
<Li> URL-urile ne vin in ajutor
<Li> Citirea unui URL
</UL>
</OL>
</BODY>
</HTML>

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 <!-i se termin cu -->
Colegiul Naional Pedagogic A. aguna Sibiu

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

10

Imagini
O imagine se insereaz cu ajutorul marcajului <img src />.
Atributul BORDER adaug un chenar n jurul imaginii.
Atributele WIDTH i HEIGHT modific dimensiuniile prestabilite ale unei
imagini.
Ex.
<img
height="25%" />

src=nume.jpg

border=5

width=350

Pentru a centra o imagine inserat se folosete atributul ALIGN=CENTER

Ex. <p align=center> <img src=nume.jpg />
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.
<img
src=nume.jpg
vspace=30 alt=imagine />

align=left

hspace=30

Tabele
Pentru a insera un tabel se folosesc etichetele corespondente
<TABLE>...</TABLE>.
Pentru a insera un rand intr-un tabel se folosesc etichetele <TR>...</TR> ( 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 <TD>..</TD>.
Ex.
<table>
<tr> <td>
<tr> <td>
<tr> <td>
<tr> <td>
</table>

celula11 </td> <td> celula12 </td></tr>

celula21 </td> <td> celula22 </td></tr>
celula31</td> <td> celula32 </td></tr>
celula41</td> <td> celula42 </td></tr>

Colegiul Naional Pedagogic A. aguna Sibiu

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

11

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:
<A HREF =numele fiierului (fiierul care se ncarc)>
Prima pagin (textul care poate fi selectat) </A>
Ex. 1)

<A HREF = http://www.nasa.gov>

Pagina oficial a NASA
</A>

2) <A HREF = posa1.jpg > Poza mea </A>

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)
<HTML>
Un exemplu de salt la alt pagin <p>
<A HREF = ../../TEMP/tinta.htm>
Un fiier surpriz
</A> <p>
<A HREF = C|/TEMP/tinta.htm>
Acelai fiier
</A>
</HTML>
Fiierul tinta.htm (salvat n TEMP)
<HTML>
Acesta este fiierul int
<A HREF = ../SCOALA/PAGWEB/exemplu.htm>
Salt napoi
</A>
<A HREF = C|/SCOALA/PAGWEB/exemplu.htm>
Colegiul Naional Pedagogic A. aguna Sibiu

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

12

Acelai salt napoi

</A>
<A HREF =www.geocities.com/pc5971>
Ghici ?
</A>
<HTML>

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