COMUNICARE ÎN MEDII ELECTRONICE – Mihaela Brut

HOME | PROFILE | COURSES | BOOKMARKS | CONTACT | FCS

DESIGN WEB

Foile de stiluri CSS
Exerciţii CSS
Elemente de Web design
Constructori de brand

Foile de stiluri CSS

• Situl CSS Zen Garden vă ofera o demonstratie a facilitatilor oferite de CSS: acelasi fisier HTML are asociat un fisier CSS implicit , insa si multe alte fisiere CSS care ii modifica designul:

  • Under the Sea! – Under the Sea! CSS
  • Make them Proud – Make them Proud CSS
  • Orchid Beauty – Orchid Beauty CSS
  • Etc. – a se vedea adresa URL a fisierelor CSS.

• CSS Edge

• Quirksmode.org

• W3C Learning CSS Resources

• Styleshout Resources

Exercitii CSS

• Tutorial pentru proiectarea sablonului spatial al unei pagini Web

• Exemplu de afisare pop-up a unei imagini – si fisierul CSS corespunzator. Asociati imagini de tip pop-up galeriei foto din cadrul sablonului Keep it Simple.

• Extrageti codul sursa al galeriei foto din cadrul sitului CSS Play si apoi includeti galeria in partea centrala a sitului oferit de sablonul Refresh la care ati lucrat in laboratorul anterior. Inlocuiti fisierul CSS cu cel oferit de sablonul Tech Junkie.

• In timp ce va dezvoltati situl Web, utilizati facilitatile oferite de Firefox prin intermediul Web Developer Add on si Firebug. De asemenea, utilizati aceste instrumente pentru inspectarea paginilor Web de interes pentru voi.

Elemente de Web Design

• Web Design from Stratch/

• Styleagala

• Design Interact: Site of the Week

• A List Apart

• Martijn van Welie’s Design Patterns

• Web Patterns

• Yahoo! Design Patterns

• http://www.webstyleguide.com/ vă oferă un ghid proiectare Web.

• http://www.websitetips.com/ vă pune la dispoziţie diverse tutoriale, articole, sfaturi care vă ajută să îmbunătăţiţi prezenţa pe Web a siturilor voastre.

• http://www.wpdfd.com/ – The Web Design Directory

• http://www.entheosweb.com/website_design – Web Design Tutorials

• http://www.firstwebsitedesign.com/ – The Beginner's Guide to Web Design

• Discutaţi principiile de proiectare aplicate de siturile http://www.ibm.com/, http://www.adobe.com/ şi http://www.apple.com/.

• Un exemplu de sit unde sunt discutate mai multe situri Web proiectate prost este http://www.webpagesthatsuck.com/.

Constructori de brand

• Grapefruit: http://www.grapefruit.ro/

• Landor: http://www.landor.com/

• Green Pixel: http://www.greenpixel.ro/

• Bradient: http://www.brandient.com/ro/

• Wolff Olins: http://www.wolff-olins.com/

• Art Lebedev Studio: http://www.artlebedev.com/

• InterBrand: http://www.interbrand.com/

• Meta Design: http://www.metadesign.de/

• Lippincott Mercer: http://www.lippincottmercer.com/

• Pentagram: http://www.pentagram.com/

• MIT tangible Media Group: http://tangible.media.mit.edu/

• Carre Noir: http://www.carrenoir.com/

• Identity Works: http://www.identityworks.com/

• Logo Lounge: http://www.logolounge.com/

• Igor International: http://www.igorinternational.com/

• Jack Yan & Associates: http://www.jyanet.com/

• Enterprise IG: http://www.enterpriseig.com/

• Future Brand: http://www.futurebrand.com/futurebrand.html

• Karakter: http://www.karakter.co.uk/

• Gabi Toth: http://www.toth.ro/