Course Details

Web design Courses

 

Course Description

This course introduces students to basic web design using HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). The course does not require any prior knowledge of HTML or web design. Throughout the course students are introduced to planning and designing effective web pages; implementing web pages by writing HTML and CSS code; enhancing web pages with the use of page layout techniques, text formatting, graphics, images, and multimedia; and producing a functional, multi-page website.

The course topical outline provides a summary of course topics that can be used as a guide when progressing through the course. Upon successful completion of this course, students will be able to:

· Recognize and understand HTML web page elements

· Know how to write HTML code

· Understand and apply effective web design principles

· Enhance web pages using text formatting, color, graphics, images, and multimedia

· Incorporate forms into web pages

· Understand and apply CSS to format web page elements

· Plan, design, and publish a multi-page website

Students should have a general background in using a computer, managing files, and a basic knowledge of the Internet. Students should also be able to navigate to and within a website using a web browser such as Chrome, Firefox, Internet Explorer, or Safari. Students do not need to purchase any software for this course.

Upon successful completion of this course, students will have a good foundation in web design using HTML and CSS and will be prepared to study more advanced web design topics in the next level course, Advanced Web Design.

Course outline

 

Getting Started With Web Page Design

· The Language of the Web

· Building Your First Web Page

Web Planning & Design

· Planning a Website

· Basic Web Design Principles

Web Page Basics

· The Structure of a Web Page

· Working With Basic Page Elements

· Working With Comments & Special Characters

Working with Lists

· Unordered Lists

· Ordered Lists

· Definition Lists

Working with Links

· Relative & Absolute Links

· Opening a Web Page in a New Browser Window

Working with Images

· Working With Images – Part 1

· Working With Images – Part 2

Working with Tables

· Defining Basic Tables

· Enhancing Tables Using rowspan & colspan

Working with Forms

· Working With Basic Form Elements

· HTML5 Form Controls

Working with Multimedia

· Linking to Audio & Video

· Embedding Audio & Video

CSS – Part 1

· Introduction to CSS

· CSS Selectors

· Specifying Fonts & Font Sizes

· More CSS Text Styling Properties

· Styling Color With CSS

CSS – Part 2

· Styling Lists With CSS

· Styling Forms With CSS

· Styling Images With CSS

· Styling Tables With CSS

· Styling Links With CSS

Page Layout Techniques

· Fixed Width Page Layouts

· Liquid Page Layouts

Going Live With Your Website

· Uploading Your Site to a Web Server