Learning Web Design (HTML & CSS)
× Success! You are now registered
42 HRS
DURATION
PHP 8,500
COURSE FEE


This course provides a sound foundation on learning how to build a web site by learning to code HTML and CSS. It begins from learning how the Web and web pages work, up to having the skills to build a simple site that works.

The topics discussed in the course are the following:

PART I – INTRODUCTION
Lesson 1 – Web Basics
• The World Wide Web
• Web Browsers
• Types of Web Sites
• Web Standards
• Web Page Design and Concept
• Part I – Learning HTML
Lesson 2 – Introduction to HTML
• Anatomy of a Web page
• What is HTML?
• HTML Versions
• HTML Editors
Lesson 3 – HTML Basics
• Declaration
• HTML Elements and Syntax
• Building Document Structure
• Knowing HTML5
Lesson 4 – Structuring Content
• Semantics Overview
• Text-based Elements
• Text Formatting Elements
• HTML Special Characters
• Divisions and Spans
• HTML Lists
• Hyperlinks
• Adding Images
Lesson 5 – Organizing Data with Tables
• Creating a Table
• Table Attributes
• Table Structure
• Combining Multiple Cells

Part II – LEARNING CSS
Lesson 6 – Understanding CSS
• What is CSS?
• CSS Syntax
• Working with Selectors
• 3 Ways to use CSS
• The Cascade
• CSS Resets
Lesson 7 – The Box Model
• Displaying Elements
• Working with the Box Model
Lesson 8 – Positioning Content
• Using Floats
• Using Inline-Block
• Uniquely Positioning Elements
• Z-index Property
Lesson 9 – Adding Styles with CSS
• Typography
• List Item Styling
• Working with Backgrounds
• Adding Styles to Tables
• Image Styling
Lesson 10 – Complex Selectors
• Common Selectors
• Child Selectors
• Sibling Selectors
• Attribute Selectors
• Pseudo-classes
• Pseudo-elements

Part III – FORMS AND MEDIA
Lesson 11 – Building Forms
• Initializing a Form
• Text Fields & Textareas
• Multiple Choice Inputs & Menus
• Form Buttons • Other Inputs
• Organizing Form Elements
• Form & Input Attributes
Lesson 12 – Adding Media
• Adding Audio
• Adding Video
• Adding Inline Frames

Part IV – MOBILE WEB
Lesson 13 – Responsive Web Design
• Overview of Responsive Web Design
• Flexible Layouts
• Media Queries
• Mobile First
• Viewport Meta Tag
• Flexible Media

Part V – PUBLISHING
Lesson 14 – Publishing your Site
• Registering a domain name
• Finding a server to host your web site
• The general web publishing process
• Using FTP to upload files

After completing this course, the participants should be able to:

(1) Build HTML pages with text, links, images, tables, and forms
(2) Use style sheets (CSS) for colors, backgrounds, formatting text, page layout, and even simple animation effects
(3) Learn about the new HTML5 elements, APIs, and CSS3 properties that are changing what we can do with web pages
(4) Make your pages display well on mobile devices by creating a responsive web design

None.

Schedule
Training Start Training End Schedule Venue Enroll
Jun 13, 2020Jul 18, 2020Saturday 08:00 AM-05:00 PM
153 - MFI Ortigas
Sep 05, 2020Oct 10, 2020Saturday 08:00 AM-05:00 PM
153 - MFI Ortigas
Nov 07, 2020Dec 12, 2020Saturday 08:00 AM-05:00 PM
153 - MFI Ortigas