Ziua 1

1.Introducere.

Hipertext = metoda de scriere(formatare) ex document word deschis in notpad. HTML = hipertext markup language

HTTP = hypertext transfer protocolURL = uniform resurce locator(adresa unica a unei pagini web-nu a uniui site)-(intrebare de examen)TCP/IP = IP(internet protocol);TCP(transfer control protocol)httpd = hypertext transfer protocol demon(administreaza site-ul)Limbajul html se compune din etichiete.Sunt dde 2 tipuri de deschidere() de inchidere ()Blcul head-antetul paginii

Blocul body corpul paginii

Tot ce se vede pe site tr construit in body,blocul head contine informatii suplimentrare despre pagina.Ce este in head nu se vede in pagina.In head se introduce informatii despre pagina(autorul,cuvintecheie,valabilitatea paginii).

Etichete:

= titlul pagini (important pt motoarele de cautare)

= intrerupe linia = pastreaza textul asa cum a fost scris in timpul editarii. = obliga textul sa stea pe un singur rand

= specifica browserului in ce versiune de limbaj html ai scris pagina.

Formatarea fizica a textului.

=scriere cu fonturi monospatiate

= italic = bold = tot bold = micsoreaza textul= taile textul cu o linie = la fel = exponent = Formatarea logica a textului: Atributele etichetelor html= titlu de text sau antet de text de dimensiunea cea mai marepana la care este cea mai micaAtributubl este de forma (align=centrer)Valoare attribute 4 1.left(prestabilt) 2.right 3.center 4.justify(la ambele capete)Eticheta Attribute pt =color =face-tipul de litera Size=4unde 3 este marimea standard.=linie orizontala(nu are inchidere) Attribute pt liniesize=5=grosimeclolor=bluewidth=75& sau 400dimensiune (in procent sau in px) = paragraphValoare attribute 4 1.left(prestabilt) 2.right 3.center 4.justify(la ambele capete)=este acelasi lucru cu paragraful dar nu are spatiu intre ele. Este un bloc container care este foarte folosibil in .cssAlte etichete = ghilimele=nu face nimic vizual simpla in .html dar ajuta in css. Dar daca foosim attribute sa poate vizualiza si in .html Title=si scrii ceva sic and duci mouseul peste acel lucru se va arata in josul paginii descrierea.=vezi logic.html< >Configurarea fonturilor. Color Face tip litera SizeElementul Bgcolor=culoarea Text=specifica culoarea implicita a textului pt intreaga pagina Leftmargin=stabileste marginea Rightmargin Topmargin Bottommargin Formatarea listelor.-listele dezordonate sau neordonate-ordonate-de definitiiListele neordonate:-unorder list Type(atribut)=square(devine punctu patrat),circle(devine punctual gol in mij)-list itemListe ordonate=order list Type=1(se numeroteaza 1234),i(romane mici).I(romane mari),a(bncd mici),A(ABCD mare) Start=8 incepte sa numeroteze de la nr,litera 8 in colo.Liste de definitii.-definition list definition turn -definition descriptionComentarii pentru progamator--> tot ceea ce voi scrie intre semen este comentariu de progamator.vezi liste neordonateFormatarea tabelelor Border-(face linile)poti da valoare10 -randuri -celule de tableamaya=aplicatie gen cofecupEtichete si atribute in loc de pentru a aranja in pagBordercolor=culareaFrame=void(anuleaza frameul exterior) = box(este la fel ca la inceput ca si cum nu as fi specificat atributul frame) =border(la fel ca 2) =above(doar bordure de asupra) =below(doar bord de jos) =lhs(doar bord st) =rhs(doar bord dr) =vsides(doar cele verticale) =hsides(doar cele orizontale)Rules=specifica modul de viualizare =cols(doar coloanele) =rpws(doar randuri) =groups(dispar toate) =none(dispar toate) =all(viz implicita ca si cum nu as avea atribut rules)(coloane)Valign=aliniere verticala =middle si center valoare implicita nu face nimicBgcolor=(intreg table) Nowrap=oblige textu sa stea pe un sing rand(atribut)Ca san u lasi celula goala.&nbsp=codul pt caracterul blankSau un fisier.gif transparent.de dimensiunea de care am nevoie.Cellspacing=distanta dintre celluleCellpadding=distanta dintre continutul celulelei si marginea ei.=ca un titlu de tableCollspan=uneste celulele de pe un rand dar apartinainad aceluiasi randRowspan=uneste randuri dp o coloana(si valoarea este nr de randuriLucru cu imaginile.Doar .gif.jpg.png si bmp(doar in internet ex)-nu se inchide eticheta Src Alt=descrierea pozei Border=face ramaMeta datele:Tipul de continut =>text/htmlcharset=iso-8859-1 =tipul de caractereCa san u faca fisiere de internet temporare. -lungimea sa fie de maxim 60 -70 de caractere. -lungimea la fel 60-70 si cele mai importante sa fie primele-dupa cat timp sa treaca motorul de cautare sa indexeze.poti pune si in ore(google nu tine cont)-fiecare meta este specifica fiecarei pagini si trebuiesc optimizate pt fiecare pagina sit r trecut valoare corecta.(sa ma uit pe site de modulul optimizare web) si content e valoarea.(refresh la pagina.Legaturile:-eticheta pt linktarget="_blank"=deschide pagina intr-o fereastra noualink=""(culoare pt link nevizvlink=""(viz)alink=""(active) se adauga dupa bodylegaturi tip ancora.Hartile de imagine.Formulare. Action=reprezinta actiunea pe care o face cand se apasa butonul de trimitere. Method(valoare post sau get)=metoda de transmitere a datelor. Metoda get transmite maxim 4k fiind nesecurizata. Metoda post poate transmite date nelimitatea,securizata plecand in format criptat. Name=(nume formular)si poate fii dublat cu id=(alt nume)PAGE 6