Web Page Tutorials and Reference Files
The contents of the folder: web_page_tutorials
on the DDO_USB memory stick.
Web Page Tutorials
A PDF Booklet of instructions and reference material related
to the files in the folder: web_page_tutorials.
Tutorial File Sets
Activity One - First Pages
Page 1, the template
file from which the first page will be made. A second page will be
generated from the completed first page. Details and
instructions for completing the tutorial begin on page 5 of the
Web Page Tutorials booklet.
sources of information related to the completion of Activity One
and the tutorials below.
- HTML and CSS Tutorial
Page 1, the first of a set of seven pages that introduce
HTML and CSS coding techniques
and provide a set of exercises for beginning programmers.
Find details in the Web Tutorials Booklet, page 14, ff.
- Demo Site
Home Page, the index to
a set of pages that could be built into a U3A Website.
The Web Tutorials Booklet, page 35, ff. gives details.
Reference File Sets
A reference page of hexadecimal color codes.
See the Web Tutorials Booklet, pages 12 and 28 for details.
Filepath Demonstration File Set:
A set of pages to illustrate how filepaths are specified in HTML.
See the Web Tutorials Booklet, page 25 for details.
A set of five pages detailing how images are sized and placed on the page,
Floating and Centring Images:
A set of three pages detailing how to float images to left and right and
and centre them on the page.
Styling Web Pages:
A brief introduction to CSS.
Style Code Placement:
A set of pages detailing options for placing style code in web pages.
Styling Text with CSS:
A single page detailing options for styling text. It demonstrates
how default rules defined in the style block in the head section
can be modified by rules associated with specific element class selectors
and rules placed in in-tag style attributes.
- More Code Examples
Four Slide Shows:
[Button Change] -
Elements on the image open linked files when clicked.
Wide to Zoom: [Show]
Point to a hidden spot to show a frame. Click the frame to zoom in .
Dropdown panels occupy space on the page only when required.