Syllabus of Unit Course BA Course
Arts and Media
934728 . WEB DESIGN
3rd Year
1st Semester
CNAEF Area Code: 213
ECTS: 5
STUDENT WORKLOAD IN HOURS
Contacto
TOTAL
Theoretical
Lectures
125
Theoretical
–practical
Lectures
Laboratory
classes
Supervised
Field Work
Seminars
Placements
60
Tutorials
Autonomous
65
SUMMARY
In this course unit is intended that the student grasps the concepts of evolution of the Internet and the online domain, including
the activism of Net Art in the 90s and the Social Web today's. The purpose is also that the student uses the Internet as a virtual
and public space for presentation of his artwork; a public space outside the gallery-museum complex, thereby allowing artists
access to a vast and undefined audience. The Internet as a tool to explore the construction and perception of identity, exploring
free platforms such as blog or social networks to disseminate a profile and a portfolio. It is finally intended to prepare the student
for the execution of a project site in a real context, passing through all the steps necessary for its conception, from planning to
implementation, as well as fostering contact with the customer, so that the project meets the objectives and strategies set out
initially. The objectives of the course unit also pass through the aggregation of the concepts of usability and accessibility in
planning interfaces for web pages, ensuring that the end user accesses to information and interface by a intuitive way. The aim is
to point out the importance of design in the planning of a site, reinforcing the importance of image and identity in its conception,
so that the Internet is stated as a powerful marketing tool in business.
COURSE CONTENTS
Net Art;
Exploration of different multimedia tools;
The Blog;
Objectives, contents and functionalities of the site;
Information structure and navigation;
Design, graphic composition and layout;
The importance of e-mail to dissemination / promotion of information (e-commerce);
Animation for the web;
Production;
Usability and accessibility;
Online implementation.
RECOMMENDED OR REQUIRED READING
Required
COELHO, P. (2007). Como criar Páginas Web. Lisboa: FCA.
CYBIS, W.; BETIOL, A. e FAUST, R. (2007). Ergonomia e Usabilidade – Conhecimentos, Métodos e Aplicações. São Paulo:
Página 1 de 4 | Actualização: 11/12/2014 | 934728DEN.docx
Novatec.
FERREIRA, P.C. (2008). Flash CS3 - Curso Completo. Lisboa: FCA.
FIGUEIREDO, B. (2004). Web Design – Estrutura, concepção e produção de sites Web. (2ª ed.) Lisboa: FCA.
GARRETT, J. J. (2003). The Elements of User Experience. New York: AIGA- American Institute of Graphic Arts.
GEORGENES, C. (2007). How to cheat in Flash CS3- the art of design and animation. Oxford: Focal Press.
GREENE, R. (2004). Internet Art (World of Art). London: Thames and Hudson.
JACKSON, C. (2008). Flash + After Effects. Oxford: Focal Press.
LYNCH, J. P. e HORTON, S. (2001). Guia de estilo da web – Princípios básicos de design para a criação de websites.
Barcelona: Editorial Gustavo Gili.
NIELSON, J. (2000). Designing Web usability. Indianapolis: New Riders Publishing.
OLIVEIRA, H. (2008). Dreamweaver CS3 – Depressa e bem. Lisboa: FCA.
TRIBE, M. e REESE, J. (2006). New Media Art. Köln: Taschen.
WIEDEMANN, J. (ed.). Web Design Studios 2. Köln: Taschen.
Recommended
ALVES, W. P. (2007). Crie, Anime e Publique seu site utilizando Fireworks CS3, Flash CS3, Dreamweaver CS3. São Paulo:
Editora Érica.
BEER, G. (2007). Web design index 7. Amesterdão: The Pepin Press e Agile Rabbit Editions.
BRUSINSAMA, M. (2003). Deep Sites: Intelligent Innovation in Contemporary Web Design. London: Thames & Hudson, pp.166183.
NIEDERST, J. (2002). Aprenda Web Design. Rio de Janeiro: Ciência Moderna.
PAUL, C. (2008). Digital Art (World of Art). London: Thames and Hudson.
ROSENFELD, L. e MORVILLE, P. (2002). Information Architecture for the World Wide Web. (2ª ed.). USA: O'Reilly.
WILSON, S. (2002). Information Arts: Intersections of Art, Science and Technology. Cambridge: The MIT Press, pp. 558-601.
WOOLMAN, M. (2002). Digital Information Graphics. London: Thames and Hudson, pp. 144-159.
ZIELINSKY (1997). Inter@ctividades. Lisboa: Centro de Estudos de Comunicação e Linguagens, pp.92-95.
Online references:
Life sharing- http://www.0100101110101101.org/home/life_sharing/
Rhizome- http://www.rhizome.org/
Media Art Net- http://www.medienkunstnetz.de/mediaartnet/
Camille Utterback- interactive Video Art- http://www.camilleutterback.com/
aLife- http://www.numeral.com/panels/alife.html
patatoland- http://www.potatoland.org/
IBM (2001). Cost Justifying Ease of Use. Disponível em: http://www-3.ibm.com/ibm/easy/eou_ext.nsf/Publish/23
NIELSEN, J. (1996). Top Ten Mistakes in Web Design. Disponível em: www.useit.com/alertbox/9605.html
NIELSEN, J. (1999). ‘Top Ten Mistakes’ revisited three years later. Disponível em: www.useit.com/alertbox/990502.html
W3C (2009). Disponível em: www.w3.org
http://www.thewebflight.com/ http://ml.hoogerbrugge.com/ http://www.nostyle.fr/category/sur-­‐papier/inclassable/ http://www.torolab.co.nr/ http://mariobismarck.com/ http://www.emilianorodriguez.com.ar/ http://www.problemplayground.com/ http://www.pepsiraw.co.uk/ http://www.hungrysuitcase.com/ http://www.faithless.coca-­‐cola.com/html/start.html#/bottle/ Página 2 de 4 | Actualização: 11/12/2014 | 934728DEN.docx
www.elan-­‐yachts.com www.motorola.com/razr2 http://www.papercritters.com http://www.mocoro.com/ http://www.heroexports.com/ http://www.escs.ipl.pt/ http://www.analogue.ca/ http://www.lipton.com/ http://www.webdesignpractices.com/ http://webstyleguide.com/process/index.html LEARNING OUTCOMES
- To approach the Internet as a mean or as a virtual space for artists to artistically intervene and to provide their portfolio;
- To design and produce web pages that make use of emerging technologies and are primarily concerned with the aesthetic,
cultural or sensory potential;
- To try and combine skills acquired in other courses units within the multimedia (sound, video, photography, 2D or 3D animation,
web programming);
- To plan interactivity addressed to the user;
- To establish compromises between aesthetic, functional, technical and communicative values;
- To know rules of usability, accessibility and structuring's content;
PLANNED LEARNING ACTIVITIES AND TEACHING METHODS
Use of lecture, demonstration and questioning methods;
Short exercises complementary to the main evaluation project;
Development and implementation of a project for a site.
CONTRIBUTION TO SPECIFIC SKILLS DEVELOPMENT
Fundamental
Training on methodologies of artistic project.
Capabilities in the field of production of images and creative objects under the photographic, audiovisual,
or virtual spaces, either the level of representation as of the artistic project.
Fundamental notions of production and multimedia conception.
Knowledge and general domain of the major tools and operating procedures of the audiovisual area.
Dominion of use of digital technologies essential to the multimedia creation including installation, sound
quality and post-production.
Operating domain, including theoretical, of some of the technological subspecialties in the multimedia
field such as web design, camera and lighting, sound design, etc.
Knowledge and skills of analysis, synthesis and speculation concerning transversally of artistic and
cultural phenomena.
Complementary
Training at the level of general theory of image and of common issues in differentiating the various fields
of Visual Culture.
Training and developing of skills on graphical representation;
Knowledge and general domain of the main tools and operating and laboratory procedures of
photography.
Competency at the level of image theory and media, of composition and vocabularies.
Basic knowledge of the main tools in the techniques of writing and digital design.
Knowledge in the relationship between perceptual capacities and visual form.
Partial
Not applicable.
Página 3 de 4 | Actualização: 11/12/2014 | 934728DEN.docx
ASSESSMENT METHODS AND CRITERIA
The elements of assessment consist of three practical exercises (two individual and one of group) and a project group practice
(divided into two phases and a Descriptive Memory).
Página 4 de 4 | Actualização: 11/12/2014 | 934728DEN.docx