Design-ul și Machetarea Paginilor Web

Curs
8/10 (2 voturi)
Domeniu: Calculatoare
Conține 7 fișiere: ppt, pptx
Pagini : 154 în total
Mărime: 8.51MB (arhivat)
Cost: Gratis

Extras din document

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

Alții au mai descărcat și

Crearea unui Site Web

1. INTRODUCERE 1.1. Contextul Într-o eră în care informaţia devine din ce în ce mai abundentă şi din ce în ce mai necesară apare nevoia ca...

Realizarea unui Site Web Folosind Limbajul HTML

Motivaţia alegerii temei Experienţa didactică arată că elevii sunt mai puţin atraşi de probleme, abandonează repede când întâmpină greutăţi şi au...

Comert Electronic - Magazinul Virtual

Introducere Prin accesibilitatea reţelei web de către toată lumea a devenit posibil şi una din cele mai reuşite metode de bussiness din lume, care...

CarsOnline - Proiectarea Aplicatiilor Web

Introducere; tema proiectului;descriere Titlu: CarsOnline Tema proiectului: Aplicatie web pentru evidenta unui parc auto Descriere: CarsOnline...

Baze de Date Micorsoft Access

I .Introducere. Prezentarea bazei de date O bază de date, reprezintă o modalitate de stocare a unor informaţii şi date pe un suport extern (un...

Tehnologii Web - Cascading Style Sheets

Capitolul 1. Introducere in CSS CSS este un acronim provenind din Cascading Style Sheets, care înseamnã "foi de stil în cascadã". In documentele...

Analist Programator - Walking through Moldavia

CAPITOLUL .I. : Istoric al Limbajului HTML 1.1 Istoric al Limbajului HTML Unul din primele elemente fundamentale ale WWW ( World Wide Web) este...

Ai nevoie de altceva?