Course: Web Design and Digital Content Production , Topic: Module 3: CSS I

Topic outline

General
Terminology and aims of the course:

Web Design

Digital Content Creation

Wordpress blog site

Web Design refers to the HTML (structure), CSS (style), and JavaScript (interaction) technologies used in browser-Web Server communication, resulting in web pages being displayed to the end user.

The first aim of this course is to learn, understand and apply the above technologies to create simple code-based websites.

With the term Digital Content Production, we describe the production - editing of images, audio documents and video.

The second aim of this course is to learn, understand and use free software to create audio and video files.

In this course, it is necessary to familiarize students with the "remote" computer, the Web Server, and the structure of a website. To achieve that, students will create a Wordpress blog in which they will upload some of the material they have created.

The third aim of this course is to learn, understand and create a Wordpress blog site and upload content to it.
- URL
  
  Code+Create Course Questionnaire URL
- Feedback
  
  Prior Knowledge Self-Assessment Feedback
- Page
  
  For this course, you need... Page
- Glossary
  
  Course glossary

Module 3: CSS I
Introduction to CSS. Inserting and Applying CSS

Introduction to CSS

Inserting CSS

Applying CSS

What is CSS? The language of style is CSS which stands for Cascading Style Sheets. In general, the visual output of the web page is the combination of HTML (structure) and the CSS (style-appearance). In this submodule and we will learn the basic syntax rule, "Selector {Property: Value;}

Inserting CSS. In this submodule, we'll discuss the different ways to insert CSS: inline CSS, internal CSS, and external CSS. We will also understand and apply the priority rule, "the closest to the element the highest priority it has". Finally, we will learn how to style text and fonts.

Applying CSS. In this submodule, we will see how the "Box model" works and how we can format a web page using colors, Google fonts and font - Awesome icons.
- Page
  
  Aims - Expected outcomes- Key concepts CSS I Page
- Book
  
  Submodule 3.1: Introduction to CSS Book
  
  View
  What is style
  
  Comments
  
  Syntax
- Book
  
  Submodule 3.2: Inserting CSS Book
  
  View
  How to Insert CSS:
  
  Inline style
  
  Internal Style Sheet
  
  External style sheet
  
  Style rules Priorities
- Forum
  
  Module's 3 Discussions Forum