HTML 5 Course Objective
Tod make you best Web developer using HTML 5. Which is new trend in the Web developments most of the UI developments require this.
Introduction to HTML 5
• The client/server relationship
• Understanding directories and how a site is organised
• Cross platform file names
• Cross platform directory names
The minimal HTML document
• Understanding HTML syntax
• Creating body text
• Creating titles
• Creating headings
• Working with structure and elements
• Using the Section, Nav, Article and Aside tags
Adding metadata
• How search engines read websites
• Creating content tags
• Creating keyword tags
Adding structure to the content
• Creating headings and sub headings
• Creating paragraphs
• Working with special characters
• Creating line breaks
Working with images
• Adding image links
• The GIF, JPEG and PNG formats
• Compression issues
• Alternative text, titles and descriptions for images
• Using the figure tag
Creating and working with lists
• Numbered (ordered) lists
• Unnumbered (unordered) lists
• Definition lists
Linking to other documents
• Relative links vs absolute links
• Working with URLs
• Anchors within documents
Tables in HTML5
• Tables vs CSS
• When to use tables and when not to
• Creating a table
• Creating rows
• Creating columns
Forms
• Creating a basic input form
• Adding form fields, radio buttons and check boxes
• Using the legend, label and fieldset tags
• Adding submit and reset buttons
• Using form methods
• Combining forms and actions
• Using HTML5 form tags
CSS3
Overview of CSS
• Separating content from presentation
• The difference between CSS and markup
• What can CSS do?
• CSS structure (syntax)
• Inserting styles - inline, embedded or external
Styling text using inline CSS
• Styling basic text elements
• Specifying font size and colour
• Specifying font alignment
Styling a table
• Styling row and column settings
• Creating borders
• Adding colours
Styling Links
• Creating hover effects
• Keeping tracks of links
Backward compatibility
• Ensuring your HTML5 code can run on any browser
Publishing issues
• Uploading your site
• Proofing and testing your site
• Troubleshooting
Tod make you best Web developer using HTML 5. Which is new trend in the Web developments most of the UI developments require this.
Introduction to HTML 5
• The client/server relationship
• Understanding directories and how a site is organised
• Cross platform file names
• Cross platform directory names
The minimal HTML document
• Understanding HTML syntax
• Creating body text
• Creating titles
• Creating headings
• Working with structure and elements
• Using the Section, Nav, Article and Aside tags
Adding metadata
• How search engines read websites
• Creating content tags
• Creating keyword tags
Adding structure to the content
• Creating headings and sub headings
• Creating paragraphs
• Working with special characters
• Creating line breaks
Working with images
• Adding image links
• The GIF, JPEG and PNG formats
• Compression issues
• Alternative text, titles and descriptions for images
• Using the figure tag
Creating and working with lists
• Numbered (ordered) lists
• Unnumbered (unordered) lists
• Definition lists
Linking to other documents
• Relative links vs absolute links
• Working with URLs
• Anchors within documents
Tables in HTML5
• Tables vs CSS
• When to use tables and when not to
• Creating a table
• Creating rows
• Creating columns
Forms
• Creating a basic input form
• Adding form fields, radio buttons and check boxes
• Using the legend, label and fieldset tags
• Adding submit and reset buttons
• Using form methods
• Combining forms and actions
• Using HTML5 form tags
CSS3
Overview of CSS
• Separating content from presentation
• The difference between CSS and markup
• What can CSS do?
• CSS structure (syntax)
• Inserting styles - inline, embedded or external
Styling text using inline CSS
• Styling basic text elements
• Specifying font size and colour
• Specifying font alignment
Styling a table
• Styling row and column settings
• Creating borders
• Adding colours
Styling Links
• Creating hover effects
• Keeping tracks of links
Backward compatibility
• Ensuring your HTML5 code can run on any browser
Publishing issues
• Uploading your site
• Proofing and testing your site
• Troubleshooting
