Build a Web presentation application using Ajax technology, Part 1: Developing the Web UI

Return to article

Figure 1. Design layout
A screen shot of the user interface displayed in the browser. There is a tool bar at the top with Import and Export buttons along with icons labeled 'New Slide,' 'Delete Slide,' 'Insert Text,' 'Insert Image,' and 'Change Theme.' Below that are three zones. The left zone takes about 25% of the screen width and is empty. The center zone takes about 50% of the screen width and has editing tools such as font selection and various formatting buttons. The right zone contains the words 'properties sidebar.' with the interface zones labeled. The Top Tool Bar runs the full width of the top of the window. Below that the screen is divided into three zones. The Left Mini Frame takes up about 25% of the window width. To the right of that, the Main Frame takes up about 50% of the window width. To the right of that the Right Frame takes the remaining 25% of the width.

Return to article