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)
Publicat de: Gina Axenia Tofan
Puncte necesare: 0

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

Alții au mai descărcat și

Arhitectura sistemelor de calcul

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

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

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

Pachete Software

S.C. REDIS S.A. este o societate comerciala ce are ca domeniu de activitate productia si distributia de suplimente alimentare.In prezent...

Programare orientată pe obiect C++

1. INTRODUCERE ÎN C++ Exista limbaje concepute strict pe baza conceptelor programării orientate pe obiecte (POO), de exemplu Simula sau Smalltalk....

Inginerie Software

Fazele dezvoltării unui produs software 1 Ce este ingineria programării? 2. Fazele ingineriei programării 2.1. Faza de analiză 2.2. Faza de...

Limbaje de Asamblare

Introducere. Necesitatea programării în limbaje de asamblare Modalităţile de programare s-au schimbat imens de la inventarea calculatorului, în...

Rețele de Calculatoare

O reţea de calculatoare (computer network) este un ansamblu de calculatoare interconectate prin intermediul unui mediu de comunicaţie (cablu...

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?