Transcript Slide 1

Chapter 15:Web Authoring
Task 3 – Graphics
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 3 – Graphics
1. Open the SkiImageC image in a suitable graphics software:
1. Change the width of the image to 400px wide and maintain the aspect ratio.
2. Reduce the resolution (quality) of the image so the file size is less than 40k.
3. Export as a jpeg and name the file Ski_C
2. Open the LearnE image in a suitable graphics software:
1. Flip the image – Horizontal
2. Save the changes.
Before
After
3. In a suitable graphics software you will create an animated GIF image to promote the ski resort:
1. Set the canvas to the following size: Width 400, Height 100
2. Create 5 States – Set appropriate frame rate
3. In each state you will include a different image with appropriate text.
4. You will export the image as a GIF and will select 256 colours.
5. You will name the file Promotion
4. Open the BookingL image in a suitable graphics software:
1. Apply greyscale to the image.
2. Save the changes
Chapter 15:Web Authoring (Ski Resort Task)
Task 3 – Graphics
1. Open the images highlighted below in a suitable graphics software:
Before
1. Apply appropriate text to each image – Refer to the filename
2. Make sure the formatting is consistent.
3. Save the changes
(You can include shapes so that the text stands out)
1. Open the Backgroundimage image in a suitable graphics software:
1. Crop the image so the green rectangle is not included.
2. Make sure the crop area shows the sizes below:
3. Save the changes
After