Web Designer Intermediate
HTML5 & CSS3 in Dreamweaver

Web Designer Intermediate Course Price
11,725 baht price inc vat
- 12 hours tuition
- live HD recording of lessons
- complete course materials
- guaranteed results
- Next Course Starts: May 7th 2013 | Ends: May 23rd 2013 Every Tuesday and Thursday from 5pm – 8pm
6 lessons total, 2 lessons per week, 18 hours total course duration.
“HTML5 adds many new semantic tags to help keep your content organized.”
The beginner’s course outlined the steps to web design. Now it’s time to colour in between the lines. Learn to make a fully functional professional site that uses more advanced layouts and content. Delve deeper into the world of web design and learn how to build a mid level website which are good enough for you to redesign and sell on to any clients you may have.

HTML5 offers great fluency, ease-of-coding, and other powerful new innovations. In the same manner, CSS3 offers us more prominent properties, elegant solutions for styling and even animating elements.
Although the specifications for these languages have not yet been entirely finalized, many modern browsers already support a large set of the proposed HTML5 elements and CSS3 modules. This class will show you a sampling of new techniques that you can use today in most major browsers, as well as how to create code that’s accessible to them.
- Taught in English by professionals with a combined 30 years experience.
- Build your HTML and CSS skills which you can for bigger and better projects
- At this stage you will be making professional designs that are worth money!
- Take Photoshop and Dreamweaver to the next level.
- Find and add plugins, video and effects to your site
- Covering forms and basic new semantic elements
Features and Benefits

- 24 hours over 3 weeks, normally starting right after your beginners course.

- Take HTML5 to the next level and learn more about the this easy to use language is used.

- We cover CSS3 in depth, with CSS3 under your belt you will be able to change any site, template or system.

- Create a Dreamweaver template system to allow you to create bigger more extensive sites that are easy to manage.

- Add emails, make backups and control FTP access through you hosting control panel topics

- All our lessons are supported by video tutorials so you can go over the class at home at your own pace.

- Not only do we give you tutorials but we also record the entire week live for you to take home so you don`t miss a thing!
Course Details
Section 1

Intro to HTML5 Semantic Elements
Topics
- New Doctype
- Header, Hgroup, Nav and Footer Elements
- The Aside Element
- The Article Element vs. the Section Element
- The Outline Algorithm
- Validation
Styling the New Elements
Topics
- Simplified Style Tag
- The Child Selector
HTML5 Enabling Script (Shiv)
Topics
- X-UA-Compatible Meta Tag
- Simplified Script Tag
- Using the HTML5 Enabling Script (Shiv) for Internet Explorer
- Setting New Semantic Elements’ Display to Block
Setting up SolarFlare
Topics
- HTML5 Sectioning Overview
- Dreamweaver Site Set-Up
- Using the HTML5 Boilerplate
- Using Divs for Presentation
SECTION 2
Getting Started with CSS3
Topics
- Rounded Corners with Border-Radius
- Drop Shadows with Box-Shadow
- The CSS3 Gradient Stack
- Using the IE Filter for Gradients
CSS3 Multiple Backgrounds
Topics
- Working with Multiple Backgrounds
- Combining CSS3 Gradients with Multiple Backgrounds
- Using Modernizr
Using the RGBA Color Model and Modernizr
Topics
- Using RGBA For Backgrounds
- Modernizr Fallbacks
RGBA for Gradients and Shadow
Topics
- RGBA for Gradients
- RGBA for Box Shadow
- RGBA for Text Shadow
SECTION 3
CSS Opacity Rollovers
Topics
- Setting the Opacity of Elements
- Changing Opacity on Hover
- Refining Styles for Navigation
CSS Transitions
Topics
- Transition-Property
- Transition-Duration
- Transition Shorthand and the Transition Stack
CSS Transforms & Transitions
Topics
- The Scale Transform
- The Rotation Transform
- Modifying the Transform Origin
- Transitioning Transforms
HTML5 Forms
Topics
- The Placeholder Attribute
- The Required Attribute
- New Input Types: Email
- Using Attribute Selectors
- The Pattern Attribute and Regular Expressions
- Client Side Validation—No JavaScript Necessary
SECTION 4
Adding Rich Media: Audio
Topics
- The Audio Element
- Autoplay and Controls
- The Source Attribute
- MP3 vs. Ogg Vorbis
- Fallbacks for IE 7 and 8
Adding Rich Media: Video
Topics
- The Video Element
- Autoplay and Controls
- The Source Attribute
- Theora Video vs. H.264 Encoding
- Fallbacks for IE 7 and 8
CSS Columns & CSS Reflections
Topics
- The Column-Count Property
- Column-Gap and Column-Rule
- Column-Span Support
- CSS Reflections for Webkit
- Modernizr Fallbacks








© Web Courses Bangkok