Page Designer

Page Designer

Page Designer is a multi-tabbed editor that makes it easy to edit HTML, XHTML, page template files, JSPs, Faces JSPs, and embedded JavaScript™ code. By clicking on a Page Designer tab, you can display multiple representations of each page: Design, Source, Split, and Preview.
Each page works in conjunction with several other views that are included in the Web perspective, such as the Outline and Properties views, toolbar buttons, menu bar options, pop-up (right-click) menus, and palette components.

Editor page Description
Design The Design page is the WYSIWYG environment that enables you to create and work with a file while viewing its elements on the page. For example, you can see the graphics that you have inserted into the file and continually check the visual presentation of the Web page as you design it. This page provides full visual editing capabilities, including the ability to drag and drop from the Palette, the Enterprise Explorer view, the Thumbnails view, and Microsoft® Internet Explorer.
Source The Source page enables you to view and work with a file's source code directly. The Outline and Properties views both have features that supplement the Source page.
Split Combines the Source page and either the Design page or the Preview page in a split screen view. Changes that you make in one part of the split screen can immediately be seen in the other part of the split screen. You can split the screen horizontally or vertically.
Preview The Preview page shows you how the current page is likely to look when viewed in an external Web browser.
To preview any dynamic content (such as JSP tags), you should use the
Run on Server option from the page's pop-up menu in the Enterprise Explorer view.
You can also use the

Tools | Launch External Web Browser menu option to open the current file in the default Web browser.

Related tasks

Working in the Design and Split pages
Working in the Source page
Creating Web pages
Creating a Web page template
Switching between Design and Preview panes in the Split page
Inserting HTML tags in the Design page

Editor page	Description
Design	The Design page is the WYSIWYG environment that enables you to create and work with a file while viewing its elements on the page. For example, you can see the graphics that you have inserted into the file and continually check the visual presentation of the Web page as you design it. This page provides full visual editing capabilities, including the ability to drag and drop from the Palette, the Enterprise Explorer view, the Thumbnails view, and Microsoft® Internet Explorer.
Source	The Source page enables you to view and work with a file's source code directly. The Outline and Properties views both have features that supplement the Source page.
Split	Combines the Source page and either the Design page or the Preview page in a split screen view. Changes that you make in one part of the split screen can immediately be seen in the other part of the split screen. You can split the screen horizontally or vertically.
Preview	The Preview page shows you how the current page is likely to look when viewed in an external Web browser. To preview any dynamic content (such as JSP tags), you should use the Run on Server option from the page's pop-up menu in the Enterprise Explorer view. You can also use the Tools \| Launch External Web Browser menu option to open the current file in the default Web browser.