WebSphere Studio Application Developer part 23 provides integrated development tools for all e-business development roles, including Web developers, Java developers, business analysts, architects, and enterprise programmers. The customizable, targeted, role-based approach of WebSphere Studio Application Developer will be characteristic of all new products built on the WebSphere Studio Workbench. It is well integrated with WebSphere Application Server and provides built-in server test environments that can be used for testing and profiling Web applications | Changes in the Design and Source views will automatically update each other as well as the preview view. You can also preview your page using an external Web browser by selecting Tools - Launch External Web Browser - Default Web Browser. Syntax validation When you save an HTML page it will not be automatically validated for syntax compliance by default. To manually validate the syntax of an HTML page select Tools - Validate HTML Syntax. Alternatively you can choose to have Application Developer automatically do this for you a setting that can be platform-wide Window - Preferences - Validation or project-wide Properties - Validation on the Web project s context menu . To demonstrate the basic capabilities of Page Designer we will walk you through the building of a simple HTML page. In the next section we discuss in more detail how to use servlets and JSPs to provide dynamic content on our application. Create a simple HTML page To add a new HTML page to a Web project select the Web Content folder in your Web project and New - HTML XHTML File from its context menu. This displays the dialog shown in Figure 7-15 through which you give the page a name and a location. Figure 7-15 Create a new HTML XHTML file wizard page 1 194 WebSphere Studio Application Developer Version 5 Programming Guide Because we had the Web Content folder selected the wizard automatically fills in the folder field. You can change it by typing in a new value or clicking Browse. The other important information that you have to provide on this page is the file name in this case index. You may or may not type the file s extension. If you do not the .html extension is added for you by the wizard. The other field lets you specify the document s markup language. In our case it should just be the default value of HTML but other options would be HTML Frameset XHTML or XHTML Frameset. The Extensible HyperText Markup Language XHTML is a class of languages and modules that reproduce the HTML language in valid
