Creating the Front End of a Headlines System with AJAX - Defining the application's front end
(Page 2 of 5 )
Before making any attempt to write specific code, aimed at developing the headlines system's visual appearance, I'd like to show you a screen shot. This will give you a better idea of how the front end of this application will look.
That said, below I included an image that depicts the user interface that I plan to build. Please, have a look at it:
As you can see, the above image illustrates in a clear way the look and feel that I want for this AJAX-driven headlines system.
Basically, the layout required to display the headlines in question will be comprised of three main sections: the first one, placed on top of the principal container, will show the text for each of the headlines; the second will be used for displaying an image related to this text; and finally the third will include two basic navigational buttons.
As you may guess, these controls will allow users to go back and forth across different headlines, therefore implementing a fairly decent navigational mechanism. As you can see, the front end of the application is quite simple to create, isn't it?
Okay, now that you know how the user interface that corresponds to this AJAX-based headlines system will look, the next step involved in the development process will consist of defining the structural (X)HTML markup, along with the set of CSS rules, in order to translate the screen shot that you saw before to fully functional code.
As you probably expect, this group of tasks will be carried out in the following section, therefore I suggest you to click on the link below and keep reading.
Next: Creating the (X)HTML markup and CSS rules of the headlines application >>
More JavaScript Articles
More By Alejandro Gervasio
