eHow launches Android app: Get the best of eHow on the go.

How To

How to Design an HTML Web Page

Contributor
By cjohnson
eHow Contributing Writer
(0 Ratings)
Quickly design an HTML web page with Dreamweaver
Quickly design an HTML web page with Dreamweaver

HTML (HyperText Markup Language) creates the structure, layout and design of a Web page. Many widely available web-editing programs make it easy to quickly create your first HTML page. Here is a step-by-step guide.

From Quick Guide: Personal Websites Basics
Difficulty: Easy
Instructions

Things You'll Need:

  • Adobe Dreamweaver
  1. Step 1

    Open Adobe Dreamweaver. On the "Welcome" screen, go to the "Create New" section. Select "HTML."

  2. Step 2

    Make sure the "Design" tab is selected on the upper left corner of the file.

  3. Step 3

    Enter the text for your web page. Select the text you just typed. Go to the "Properties" panel on the bottom of your screen and format your text. Under the "Format" drop-down menu, select Dreamweaver's default formatting, such as headers and paragraph text. Use the "Text Indent" and "Text Outdent" buttons to move your text on the page.

  4. Step 4

    Insert any special properties for your page. Go to the "Insert" panel on the upper right corner of your file. To insert a link to another page or website, select the text. Click "Hyperlink" on the "Insert" panel. To place an image on your page, navigate the flashing cursor to where you want it. Go to the "Insert" panel and select "Image." Locate the image you wish to use on your computer and click "Choose." Click "OK" on the pop-up window confirming that a relative path will be used for the image file.

  5. Step 5

    Go to "File" on the top navigation menu and select "Save." Save your HTML Web page on your computer. Go back to "File" and select "Preview in Browser." Click your preferred browser and you can now see what your HTML page will look like online.

Tips & Warnings
  • Although Dreamweaver and other professional Web editors make it easy to design a page by simply inserting graphics and text, it is useful to learn some basic HTML code.
Subscribe

Post a Comment

Post a Comment

Related Ads

  • Have you done this? Click here to let us know.
I Did This
Get Free Internet Newsletters

Copyright © 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy.   en-US Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.

Demand Media
eHow_eHow Technology and Electronics