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:
The sessions will be divided into:
1. Theoretical sessions
The teacher will introduce the subject, explain the theoretical concepts that will work. The student must acquire the technical vocabulary and become accustomed to functioning properly on web projects. These sessions include lectures, presentations and audiovisual material.
2. Practical Sessions
Once the theoretical concepts have been raised, the student must work on their practices individually. To do this, they will have time in the classroom, with the teacher's help to solve the problems and concerns they may have, although what is intended with the practices is that the students themselves are able to solve problems independently.
Coursework to do will be explained in the classroom and the criteria for evaluating them will be clearly explained.
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 |
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 - Responsive design |
5.1 - What is responsive design? |
5.2 - Flex and Grid |
5.3 - Media queries |
6 - CSS Frameworks |
6.1 - Bootstrap |
6.2 - Bulma |
6.3 - Foundation |
6.4 - Materialize |
6.5 - Pure |
7 - JavaScript |
7.1 - Introduction to JavaScript |
7.2 - Practical applications |
7.3 - Form validation |
7.4 - jQuery |
8 - Tools and resources |
8.1 - Desktop apps |
8.2 - Online 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