Lesson Structure

There are 8 lessons in this course:

1. Getting Started
2. What is CSS
3. Navigation
4. Images and Page Weights
5. Colour and Style
6. Designing a Web Site
7. Building and Testing a Web Site
8. FTP

Each lesson culminates in an assignment which is submitted to the school, marked by the school's tutors and returned to you with any relevant suggestions, comments, and if necessary, extra reading.

Aims

• Understand the basics of HTML and create your first HTML Page
• Explore the use of HTML tables to layout a web page
• Recognise the many different types of HTML links used to navigate a web page and web site.
• Understand the importance of navigation in relation to people browsing your site
• Learn how to add images to a web page and understand the importance of page weights and download speeds
• Understand the web safe palette and the use of style sheets to control the look of a web page
• To be capable of designing and planning a basic web site that satisfies a client requirement
• Understand the importance of interpreting web site specifications in the planning and constructing of a web site
• Make your web site visible to the outside world

What is a hyperlink?
“An element in an electronic document that links to another place in the same document or to an entirely different document.” www.webopedia.com

The HTML tag for a hyperlink is the <a> tag closed with an ending tag </a>. The hyperlink tag must contain an attribute which specifies the file or location to be linked to, that is, href=”…”, with the URL of the page or location placed between the quotes. For example:

<a href=”http://www.mySite.com/myPics.html”>My Pictures</a>

External Links
An external hyperlink is one that when clicked will take the user to a new page within your site or to a new site. By default the new page will be displayed within the same browser window. Later we’ll look at how to specify a different or new window.

Text Links
The hyperlink tag surrounds text which is displayed highlighted and is the link that the user may click. As displayed to the user, the hyperlink looks like this:

This is a text hyperlink

… and the HTML code looks like this:

<a href=“http://www.somewhere.com”>This is a text hyperlink</a>

When the user clicks the link they will be taken to the web site www.somewhere.com. The destination is specified using the href attribute. In this example, the link is to another website and not another page within the current site and therefore includes http://www. The link points to a domain name and not a specific page within that site. If a particular page is not specified, then the hyperlink will link to the default page for the site which should be named default.htm (an internet-wide standard).

To link to a page within your site you would simply specify the file name of the page you wish to link to, e.g. <a href=”myotherpage.htm”>…</a>. Notice that you do not need to include http://www or any folder information for a page that is saved in the same location as the current page.

Within your own site, if the page you wish to link to is located in a different folder to the current page, you will need to include the folder as well, for example:

<a href=”/myPics/myPics.htm”>My Pictures</a>

The above hyperlink will link to a page called myPics.htm in a sub-folder of the current one, called myPics.

The location of files is called pathing, and just like locating files on your computer, files on websites use the same conventions. To reference the folder above the one you are currently at, use two dots before the slash, e.g. <a href=”../default.htm”>

What Are the Advantages of Studying with ACS Distance Education?

• You can start at any time to suit you.
• The courses are self-paced.
• You can study when and where suits you. They are flexible to fit in around you and your lifestyle.
• Keep up to date on your learning.
• Update your CV.
• It is not just a course, it is a package of learning that includes – course notes, tutor feedback, self-assessment tests, research tasks and assignments.
• Our tutors are all experts in their field, with years of experience in their field.
• They are also keen and enthusiastic about their subject and enjoy working with students to improve their knowledge and skills.
• Courses are also updated regularly to meet the demands of the changing needs for knowledge and to keep our courses up to date.

What Next?

Study this course to learn more about -

• HTML and publishing on the internet.
• Creating web pages.
• Web design and page navigation.
• Building a web site

Expand your job and career prospects or study HTML to start writing websites as a hobby.  Being able to create websites is useful for many different careers. So why delay? Enrol today.

You can enrol today by clicking the “Enrol Now” button above.

Or

Click here to ask a Question

Or Request a Prospectus Here.