HTML & CSS TRAINING

Hypertext markup language (HTML) is used to create web pages for the Internet and Intranets. This course provides learners with the skills to create and edit HTML documents, insert images, hyperlinks and upload to the Internet. Students will build a small professional web site during the course. Students will also be introduced to Dreamweaver and Adobe photoshop.

Robert teach's this course through SAIT Continuing Education Department on Tuesday evenings 6-9 pm (Sept to June) and privately through Science & Art throughout the year. Cost for private Training in our studio is $499 - 15 hours. If there are two people the cost is $749 for two (i.e. $375 each). Private training allows flexibility in teaching, we usually cover more in a shorter time period and testing is optional.

Frequently asked question: With programs like Dreamweaver and Frontpage that write HTML code why should I learn HTML anymore?

Answer: HTML editors are great - but they don't always follow instructions and you will need to go into the code periodically to fix things. Also in order to write CSS or embedd PHP and javascript you need to know the HTML tags.

Course Text: E. Castro 2007 HTML, XHTML & CSS, Peachpit Visual Quickstart Guide. ISBN 0-321-43084-0 Cost $36.99.

1. Create a Basic HTML Document

Learning Outcome: When you complete this module you will be able describe HTML significance’s, create and edit a basic web page.
Objectives: When you complete this objective you will be able to…..

1.1 Define what HTML is and its significance to the web
1.2 HTML tags, container tag and an empty tag, lower case text
1.3 Add the four basic HTML tags using Notepad
1.4 Add text to a web page a <p><b><i><u> <center>
1.5 Identify several deprecated tags e.g. <b><center><font>
1.6 Save a web page and add a file extension .html (or .htm)
1.7 Define the rules for naming web pages, i.e. lowercase, no spaces
1.8 View the web page in a browser e.g. Internet Explorer, Netscape
1.9 Add a web browser specific tag e.g. <blink><marquee>
1.10 Add a comment to a web page <! -- comments go here -->
1.11 Add additional text formatting tags <h1><pre><blockquote><br>
1.12 Add a horizontal rule include width, size, color, noshade attributes
1.13 Modify font attributes: color, font face and size
1.14 Modify background page color
1.15 Add special symbols to a web page copyright, trade mark, accents
1.16 Add superscripts and subscripts to a web page
1.17 Create a resume.html page, add and format text

2. Add Lists, Tables and Links to a Web Page

Learning Outcome: When you complete this module you will be able to add an ordered and unordered list, create and use tables, add hyperlinks to connect together several web pages, add a link to another web site and include an e-mail address.
Objectives: When you complete this objective you will be able to…..

2.1 Create an unordered, ordered list, modify style of bullets

2.3 Create a complex table using an HTML editor e.g. Dreamweaver
2.4 Understand the importance and significance of tables

2.6 Name the home page index.html
2.7 Add hyperlinks to other web sites and open links in new window
2.8 Change the color of a link, visited link and active link
2.9 Understand significance of absolute and relative file paths

2.11 Add a local link to a web page
2.12 Add an e-mail link to a web page.

3. Manipulate and Insert Digital Images into Web Pages

Learning Outcome: When you complete this module you will be able to insert digital images into a web page and edit the images using photoshop.
Objectives: When you complete this objective you will be able to…..

3.1 Identify file types that can be inserted into web pages
3.2 Download free images from the Internet

3.4 Open, crop, resize and save images for the web in Photoshop

3.6 Create professional looking titles, banners and buttons

4. Create a Frame based web site and learn Design fundamentals

Learning Outcome: When you complete this module you will be able to create a simple frame based web site and understand basic design principles
Objectives: When you complete this objective you will be able to…..

4.1 Create a frame based web site

4.3 The 4 basic principles of design: CRAP
4.4 Understand difference between serif and sans-serif fonts
4.5 Dreamweaver, make image links and image maps

5. Create forms, insert Meta Tags and utilize WS_FTP

Learning Outcome: When you complete this module you will be able to create and use functions, create and use arrays in your PHP scripts.
Objectives: When you complete this objective you will be able to…..

5.1 Create a form add text boxes, textareas, radio buttons, etc
5.2 Send information in a form using mailto: command
5.3 Understand a methods to process forms: cgi scripts and PHP scripts
5.4 Download WS_FTP, log onto a server to upload and download files
5.5 Insert meta tags for keywords and description into index.html page
5.6 Visit a domain registration web site and search for domain names
5.7 Visit several search engines on the web and identify where to register web sites

6. Add Cascading Style sheets and simple javascript
Objectives: When you complete this objective you will be able add simple styles and javascripts to your web pages.

6.1 Test HTML skill by writing code
6.2 Add Cascading styles to a web page
6.3 Add simple javascripts to web pages, alert(), scrollerMsg()
6.4 Upload web sites to student accounts

7. Critique and web site design evaluation
Learning Outcome: When you complete this module you will be able to critique web sites on the basis of basic design principles.

7.1 Critique and evaluate web site projects
7.2 Understand additional components that can be added to HTML including Flash, javascript, java, PHP, databases, XML, XHTML, ASP, Java, MySQL

    
Background Graphic File