-
Presentation
Presentation
Knowledge about digital media with particular emphasis on the Internet; Practical knowledge about the analysis, design, architecture and production of websites; Knowledge of information architecture and design, oriented to the development of web content.
-
Class from course
Class from course
-
Degree | Semesters | ECTS
Degree | Semesters | ECTS
Bachelor | Semestral | 6
-
Year | Nature | Language
Year | Nature | Language
1 | Mandatory | Português
-
Code
Code
ULP728-25084
-
Prerequisites and corequisites
Prerequisites and corequisites
Not applicable
-
Professional Internship
Professional Internship
Não
-
Syllabus
Syllabus
1. Web Fundamentals 1.1 History and evolution of the Web 1.2 Client-server architecture 1.3 How a web page works - HTML, CSS, JavaScript 1.4 Development environment setup (VSCode, GitHub) 2. HTML5 - Structure and Semantics 2.1 Basic structure of an HTML document 2.2 Text tags, links and navigation 2.3 Images and multimedia elements 2.4 Lists and content organization 3. CSS3 - Design and Layout 3.1 CSS syntax and basic properties 3.2 Box model and spacing 3.3 Typography and Google Fonts 3.4 Colors and backgrounds 4. Advanced Layout with CSS 4.1 Flexbox - containers and items 4.2 CSS Grid for complex layouts 4.3 Flexbox + Grid combination 4.4 Galleries and visual components 5. Responsive Design 5.1 Mobile-first philosophy 5.2 Media queries and breakpoints 5.3 Responsive units (rem, vw, vh, %) 5.4 Tailwind CSS (optional introduction) 6. CSS Animation 7. JavaScript Fundamentals
-
Objectives
Objectives
Knowledge about digital media with particular emphasis on the Internet; Practical knowledge about the analysis, design, architecture and production of websites; Knowledge of information architecture and design, oriented to the development of web content.
-
Teaching methodologies
Teaching methodologies
Project-based learning with "visual first" approach - immediate results in each class; hands-on methodology with minimum 50% practical time per session; portfolio-driven development where all exercises feed into the final project; use of visual analogies appropriate for audiovisual communication students;
-
References
References
Coding HTML CSS JavaScript Made Easy, Adam Crute Frederic Johnson, Flame Tree Publishing, 2016, ISBN: 9781786640611
-
Assessment
Assessment
Versão Portuguesa:
Componente Peso Descrição Exercícios Práticos
20% 5 exercícios × 4% cada Projeto Intermédio
30% Research e planeamento do portfolio Projeto Final (Portfolio)
50% Portfolio profissional completo -
Exercícios práticos com competências progressivas (HTML→CSS→Layout→JS)
-
Projeto intermédio inclui documento de reflexão e apresentação do plano
-
Portfolio final deve demonstrar domínio técnico e criativo integrado
-
Obrigatória documentação técnica e apresentação final
-
É obrigatória uma assiduidade mínima a 75% das aulas;
-
A entrega de trabalhos além do prazo estipulado só será possível se autorizada pelo docente e implica uma penalização de 25% na classificação do trabalho se entregue até 24h após o prazo indicado e de 50% na classificação do trabalho se entregue entre 24h e 72h após o prazo;
-
não serão aceites trabalhos entregues com atraso superior a 72h;
-
-
Mobility
Mobility
Yes
