Designul - categorii de baza - scurt istoric

Designul este un proces care poate lua multe forme, depinzand de obiectul proiectat si de individul sau indivizii participanti.

In contextul artelor aplicate, ingineriei, arhitecturii si alte astfel de eforturi creative.Designul este procesul originarii si dezvoltarii unui plan pentru un obiect estetic si functional, care de obicei necesita cercetare, gandire si modelare considerabila, ajustari iterative si re-design.Este folosit de obicei pentru atat planul final al actiunii (un desen, model sau alte descrieri), cat si ca rezultatul urmarii acelui plan al actiunii (al obiectului produs).In filozofie, substantivul abstract design se refera la scop/finalitate sau teologie. Designul este astfel contrastat cu neputinta, hazard sau lipsa de complexitate

Categorii de baza

• Imagine - idee sau conceptie ideala
• Functie - slujba trebuie facuta, avand si rol de a insemna, semna sau desemna
• Morfologie - constituarea, structura in concordanta cu functionalitatea

Web design

Prin web design se intelege in general realizarea de site-uri web, de la momentul conceperii structurii si interfetei grafice si pana la finalizarea programarii si introducerea propriu-zisa a datelor - imagini, text, fisiere si alte elemente - care alcatuiesc continutul site-ului.

Scurt istoric

Primul webdesigner a fost chiar inventatorul www-ului, Tim Berners Lee, care a publicat primul site din istorie in anul 1991. La inceput site-urile nu erau nici pe departe atat de complexe si incarcate grafic cum sunt in prezent, limbajul utilizat - HTML - fiind nu prea puternic si permitand numai o serie limitata de formatari, precum si inserarea de link-uri, pentru a putea 'lega' paginile intre ele, webdesignul fiind, de fapt, mai mult 'programare' web.In prezent preocuparea pentru aspectul grafic al site-urilor, devenite puternice instrumente publicitare si comerciale, justifica in intregime denumirea de 'webdesign', iar tehnologiile utilizate s-au diversificat si au devenit din ce in ce mai complexe. Firmele care produc site-uri lucreaza cu angajati specializati pentru fiecare etapa a dezvoltarii unui site, de la stadiul de conceptie grafica la programare si editare de continut pentru SEO (optimizarea siturilor pentru motoarele de cautare). Site-urile actuale sunt din ce in ce mai mult axate pe animatie interactiva si dinamism, aceste deziderate fiind indeplinite de exemplu de cunoscutul program Adobe Flash, precum si de alte programe aparute dupa acesta, care pot genera automat fisiere animate cu extensia .swf.

Introducere

Site-urile, in forma in care ele se afiseaza in browsere, sunt de fapt interpretari vizuale, menite sa fie intelese de orice persoana, fara sa fie necesare cunostinte in domeniul informaticii sau al secventelor de cod redactate de programatori. Acestia lucreaza ori in diverse limbaje din care apoi se genereaza limbajul specific de script al internetului HTML (HyperText Markup Language), ori direct in HTML. Daca nu ar exista browserele care stiu sa interpreteze limbajul de script si sa afiseze rezultatul pe ecran, site-urile ar fi doar insiruiri de texte neformatate si, cel mai probabil, fara imagini. In principiu, limbajul HTML indica locul in care sa se afiseze diversele elemente vizibile, dimensiunea, culoarea, precum si alti parametri care confera unei pagini web atat aspectul dorit cat si functionalitate optima.

Referat: Modelul OSI - nivelul fizic, legatura de date, retea, transport Referat: Alocarea memoriei - alocarea de memorie in limbaje de programare

Ce este necesar pentru realizarea unui site

Orice site web trece in mod necesar prin mai multe etape:

1. Concretizarea ideilor
2. Schitarea elementelor vizuale si compunerea structurii sitului
3. Programarea paginilor web in (HTML, CSS, Javascript etc.)
4. Testarea site-ului
5. Schimbarea partilor care nu corespund tintei
6. Publicarea site-ului pe Internet sau intranet
7. Modificarea ulterioara si relansarea pe Internet, dupa nevoile clientilor sau ale timpului

Dupa stabilirea structurii site-ului se intra in etapa conceperii unei interfete grafice care, pe langa scopul pur estetic, trebuie sa faciliteze accesul vizitatorilor la toate sectiunile publice ale site-ului, sa fie comprehensiva si, nu in ultimul rand, sa asigure si incarcarea rapida a paginilor, prin modul in care vor fi realizate diversele elemente grafice.Din punctul de vedere al designului, site-urile sunt in mare parte alcatuite din tabele cu linii invizibile in care se insereaza imagini (sigla, imagini-simbol, butoane etc.) si texte, in asa fel incat aspectul sa fie unitar si sa nu se sesizeze vizual organizarea tabelara. Celulele tabelelor pot avea fundaluri colorate,

• pot fi alcatuite din imagini si desene care se repeta pe orizontala sau pe verticala,
• pot fi umplute cu texturi mai mult sau mai putin neregulate (ca pietrisul, frunzisul etc.)
• sau pot ramane si albe.

Este de notat ca actualmente locul tabelelor a fost luat de popularul mod de formatare CSS, care reprezinta o solutie mai 'curata' din punctul de vedere al programarii decat utilizarea tabelelor.

Astfel, graficianul utilizeaza initial un program de grafica (de exemplu, Adobe Photoshop sau Corel PhotoPaint) pentru a concepe un 'instantaneu' al site-ului respectiv. El creeaza forma butoanelor, dimensioneaza si pozitioneaza sigla site-ului, stabileste locatia meniurilor, dimensiunea si aspectul textului, schema de culori a    site-ului, precum si alte aspecte specifice.

Datorita faptului ca aceasta imagine primara este apoi 'taiata' in imagini mai mici, care urmeaza sa fie inserate in tabele sau definite in CSS, din punct de vedere grafic, site-urile se supun acelorasi reguli de compozitie ca si lucrarile grafice tiparite, imbinate insa cu o serie de parametri tehnici care permit implementarea ulterioara a elementelor de programare. Astfel, un 'grafician de web' va lucra altfel decat un 'grafician de print', incercand sa anticipeze locurile unde pot aparea probleme potentiale si sa gaseasca solutii pentru a evita orice deformare a site-ului, indiferent daca urmeaza sa fie utilizate dimensiuni relative sau absolute.

Dupa ce imaginea initiala a fost impartita in mai multe imagini mici, acestea se introduc in tabele sau se pozitioneaza cu ajutorul CSS, fie prin scrierea directa a codului HTML intr-un program simplu de editare text, cum ar fi Notepad, fie prin utilizarea unui editor HTML, in general de tip WYSIWYG, cum ar fi Dreamweaver.        Astfel se genereaza un prim 'schelet' al site-ului, denumit 'mock-up', care simuleaza site-ul si toate functiile lui, fara a avea insa continutul real, ci numai texte de tip lipsum si imagini provizorii. In cazul in care este vorba de un site simplu, cu putine pagini, tot ce mai ramane de facut este introducerea continutului final. In cazul in care este vorba de un site complex, de exemplu un catalog sau un magazin virtual, mock-up-ul intra in etapa de programare complexa, care poate utiliza limbaje mai complicate (de tip server-side ca de exemplu PHP, ASP, sau si de tip client-side) precum si baze de date.