CPSC 1030 – Web Development I

Lab5: [45 marks] Visual Elements and Graphics

Objectives
 Create and format lines and borders on web pages.
 Apply the image element to add graphics to web pages.
 Configure images as backgrounds on web pages.
 Configure images as hyperlinks

Preparation
 Read Chapter 4 of the textbook.
 Create a new folder called Lab5 under your CPSC1030\Labs folder. Save all
your work from this lab inside Lab5.

What to do
1. [15 marks] Do Website Case Study: JavaJam Coffee Bar from Chapter 4 of the
textbook. Note: The images are available from the folder StudentFiles.
2. [10 marks] Copy your personal folder from Lab3 to Lab5. Inside the personal
folder create a folder named images to store all the images for your personal
website. Insert the logo created in Lab4 to a good place on the two pages of your
website and insert the animated gif image to the footer area of the two pages.
Add a good background image to your web pages. Create a favorite icon and
add it to the two pages.
3. [5 marks] Publish your personal website to the Langara Linux web server.
a. Open WinSCP or any other publishing software (such as Filezilla).
b. Enter the following web server address to the host name field:

mylinux.langara.ca

c. Enter your Langara username and password to login.

d. Upload the personal folder with all its content inside to the public_html
folder on the server
e. Enter the following address to a browser to view your personal website:

http://mylinux.langara.ca/~username/personal

4. [15 marks] Do Website Case Study: Pacific Trails Resort from Chapter 4 of the
 textbook.

What to hand in

 Zip your Lab5 folder and upload it to D2L.

When to hand in
 By 11:59pm, Tuesday, October 10, 2023