Course: Web Design and Digital Content Production , Topic: Module 9: Forms

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 9: Forms
The HTML of forms. The CSS of forms. Form validation.

The HTML of forms

The CSS of forms

Form validation

The HTML of forms. Forms are commonly used to collect user input and send them to the WEB Server. In this submodule, we will learn to create well-structured and accessible forms using HTML markup.

The CSS of forms. In this submodule, we will learn how to style a form and enhance its usability using CSS rules. We will also learn to style a submit-button.

Form validation. Form validation with immediate validation messages creates a better user experience rather in the case where you receive messages only after submitting the form. In this submodule we will enrich the HTML validation and we will add JavaScript features to make the form more user- friendly.
- Page
  
  Aims - Expected outcomes- Key concepts Forms Page
  
  View
- Book
  
  Submodule 9.2: The CSS of forms Book
  
  View
  fieldset
  
  submit input
  
  required attribute
- Book
  
  Submodule 9.3: Form validation Book
  
  View
  HTML validation
  
  JavaScript validation