1 / 7

HTML/CSS Page Designer - Web Editor for Creating Stylish Pages

PageDesigner by Sybase, Inc. is a feature-rich WYSIWYG web editor allowing design, source code, and preview for HTML/CSS/JSP/JSF pages. Customize properties, use drag & drop, and extensions for new taglib support.

rebecca-patterson
Download Presentation

HTML/CSS Page Designer - Web Editor for Creating Stylish Pages

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PageDesigner Introduction Sybase, Inc.

  2. Features • WYSIWYG web page editor for HTML/CSS/JSP/JSF pages • Full HTML4.0, CSS2 support • Design, Source and preview pages • Customizable properties page • Customizable palette • Resource Drag & Drop processing • Extensions for new taglib support

  3. The editor

  4. Framework JSF Support MyFaces Support 3rd Party Taglib Support HTML/CSS PageDesigner WTP SSE

  5. Basic architecture • CSS LayerThis layer mainly handles CSS specification. It handles how controls are displayed on the canvas, and how they are displayed. • HTML LayerThis layer is relatively simple. It handles how to map HTML components to corresponding CSS components. • Tag Convert LayerThis layer handles how to convert JSP/JSF customized tags to HTML tags. So later the HTML layer and CSS layer can use to render the tags on screen. • Edit LayerThis layer integrates with the GEF framework and Webtools’ SSE framework. To support graphical editing.

  6. Basic classes diagram

  7. Extensions • Design time render • Items in palette • Properties view • Quick edit pane • Category & cell editor • Edit policies • Items in pop-up menu • Drag and drop processor

More Related