Some comments and instructions in this page are for audio browsers and users who browse this site with screen readers. If you can see this paragraph and you are not using a text-only or screen reader browser, either the style sheet for screen viewing didn't load (if so, click on "refresh" to reload the style sheet), or you need to use a World Wide Web Consortium (W3C) standards-supporting browser that has full XHTML 1.0 Transitional and Strict and cascading style sheet (CSS) level 2 support.

For additional information, see the Accessibility Design and Features page.

Skip navigation

 
 
The following is the main content for the page. 
 

Talk Workshop

Writing a Web Page

Print out this file or keep this page open in your browser for reference.

Note:  Some hypertext links may take you to Portable Document Format (PDF) files you can view in your Web browser.

If you can't view the PDF files or you get an error message, download and install the latest version of the FREE Acrobat® Reader™ plug-in for your browser: https://get.adobe.com/reader/otherversions. Some PDF files are saved with accessibility and search capabilities for screen readers. The Acrobat Reader, full version has accessibility and search capabilities.

Before you begin, configure your browser to use your favorite editor when you view a source file. Do this by modifying the helper application options in your browser to use your editor.

If you aren't allowed to set or modify the browser's options (you're using a browser that isn't yours), open the editor provided on the desktop.

page under construction icon Writing steps

  1. Go to the practice HTML file.
  2. Click on "View source" in the browser pulldown menu (usually under File or View).
  3. Select "Save as…" to save the source file to your desktop.
  4. Modify the practice file however you want to. Make up your own story.
    Refer to the sample HTML tagging pages PDF file
  5. Add backgrounds and other graphics you want to use in your page
    (for this workshop, use <img src="graphicname.filetype" align="description of graphic"> so the browser looks for the graphics in the same place that your practice file is located—). Do not use links to other people's pages or servers for your graphics. Describe each graphic in the alt= tag for use by text-only browsers or page readers for the blind or sight deficient users.
    • Grab the backgrounds and graphics from the workshop icons file and save them on your desktop.
    • Surf the Web and grab more to use in your page by saving them to your desktop (check out the graphics resources section for collections of icons, backgrounds, rule and thread lines, and more.
  6. Check spelling
  7. Preview your page in the browser:
    1. Switch to the browser and click on Open File in browser's pulldown menu.
    2. Type the name of your practice file and press Enter.
  8. If you want to make revisions, switch back to your editor, modify your practice file, and preview it again in the browser until you are happy with your page.
  9. If you like what you see, congratulations—you've written your first web page!

break time icon Completing the workshop

Move the practice file and graphics to where you want to store them on your hard disk. If this is not your computer, please delete the files from the desktop.

to top button

Return to The World Wide Web and How to Get into It

Return to the World Wide Web Resources, part 1

 
[an error occurred while processing this directive]
 

 
 
flubbing flounders
 

Lockley.Net