Cursul 1

Internetul: Sistem global de retele eterogene de calculatoare legate

printr-un spectru
larg de tehnologii si care folosesc comutatia de pachete si stiva
standardizata de protocoale TCP/IP - Transport Control Protocol / Internet
Protocol.
4 octombrie 1957 URSS lanseaza primul satelit artificial (Sputnik 1)
nainte de 1957
Calculatoarele foloseau "batch-processing" (cte o sarcina o data)
Trebuiau stocate n camere speciale ventilate
Utilizatorii "transportau" date catre calculator
Sistem ineficient
Anul 1957
Apare notiunea de terminal care se conecteaza la calculatorul principal
Apare notiunea de "time-sharing" (un calculator / mai multi utilizatori)
Ca raspuns la lansarea Sputnik, n februarie 1958 SUA nfiinteaza DARPA
(Defense Advanced Research Project Agency)
DARPA proiecteaza o retea la scare mare descentralizata care sa reziste n
cazul unui atac nuclear, ARPANET
La acel moment transferul cunostintelor se realiza direct prin oameni, deci
un motiv a fost si accelerarea transferului cunostintelor
Exista 3 abordari, din punct de vedere:
I militar
I comercial
I stiintific
IMP (Interface Message Processor)= dispozitiv de interfata ntre calculatoare
si
TIP (Terminal Interface Processor)= dispozitiv de interfata ntre calculator si
terminale.
Network Working Group creeaza NCP (Network Control Protocol), un
precursor al TCP (Transport Control Protocol) pe care se bazeaza Internetul
de azi
Apare "comutatia de pachete" ("packet-switching")
Comutatia de circuite: calea dintre sursa si destinatie este fixa si datele sunt
trimise secvential

Comutatia de pachete: datele sunt mpartite n pachete, pachetele pot avea

rute diferite prin retea, pachetele sunt reasamblate la destinatie
Retea descentralizata - retea care sa functioneze si n cazul distrugerii
unei parti din ea
1971: ARPANET foloseste protocolul TCP
1975: aparitia calculatoarelor personale (PC)
1975: se fondeaza Microsoft; Paul Allen si Bill Gates dezvolta BASIC-ul pentru
noua lume a PC-urilor
1982: stiva de protocoale TCP/IP a fost standardizata
1984: DNS (Domain Name System = Sistem de numire a domeniilor)
1992: Prima conexiune romneasca la internet. Eugeniu Staicut de la
Institutul de Cercetare n Informatica: primul email trimis vreodata din
Romnia n strainatate.
1992: Romnia a primit dreptul sa aiba domeniu .ro.
Primul site: ici.ro
1982: experimentul UNIREA: Pe baza CORAL-ului, a fost pusa la punct prima
retea romneasca. Primele puncte conectate au fost la Bucuresti, ClujNapoca si Bacau. Experimentul a fost botezat Unirea si a fost realizat prin
linie telefonica.
1983: Posta electronica CORA.
1978: ISO (International Standardization Organization = Organizatia de
Standardizare Internationala) elaboreaza stiva OSI (Open System
Interconnection = Interconectarea Sistemelor Deschise)
Protocol = set de reguli prin care doua sau mai multe entitati comunica
IP = Internet Protocol - protocolul care sta la baza Internetului (nivel retea)
TCP (Transmission Control Protocol) - asigura transferul exact al datelor,
protocol orientat pe conexiune.
UDP (User Datagram Protocol) - unele date se pot pierde, protocol nesigur,
fara conexiuni, dar mai rapid.
TELNET (Terminal virtual), FTP (Transfer de fisiere), SMTP (Posta electronica),
DNS (Sistem de nume de domenii), NNTP (Pentr transmiterea stirilor prin
USENET), HTTP (HyperText Transfer Protocol = Protocol de transmitere a
hipertextului)
2

"Mesh-networks" (orice nod din retea sa contina si un element de rutare)

World Wide Web-ul este o retea globala de documente, imagini si alte resurse
legate logic prin hyperlink-uri si adresate prin URI-uri (Uniform Resource
Identifier).
HyperText Transfer Protocol (Protocol de transmitere a hipertextului) este
protocolul principal de acces la WWW.
1993: apare browserul Mosaic
12 noiembrie 1990: Tim Berners-Lee de la CERN, cu ajutorul lui
Robert Cailliau publica o propunere de a construi un "Proiect Hypertext"
denumit "WorldWideWeb" (cunoscut si ca "W3") ca fiind o retea de
documente hypertext care sa fie vazute de browsere folosind o arhitectura
de tip client-server.
Director (portal) - paginile web sunt clasificate pe categorii, process dificil,
initial exclusiv uman
1993: apare conceptul de web-crawler (indexare automata a paginilor web)
ianuarie 1994: ia fiinta Yahoo, la nceput doar un director (portal)
septembrie 1998 apare Google - interfata simpla, fara bannere de
publicitate
Sloganul Google: "Dont be evil!"

HTML + CSS
HTML
Limbaj de marcare care ofera continutului structura si semnificatie.
CSS
Limbaj de prezentare care ofera continutului stil si aspect.

HTML
Elementele
body, h1, p, div strong, em, span
Elementele sunt cuvinte cheie ce definesc obiecte n cadrul paginii web.
Uneori aceste obiecte sunt denumite generic elemente.

I Atributele

href="http://itee.elth.pub.ro" title="ABC"
Atributele ofera informatii suplimentare unui anumit element

I Tagurile

<div id="titlu" class="prezentare"></div>

Tagurile cuprind elementele si atributele lor (tag de deschidere + tag de
nchidere)

I Elementele de bloc

header, footer, article, section, aside,

div, h1...h6, p, table, form, ul, ol, li,
dl, dt, dd
Elementele bloc ncep pe o linie noua a documentului si ocupa ntreaga
latime disponibila

I Elementele de linie

span, a, strong, em, img, br, input, abbr

Elementele de linie nu ncep pe o linie noua ci se introduc n fluxul
documentului mentinndu-si doar latimea necesara lor
<!DOCTYPE html>
<html>
<head>
4

<title>Hello World</title>
</head>
<body>
<h1>Hello World</h1>
<p>Acesta este un site web</p>
</body>
</html>

CSS
Selector

h1 {
font: bold 16px/24px Arial, sans-serif; }
Un selector determina carui element sa i se aplice stilul.

I Proprietate

h1 {
font: bold 16px/24px Arial, sans-serif; }
O proprietate este un tip de stil care se aplica elementului.

I Valoare

h1 {
font: bold 16px/24px Arial, sans-serif; }
O valoare determina comportamentul unei proprietati.

I Set de reguli

h1 {
font: bold 16px/24px Arial, sans-serif; }
Un set de reguli cuprinde un selector si toate declaratiile corespunzatoare.

I Declaratii

h1 {
font: bold 16px/24px Arial, sans-serif; }
Declaratiile sunt linii individuale n CSS din cadrul unui set de reguli.

I Selectorul de element

h1 {
font: bold 16px/24px Arial, sans-serif; }
Un selector de element precizeaza elementul prin numele sau.

I Selectorul ID

#logo {
background: url("fundal.png") 0 0 no-repeat; }
Un selector ID precizeaza elementul prin ID-ul sau. Un ID apare o singura
data pe pagina.

I Selectorul de clasa

.coloana {
width: 200px; }
Un selector de clasa precizeaza elementul prin clasa sa. O clasa poate
aparea de mai multe ori pe o pagina.
5

Modelul cutie
CALCUL:
Latime totala = Width + (Margin * 2) + (Border * 2) + (Padding * 2)
492 = 400 + (20 * 2) + (6 * 2) + (20 * 2)
naltime totala = Height + (Margin * 2) + (Border * 2) + (Padding * 2)
192 = 100 + (20 * 2) + (6 * 2) + (20 * 2)
Elemente flotante: img {
border: 1px solid #ccc;
float: right;
margin: 10px 0 10px 20px;
padding: 4px;
}