PageDesigner Introduction

7
PageDesigner PageDesigner Introduction Introduction Sybase, Inc.

description

PageDesigner Introduction. Sybase, Inc. 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. The editor. - PowerPoint PPT Presentation

Transcript of PageDesigner Introduction

Page 1: PageDesigner Introduction

PageDesigner IntroductionPageDesigner Introduction

Sybase, Inc.

Page 2: PageDesigner Introduction

FeaturesFeatures

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

Page 3: PageDesigner Introduction

The editorThe editor

Page 4: PageDesigner Introduction

FrameworkFramework

WTP

JSFSupport

HTML/CSS PageDesignerHTML/CSS PageDesigner

SSE

MyFacesSupport

3rd Party Taglib Support

Page 5: PageDesigner Introduction

Basic architectureBasic architecture

1. CSS LayerThis layer mainly handles CSS specification. It handles how controls are displayed on the canvas, and how they are displayed.

2. HTML LayerThis layer is relatively simple. It handles how to map HTML components to corresponding CSS components.

3. 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.

4. Edit LayerThis layer integrates with the GEF framework and Webtools’ SSE framework. To support graphical editing.

Page 6: PageDesigner Introduction

Basic classes diagramBasic classes diagram

Page 7: PageDesigner Introduction

ExtensionsExtensions

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


Introducción / Introduction / Introduction

Introducción / Introduction / Introduction

INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction.

INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction.

URBAN STREAM REHABILITATION. INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES.

URBAN STREAM REHABILITATION. INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES.

Introduction: Definition Introduction: Philosophy

Introduction: Definition Introduction: Philosophy

Introduction to introduction to introduction to … Optimization

Introduction to introduction to introduction to … Optimization

Introduction 1. Introduction

Introduction 1. Introduction

Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Introduction to Logic Introduction

Introduction to Logic Introduction

1. INTRODUCTION 1.1 Introduction

1. INTRODUCTION 1.1 Introduction

R as a Web Service Introduction Introduction Introduction

R as a Web Service Introduction Introduction Introduction

Introduction to Transducers, Introduction to Transducers ... on... · Introduction to Transducers, Introduction to Transducers, Sensors and ActuatorsSensors and Actuators Introduction

Introduction to Transducers, Introduction to Transducers ... on... · Introduction to Transducers, Introduction to Transducers, Sensors and ActuatorsSensors and Actuators Introduction

Introduction and Welcome€¦ · Introduction and Welcome Introduction 4

Introduction and Welcome€¦ · Introduction and Welcome Introduction 4

PRODUCT INTRODUCTION Company Introduction

PRODUCT INTRODUCTION Company Introduction

Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content.

Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content.

1. INTRODUCTION INTRODUCTION - Deusto

1. INTRODUCTION INTRODUCTION - Deusto

Introduction - daks2k3a4ib2z.cloudfront.net€¦ · Introduction Establishedin1974MarbleHillFireplacesofferoneofthelargestandmostcomprehensiveselectionsof …

Introduction - daks2k3a4ib2z.cloudfront.net€¦ · Introduction Establishedin1974MarbleHillFireplacesofferoneofthelargestandmostcomprehensiveselectionsof …

CrowPiwithMineCraftPiEdition · 2 CrowPiwithMineCraftPiEdition-Introduction-MinecraftPiEdition-Introduction-Whatyouwillneed-Introduction-RunningMinecraft-Introduction ...

CrowPiwithMineCraftPiEdition · 2 CrowPiwithMineCraftPiEdition-Introduction-MinecraftPiEdition-Introduction-Whatyouwillneed-Introduction-RunningMinecraft-Introduction ...

Module: Introduction...Module: Introduction Page: Introduction CC0.1 Introduction Please give a general description and introduction to your organization. Providing electrical, hydraulic

Module: Introduction...Module: Introduction Page: Introduction CC0.1 Introduction Please give a general description and introduction to your organization. Providing electrical, hydraulic

1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

An Introduction to NSAn Introduction to NS2An Introduction ...

An Introduction to NSAn Introduction to NS2An Introduction ...