How to Make a Border in Dreamweaver
Adding a border to a Web page can help to make the page layout clearer by separating design elements. Borders can highlight important sections of website text, information tables, images and graphics. You can make a border for a Web page using Adobe's Dreamweaver website design software by highlighting the design element and adding a border attribute by editing the HTML code.
Other People Are Reading
Instructions
-
-
1
Launch Dreamweaver.
-
2
Click "File" from the main navigation menu, followed by "Open." Open the Web page on which you want to add the border.
-
-
3
Scroll through the Web page to locate the design element that you want to place in a border. For example, you might want to add a border around an image or a table.
-
4
Click on the design element to highlight it.
-
5
Click the "Code" button under "Source Code" in the navigation submenu. This displays the HTML design code for the Web page. The page automatically opens at the location that you've highlighted.
-
6
Type "border="1"" inside the opening tag for the design element, between the triangular flow brackets. For example, if you're adding a border to a table, the opening tag should look like this: "<table width="400" height="200" border="1">". You can change the number in the border attribute to increase the thickness of the border line. In this example, the border is one pixel thick.
-
7
Click "File" from the main navigation menu, followed by "Save" to save your edited Web page. Upload the page to your Web server. Repeat these steps for each border that you want to add.
-
1
Tips & Warnings
The default color for Web page borders is black, but you can change the color by adding the attribute "bordercolor="blue"" -- or another color -- after the original border attribute in Step 6.
