Description

Purpose

• Create your first website ‘Hello World’
• Upload your website to a Web server using FTP Client.

• 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 1 hour.

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

The following chapters of ‘Fundamentals of Web Development’ will be useful in completing this exercise:

• Chapter 2
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. Install Eclipse and FileZilla
2. Create your first website using notepad
3. Upload your website to the webserver
4. View your webpage using a web browser
5. Submit Assignment Link on Blackboard
Task 1

Our first task is to prepare ourselves for the coming Labs and Assignments by installing the software needed to be successful in this course.

FileZilla:
1. Navigate to the following web address: http://filezilla-project.org/
2. Click the ‘Download FileZilla Client’ button
3. Download and install the appropriate FTP Client (choose the operating system that matches your computer)

For more information on using FileZilla please navigate to the following material in Blackboard: Course Content → Extra Material → FileZilla Guide (Video)

Eclipse:
1. Navigate to the following web address: http://www.eclipse.org/
2. Download the appropriate Eclipse client (choose the operating system that matches your computer).
Please download Eclipse from the following URL:
http://www.eclipse.org/downloads/packages/eclipse-php-developers/lunasr2

IMPORTANT NOTE:
The Eclipse client does not have a standard installer. To use the software simply unzip the file you downloaded and run the ‘Eclipse.exe’ executable.

IMPORTANT NOTE:
In order to run Eclipse, the Java Runtime must be installed on your computer. To download the
Java Runtime please go here: http://www.java.com/en/download/
Task 2

Create your first website using Eclipse or Notepad.

Handwrite the HTML needed to create a webpage that will:

• Display your first and last name.
• Display your student number.
• Display the text ‘Hello World!
• Display a brief paragraph about what you expect to learn from this course.

Be sure to name this file: index.html
Task 3

Upload your website to a Web server. You need to purchase web domain and 4 months of hosting for this course. If you already host your own web site, you do not have to purchase one. Please check the announcement in the Blackboard to get detailed information about purchasing your own web domain.

Use an FTP client to connect to your Web server.

Once you connect to the Web server using an FTP client, create a directory called
‘/CST8238/Lab1’ under ‘/public_html’ directory . Once your course
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)

We recommend the FTP client Filezilla. The program is provided for free (and open source for those who are interested in such things) by the Mozilla Foundation; the makers of Firefox and Thunderbird.

For more information on using FileZilla please navigate to the following material in Blackboard: Course Content → Extra Material → FileZilla Guide (Video)

IMPORTANT:

IMPORTANT:

To obtain personal web hosting address, please check the instructions in the ‘Announcements’ section on Blackboard.
Task 4

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

http://web-server_domain_name/CST8238/Lab1/<filename>
http://wenjingwang.com/CST8238/Lab1/index.html

For example, the web address to my page is:

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

Where ‘rejaul.com’ is the domain name of the Web server, ‘ CST8238/Lab1’ 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 5

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 1 – Preparation and Hello World’ 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 4

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: