Extras din curs
Trei reguli faţă de un sit
1. Respectarea strictă a standardelor internet.
2. Alegerea riguroasă a conţinutului paginilor web.
3. Asigurarea accesibilităţii paginilor web.
Conţinut deplin şi simplu
Structura paginilor web trebuie bine chibzuită, pentru ca utilizatorul repede să găsească informaţia necesară.
Informaţia din pagina web trebuie să fie lizibilă.
Informaţia importantă trebuie să atragă atenţia, iar mai puţin importantă să fie atenuată.
Dacă se conţine material video sau audio, acestea trebuie să ruleze chiar pe pagină, fără descărcare.
Pe scurt – totul pentru utilizator
Asigurarea accesibilităţii
Paginile web trebuie să fie cît mai compacte. Cu cît fişierele sunt mai compacte cu atît mai repede el se încarcă – este o axiomă.
Paginile web trebuie să aibă o structură simplă (pe cît de posibil). Cu cît sunt mai complicate paginile web cu atît mai multe resurse şi timp sunt necesare pentru prelucrarea şi afişarea lor.
Paginile web nu trebuie să solicite aplicaţii suplimentare pentru afişare. Ideal, să fie necesar doar browserul.
Principii Web 2.0
I principiu – divizarea conţinutului, prezentării şi acţiunii (comportamentului) paginii web.
Conţinutul – informaţia din pagina web
Prezentare – descrie modul de afişare a paginii web
Acţiunea – modul în care reacţionează pagina web la acţiunile utilizatorului
Principii Web 2.0
II principiu - Conţinut loadable – nu se încarcă toată pagina, da doar o parte a ei, care conţine informaţia solicitată. Acest principiu permite de a micşora traficul de reţea şi de a prelucra datele descărcate.
Principii Web 2.0
III principiu — conţinut generat – o careva parte a paginii web poate fi generată chiar în browser.
IV principiu — marcarea semantică a datelor – permite de a “lega” datele din pagină după anumite reguli.
Promisiunea HTML 5 şi CSS 3
Simplificarea inserării materialelor video şi audio pe paginile web
Posibilitatea desenării pe paginile web
Machetarea multicoloană a textului
Lucrul în regim offline
Rularea pe mai multe dispozitive mobile
Posibilitatea vizualizării în browsere pentru persoane cu dizabilităţi
Şi multe, multe altele
2012
HTML 5
Software
Redactor textual:
Notepad++ sau
Notepad simplu
Browsere:
Internet Explorer
Mozila Firefox (3.5) sau Google Chrome (2.0.158) sau Opera (9.5) sau
Declararea tipului documentului
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 5
<!DOCTYPE html >
Tag-uri noi
Tag-uri învechite
<applet> — este înlocuit cu <embed> sau <object>.
<acronym> — a rămas doar <abbr>.
<bgsound> — este înlocuit cu <audio>.
<dir> — este înlocuit cu <ul>.
<frame>, <frameset>, <noframe> — sunt excluse. Poate fi utilizat <iframe> cu stiluri.
<isindex> — înlocuit cu <form> şi <input>.
<listing>, <xmp> — înlocuit cu <pre> şi <code>.
<nextid> — exclus.
<noembed> — alternativa ar fi <object>.
<rb> — exclus.
<strike> — se utilizează sau <s>, sau <del>.<basefont>, <big>, <blink>, <center>, <font>, <marquee>, <multicol>, <nobr>, <spacer>, <tt>, <u> — se utilizează stilurile.
Conținut arhivă zip
- Design-ul si Machetarea Paginilor Web
- 1. Design-ul si machetarea paginilor Web1.pptx
- 3. PW3 codecuri.pptx
- 4. PW3 forme.ppt
- 5. PW4 canvas.ppt
- 6. PW Introducere in CSS.pptx
- 7. Tranzitie si animatie.pptx
- HTML Geolocalizare.pptx