Course: Web Design and Digital Content Production , Topic: Module 4: CSS II

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 4: CSS II
Selectors. Pseudo-classes. Display properties. Navigation bar

Selectors

Pseudo-classes

Display properties

Navigation bar

Selectors. In this submodule, we will learn how to use CSS selectors to "find" and select HTML elements based on their name, id and class. We also learn to apply CSS rules to multiple classes and to specific content in a list.

Pseudo-classes. Pseudo-classes are classes with some kind of “intelligence”. They change the appearance of the elements based on the different mouse events (onmouse over). In this submodule and we will learn how to use Pseudo-classes to apply different style at active, visited and unvisited states of links.

Display properties. The display property is used to define how elements would appear on the page. The most common values for display are inline and block. In this submodule and we will learn how the display properties can be used to style a navigation bar.

Navigation bar. We have already created a Navigation bar and we have applied icons to it. In this submodule, we will transform this HTML menu into a good-looking navigation bar.
- Page
  
  Aims - Expected outcomes- Key concepts CSS II Page
- Book
  
  Submodule 4.1: Selectors Book
  
  View
  id
  
  Class and multiple classes
  
  specific context (ul li)
  
  Group the selectors
- Book
  
  Submodule 4.3: Navigation bar Book
  
  View
- Forum
  
  Module's 4 Discussions Forum