Use a Web Page editor to graphically edit an HTML file or JSP file while checking the design and layout.
Point
To edit a file using a Web Page editor, select the file, then select [Open With] > [Web Page Editor] from the context menu.
The Web Page editor has the following features:
The [Design] tab has a design page and a source page.
On the design page, editing tasks for the Web page output image can be performed directly on the image.
On the source page, source contents are displayed in different colors in accordance with the syntax, and Contents Assist or similar can be used to perform editing tasks.
The edited contents of the design page and source page are immediately reflected in another page.
The [Preview] tab can be used to check the Web page image displayed.
Use the appropriate view from the following when you are editing using the Web Page editor:
The standard HTML and JSP tags and also the JSP extended tag items set in class paths are displayed. From the Palette view, drag-and-drop can be used to insert items in the design page.
Shows the HTML/JSP syntax outline. Elements and attributes can also be added using this view.
Shows the attributes of an element selected using the editor. The value can also be changed. Attribute values can also be selected from a list.
Source page operations are the same as for the HTML editor/JSP editor. Refer to "2.3.3.2 Editing the HTML File" and "2.3.4.2 Editing the JSP File".
Changing the Page Layout of Design Tab
The [Design] tab has a design page and a source page, but users can switch between the following four display patterns from the toolbar:
The page split into top and bottom parts
The page is split into left and right parts
Display only the design page
Display only the source page
In addition, part of the design page is used for the palette, but the Design view can be enlarged for easier use by displaying the Palette view.
Changing the Style
On the design page, the style can be changed by selecting sub-menu from the [Style] menu of the context menu.
