Guía Docente 2023-24 DISEÑO WEB |
BASIC DETAILS:
Subject: | DISEÑO WEB | ||
Id.: | 31951 | ||
Programme: | GRADUADO EN PERIODISMO. PLAN 2014 (BOE 15/10/2014) | ||
Module: | PERIODISMO MULTIMEDIA | ||
Subject type: | OPTATIVA | ||
Year: | 4 | Teaching period: | Primer Cuatrimestre |
Credits: | 6 | Total hours: | 150 |
Classroom activities: | 60 | Individual study: | 90 |
Main teaching language: | Inglés | Secondary teaching language: | Castellano |
Lecturer: | Email: |
PRESENTATION:
PROFESSIONAL COMPETENCES ACQUIRED IN THE SUBJECT:
General programme competences | G01 | Ability to analyse and synthesise. |
G02 | Problem solving. | |
G03 | Ability to organise and plan. | |
G05 | Use of Information Technologies. | |
G07 | Teamwork. | |
G09 | Ethical commitment. | |
G12 | Ability to generate new ideas (creativity). | |
Specific programme competences | E06 | Capacity and ability to communicate using the lexicon of each of the traditional communications media (press, photography, radio, television) in their modern combined format (multimedia) or the new digital media (internet), through hypertextuality. |
E08 | Capacity and ability to use the information and communications technologies and techniques in the various media or combined or interactive media systems (multimedia). | |
E09 | Capacity and ability to use the information systems and resources and their interactive applications. | |
E12 | Ability to conceptualise, plan and execute information or communications projects, undertaken according to topic areas - applying journalistic styles and procedures. | |
E26 | Ability to pursue the various journalistic tasks in an atmosphere of media convergence, through format integration and the incorporated production of communications content in a digital environment. | |
E27 | Awareness and application of audiovisual editing techniques, web design and digital platforms as applied to any type of journalistic copy through any communications medium. | |
Learning outcomes | R01 | Analyse and plan the creation of a web site. |
R02 | Design and publish content on the Internet, in accordance with professional web standards. | |
R03 | Assess the needs of a web site and choose the right work tools. | |
R04 | Change, update and maintain the design and contents of pre-existing web sites. | |
R05 | Find resources to maintain constant training as a Web Design professional. |
PRE-REQUISITES:
It is recommended to have some knowledge of Photoshop or any image editing program.
SUBJECT PROGRAMME:
Observations:
Subject contents:
1 - Introduction to web design |
1.1 - World Wide Web |
1.2 - Internet services |
1.3 - Languages and formats |
1.4 - Project resources |
1.5 - Beyond web design |
1.6 - Job market |
2 - HTML |
2.1 - Introduction to HTML language |
2.2 - Document structure |
2.3 - Text format |
2.4 - Lists |
2.5 - Links |
2.6 - Tables |
2.7 - Site structure |
3 - Multimedia resources |
3.1 - Images |
3.2 - Video |
3.3 - Audio |
3.4 - Other contents |
4 - CSS basic |
4.1 - Introduction to CSS |
4.2 - Applications and practical use |
4.3 - DIV and SPAN tags |
4.4 - Selector, attribute and value |
4.5 - Measurement units and values |
4.6 - Design with CSS |
5 - CSS advanced |
5.1 - CSS fonts |
5.2 - CSS borders |
5.3 - CSS margins and paddings |
5.4 - CSS display |
5.5 - CSS opacity |
5.6 - CSS float |
5.7 - CSS backgrounds |
5.8 - CSS position |
5.9 - CSS transitions and animations |
6 - Responsive design |
6.1 - What is responsive design? |
6.2 - Flex and Grid |
6.3 - Media queries |
7 - Tools and resources |
7.1 - CSS frameworks |
7.2 - CSS libraries |
7.3 - Online apps |
7.4 - Desktop apps |
Subject planning could be modified due unforeseen circumstances (group performance, availability of resources, changes to academic calendar etc.) and should not, therefore, be considered to be definitive.
TEACHING AND LEARNING METHODOLOGIES AND ACTIVITIES:
Teaching and learning methodologies and activities applied:
Student work load:
Teaching mode | Teaching methods | Estimated hours |
Classroom activities | ||
Master classes | 20 | |
Other theory activities | 4 | |
Practical exercises | 10 | |
Practical work, exercises, problem-solving etc. | 10 | |
Coursework presentations | 4 | |
Workshops | 6 | |
Laboratory practice | 2 | |
Other practical activities | 4 | |
Individual study | ||
Tutorials | 6 | |
Individual study | 10 | |
Individual coursework preparation | 30 | |
Group cousework preparation | 10 | |
Project work | 18 | |
Research work | 4 | |
Compulsory reading | 4 | |
Recommended reading | 2 | |
Portfolio | 2 | |
Extra-curricular activities (visits, conferences, etc.) | 2 | |
Other individual study activities | 2 | |
Total hours: | 150 |
ASSESSMENT SCHEME:
Calculation of final mark:
Individual coursework: | 70 | % |
Group coursework: | 20 | % |
Final exam: | 10 | % |
TOTAL | 100 | % |
*Las observaciones específicas sobre el sistema de evaluación serán comunicadas por escrito a los alumnos al inicio de la materia.
BIBLIOGRAPHY AND DOCUMENTATION:
Basic bibliography:
Niederst Robbins, Jennifer. Web Design in a Nutshell. O’Reilly, 2006 |
Meyer, Eric. CSS: The Definitive Guide: Visual Presentation for the Web. O’Reilly, 2017 |
Recommended bibliography:
Morville, Piter y Rosenfeld, Louis. Information Architecture for the World Wide Web. O’Reilly, 2006 |
Rubiales Gómez, Mario. Curso de Desarrollo Web: HTML, CSS y JavaScript. Anaya Multimedia, 2017 |
Hong, Philippe. Practical Web Design: Learn the fundamentals of web design with HTML5, CSS3, Bootstrap, jQuery, and Vue.js. Packt Publishing, 2018 |
Recommended websites:
W3C | http://www.w3.org |
W3Schools Online Web Tutorials | http://www.w3schools.com/ |
Stack Overflow | http://stackoverflow.com/ |
jQuery | https://jquery.com/ |
Bootstrap | https://getbootstrap.com/ |
Bulma | https://bulma.io/ |
Foundation | https://get.foundation/ |
Pure.css | https://purecss.io/ |
Materialize | https://materializecss.com/ |
Can I Use | https://caniuse.com/ |
* Guía Docente sujeta a modificaciones