Description

Purpose

• Create Tables and use Attributes
• Upload your website to a web server

• This lab must be handed in:
Assessment

• This Lab is worth 2% of your total course mark.
Estimated Time

• This Lab is estimated to take 2 hours.

This is only an estimate of the time required to complete this Lab. I would encourage you to work at your own pace and if at all possible obtain a laptop so that you can work on your assignments from anywhere.

1. The following chapter of your textbook: Fundamentals of Web Development (By Randy Connolly & Richard Hoar) will be useful in completing this exercise:

• Chapter 4
Lab Supplies

To complete this lab you will require the following lab supplies:

• Textbook: Fundamentals of Web Development
• Eclipse, Notepad (or other text editor, or IDE)
• FileZilla (or other FTP client)
Summary of Tasks

1. Create 3 web pages
2. Upload your website to the webserver
3. View your webpage using a web browser
4. Submit Assignment Link on Blackboard
Task 1

Use the knowledge gained from HTML and CSS – Part 3 Page Layout to create the following web pages.

1. Web Page 1 must contain a 6×7 table that is:
• the 50% width of the web browser
• contain a header
• each column in your table must be a different color and width
• each row in the table must be a different height
• each cell of the table should have border
• At the top of the page provide a link to ‘ColRowSpan.html’
• At the top of the page provide a link to ‘Calendar.html’

Name this page ‘index.html’

2. Web Page 2 must contain a 10×10 table that is:
• the entire width of the web browser
• this table must show 2 examples of colspan
• this table must show 2 examples of rowspan
• At the top of the page provide a link to ’index.html’
• At the top of the page provide a link to ‘Calendar.html’

Name this page ‘ColRowSpan.html’

• 2nd row of the table will contain the days of a week (i.e., S,M,T,W,T,F,S)
• At the top of the page provide a link to ’index.html’
• At the top of the page provide a link to ‘ColRowSpan.html’

Name this page ‘Calendar.html’
Task 2

Upload your website to the webserver. Use an FTP client to connect to the webserver.

Once you connect to the webserver using an FTP client, create a directory called ‘/Lab3’ under ‘/public_html/CST8238’ directory. Once your personal directory has been created navigate to that new directory. Add your index.html file to this location. (Using FileZilla simply drag the index.html file into your folder)
Task 3

View your website using a web browser. Open a web browser and navigate to the following web address:

http://web-server_domain_name/CST8238/Lab3/<filename>

For example, the web address to my page is:

http://rejaul.com/CST8238/Lab3/index.html

Where ‘rejaul.com’ is the domain name of the Web server, ‘ CST8238/Lab3’ is the name of the directory I created in the Web server under ‘/public_html’ directory using FTP client and ‘index.html’ is the web page I created for this lab.
Task 4

Once you have confirmed that your webpage is available online, you are ready to hand in your lab.

To hand in your lab go to Blackboard and navigate to Course Content → Labs and click on ‘Lab 3 – Tables and Attributes’ link.

Under “Assignment Materials”, in the Submission text box write out the following Information:

• Student Number
• First Name
• Last Name
• The URL, or hyperlink, prepared in Task 3

Finally, once the Submission and Comments section are complete, click the ‘Submit’ button to send the lab to your professor.

IMPORTANT NOTE:
If the URL, or hyperlink, does not direct the professor to the lab you will receive a ZERO for the lab assignment.

IMPORTANT NOTE: