-
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 and assessment
Teaching methodologies and assessment
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
-
Office Hours
Office Hours
-
Mobility
Mobility
No