Online – Live Interactive Class

Coverage: Basic to Advance

Course Duration

  • Duration: 3 Days
  • Time: 9:00 AM – 5:00 PM

Requirements:

  • Stable Internet Connection
  • Workstation: Desktop / Laptop
  • Communication Device: Headset with Microphone and Web Camera
  • Gmail Account

Software

Communication Platform

  • Google Meet
  • Google Classroom (Assignment submission)

Course Overview

Learn HTML, CSS with Bootstrap! At the heart of every website is an HTML script. Hyper Text Markup Language or HTML, is the standard markup language used to creating web pages. It is the basic building blocks or framework on how each every website on the internet is built.

Contrary to common misconceptions, HTML and CSS is in fact very easy to learn. For aspiring Web Developers and Designers, HTML is a prerequisite to other important web platform/languages such as PHP, JavaScript, Jquery, XML, Angular JS, etc.

Why should I learn HTML when I can easily make a website using a WYSIWYG Editor (Dreamweaver, FrontPage) or CMS Web Applications (WordPress, Joomla, Drupal)?

  • Can be used in customizing downloaded themes/templates.
  • Can be used in building themes/templates.
  • Can be used in fixing common code errors.
  • Can be used in customizing extensions.
  • Can be used in embedding features to your WYSIWYG or CMS Websites
  • And more…

This Training is for:

  • Aspiring Web Developers and Designers
  • People who are about to start a personal or business website
  • People who would like to further customize their CMS based websites

Prerequisites

  • Basic computer knowledge and skills in Mac or PC.
  • Background in any graphic design application can be an advantage. Although not required.

Inclusions

  • Unlimited Refresher Class (Validity : 1 year)
  • Certificate of Course Completion
  • References Materials (PDF)
  • Software Evaluation Copy
  • Other Add-ons

Course Outline

Introduction

  • What is HTML?
  • Understanding Common HTML Terms

Structure basics

  • Elements
  • The Head
  • The Body
  • Syntax and semantics
  • Setting up the HTML document structure

Website Project 1

  • Lists
  • Colors
  • Attributes

Tags

  • Paragraph and break tags
  • Title, heading, and strong tags

Links

  • Relative Links
  • Absolute Links
  • Attributes
  • Styling Links

Images

  • Putting an image on a page
  • Uploading images
  • The alt attribute
  • Images as links

More HTML structure

  • Tables
  • Forms
  • Divs
  • Spans

What is CSS?

  • Inline styling
  • Setting up an external stylesheet

Understanding CSS syntax

  • CSS properties
  • CSS selectors
  • Class vs IDs

The box model

  • Margins
  • Padding
  • Borders and styling

Website Project 2

  • Images as background
  • Styling images
  • Fonts
  • Layout
  • Positioning
  • Inheritance

Tables

  • Creating a table
  • Headers and rows
  • Captions
  • Spanning multiple columns
  • Styling tables
  • Tables and forms

Standards and validation

  • Common HTML and CSS mistakes
  • Code validation
  • Accessibility Standards
  • Google HTML style guide
  • Google CSS style guide

Introduction to Bootstrap (Bonus)

  • What is Bootstrap?
  • Adding the Bootstrap and Jquery library
  • Integrating Bootstrap and Jquery
  • Using the grid design pattern
  • Using Bootstrap’s custom classes
  • Using Bootstrap’s typography
  • Using Glyphicon icons
  • Using Styled Buttons

Q&A

  • Final words and advice

Registration

Please refer to this link for our scheduled classes: Schedules

Course Fees & Discounts

HTML & CSS with Bootstrap
Course Fee

Php 9,500 Original Price

Php 1,000 less New Student Discount
Php 1,500 less Alumni Discount
HTML & CSS with Bootstrap + PHP & MySQL
2 Course Package

Php 21,500 Original Price
Php 5,000 less Package Discount

Php 16,500 Discounted Price
HTML & CSS with Bootstrap + JavaScript
2 Course Package

Php 19,500 Original Price
Php 4,500 less Package Discount

Php 15,000 Discounted Price
Php 9,500 Course Fee
Php 1,000 less New Student Discount
Php 1,500 less Alumni Discount
Php 19,500 HTML & CSS with Bootstrap + JavaScript Essentials
2 Course Package

Php 4,500 less Package Discount
Php 15,000 Total
Php 21,500 HTML & CSS with Bootstrap + PHP & MySQL
2 Course Package

Php 5,000 less Package Discount
Php 16,500 Total

Course Schedules

october

fri02oct(oct 2)9:00 amsun04(oct 4)7:00 pmHTML5 with CSS3 & Bootstrap 4Web Development9:00 am - 7:00 pm (4) Online Class

fri09oct(oct 9)9:00 ammon12(oct 12)7:00 pmPHP with MySQL (OOP)Web Development9:00 am - 7:00 pm (12) Online Class

fri16oct(oct 16)9:00 amsun18(oct 18)7:00 pmJavaScript EssentialsWeb Development9:00 am - 7:00 pm (18) Online Class

fri16oct(oct 16)9:00 ammon19(oct 19)7:00 pmCodeIgniter PHP FrameworkWeb Development9:00 am - 7:00 pm (19) Online Class

sat17oct(oct 17)9:00 amsun18(oct 18)7:00 pmDrupal CMSWeb Development9:00 am - 7:00 pm (18) Online Class

sat17oct(oct 17)9:00 amsun18(oct 18)7:00 pmWordPress CMSWeb Development9:00 am - 7:00 pm (18) Online Class

fri23oct(oct 23)9:00 amsun25(oct 25)7:00 pmjQuery Essentials (JavaScript Framework)Web Development9:00 am - 7:00 pm (25) Online Class

fri23oct(oct 23)9:00 ammon26(oct 26)7:00 pmLaravel 6 PHP FrameworkWeb Development9:00 am - 7:00 pm (26) Online Class

sat24oct(oct 24)9:00 amsun25(oct 25)7:00 pmJoomla CMSWeb Development9:00 am - 7:00 pm (25) Online Class

sat24oct(oct 24)9:00 amsun25(oct 25)7:00 pmWordPress CMS Theme Development with Divi 4Web Development9:00 am - 7:00 pm (25) Online Class

november

fri06nov(nov 6)9:00 amsun08(nov 8)7:00 pmHTML5 with CSS3 & Bootstrap 4Web Development9:00 am - 7:00 pm (8) Online Class

fri13nov(nov 13)9:00 ammon16(nov 16)7:00 pmPHP with MySQL (OOP)Web Development9:00 am - 7:00 pm (16) Online Class

fri20nov(nov 20)9:00 amsun22(nov 22)7:00 pmJavaScript EssentialsWeb Development9:00 am - 7:00 pm (22) Online Class

fri20nov(nov 20)9:00 ammon23(nov 23)7:00 pmCodeIgniter PHP FrameworkWeb Development9:00 am - 7:00 pm (23) Online Class

sat21nov(nov 21)9:00 amsun22(nov 22)7:00 pmDrupal CMSWeb Development9:00 am - 7:00 pm (22) Online Class

sat21nov(nov 21)9:00 amsun22(nov 22)7:00 pmWordPress CMSWeb Development9:00 am - 7:00 pm (22) Online Class

fri27nov(nov 27)9:00 amsun29(nov 29)7:00 pmjQuery Essentials (JavaScript Framework)Web Development9:00 am - 7:00 pm (29) Online Class

fri27nov(nov 27)9:00 ammon30(nov 30)7:00 pmLaravel 6 PHP FrameworkWeb Development9:00 am - 7:00 pm (30) Online Class

sat28nov(nov 28)9:00 amsun29(nov 29)7:00 pmJoomla CMSWeb Development9:00 am - 7:00 pm (29) Online Class

sat28nov(nov 28)9:00 amsun29(nov 29)7:00 pmWordPress CMS Theme Development with Divi 4Web Development9:00 am - 7:00 pm (29) Online Class

Recommended for you