How to Design an HTML Web Page
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.
Other People Are Reading
Instructions
-
-
1
Open Adobe Dreamweaver. On the "Welcome" screen, go to the "Create New" section. Select "HTML."
-
2
Make sure the "Design" tab is selected on the upper left corner of the file.
-
-
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
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
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.
-
1
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.
