2 Days Course :
HTML5 , CSS3 and introduction to Bootstrap
InterMedia Lab
InterMedia Lab
Course includes HTML5 , CSS3 and introduction to 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 Program (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
- Aspiring Web Designers
- People who are about to start a personal or business website
- People who would like to further customize their CMS based websites
- Basic computer knowledge and skills in Mac or PC.
- Background in any graphic design application can be an advantage. Although not required
- 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
Our Trainors
Nikko F. Zabala
- Senior Systems Developer – SkyLogistics Philippines /Philippine Airline
- Web Development Professor – Computer Site Insitute Inc
- Founder, Heroes of the Web (Web Development Company)
- Co Founder, Designpeepz (MultiMedia Outsourcing)
- Co Founder Adiphils (Online Payroll and Timekeeping System)
- Former IT Specialist – SkyKitchen Philippines Inc
- Former Systems Administrator – Asec Asia, Alabang
- Former Data Analyst – Asec Asia, Alabang
Aldrin Baldonado
- Programming Instructor – PUP Sta. Rosa
- Former Software Developer & Former Software Engineer – HGST A Western Digital Company
- Co-Founder Leet Software Solution (Software Development company)
- Former IT Staff – Powerlane Resources Inc
- Former MIS Technician – Team Pacific Corp.
We’re on Facebook
Courses Fee: P 1,500 Only
Returning Student Less: 500
For 2 days
Inquire Now! Call or Text us at: 09175958552
Email: nikko.zabala@gmail.com