Assignment 4 — Extending Links

Description:

The assignment for this week familiarizes you with the concept of what a hosting service is, how to update your site to a hosting service, and to connect to it via URLs. It also covers how to make links to external sites, as well as how to make links to specific information on a web page.

When you want to make your content available to the people across the Internet, you'll need to work with a hosting company. For the purposes of this class, we'll use HostGator.

You develop your content in a local environment. When you complete it, you upload the content to your hosting site. You use a domain name that uniquely identifies your site. For example, the domain name of Austin Community College is austincc.edu and the domain name for Amazon is amazon.com. When you create your own unique site, you'll have to determine a unique domain name for you to use. In this class, we'll provide information for you to use.

People access your site by entering a URL (uniform resource locater) into their web browser. For example, if you want to go to the ACC home page, enter:

http://www.austincc.edu

To a specific location on the ACC web site (such as a schedule), you can add a path to location:

http://www.austincc.edu/schedule

The browser will look and load a file named index.html or default.html file that is located at the URL if an exact file name if the file is not specified.

You can link to external web pages on your web site by using the same type of URLs. If you wanted to make a link to ACC, you would add an <a> tag to your web page like:

<a href="http://www.austincc.edu">Austin Community College</a>

For more information, see Chapter 4 of the Head First HTML and CSS book.

HTML elements:
<img> <a>
Videos:

Web Hosting and Linking

cPanel Demonstration

Tasks:
  1. Read and complete the exercises from Chapter 4 of the Head First HTML and CSS book.

    Read pages 123 through 141 but you do not have to do the exercises in that section. Starting on page 142, make the changes to the files that you created for Chapter 1.

  2. Read or watch the tutorial for uploading files to the hosting service.
  3. Create a folder named Chapter 4.
  4. In the Chapter4 folder, create your customized versions of the following files:
    • index.html
    • mission.html

    Ensure that all of your links work correctly and display the file when clicked.

  5. Upload the contents of your Chapter4 folder to your website.
  6. Zip your Chapter4 folder and name the file yourName_chapter4.zip.
  7. Submit the zipped file through Blackboard. In the comments section of the Assignment in Blackboard, enter a URL that links to your files on your website.
Grading criteria:

You assignment should demonstrate:

  • Updating the index.html file and mission.html pages you created for Assignment 1.
  • Creating a link from the index page to the mission page using a relative path.
  • Creating a link from the index page to an section within an web page on the internet using a URL. This link should open up in a new tab.
  • Adding a title attribute to your links.
  • Uploading your web pages to a hosting service.
Due:

By 10/16

Example assignment:

Chapter 4 example