Transcript Slide 1

Chapter 15:Web Authoring
Task 1 – Create CSS Style Sheet
15.1 - Create and attach an external stylesheet
•
•
•
Use tags to create an external stylesheet for common styles like: h1, h2, h3, p, li
Specify the font appearance for each style, including features like: font family, size, colour, alignment, bold and
italic
Attach an external stylesheet to a web page
15.2 – Create Web Pages
•
•
•
•
•
•
•
•
•
•
Create links from text and images
Create anchors and links to anchors on the same page
Create links to other locally stored web pages
Create external links to a website using the URL
Create links to send mail to a specified email address
Create links to open in a specified location including: the same window, new window, with a window named as
specified
Insert tables using a table header, table rows, table data, cell spacing and cell padding
Set table width in terms of pixels and % values
Use tables with visible and invisible borders, set the border thickness
Use merged cells within rows and within columns
15.3 – Use Images
•
•
•
•
•
•
Insert an image
Use tags to adjust image size and alignment
Use software to resize an image, adjust the colour depth and amend the file type
Maintain the aspect ratio of an image or to distort it where appropriate
Print web sites in browser view, in html format and screen shot evidence
Understand the need for low resolution images for data transfer
Chapter 15:Web Authoring (Ski Resort Task)
Task 1 – Create CSS Style Sheet
1. Create a new Root Folder called Ski Holiday
2. Create a new a CSS and save it into the root folder as stylesheet.
3. Use the CSS Window to create the styles listed below.
Body Tag
You would use this tag normally to format your background (Image or Colour)
You can set your table styles using the Table and TD Tags.
TD – is used for the internal settings for the table.
H1 - #FFFFFF, San-Serif, 12, bold, center
H2 – #ff0000, serif, 14, left, bold
H3 – #800000 Red – no blue or green component, serif, 14
H4 – #008000Green – No red or blue, serif, 16, center
H5 – #000060, San-Serif, 16, left, bold
P - #000000, San-Serif, 12
LI – #600000, serif, 14, left, italic, disc
Body – background colour – Backgroundimage.jpg (as tiled)
Table - Set background colour to grey, Set border to yellow (width 3)
Collapse Border
TD - Set border colour to red (width 2)
Set your name as a comment