Sunteți pe pagina 1din 35

HTML, CSS, JavaScriptb

Natalia Pleca, lect. univ


REPARTIZAREA ORELOR

Total ore

Semestrul

Evaluarea
Codul inclusiv

credite
Nr. de
disciplinei Denumirea Responsabil

Total
din planul disciplinei de disciplin
de studii
C S L LI

F02.O.00 HTML, CSS, Natalia


II 150 45 0 45 60 Examen 5
8 JavaScript Pleca
TEME PROPUSE PENTRU
STUDIU
Internet-ul - mediu uzual pentru comunicare
HTML. Tag-uri HTML
Implementarea tag-urilor HTML n documente
HTML
Stiluri CSS. Implementarea stilurilor n
documente HTML
CSS3 i HTML5
JavaScript. Implementarea JavaScript-urilor n
documente HTML
MATERIALELE CURSULUI
Vor fi expediate pe mail, dup fiecare or de curs
Dup prima or voi expedia curricula i cerinele
pentru lucrul individual
PS: Cine dorete s primeasc materialele expediai
un mail la adresa natalia-plesca@yandex.ru, cu
mesajul corespunztor - pentru a fi adugat n grupul
de expediere. Este de dorit sa fie un mail al grupei
PRODUS PROPUS PENTRU
LUCRUL INDIVIDUAL
Studiu de caz format dintr-un site i raportul (darea de
seam) despre elaborarea site-ului.
Se va alege un domeniu, organizaie etc. pentru care se
va elabora un site static (sau tehnologia DHTML),
folosind HTML+CSS+JavaScript
Raportul elaborrii site-ului i site-ul se va prezenta
profesorului, la orele de laborator (conform cerinelor
naintate), cu cel puin o sptmn naintea
terminrii semestrului.
Suplimentar: http://www.intuit.ru/studies/courses/3734/976/lecture/27460
STRUCTURA RAPORTULUI
1. Descrierea activitii entitii economice/sociale/de nvmnt sau a
domeniului studiat (problema).
2. Stabilirea scopului realizrii site-ului.
3. Adunarea informaiilor necesare coninutului site-ului i evidenierea
potenialilor utilizatori ai site-ului.
4. Proiectarea arhitecturii site-ului: numrul paginilor, legturile dintre
pagini. Stabilirea atributelor paginilor site-ului: design, culori, tipul
navigrii, logo-ul/emblema, dimensiunea optim i tipul fontului etc. i
coninutul fiecrei pagini.
5. Descrierea realizarii cerintelor de adaptivitate a continuturilor la
diferite dispositive de iesire, cerintele de UI si UX
6. Descrierea codificrii site-ului folosind HTML, CSS i JavaScript (s se
descrie tag-urile, stilurile, scripturile utilizate. S se explice necesitatea
utilizrii acestora. S se anexeze codurile).
7. Concluzii.
CALCULAREA NOTEI MEDII

REFERINE BIBLIOGRAFICE
Bibliografie obligatorie:
Dan Punescu, Proiectarea paginilor web, Editura Spirit Romanesc, Craiova 2001, 94p.
. , HTML, . , , 2001
, JavaScript, 8'2003
., ., ., , .ACT, 1998

Bibliografie facultativ:
Gilbert Held, Comunicaii de date, ed. Teora, 1999
Joe Habracken, FrontPage 2002 pentru nceptori, Bucureti, Teora 2000.
HTML 4.0 Specification, W3C Recomandation, December 18th, http://www.w3c.org/TR/REC-html40,
1997
Oliver D., Teach Yourself HTML 3.2. in 24 Hours, Sarns.net Publishing, http://www.mep.com
Curs, Introducere in Java, http://thor.info.uaic.ro/~acf/java/curs/1/introducere.html
Programare pe platforma Java, http://thor.info.uaic.ro/~acf/java/index.html
Irne Charon, Apprendre Java - Cours et exercices, ditions Herms, parution janvier 2006

Referine n Internet:
http://www.w3schools.com/
http://ciobanu.cich.md/lectii_view.php?id=2 CSS
http://ciobanu.cich.md/lectii_view.php?id=1 HTML
www.compdoc.ru
http://htmlbook.ru
http://html-ro.appspot.com/html401/html401_cuprins.html#minitoc Tutoria HTML
Tema 1:
APARIIA I DEZVOLTAREA REELEI
INTERNET

Istoria apariiei Internetului


Internetul i serviciile de baz n Internet
Browsere Web. Accesul la World Wide Web i
la celelalte servicii Internet
URL, adrese i cataloage
Protocoale TCP/IP. Protocolul HTTP
3 sinonime, asocieri
Internet
Web
Browser
ISTORIA APARIIEI INTERNETULUI
A aprut n anii 60 (1969), secolul trecut la ARPAnet (Advanced Research Projects
Agency Net) n cadrul unei reele format din cteva calculatoare ale unui
departament de cercetare, din cadrul Pentagonului
Obiectivul pentru calculatoarele-client - oricnd transmisia de date ntlnea un
obstacol, sau una dintre adrese era de negsit, se gsea o alt cale ctre adresa
cutat a fost codificat ntr-un protocol care reglementa transmisia de date n
Internet, TCP/IP (Transmission Control Protocol / Internet protocol), care este i
acum la baza Internetului
La nceputul anilor 70 Internetul consta din aprox. 50 calculatoare i au aprut
primele servicii Internet:
FTP - pentru trimiterea i regsirea fiierelor
Telnet pentru accesarea i folosirea bazelor de date, a bibliotecilor i a cataloagelor
E-Mail pentru trimiterea mesajelor personale.

La nceputul anilor 90 Internetul era o lume UNIX, n care toate comunicaiile


existau doar ca text sau numere, i liniile de comand trebuiau memorate i
tiprite
n 1989 CERN (Centrul European pentru Fizica Nucleara) din Geneva a pus bazele
primului prototip al World Wide Web (WWW sau 3W), care avea posibiliti foarte
limitate
INTERNETUL
INTERNET - internetworks (inter-reele)
Internetul
reea de reele de calculatoare
reea compus din reele mai mici sau PC-uri
individuale interconectate, ce acoper tot globul
reea format dintr-un numr mare de servere de
Internet, legate ntre ele, la fiecare server fiind
conectate un numr de staii sau alte reele
CUI APARINE INTERNETUL?
Internetul, ca un tot ntreg, nu este proprietatea
nimnui!!!
Internetul este o colecie de reele autonome, ierarhice,
private sau publice, comerciale, academice, educaionale,
universitare etc., fiecare cu stpnul su i toate
interconectate ntre ele, pentru a oferi o gam larg de
servicii i resurse informaionale, de la informare, articole
de ziar, reviste tiinifice - la baze de date specializate i
biblioteci electronice, afaceri electronice etc.
Internetul o reea global de reele de calculatoare,
interconectate ntre ele, utilizat pentru partajarea
resurselor hardware, software i informaionale
REGISTRE INTERNET
IANA (Internet Assigned Numbers Authority) este organul care are
responsabilitatea atribuirii ariilor de adrese IP. IANA deleag aceast
responsabilitate organismelor care gestioneaz registrele Internet
(IR - Internet Registry). Exist cteva asemenea organisme.
Regional Internet Registry organizaia responsabil de adresri i
marrutizri n Internet. Deasemenea realizeaz analize statistice,
monitorizeaz punctele de trafic Internet etc.
Toate RIR formeaz NRO (Number Resource Organization). Astzi sunt deja 5
RIR:
American Registry for Internet Numbers (ARIN) pentru America de
Nord;
RIPE Network Coordination Centre (RIPE NCC) pentru Europa, Orientul
apropiat, Asia Central;
Asia-Pacific Network Information Centre (APNIC) pentru Asia i
regiunea oceanului Pacific;
Latin American and Caribbean Internet Addresses Registry (LACNIC)
pentru America Latin i regiunea Carib;
African Network Information Centre (AfriNIC) pentru continentul
african.
ARIA RIR
LOCAL INTERNET REGISTRY,
LIR
Registrul Local Internet de obicei este dus de
un prestator de servicii telecom
n RM de aceasta este responsabil Agenia
Naional de Reglementare n Comunicaii
Electronice i Tehnologia Informaiei a Republicii
Moldova http://www.anrceti.md/node/36
LIR are rolul i de a repartiza adrese IP ISP-urilor i
abonailor acestora
ISP (Internet service provider)
MODELUL CLIENT-SERVER
Interaciunea dintre
calculatoarele i programele
care ofer servicii Internet se
bazeaz pe modelul client-
server
Pe PC-ul beneficiarului de
serviciu Internet ruleaz
aplicaia-client (apeleaz la
resursele serverului), iar pe PC-ul Retea de
furnizorului de servicii ruleaz calculatoare

aplicaia-server (partajeaz
resursele cu clienii)
WEB UNUL DINTRE SERVICIILE DE
BAZ N INTERNET
Serviciul WWW (World Wide Web) sau simplu Web partea
multimedia a retelei
se utilizeaz pentru prezentarea i cutarea informaiilor
n Internet
informaiile sunt prezentate utilizatorului prin intermediul
paginilor Web
Web-ul const din milioane de pagini care se pot afia pe
ecranul utilizatorului. Aceste pagini, numite pagini
Web, pot contine texte, imagini grafice, animaii, fiiere
audio i video precum i hyperlink-uri
Responsabil de web este consoriul WWW: https://www.w3.org/
Recomandrile W3C sunt orientate spre standardizarea tehnologiilor web
E-MAIL UN ALT SERVICIU DE BAZ N
INTERNET
Serviciul de pot electronic un serviciu
privat
A fost gndit ca un accesoriu al Internetului,
dar a devenit unul dintre instrumentele de
comunicare indispensabile astzi
A fost organizat dup principiile funcionale ale
potei obinuite, mesajele fiind trimise prin
reea utiliznd serverele de pot
SERVICIILE DE BAZ N INTERNET
FTP
File Transfer Protocol
serviciu pentru transferul fiierelor n Internet
permite unui careva utilizator s copie fiiere de pe
calculatoare, de tip server de obicei, aflate oriunde pe
pmnt
se consider cel mai sigur i cel mai eficient mod de a efectua
transmiteri de fiiere ntre diferii utilizatori din Internet
accesul la serverele FTP poate fi controlat se introduce o
parol de acces - sau necontrolat de pe serverele publice,
care permit accesul liber la fiiere
n ultimul timp au aprut i soluii alternative serviciului FTP
(descrcarea de fiiere de pe site-uri, transmiterea de fiiere
ataate mesajelor e-mail etc.);
SERVICIILE DE BAZ N INTERNET
IRC (Internet Relay Chat)

Conversatii cu suport Internet - comunicare


instantanee ntre mai muli utilizatori, n timp
real, prin intermediul unor schimburi de texte,
introduse interactiv de la tastatur i
receponate de ctre toi participanii la
conversaie
Astzi mai des se utilizeaz: Messenger, Skype, ICQ
BROWSERE WEB
Ofer accesul la WWW i la celelalte servicii Internet,
utiliznd modelul client-server
Permite rsfoirea paginilor web, aflate pe diverse
servere
Utilizatorul folosete un program de tip client, care se
numete program pentru rsfoire sau explorare (n
englez browser), n romn navigator
Browser-ul - o aplicaie software ce permite
utilizatorilor s afieze text, grafic, video, muzic i
alte informaii situate pe o pagin Web, dar i s
comunice cu furnizorul de informaii
Browserele au rolul de a traduce - interpreta din
limbaj HTML ntr-un limbaj cunoscut, permind
vizualizarea informaiilor
ACIUNI POSIBILE N NAVIGATOARE

Navigarea printre paginile web utiliznd adrese


concrete ale paginilor sau link-urile
Schimbarea paginii de start
ntoarcerea la o pagin accesat anterior
Actualizarea paginii curente
Memorarea adreselor de pagini web, n scopul
accesrii rapide a acestora
Tiprirea la imprimant a paginilor web
Cutarea informaiilor
Deschiderea mai multor pagini web simultan
Descrcarea fiierelor din Internet etc., etc.
EXEMPLE
CATALOG/DIRECTOR WEB
un site web cu o list de site-uri clasificate
clasificarea este structurat pe categorii, destinate s acopere
toate sau o parte din interesele vizitatorilor
fiecare categorie conine subcategorii, pentru aspecte mai
detaliate ale unui subiect dat, de hyperlink-uri ctre site-uri,
completate de o descriere
deosebirea dintre serverele-cataloagelor i sistemele de cutare
- n primele cutarea se efectueaz de ctre utilizator dup o
structura a cataloagelor, organizat tematic i ierarhic
sistemul de cutare caut n internet, dar catalogul tie doar
ceea ce a fost n el explicit nscris
cel mai cunoscut catalog este www.yahoo.com, care exista din
1994 i conine cca 1 milion web-site-uri
utilizatorul nu culege adresa resursei el navigheaz pentru a
ajunge la o careva resurs folosind link-uri.
EXEMPLU CATALOG WEB
MOTOARE DE CUTARE PE
INTERNET
Motorul de cutare pe Internet este un instrument de cutare a
informaiilor pe WWW
Informaiile cutate pot fi: pagini web, imagini, alte tipuri de fiiere
Spre deosebire de directoarele web, care sunt administrate de
oameni, motoarele de cutare opereaz automat, avnd la baz
algoritmi de cutare. Uneori cutarea se face mixt: automat i cu
ajutorul omului
Un motor de cutare opereaz respectnd urmtorii pai:
Navigare web
Indexare
Cutare
Suplimentar: Proiectarea, dezvoltarea i ntreinerea siturilor web de Nicolae Sfetcu sau vedei
SEO pentru diferite motoare de cutare
ADRESE URL
n cadrul serviciului WWW resursele reelei Internet se specific,
prin intermediul unor adrese speciale, numite adrese URL
(Uniform Resource Locator)
Fiecare dispozitiv (calculator) primete, n afar de adresa
numeric (o adres unic primit de la furnizorul de Internet,
denumit adres Internet sau adres IP), un nume logic
(hostname)
Sintaxa URL se bazeaz pe identificatorii mainilor (IP i nume
logice), pe localizarea fizic a resurselor (ca de exemplu
drumurile de acces la fiiere) i pe protocoalele Internet
existente
Un URL identific, n mod unic, o resurs de pe Internet, de
exemplu o pagin web, un server, o imagine etc.
URL-ul ajut utilizatorul s localizeze resursa Internet
URL-ul este alctuit din litere, numere i semne de punctuaie
STRUCTURA URL
Structura URL este ierarhic. Exemplu de URL:
Nume_protocol://nume_logic - poate fi urmat, n anumite cazuri,
de nume de fiiere
Protocolul este de obicei http (Hypertext Transfer Protocol)
protocolul de transfer a hipertextelor, dar el poate fi i FTP (File
Transfer Protocol)
http://moodle.usm.md/
Numele logic este constituit conform unei scheme, ca regul, cu 3
nivele ierarhice (de la dreapta la stnga)
Primul nivel suporta initial 7 domenii internaionale (vezi: RFC
920), a cte 3 litere, regrupnd mainile care aparin unor reele
internaionale (.com, .int, .net, .org) sau reelelor care depind de
administraia american (.edu, .gov, .mil)
Astazi sunt 6 nume care nu au limite la inregistrare:
.com, .net, .org, .info, .biz, .name
Lista completa: http://www.iana.org/domains/root/db
STRUCTURA URL. II
Reelele naionale sunt adresate prin domenii codificate cu 2 litere (codul ISO
al rii) - tot de nivel 1
.be Belgia
.ca Canada
.ch Elveia
.fr Frana
.jp Japonia
.md Moldova
.us Statele Unite
n interior, domeniile sunt organizate n subdomenii (nivelul 2) care
corespund unor entiti economice. De exemplu, n domeniul .com se
gsesc numeroase ntreprinderi informatice (Microsoft, Apple, IBM ),
fiecare posednd propriul su subdomeniu (usm.md)
Al treilea nivel l constituie, ca regul, mainile (calculatoare, rutere etc.),
care au toate un nume logic
Pentru a identifica o main prin numele su logic, cele 3 nivele sunt
desprite prin puncte, n ordinea nume.subdomeniu.domeniu ca n ex.
ftp.microsoft.com .
Pentru o clasificare mai fin se pot aduga alte nivele
PROTOCOLUL TCP/IP
Protocolul de reea a fost creat ca o mulime de reguli
i aciuni, ce permit conexiunea i schimbul de date
ntre 2 sau mai multe dispozitive conectate n reea.

Protocoalele TCP/IP (Transmission Control Protocol /


Internet protocol) stau la baza reelei Internet fiind
elaborate odat cu crearea primei reele ARPAnet
TCP/IP face posibil ca modele diferite de
calculatoare, de exemplu IBM-compatibile sau Mac's,
folosind sisteme diferite de operare, cum ar fi UNIX,
Windows, MacOS etc., s se "neleag" unele cu
altele, astfel asigurnd independena platformei
Internet
PROTOCOLUL HTTP
HTTP este un protocol de baz n procesul
transmiterii datelor prin WWW
Se folosete pentru transmiterea
hipertextului, a paginilor web de pe un
calculator pe altul ncepnd cu anul 1990
Detalii vezi n standardul RFC2068
!!!

3 noiuni noi nvate azi


2 ntrebri/neclariti care au
aprut
1 sugestie pentru tema urmtoare
- De citit: http://webblog.bestwebimage.ro/2014/06/ce-inseamna-
front-end-si-ce-inseamna-back-end/