How to Use Dreamweaver CS4 Horizontal and Vertical Split View

Print this article

In Adobe Dreamweaver CS4 there are new ways to view both code and design or just code. You can even view the same page of code in two windows. Read on to learn how.

Instructions

Dreamweaver CS4 software

Suggest Edits

- 1
  Split Vertical
  Open a page in Dreamweaver. To view Code and Design, you can click the Split button that has been in use in Dreamweaver for several versions--or now you can choose View > Split Vertically and see Code and Design side by side.
- 2
  
  As in previous versions of Dreamweaver, a change in one view is instantly changed in the other.
- 3
  
  When you make a change in the Code, you still have to click in the Design window to see the change take effect.
- 4
  Code Split Vertical
  When viewing just the Code, you can also choose View > Split View or View > Split Vertically. You can copy and paste from one window to another. Anything you change in one window is also immediately changed in the other.

Comments

How to Split Frames in Dreamweaver
If you want to create frames for your webpage, Dreamweaver makes it a very easy process. If you have created frames and...
How to Add a Horizontal Rule in Dreamweaver
A horizontal rule is simply a line that runs horizontal on a screen. Adding a horizontal rule in Dreamweaver is easy and...
How to Split Cells in a Dreamweaver Table
If you have created a table for your website, you may find the need to change one of your cells into multiple...
How to Use the Dreamweaver CS4 Application Bar
In Adobe Dreamweaver CS4, there's an item called Application Bar. It behaves differently in Windows and Mac. It contains some time-saving options....
How to Use Dreamweaver CS4 Academic Software
Web development software programs often pose a steep learning curve to those not fluent in HTML or PHP coding language. The Adobe...
How to Set Frameset Properties in Dreamweaver
A group of frames that work together is called a frameset. Within Dreamweaver, you can set and control the properties of a...
How to Use Code Navigator in Dreamweaver CS4
Adobe Dreamweaver CS4 includes a handy new feature for users with programming skills called Code Navigator. Code Navigator lets you open any...
How to Add a Horizontal Line to a Web Page With Dreamweaver
Use a horizontal line to divide text or break up certain areas on a Web page. Typographical lines take up less space...
Tutorial for Dreamweaver 8
Dreamweaver 8 is a Web site editor used by newbies and experts alike. It includes inbuilt tools that help you build a...
How to Create a Frameset in Dreamweaver
Frames are sections of a webpage that are independently controlled to create the presentation of the webpage. Often, a frameset is created...
How to Use the Related Files Bar in Dreamweaver CS4
Adobe Dreamweaver CS4 introduced the related files bar. It appears at the top of each document window and lists all CSS and...
How to Split the View on a Single PC Monitor
Many people use dual monitors to have extra work space on their computer and view program applications and documents side by side....
Do I Have to Know HTML to Use Adobe Dreamweaver?
Every website is written, at least partially, in hypertext mark-up language (HTML), a universal language that is read by all Web browsers....
Dreamweaver CS4 Tutorial
Dreamweaver has tools to suit the needs of Web designers at all levels. It allows users to work with a graphic interface...
How to Make Dreamweaver Cs4 Templates
Dreamweaver is a Web page editor and design tool that is offered by Adobe corporation. It is one of the most widely...
How to Use CSS Features in Dreamweaver CS4
In the CS4 version of Adobe Dreamweaver, a number of changes have been implemented for creating a new CSS Rule. This article...
The Advantages of Dreamweaver 8
Dreamweaver 8 offers the developer a split screen. Half the screen displays the code for using HTML and the other half of...
Adobe Dreamweaver CS3 Tutorials
The Adobe Dreamweaver application is one of the most popular web editing programs among professional web designers. But whether you are an...
How to Merge Cells Without Changing Table Heights in Dreamweaver
Tables are used on websites to help arrange data. Tables offer many customizations such as cell dimensions, padding and alignment. They can...
What Makes Your Nails Split From Side to Side?
Split nails, along with changes in nail texture and minor infections, are on the list of common nail problems. They can be...

How to Use Dreamweaver CS4 Horizontal and Vertical Split View

Instructions

Things You'll Need

Related Searches

Comments

You May Also Like

Related Ads

Tech Know: Improve Your Digital Life With Tech Tips

Related Articles & Videos