Course

HTML & CSS - MSIB 7 - 2024

12 credits

Advanced

Enroll

Online

2350000 IDR.

The purpose of the "HTML & CSS" course is to provide basic knowledge of web technologies and, more specifically, an introduction to HTML5 and CSS3. Basic knowledge of web development, web browsers, HTML/CSS/DOM development tools is acquired and practical skills are developed using the Web Content Description Language (HTML) and the Web Content Styling Language (CSS).

Basic HTML tags, paragraphs, lists, tables, forms, controls, and semantic HTML tags are studied. Emphasis is on basic CSS selectors and styles, working with classes, presentation rules, positioning and layout rules in CSS. The latest developments in the HTML5 and CSS3 standards are covered.

The course emphasizes hands-on HTML and CSS exercises that will involve participants in real-world web page development projects, implementing site fragments, and creating complete modern websites with a good look, modern structure, and mobile support.

Topics

Resources
Resources

No description yet

Resources

There are no resources for this lecture yet
Course Introduction
Course Introduction

No description yet

Resources

There are no resources for this lecture yet
Introduction to HTML & CSS
Introduction to HTML & CSS

• What is HTML?;
• HTML Syntax - Tags & Attributes;
• Common HTML Tags;
• Common HTML Attributes;
• What is CSS?;
• CSS Syntax - Selectors & Rules;
• Adding CSS to HTML documents;
• Basic CSS Selectors.

Resources

There are no resources for this lecture yet
Exercise: Introduction to HTML & CSS
Exercise: Introduction to HTML & CSS

No description yet

Resources

There are no resources for this lecture yet
CSS Box Model and Typography
CSS Box Model and Typography

• CSS Box Model;
• CSS Positioning.

Resources

There are no resources for this lecture yet
Exercise: CSS Box Model and Typography
Exercise: CSS Box Model and Typography

No description yet

Resources

There are no resources for this lecture yet
CSS Layout - Flexbox
CSS Layout - Flexbox

• What is Flexbox?;
• Properties for the Container;
• Properties for the Children.

Resources

There are no resources for this lecture yet
Exercise: CSS Flexbox
Exercise: CSS Flexbox

No description yet

Resources

There are no resources for this lecture yet
Responsive Web Design
Responsive Web Design

• What is Responsive web design?;
• Why is it important?;
• What is Mobile First and why use it?;
• Media Queries.

Resources

There are no resources for this lecture yet
Exercise: Responsive Web Design
Exercise: Responsive Web Design

No description yet

Resources

There are no resources for this lecture yet
Working with Forms
Working with Forms

• What are Forms?;
• How to use forms?;
• Styling a form element;
• Responsive form layouts.

Resources

There are no resources for this lecture yet
Exercise: Working with Forms
Exercise: Working with Forms

No description yet

Resources

There are no resources for this lecture yet
Exam Preparation
Exam Preparation

No description yet

Resources

There are no resources for this lecture yet
Workshop: Build a Static Website - Part 1
Workshop: Build a Static Website - Part 1

No description yet

Resources

There are no resources for this lecture yet
Workshop: Build a Static Website - Part 2
Workshop: Build a Static Website - Part 2

No description yet

Resources

There are no resources for this lecture yet
Regular Exam
Regular Exam

No description yet

Resources

There are no resources for this lecture yet

See all topics