Creating the User Interface










The interactions in this eCourse require Javascript to be enabled.



 

Creating the User Interface


previous|next





Sheila's team stores the main user interface logic in a file called hr_ui.inc. The user interface uses the following two functions to help produce a consitent appearance for each Web page generated by the application:




ui_print_header() to create a standard page header using the text supplied in its parameter



ui_print_footer() to create a standard footer for each page, which prints its parameter string in the footer, typically used to print the current date and time



For additional control over the look and feel, the ui_print_header() function uses a Cascading Style Sheet, in styles.css, to help define the visual attributes of HTML tags generated by the application.
Each function that generates a Web page must call ui_print_header(), followed by the page content, and finally call ui_print_footer(). For example:
<?php
require('hr_ui.inc');

ui_print_header('Test');
echo "This is the content"
ui_print_footer(date('Y-m-d H:i:s'));
?>