How Do I Size My Frames in Dreamweaver to Be Larger?

Traditional frames and divisions can be resized easily in Dreamweaver.

Adobe Dreamweaver is an application for the development of websites. Traditionally, many websites have made use of frames to separate the content from navigation bars, headers, footers and website title bars. Keeping a static menu or logo is a great way to keep navigation and information easy to find for the users, but sometimes the preset size of frames in Dreamweaver is not large enough for your site. Frames can be easily resized in just a matter of minutes to make your website just the way you want it.

Instructions

Dreamweaver Template Frames

1. Click "Split" in the top left corner of the window to view code and design at the same time.

2. Click the outer edge of the frame you want to resize in the design view. This selects the related code in the code viewer.

3. Click to place the cursor at the end of the first selected line in the code viewer just before the closing bracket.

4. Add "style = "width: #px;"" to set the width of the frame in pixels. Replace "#" with the number of pixels you desire. Replace "width" with "height" for horizontal frames.

Traditional Framesets

1. Click "Design" in the top left corner of the window to open the design viewer.

2. Position the mouse cursor over the dotted line at the edge of the frame on the side you want to extend.

3. Click and drag the line to enlarge the frame. The code required to maintain the size will automatically be added to your website.

Tips & Warnings

• In newer and supported versions of Dreamweaver, the frames created by templates are actually divisions, or DIVs. These are preferred because the frameset tag is now deprecated and may not be supported in future versions of HTML.

Resources

• W3Schools: HTML Frames
• W3Schools: HTML Div Tag