1335 Rockville Pike
Rockville, MD 20852
(301) 424-0044
(301) 424-1693 (fax)


COMPUTER
INSTITUTE
Sunday, October 26, 2014
 

Creating Web Pages using HTML/XML
Course Length:(2 days or 14 hours)
This course shows the students how to design user-friendly home pages using Macromedia HTML/XML. The course starts with the basics of Web Design including Formatting of the text, Definition of Bulleted and Numbered Lists. A part of this course is devoted to advanced features such as working with forms, adding Pointers, Hot Links, Table, Images and Style Sheets.
Course Topics:

PART 1   GETTING STARTED WITH HTML, 
(1 hour lecture), (1 hour lab)
 

HTML Essentials

  • What Is HTML? Why Do I Need to Know HTML?
  • Inside a Web Page, Common HTML Tags and Attributes
  • Writing Your First Web Page in HTML,   Publishing Your First Web Page
  •     Conclusion

Formatting Text

  •  Organizing Text
  •  Text and the Head of a Page
  •  A Body Full of Text
  •  Basic Text Formatting: The Look or the Meaning?
  •  Content-Based Text Formatting
  •  Physical Text Formatting

The List

  •   Unordered Lists
  •   Ordered Lists
  •   Definition Lists
  •   One Last Comment
  •   Conclusion

Dressing Up Pages with Images

  •   The Scoop on Images
  •   Working with Images
  •   Displaying Inline Images

Formatting Images

  •  Tweaking the Size of Images
  •  Giving Images Room to Breathe
  •  Building Walls Around Images
  •  Aligning Images

Linking to External Images

  • Using Background Images
  • Using Animated Images
  •     Conclusion

Connecting Pages with Hyperlinks

  •    What Is a Hyperlink?
  •    Understanding URLs
  •    Host Names and URLs
  •    Dissecting a URL

URLs and Web Resources

  •     Working with the <a> Tag
  •     Linking to Web Pages
  •     Linking to Other Resources
  •     Practical Linking with the <a> Tag
  •     Anchor Hyperlinks
  •     Conclusion  

 

PART 2:  BEYOND THE BASICS
(2 hours lecture), (2 hours lab)  

Visual Navigation with Image Maps

  •     Image Map Basics
  •     Two Approaches to Image Maps
  •     Let the Server Do the Work
  •     Maybe the Client Needs Some Responsibility
  •     Using Image Map Development Tools

Coding Image Maps by Hand

  •     Creating the Map
  •     Associating the Map with an Image
  •     Constructing a Practical Image Map
  •     Conclusion

Organizing Pages with Tables

  •     Table Basics
  •     Getting to Know the Table Tags
  •     Drawing Borders Around Tables
  •     Heading Up Your Tables

Spanning Cells

  •     Setting the Size of Tables

Digging Deeper into Table Formatting

  •      Aligning Tables
  •      Giving Tables Some Space
  •      Dressing Up Tables with Colors and Images
  •      Revisiting Borders

Using Tables for Page Layout

  •     Working Out the Design
  •     Putting the Table Together
  •     Adding the Content
  •     Conclusion

Gathering Information with Forms

  •     Understanding Forms
  •     Processing Forms with Scripts
  •     Using Scripts
  •     Finding Scripts
  •     Borrowing Scripts

Getting to Know Form Controls

  •         The Text Box and Password Box Controls
  •         The Text Area Control
  •         The Check Box Control
  •         The Radio Button Control
  •         The Menu Control
  •         The Button Controls

Creating Forms

  •         Establishing the Formís Action
  •        Laying Out the Controls
  •         The Complete Form
  •         Testing the Form

Advanced Form Tips and Tricks

  •         Creating Read-Only Controls
  •         Hiding Controls
  •         Organizing Controls into Field Sets
  •         Setting the Tab Order of Controls
  •         Providing Keyboard Shortcuts
  •         Conclusion

Integrating Multimedia with Your Web Pages

  •     Understanding Plug-ins and Helper Applications
  •     Working with Sound
  •     Creating Your Own Sounds
  •      Finding Sounds

Adding Sounds to Your Pages

  •     Working with Video
  •     Creating Your Own Videos
  •     Finding Videos
  •     Adding Videos to Your Pages

Tinkering with Streaming Media

  •    Preparing Multimedia Files for Streaming
  •    Linking to Streaming Multimedia Files
  •    Other Types of Multimedia
  •    Conclusion

Graphical Tools and HTML

  •     Why Use a Graphical Tool?
  •     Getting Acquainted with Graphical Tools
  •     Image Editing Tools
  •     Image Map Tools
  •     Web Page Design Tools
  •     HTML Editors

Working with HTML in FrontPage

  •      Using Different Views
  •      Creating Tables
  •      Creating Image Maps
  •      Publishing Your Pages
  •      Conclusion

Publishing Pages on the Web

  •     Web Publishing Basics
  •     Finding a Good Home for Your Web Pages
  •     Hosting Your Own Web Site
  •     Paying for a Web Hosting Service
  •     Hosting with Your Internet Account
  •     Using a Free Web Hosting Service
  •     Foregoing Web Hosting Entirely
  •    Obtaining a Domain Name
  •     Selecting Web Publishing Software
  •     Conclusion  

 

PART 3:  ADDING STYLE TO YOUR PAGES
 (1 hour lecture), (1 hour lab)  

Style Sheet Basics

  •     What Are Style Sheets?
  •     The Essentials of Style

Applying Styles to Web Pages

  •     Internal Style Sheets
  •     External Style Sheets
  •     Classes of Styles

Styling Individual Tags

  •     Local Styles
  •     Linking with Style
  •     Styles and Custom Style Tags
  •     Creating Custom Style Tags
  •     Putting Custom Style Tags to Work
  •     Conclusion

Using Styles to Format Text

  •     Assessing Cascading Style Sheets Text Styles
  •     Working with Font Styles
  •         Setting Individual Font Properties
  •         Setting Font Properties as a Group
  •         Putting the Font Styles Together
  •     Dressing Up Text with Style
  •     Altering the Spacing of Text

Using Styles for Text Alignment

  •         Aligning Text
  •         Adjusting the Margins
  •         Putting the Text Alignment Styles Together
  •     Digging Into the Bag of Style Tricks
  •     Conclusion

Using Styles for Web Page Positioning

  •     The Basics of Positioning with Style
  •     Using Relative and Absolute Positioning
  •     Managing Overlapping Elements
  •     Tweaking the Appearance of Elements
  •     Changing the Size of Elements
  •     Showing and Hiding Elements
  •     Giving Your Elements a Border

Controlling Space on a Page

  •     Controlling the Flow of Text
  •     Flowing Text Around Other Elements
  •     Stopping the Flow of Text
  •     Thy Text Overfloweth
  •     A Complete Positional Style Example
  •     Conclusion  

PART 4:  ADDING INTERACTIVITY TO YOUR PAGES,
 (1 hour lecture), (1 hour lab)  

Dynamic HTML

  •     DHTML Basics
  •     The Least You Need to Know About Scripts
  •     Scripting Languages
  •     Using Scripts in Web Pages
  •     Responding to Events
  •     Getting to Know the Document Object Model
  •     Working with Dynamic Styles
  •     Manipulating Dynamic Content
  •     Fun with Dynamic Positioning

Getting Practical with DHTML

  •      Displaying an Animated Ad Banner
  •      Displaying Random Quotes
  •     Conclusion

Creating Special Effects

  •     The Basics of Special Effects
  •     Working with Visual Filters
  •     The Shadow and Drop Shadow Filters
  •     The Emboss and Engrave Filters
  •     The Glow Filter
  •     The Blur Filter
  •     The Basic Image Filter

Animating Content Changes with Transitions

  •      The RandomDissolve Transition
  •      The Fade Transition
  •      The Strips Transition
  •      The Wheel Transition
  •      The Barn Transition
  •      The Blinds Transition
  •      The Checker Board Transition
  •      The Gradient Wipe Transition
  •      The Radial Wipe Transition
  •      Putting on a Slide Show
  •      Creating Interpage Transitions
  •     Conclusion

Assessing the Capabilities of a Client

  •     What are Client Capabilities?
  •     Client Capabilities and Internet Explorer
  •     Obtaining Client Capabilities
  •     Reacting to Client Capabilities
  •     Conclusion

PART 5: LEVERAGING XML
(1.5 hours lecture), (1.5 hours lab)  

Understanding XML

  •     What is XML?
  •     XML and HTML
  •     Getting to Know XML
  •     Understanding Elements and Tags
  •     Referencing Entities
  •     Using Comments
  •      Using Processing Instructions
  •      Declaring the Document Type
  •     Modeling XML Data
  •     Working with DTDs,  Working with XML Schema
  •     The Practical Side of XML
  •     Conclusion

Styling XML with XSL

  •     Style Sheets and XML
  •     Understanding XSL
  •     Applying XSL to XML Documents
  •     Peeking Inside a Style Sheet
  •     Drilling for Data with Patterns
  •     Transforming Information with Templates
  •     Constructing Your Own XSL Style Sheet
  •     Conclusion

XHTML: XML Meets HTML

  •     The Significance of XHTML
  •     The Problem with HTML,   The XHTML Solution
  •     The Leap from HTML to XHTML
  •     The Need to Accept XHTML
  •     The Three XHTML DTDs,   Document Validation Requirements
  •     Declaring an XHTML DTD and Namespace,  Validating an      XHTML Document
  •     Creating an XHTML Document
  •     Converting to XHTML
  •      XHTML Conversion Guidelines
  •      Converting an HTML Document to XHTML
  •      An Alternative HTML Conversion Option



 
Copyright Computer Institute 1999
Last Updated: Sunday, October 26, 2014