Web Publishing Course Outline


Below is the table of contents for the Web Publishing course:

About this course
Objectives
Outline
Computing requirements
Navigation buttons
Menu tree
How will I learn?
How will I be graded?
HTML text input exercises
Quiz exercises
Course calendar
How do I start?
Introduction to HTML
What is HTML?
Brief history of markup languages
SGML
HTML
XML
XHTML
HTML5
Web standards
What are tags or elements?
What are attributes?
Browsers
Do I need to use Cascading Style Sheets (CSS)?
Quiz
Summary
Getting started
Writing HTML
HTML editors
Viewing the source code in the browser
Naming your files
Organizing your files
Using templates
Creating or finding templates
Specifying your home page
Understanding content versus presentation
Managing your website
Administering your site
Uploading files
Quiz
Summary
The structure of an HTML document
Overview of an HTML document
Block elements
Inline elements
Declaring the document type
Starting your file – <html>
The document head
Title
Meta information
Adding scripts
Adding style sheets
Adding a bookmark icon
Inserting the content – <body>
Validating your HTML file
Element reference
Quiz
Summary
Getting ready for the exercises
Exercise 1 – Create a page template
Basic structures
Paragraphs
Quotations
Headings
Line breaks
Horizontal rules
Comments
Using markup characters in text
Element reference
Quiz
Summary
Exercise 2 – Basic structures
Formatting text
Emphasized text
Italic text
Preformatted text
Superscripts and subscripts
Address
Computer code
Displaying changed text
Text size
Advisory tags
Elements for CSS formatting
Element reference
Quiz
Summary
Exercise 3 – Text formatting
Lists
Types of lists
Bullet list
Choosing the type of bullet
Numbered list
Choosing the numbering style
Continuing or reversing numbering
Description list
Nested list
Element reference
Quiz
Summary
Exercise 4 – Lists
Graphics
Understanding Web graphics
Content vs background images
Adding graphics
Alternate text for images
Image size
Adding a tooltip for images
Figures
Thumbnails
Adding multiple links to an image
Understanding image maps
Anatomy of an image map
Creating an image map
Character entity references
Element reference
Quiz
Summary
Exercise 5 – Images
Assignment one
Goals
Description
Grading
Requirements
Tools
Submitting the assignment
Links
Using links
Understanding links
Relative versus absolute links
Adding links to an image
Linking to a specific part of a page
Linking to a new browser window
Linking to protocols
Email links
Linking to audio and video files
Element reference
Quiz
Summary
Exercise 6 – Links
Tables
Simple tables
Borders
Table captions
Column headings
Table body, header, and footer
Column groups
Columns
Spanning rows
Spanning columns
Using non-table elements in a table
Element reference
HTML4 table attributes
Quiz
Summary
Exercise 7 – Tables
Forms
Understanding forms
Collecting information using forms
Get versus Post methods
Processing forms using email
Processing forms using scripts
Finding and installing form scripts
Form input controls
Form labels
Text input
Text areas
Checkboxes
Radio buttons
Selection menus
Upload files
Button controls
Submit button
Reset button
Push button
Tab order
HTML5 form attributes
New form input types
Form requirements
Placeholders
Autofocus
Autocomplete
Data lists
Element reference
Quiz
Summary
Exercise 8 – Forms
Inline frames
HTML4 frames
Using iframes in HTML5
Using iframes
Using iframes to change images
Embedding an external URL
Embedding a YouTube video
Element reference
Quiz
Summary
Exercise 9 – Iframe
Interactivity
Understanding scripting
Advantages and disadvantages of using scripts
Using JavaScript
Locating scripts
Using internal scripts
Linking to an external script
Understanding events and event handlers
Mouse events
Keyboard events
Window events
Form events
Media events
Quiz
Summary
Exercise 10 – Add JavaScript
HTML5
Changes in HTML5
HTML5 and browser support
The HTML5 Doctype
Using JavaScript for HTML5 support
New global attributes
Defining the page structure
Adding semantics
Adding a header
Specifying the main content
Adding a sidebar
Adding a section
Adding an article
Adding a nav menu
Adding a footer
Highlighting text
Showing details
Element reference
Quiz
Summary
Exercise 11 – Add semantic elements
Further reading
Multimedia
HTML5 and multimedia
Video
Options for storing videos
Video formats
HTML5 video example
The video element
Browser support for the video element
Objects and MIME types
Linking to a YouTube video
Audio
Audio formats
The audio element
Browser support for the audio element
Animation formats
Animated GIFs
Flash
Embedding a Flash movie
Web resources on multimedia
Quiz
Summary
Exercise summary
Assignment two
Goals
Description
Grading
Requirements
Tools
Submitting the assignment
Intro to CSS
What are style sheets?
What is CSS?
Why is CSS valuable?
CSS standards
CSS specifications
Software tools
Browser support
Browser default style sheet
Units of measurement
Which type of unit of measurement is best?
Color values
Validating and debugging
Quiz
Summary
Exercise
CSS basics
CSS statements
Using CSS selectors, properties, and values
Using separators
Tree structure
Cascading
Inheritance
Linking CSS
Using inline CSS
Using CSS in the <head> tags
Using an external CSS file
Adding CSS comments
Using div and span elements
Quiz
Summary
Exercise 12 – Start a new CSS style sheet
CSS selectors
Using the type selector
Using multiple selectors
Using the universal selector
Using the class selector
Using the class selector generically
Using the id selector
Child selector
Descendant selector
Pseudo-elements
Pseudo-classes
Attribute selectors
CSS3 attribute selectors
Adjacent sibling selectors
General sibling selectors
Selectors reference
Quiz
Summary
Exercise 13 – Add a universal selector
Visual layout properties
Understanding block and inline elements
CSS box model
Choosing the display type
Specifying the width
Specifying the height
Minimum and maximum height
Minimum and maximum width
Understanding positioning
Placing an element on the page
Floating an element on the page
Specifying how text wraps around an element
Managing overflow
Clip property
Aligning tables
Vertical image alignment
Styling a form
Layout properties reference
Quiz
Summary
Exercise 14 – Positioning
Additional resources
Box properties
Understanding CSS boxes
Adding space around an element
Adding space around images
Adding borders
Choosing the border style
Choosing the border color
Choosing the border size
Adding outlines
Specifying margins
Formatting the table
Table and column width
Borders
Cell padding
Aligning cell content
Table background colors
Box properties reference
Quiz
Summary
Exercise 15 – Add border, margin, and padding
Background properties
Changing the background color
Using images in backgrounds
Controlling the repeat of the background image
Positioning the background image
Scrolling the background image
Using the background property
Background properties reference
Quiz
Summary
Exercise 16 – Add background properties
Font properties
Choosing the font family
Understanding generic fonts
Specifying the font size
Choosing the font style
Choosing the font weight
Choosing a small-caps font
Adjusting the font size
Using the font property
Font properties reference
Quiz
Summary
Exercise 17 – Add font properties
Additional resources
Text properties
Adding color to text
Adjusting letter-spacing
Adjusting word-spacing
Adjusting line height
Aligning text horizontally
Aligning boxes vertically
Adjusting text indent
Changing text decoration
Changing capitalization
Managing white space
Adding shadow to text
Text properties reference
Quiz
Summary
Exercise 18 – Apply text formatting
Additional resources
Link and list properties
Choosing the list type
Modifying the position of the list marker
Choosing an image to replace a bullet
Using the list-style property
Changing the appearance of links
Changing the link’s underline
Styling a navigation menu
Adjust margins and padding
Add the background for the menu
Change the list to horizontal
Set the padding and height
Specify the link properties
List properties reference
Quiz
Summary
Exercise 19 – Change list and link properties
Additional resources
Advanced CSS properties
Designing for different media
Page breaks for print
Changing the cursor
Using layers
Visibility
CSS3
Browser-specific properties
CSS3 selectors
Calculating values
Web fonts
Media queries
Multi-column layout
CSS3 gradients
Box shadows
Border effects
Transitions
Transforms
Advanced CSS properties reference
Quiz
Summary
Exercise 20
Additional resources
Assignment three
Goals
Description
Grading
Requirements
Tools
Submitting the assignment
Web design
Challenges for Web designers
Content is king
Using keywords for SEO
Using links
Writing tips for websites
Design principles
Design for your audience
Consistency
Balance
Scale
Contrast
Color
Page layout
Site structure and navigation
UI guidelines for layout
White space
Integrating text and graphic devices
Choosing the type of design
Fixed design
Fluid design
Adaptive design
Responsive design
Developing good design
Quiz
Summary
Additional resources
Assignment four
Goals
Description
Grading
Requirements
Submitting the assignment

Want more information?

Ready to register?

Register now!