The Rational Software Development Platform includes many tools to help you develop static and dynamic Web sites. The integrated Web development environment makes it easy to create, assemble, publish, deploy and maintain dynamic, interactive Web applications.

Image of the Page Designer editor in the workspace.




The Rational Software Development Platform includes many tools to help you develop static and dynamic Web sites. The integrated Web development environment makes it easy to create, assemble, publish, deploy and maintain dynamic, interactive Web applications.

The Web development environment provides the following high-level capabilities:
  1. reusable drag and drop components
  2. code snippet repository
  3. integrated image editor and browser
  4. access to dynamic data objects in your data source
  5. CSS editor and instant preview
  6. JavaServer Pages (JSP) file creation, editing and debugging
  7. and many more...
Image of the Page Designer editor in the workspace.




The Rational Software Development Platform includes many tools to help you develop static and dynamic Web sites. The integrated Web development environment makes it easy to create, assemble, publish, deploy and maintain dynamic, interactive Web applications.

The Web development environment provides the following high-level capabilities:
  1. reusable drag and drop components
  2. code snippet repository
  3. integrated image editor and browser
  4. access to dynamic data objects in your data source
  5. CSS editor and instant preview
  6. JavaServer Pages (JSP) file creation, editing and debugging
  7. and many more...


This tour will introduce you to the Web Development Tools.
Image of the Page Designer editor in the workspace.




JSP files allow a Web server, such as WebSphere® Application Server or Apache Tomcat, to add content dynamically to your HTML pages before they are sent to a requesting browser.
Image of a JSP page with servlet.




JSP files allow a Web server, such as WebSphere® Application Server or Apache Tomcat, to add content dynamically to your HTML pages before they are sent to a requesting browser.

You can create and edit a JSP file in Page Designer by adding your own text and images using JavaScript™, HTML, or JSP tagging. This includes placing Java™ source code inside of scriptlet tags.
Image of JSP output page.




JavaServer Faces: wizards can guide you through the process of creating data objects and form-based applications using JavaServer Faces (JSF). With JSF, you can visually create an application that dynamically accesses data.
Image of the JSF data input wizard.




Faces components are based on JavaServer Faces technology. With Faces components, you can quickly create dynamic Web pages by dragging user interface components to the page. Faces components are rich UI-data-bound components with events provided, as opposed to standard JavaServer Pages tags, which are non-UI and very basic.
Image of JSF and data binding.




You can develop a Web project by dragging Faces components from the palette to the Web page you are creating. You can quickly drag an input text field to a form on the page and drag a Submit button next to the input text field. Then you can connect the input field to your Data objects. Then you can create dynamically generated Web pages using Data store.
Image of the code review preferences window.




Using the Web Perspective, you can add links, images, and form elements to enhance basic static page layout. The dynamic element support enables you to include Java applets, embedded scripts, and JavaServer Page (JSP) tags.

The Web Perspective also includes Web Site Designer and Page Designer, CSS Designer, and Javascript Designer; editors that are fully-featured to help create, edit, and preview Web pages and sites.
Image of the Web Perspective. The workbench now has many features to help you create Web sites.




You can quickly create fully functional Web pages with the tools included in the Web Perspective.
Image of a fully designed html page




Web Site Designer helps you plan your Web site layout. You can create HTML, JSP, Faces JSP pages. When you create an HTML of JSP file, you have the option of applying a page template to define the layout and look of the new page. You can maintain a consistent style and layout throughout your Web site by applying the same template to your pages.
Image of the Web Site designer editor.




In Page Designer, you can add links, images, and form elements to enhance basic static page layout. The dynamic element support enables you to include Java applets, embedded scripts, and JavaServer Page (JSP) tags.
Image of the Page Designer editor.




Page Designer includes standard source editors with content assist features.
Image of the Web Perspective with content assist showing




With CSS Designer, you can edit styles with the help of syntax highlighting, content assist, and the Preview function. As you modify the CSS file, the changes are immediately applied to the Design page of Page Designer, if the HTML file is linked to the CSS file.
Image of the CSS Designer in the editor window.




The Javascript editor provides a Source page and a Preview page. The source page enables you to view and work with a file's source code. The Preview page shows you how the current page is likely to look when viewed in a browser.

The Snippets palette includes JavaScript code that you can drag and drop into your Web pages.
Image of the Javascript Editor and Javascript Snippets view.
No image.

This concludes the tour. To learn more, refer to the Tutorial Gallery for a tutorial on creating a Hello World application using Web Tools, or refer to the online Help.