WRITING AN INTERNET WEBSITE (HTML) VIT102

WHAT IS AN HTML PAGE?


HTML stands for Hypertext Markup Language. An HTML page is a text file that contains special characters called markup tags. The tags describe how the page should be displayed when you view it via a browser such as Microsoft Internet Explorer, Mozilla Firefox or Google’s Chrome.


Why Choose this course?

Learn to create web pages. Explore different methods of laying out an HTML page. Investigate some of the techniques employed by web developers to Navigate between web pages. Experiment with the use of images and background images on web pages. Use style sheets to change the look and feel of a web page. Build a web site based on a client design specification.


Is this course right for me?

This course is suitable for anyone who wants to learn programming in html. It can be a hobby or to create a website for your personal or business use. Keeping in mind that web development companies charge thousands of dollars to develop websites for businesses this course is a good investment.

This course is designed to provide the student with a "starting point" for understanding the world of Web Development. It will provide sufficient training for you to start producing your own HTML pages and publish them to the Internet.

 

Html is the foundation for anyone who is going to work with web sites. Whether your full time job, a part time business, or simply something you use occasionally among your other work; this is an extremely valuable skill to have in just about any work environment today, from office work to IT or sales to management.

COURSE STRUCTURE AND CONTENTS

There are 8 lessons as follows:

1. Getting Started -What is html, What is a tag, Create an html page, Write a file, File Naming, View your First Page, Your First Page Explained, Structure of an HTML page, Structure of Tags, Tag Attributes, Adding More Detail to a Page, Laying out Text, Adding Colour, External Style Sheet, Validation

2. Page Layout - What is CSS, Defining a Style, Using CSS for Web Page Layout, Importing CSS Styles into HTML, Styles used for page content and layout, Margins, Padding, The Box Model, Maximum Heights and Widths, Using the Display Properly, Position, Float, CSS Units, Common Layouts, Text Layout, Terminology

3. Navigation -What is a Hyperlink?, External Links, Text Links, Naming Links, Image Links, The Target Attribute, Email Links, Internal Links, Navigation Bar, Navigation and Useability, Terminology.

4. Images and Page Weights -Image Format, Selecting Image Type, Sourcing Images, Viewing Images on a Web Page, Background Images, Tricks with Background Images, Page Weight, Optimal Page Weight, Image Optimisation

5. Colour and Style - Designing with Colours and Styles, Colour, Understanding Hexadecimal
Named Colours, Named Colours vs Hexadecimal, Web Safe colours, Tags that Support Colour, CSS -Cascading Style Sheets, Cascading Styles, Font Matching, Inline Styles Using an ID, CSS Classes, IDs and Classes, External Style Sheets (ESS), Linking a Page to ESS

6. Designing a Web Site -Planning your Design, Interviewing a Client, Design Review, Prototypes,
Signoff, Designing a Home Page

7. Building and Testing a Web Site -Planning a Site Before you Build, Prototype
Design Navigation and Build, Test during and after Build, W3, Html Standards, Well Formatted html, Validation, Usability Checks, Checklist

8. FTP -What is ftp, Anonymous ftp, ftp Client, Registering your Domain, Web Hosting, Affording the Overheads

 

Duration: 100 hours

 

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

 

 

Extract from the Course Notes (part lesson only): 

Lesson 1

GETTING STARTED

Aim

Understand the basics of HTML and create your first HTML page.

 

WHAT IS AN HTML PAGE?

HTML stands for Hypertext Markup Language. An HTML page is a text file that contains special characters called markup tags. The tags describe how the page should be displayed when you view it via a browser such as Microsoft Internet Explorer, Mozilla Firefox or Netscape Navigator.

HTML works in a very simple, very logical, format. It reads like you do, top to bottom, left to right. That's important to remember. HTML is written with plain (or raw) text. What you use to set certain sections apart, such as bigger or smaller text, bold or underlined text, displaying a picture or table of information, an hyperlink to another document or resource, is a series of tags.

 

WHAT IS A TAG?

Think of tags as commands. HTML tags are just simply text, but so the browser can understand that the text is a tag and not text to be displayed, all tags are contained between opening < and closing >, for example: <title>. The text between the arrowheads is the HTML keyword and must be one of the many defined HTML tags.

Let's say you want a line of text to be bold. You will put a tag at the exact point you want the bold lettering to start and another tag where you want the bold lettering to stop, for example:

<b>This text is bold.</b>

If you want just a word to be italic, you will place a start italic tag at the beginning of the word and an end italic tag at the end of the word, for example:

This word is <i>italic</i> and the others are plain.

Both start and end tags must use the same keyword, except end tags contain a forward slash (e.g. /) before the keyword so the browser knows it is an end tag. It is conventional to type all keywords in lower case letters.

For your convenience a list of all the tags defined in the specification for HTML 4.01, and that you will need for this course, can be found in Appendix 1.

 

Create an HTML Page

You don't need to be connected to the Internet to create or view HTML pages. You don't even need complex software. All that you require to create HTML pages is a simple text editor such as Notepad if you are using a Windows based computer or Simpletext if you are using an Apple computer. The free public licence software, Notepad++ (available from http://notepad-plus.sourceforge.net) is an excellent text editor which includes some features that can help you write your HTML pages and other coding/programming files. For example, the program uses colour coding to display different elements of your text which makes reading and editing your code much easier.

 

ACS is a Vocational School and Technical School; offering Online Training Courses in Computing. Learn about IT, by External Studies.

Get started today and make a difference
Simply click on the ENROL NOW icon at the top of this page