HTML5 & CSS3
Course Description
This course is designed to enable participants to quickly become proficient in web development and use the key functionality of HTML5 and CSS effectively, while gaining a necessary working knowledge of JavaScript and jQuery.
4 days
Contact us for pricing
Prerequisites
None – this course is beneficial whether you`re new to web development or an experienced web developer who`s been frustrated by self-learning or other courses.Who should attend
This is for anyone who wants to develop web pages the professional way, using HTML5 semantic tags to structure the content and CSS to format and lay it out on the page. That includes:• budding web developers
• experienced web developers who want to update their HTML/CSS skills to the new standards
• web developers who still use tables for page layout when they should be using CSS
But it's also for web programmers, whether they're working in JavaScript or using a server-side language like PHP, ASP.NET, or Java servlets and JSPs. Web programmers are often surprised at the intricacies involved in writing good HTML and CSS code, yet understanding that piece makes them more effective members of the development team.
Introduction to web development
How web applications workAn introduction to HTML and CSS
Tools for web development
How to view deployed web pages
Five critical web development issues
How to code, test, and validate a web page
The HTML syntaxThe CSS syntax
How to use Aptana to work with HTML and CSS files
How to test, debug, and validate HTML and CSS files
How to use HTML to structure a web page
How to code the head sectionHow to code text elements
How to structure the content of a page
How to code links, lists, and images
How to use CSS to format the elements of a web page
An introduction to CSSHow to specify measurements and colors
How to code selectors
How to work with text
A web page that uses an external style sheet
How to use the CSS box model for spacing, borders, and backgrounds
An introduction to the box modelA web page that illustrates sizing and spacing
How to set borders and backgrounds
A web page that uses borders and backgrounds
How to use CSS for page layout
How to float elements in 2- and 3-column layoutsTwo web pages that use a 2-column, fixed-width layout
How to use CSS3 to create text columns
How to position elements
How to work with links and lists
How to code listsHow to format lists
How to code links
How to create navigation lists and bars
How to use Responsive Web Design
Introduction to Responsive Web DesignHow to implement a fluid design
How to use CSS3 media queries
A web page that uses Responsive Web Design
How to work with images
Basic skills for working with imagesAdvanced skills for working images
Related skills for working with images
How to work with tables
Basic HTML skills for coding tablesBasic CSS skills for formatting tables
Other skills for working with tables
How to work with forms
How to use forms and controlsOther skills for working with forms
How to use the HTML5 features for data validation
How to use the HTML5 controls
A web page that uses HTML5 data validation
How to add audio and video to your website
An introduction to media on the webHow to add audio and video to a web page
A web page that offers both audio and video
How to work with fonts and printing
How to embed fonts in a web pageThe skills for formatting printed web pages
A two-column web page with print formatting
How to use CSS3 transitions, transforms, animations, and filters
How to use CSS3 transitionsHow to use CSS3 transforms
How to use CSS3 animations
How to use CSS3 filters
How to use JavaScript and jQuery to enhance your web pages
Introduction to JavaScriptThe Email List application in JavaScript
Introduction to jQuery
The Email List application in jQuery
How to use jQuery as a non-programmer
How to use jQuery UI and jQuery plugins to enhance your web pages
Introduction to jQuery UIHow to use four of the most popular jQuery UI widgets
Introduction to jQuery plugins
How to use three of the most popular plugins
How to use jQuery Mobile to build mobile websites
Users and usabilityDesign guidelines
How to design a website
Other design considerations
How to design a website
Users and usabilityDesign guidelines
How to design a website
Other design considerations
How to deploy a website on a web server
How to get a web host and domain nameHow to transfer files to and from the web
Four more skills for deploying a website
CSSHTMLHTML5