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

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...

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...

Comerț 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...

Arhitectura sistemelor de calcul

Arhitectura sistemelor de calcul Denumirea informatica de arhitectura se refera la structura si componentele fizice ale unui sistem de calcul....

Aplicație web HTML, PHP și Mysql

Abstract Acest proiect isi propune să prezinte modul în care se poate realiza o aplicatie web functionala de tip FILMOTECA ONLINE . O filmoteca...

CarsOnline - proiectarea aplicațiilor web

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

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...

Baze de date - anunțul clientului

Tema proiectului: Crearea unei baze de date în care clienţii pot introduce anunţuri sau să răspundă la anunţurile introduse de alţi clienţi...

Te-ar putea interesa și

Proiectarea Locației Web pentru Romsticom SRL

INTRODUCERE Informaţia a devenit o resursă importanta în dezvoltarea societăţilor moderne evoluate în plan politic, economic, social şi spiritual....

Elaborarea Locației Web pentru SRL Neotec

INTRODUCERE Informaţia a devenit o resursă importantă în dezvoltarea societăţilor moderne evoluate în plan politic, economic, social şi spiritual....

Publicitatea tradiționala versus publicitatea on-line

Argument Lucrarea de faţă se doreşte a fi o incursiune în lumea complexă şi diversă a fenomenului publicităţii aşa cum îl cunoaştem azi, o...

Agenția de publicitate prestator de servicii promoționale

1.Comunicaţia promoţională Intervenţia întreprinderii în domeniul comercial, constă în sporirea şi diversificarea produselor, bunurilor materiale...

Comerțul tradițional versus comerțul electronic

Introducere Comerţul este un reprezentant în serviciul utilizatorilor şi al producătorilor, cuprinzând o parte importantă a fluxului monetar din...

Organizarea Informațiilor pe Web

Capitolul 1. Introducere 1.1 Istoric World Wide Web Web (World Wide Web sau, pe scurt, WWW) reprezintă un sistem de distribuţie locală sau...

Analiza Comparativă a Site-urilor de Comerț Electronic

INTRODUCERE Trăim într-o eră în care oamenii sunt pe zi ce trece mai ocupaţi şi nu au timpul necesar pentru a-şi satisface dorinţele într-un mod...

Microsoft Office

INTRODUCERE INFORMATII DESPRE MICROSOFT OFFICE Microsoft Office 2000 este un pachet de programe dedicat tuturor utilizatorilor ce au nevoie de...

Ai nevoie de altceva?