Course Overview
Web design can look complicated to the beginner. This course is an easy to understand first step towards creating meaningful web content and will give delegates an understanding of how to put together simple web pages incorporating links, images and basic styling. The course is designed to provide delegates with hands-on experience of building their own Web pages.
Target Audience: The course is aimed at anyone who has been charged with developing basic web content.
Prerequisites
- Delegates should have a working knowledge of the Windows operating environment and be familiar with the concepts and use of the Internet.
Delegates will learn how to
At the end of this course, you will be able to:
- Understand what HTML is, how it is used and how it came to be
- Use a text editor to create an HTML document
- Create links to locations within a site, within a page and to external sites
- Format Web page content by using HTML/XHTML tags and Cascading Style Sheets
- Incorporate graphics into Web pages as embedded images, links, and backgrounds
- Generate unordered, ordered, and nested lists in HTML documents
- Build and format tables and add inline frames for presenting information in different formats
- Obtain an understanding of basic CSS
Outline
Module 1: Introduction
- Administration
- Web evolution
- The Internet and intranets
- Benefits to an organisation
- WWW Browsers
Module 2: Basic HTML
HTML forms the basis for most web content. This chapter deals with creating basic pages and basic formatting.
- HTML standards
- Basic Page Structure
- HTML4 Versions and DTDs
- Tags, attributes and values
- Character formatting
- Character entities
- Text formatting
- Syntax Errors and HTML Versions
Module 3: Lists, Links and XHTML
This chapter introduces list creation, hyperlinks and their targets and discusses the implications of absolute and relative links. The final part adds the strict rules of XHTML.
- Ordered and unordered lists
- Hyperlinks and anchors
- Relative and absolute URLs
- Hyperlink targeting
- Non-Standard HTML
- Origins of XHTML
- XHTML Versions and DTDs
- XHTML Rules
Module 4: Images
There are many image formats although only a few are suitable for the web. Images are required for most sites and may be used for a multitude of purposes, including navigation. It is therefore very important to use the right type of image as well as understanding the HTML that will present the image in the most pleasing way.
- File formats
- GIF, JPEG, PNG
- Transparent GIFs
- Inline Images
- Image configuration
- Background colour and images
- Graphical hyperlinks
Module 5: Tables, Inline Frames and CSS
Tables have been the mainstay of page design for many major sites and can be used to create the look and feel of the site interface. Although there is less need for this now, it is still important to understand table structures and how to lay out data on the page. In addition, the delegates will learn how to use and configure Inline frames. There is also an introduction to CSS including embedded, inline and linked style sheets as well as using CSS classes.
- Basic tables
- Tables layout
- Complex tables
- Inline frames
- Hyperlinks and iframes
- Cascading Style Sheets
- Embedded, inline and linked stylesheets
- Classes and ID's
- Spans and divisions
Creating Web Pages Duration: 1 Day
Course Overview
Web design can look complicated to the beginner. This course is an easy to understand first step towards creating meaningful web content and will give delegates an understanding of how to put together simple web pages incorporating links, images and basic styling. The course is designed to provide delegates with hands-on experience of building their own Web pages.
Target Audience: The course is aimed at anyone who has been charged with developing basic web content.
Prerequisites
- Delegates should have a working knowledge of the Windows operating environment and be familiar with the concepts and use of the Internet.
Delegates will learn how to
At the end of this course, you will be able to:
- Understand what HTML is, how it is used and how it came to be
- Use a text editor to create an HTML document
- Create links to locations within a site, within a page and to external sites
- Format Web page content by using HTML/XHTML tags and Cascading Style Sheets
- Incorporate graphics into Web pages as embedded images, links, and backgrounds
- Generate unordered, ordered, and nested lists in HTML documents
- Build and format tables and add inline frames for presenting information in different formats
- Obtain an understanding of basic CSS
Outline
Module 1: Introduction
- Administration
- Web evolution
- The Internet and intranets
- Benefits to an organisation
- WWW Browsers
Module 2: Basic HTML
HTML forms the basis for most web content. This chapter deals with creating basic pages and basic formatting.
- HTML standards
- Basic Page Structure
- HTML4 Versions and DTDs
- Tags, attributes and values
- Character formatting
- Character entities
- Text formatting
- Syntax Errors and HTML Versions
Module 3: Lists, Links and XHTML
This chapter introduces list creation, hyperlinks and their targets and discusses the implications of absolute and relative links. The final part adds the strict rules of XHTML.
- Ordered and unordered lists
- Hyperlinks and anchors
- Relative and absolute URLs
- Hyperlink targeting
- Non-Standard HTML
- Origins of XHTML
- XHTML Versions and DTDs
- XHTML Rules
Module 4: Images
There are many image formats although only a few are suitable for the web. Images are required for most sites and may be used for a multitude of purposes, including navigation. It is therefore very important to use the right type of image as well as understanding the HTML that will present the image in the most pleasing way.
- File formats
- GIF, JPEG, PNG
- Transparent GIFs
- Inline Images
- Image configuration
- Background colour and images
- Graphical hyperlinks
Module 5: Tables, Inline Frames and CSS
Tables have been the mainstay of page design for many major sites and can be used to create the look and feel of the site interface. Although there is less need for this now, it is still important to understand table structures and how to lay out data on the page. In addition, the delegates will learn how to use and configure Inline frames. There is also an introduction to CSS including embedded, inline and linked style sheets as well as using CSS classes.
- Basic tables
- Tables layout
- Complex tables
- Inline frames
- Hyperlinks and iframes
- Cascading Style Sheets
- Embedded, inline and linked stylesheets
- Classes and ID's
- Spans and divisions