Design-ul și Machetarea Paginilor Web

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.

Download gratuit

Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.

Structură de fișiere:
  • 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
Alte informații:
Tipuri fișiere:
ppt, pptx
Nota:
8/10 (1 voturi)
Nr fișiere:
7 fisiere
Pagini (total):
154 pagini
Marime:
8.51MB (arhivat)
Publicat de:
NNT 1 P.
Nivel studiu:
Facultate
Tip document:
Curs
Domeniu:
Calculatoare
Predat:
la facultate
Materie:
Calculatoare
Sus!