Section 1 - Introduction

• Programs needed:
• Graphical Web browser
• Text editor
• Create folder
• History of the Internet
• World Wide Web
• SGML (Standard Generalized Markup Language) defined
• HTML (Hyper Text Markup Language) defined
• Advantages of HTML:
• Cross-platform language
• Can be written with any text editing program
• Ability to hyperlink documents
• Hyperlink defined

Section 2 - How the Internet Works

• TCP/IC (Transmission Control Protocol / Internet Protocol) defined
• IP addresses
• Domain name
• World Wide Web consortium
• Search engines
• Keep it simple
• Setting user preferences
• Viewing source codes
• Browser caching
• Temporary storage on computer
• Refresh or reload button

Section 3 - Coding Your First Page

• Opening Notepad program
• HTML tag defined
• Open and close angle brackets
• Not case sensitive
• Head tag
• Title tag
• HTML tags and page content
• Forward slash character for closing tag
• Saving files in notepad as HTML file
• Viewing page in browser
• Body tag
• Alt + Tab opens application switcher
• White space defined
• BR (bracket) tag
• PR (Paragraph) tag
• Standalone tags
• Attributes and values imbedded in tags
• Attributes and values defined
• BG color tag
• Text tag
• F5 key = Refresh

Section 4 - Formatting Text with HTML

• Setting Font tag
• Header tag
• Order of closing tags
• H1 (heading) tags defined
• Font Size tag
• Bold tag
• Setting absolute font sizes
• Correcting font errors

Section 5 - Advanced Text Formatting

• Block Quote tag
• Copying and pasting codes
• Italics tag
• Creating ordered list
• List using numbers or bullets
• Adding attribute to ordered list

Section 6 - Hyperlinking Basics

• Code for making e-mail a link
• HREF (hypertext reference) defined
• Coloring for clicked links
• Adding named anchors
• Pipe character in named anchors
• Editing named anchors
• Creating links to the top and bottom of page
• Editing internal links
• Status bar
• Linking between two documents
• Creating link to another folder
• Creating folder structure for HTML
• Pages
• Images
• Thumbnails

Section 7 - More Hyperlinking

• Changing hyperlink colors
• Active links
• Open new Notepad file
• Saving Notepad file
• Creating link to Internet page
• Absolute link defined
• HTTP protocol
• Correcting errors
• Adding Target Attribute tags

Section 8 - HTML Table Basics

• Table tag
• Ways of using tables
• Determining the size of tables
• Pixel size
• Percentage
• Border tag
• Table Row tag < tr >
• Table Data tag < td >
• Editing table borders

Section 1 - Introduction

Section 2 - Color on the Web

• History of color on monitors
• Displaying colors proper
• Differing color palettes
• Web-safe palette defined
• RGB color system
• Hexadecimal system
• Hexadecimal coloring defined
• Using common names for color
• Defining colors using Hex codes
• Selecting colors from web page codes
• Deciding on color designs

Section 3 - Understanding Web Graphics

• Image formats
• JPEG
• GIF
• PNG
• JPEG and GIF defined
• Deciding which format to use for graphics
• Advantages of different graphic formats
• Inserting images into a web page
• Image tag
• Resizing images

Section 4 -All About Image Attributes

• Width and height attributes
• Preferences setting to not show images
• Hiding images
• Displaying the Alt tag
• Using tables to control where images appear
• Nonbreaking Space tag
• Adding vertical and horizontal space around images
• Adding hyperlink border and pointing finger
• Images listed in status bar

Section 5 - Optimizing Images for the Web

• Issues to consider to display images
• Speed of download
• Weight of the images
• Reducing weight of images
• Using a graphics program to resize images
• Resolution of images
• Using the proper format of images
• Number of colors that can be displayed in JPEG and GIF
• Reducing colors in GIF format
• Compressing images
• Image optimization

Section 6 - Formatting a Page with Tables

• Nesting columns
• Organize information into table
• Column Span tag
• Deleting a column in table
• Image Source tag
• Add images to columns
• Centering images in table
• Editing tables

Section 7 - Advanced Table Layout

• Vertical alignment in cells
• Control cell spacing in the tables
• Cell Padding Value tag
• Turning Off Borders tag
• Changing margin attribute
• Including browser information for both Internet Explorer® and Netscape®

Section 8 - Linking with Image Maps

• Image map defined
• Defining hotspots
• My Map tag
• Adding coordinate attributes to create a hotspot
• Coding shapes for hotspots
• Circular Attributes tag
• Polygon Attribute tag

Section 1 - Introduction

Section 2 - HTML forms

• HTML forms defined
• Adding title for form page
• Tags needed for forms
• Adding form elements
• Text Input Box Attribute tag
• Select element defined
• Setting up options using select element
• Setting up radio buttons
• Nesting table within a cell

Section 3 - Advanced Form Elements

• Horizontal Rule tag
• Adding Check boxes tag
• Setting up a text area in a form
• Editing input boxes
• Setting a limit of character to a box

Section 4 - Activating the Form

• Adding Submit and Reset button to form
• Common Gateway Interface (CGI scripts) defined
• Adding Method Attribute tag
• Using post and get attribute
• Action attribute
• Testing form
• Showing thank you page and e-mail

Section 5 - Frames

• HTML frames defined
• Using frames for consistent navigation
• Editing frame borders and scroll bars
• Hiding frame borders
• Adding references to frames

Section 6 - Cascading Style Sheets

• Cascading Style Sheets (CSS) defined
• Class tag
• Custom class style defined
• Create link to external style sheet
• Adding style sheet to a table
• Editing style sheets
• Applying style sheets to buttons

Section 7 - Embedded and Inline Styles

• Embedded style defined
• Embedding the style within code
• Inline style defined
• One style taking precedence over another
• Rules of inline and embedded styles
• Applying CSS to visited and unvisited hyperlinks

Section 8 - Publishing Your Site

• Testing paths and links
• Meta tags defined
• Adding keywords to meta tags
• Adding description to meta tag
• Uploading files to Web service
• File Transfer Protocol (FTP ) defined
• Information from your provider
• Type of file
• User name and password
• Registering site with search engines