HTML5 & CSS tutorial

<< Click to Display Table of Contents >>

Navigation:  Quick Start Tutorials > Tutorial Projects and Templates >

HTML5 & CSS tutorial

Tutorial location and name:

Location:My Documents\My HelpAndManual Projects\Examples\HTML5 Tricks
(on some Windows systems My Documents is called Documents)
Quick access:Welcome section at the top of the Project Explorer
Name:HTML5-and-CSS.hmxz

Subjects covered:

This tutorial shows you how to edit the HTML templates in your project or skin to create some more advanced formatting and effects. All the code required is included in the tutorial project, which you can also use as a template for your own projects. Once you have worked through all the lessons you will be able to:

Create non-scrolling headers A non-scrolling header stays visible while the user scrolls the text of your topic. Help & Manual's own help uses these headers. for your HTML Help and WebHelp output.

Add graphical navigation buttons to your topic headers, with and without mouseover effects When the user positions the mouse over the button it changes and becomes highlighted..

Add a Print link or button to your topic headers.

Use CSS styles to change the appearance and behavior of all the hyperlinks in your project.

Add customized icons to the TOC (table of contents) of your WebHelp projects.

Add a background to the TOC in WebHelp.

Add background images to topics and headers.

See also:

Using HTML templates