In the IDE

When you complete the steps for creating a JSF page using a quick start layout, the visual editor should look similar to this:

Visual editor, page with panel stretch layout

The tabs at the bottom of the editor window are editor tabs. Selecting an editor tab opens the file in that editor or viewer. For example, to switch from the default visual editor to the XML editor, click the Source tab.

In the Application Navigator, the Projects panel should look something like this:

Projects panel in Application Navigator

The .jspx file for the page you created is added to your project in the Web Content folder. In addition to the page you created, other folders and files are added to conform to the Java EE Web module directory structure:

Web Content folder: Contains files, including .html and .jsp, along with other files that must be visible to the client browser (such as stylesheet files and images) for your application.
/WEB-INF/ folder: Contains the required Web Application Deployment Descriptor ( web.xml) and the JSF configuration file ( faces-config.xml).
web.xml file: The web application deployment descriptor for your application. This is an XML file describing the components that make up your application, along with any initialization parameters and container-managed security constraints that you want the server to enforce for you.
faces-config.xml file: Where you register the JSF application's configuration resources, such as validators, converters, managed beans, and navigation rules.
trinidad-config.xml file: Where you configure ADF Faces features such as skin family and level of page accessibility support.

In the Structure window of myPage.jspx, you should see the default ADF Faces components JDeveloper added for you when you create a new JSF page using a quick start layout.

Structure window