Working in the Design page

The Design page of Page Designer is the WYSIWYG mode for editing HTML and JSP files. As you edit in the Design page, your work generally reflects the layout and style of the Web pages that you build without the added complexity of source tagging syntax, navigation, and debugging.

Although many tasks can also be performed in the same way in the Source page, the Design page provides full access to Page Designer menu options, context menu actions, view-specific GUI options (such as those in the Styles view), and drag-and-drop behavior. Note that dynamic data will not be displayed correctly in the Design page; run it on a server using the Run > Run on Server option.

The Design page also provides support for frames and free layout mode, which enables you to easily create more complex Web pages. You can see the immediate impact of design decisions more quickly than you would using a text editor. You can change the composition and attributes of pages, tags, images, and effects efficiently and precisely.

Many actions available through the Page Designer menus are also available from design element pop-up menus, which you access by selecting a page object and right-clicking.

Note: You can configure how certain objects, for example comment and script symbols, are displayed in the Design page by selecting Window > Preferences > Web Tools > Page Design > Appearance or Editing Symbols

 

Related concepts

Page Designer
Web application overview
The Web perspective

 

Related tasks

Working in the Source page
Creating and editing Web pages