Create the folders and files that appear in the attached file layout.

It is very important that you use the naming conventions and file organization noted here, as future assignments will depend on these files being in place.

The remainder of the instructions for this Assignment will take place in the "funrun1" folder.

Instructions - config.php

In your "_includes" at the root level of your "funrun1" folder, create a config.php file.

In your config.php, do the following:

• Declare a PHP constant named ABSOLUTE_PATH that contains the complete path to the "funrun1" folder on the server.
• Declare a PHP constant named URL_ROOT that contains the complete web address to the "funrun1" application you are developing on the web server.

Instructions - Create Other Includes & Home Page

Inside your "_includes" folder, create the following files:

• header.inc.php
• main_nav.inc.php
• footer.php

Create the index.php at the root level of the website (immediately inside your "funrun1" folder.)

In your index.php, use the PHP include statement to include ALL of the following:

• config.php(use a relative path when including this.)
• header.inc.php(you must reference ABSOLUTE_PATH)
• main_nav.inc.php(you must reference ABSOLUTE_PATH)
• footer.php(you must reference ABSOLUTE_PATH)

Use the attached paper prototype as a guide to produce the content of those files.

The CSS file at the root level of the site should be referenced in your header.inc.php file. Remember! When linking to CSS files, you MUST reference the URL_ROOT constant in your code.

Test! At this point you should be able to view your index.php file on the server and it should have all of the included files in place.

YOU SHOULD GET THIS PART WORKING BEFORE MOVING ON.

Instructions - CSS

Define at least two styles in your CSS file. These styles are completely up to you. You can change the body font, or create a header class, or format something in the footer. YOUR CHOICE.

The point is just to demonstrate that you have correctly included the CSS file using the URL_ROOT constant.

Test! At this point you should be able to view your index.php file on the server and see the effect of your defined styles.

YOU SHOULD GET THIS PART WORKING BEFORE MOVING ON.

Instructions - Create Other Files

Using your FULLY FUNCTIONING index.php as a guide, create the other files required for your website (refer to the attached file layout.)

• about/index.php
• runs/index.php
• contact/index.php

Each of these files should include your standard header, main navigation, and footer.

Use filler text for the content of each page, but please put a title at the top of each. Remember! Your CSS styles should be applied to ALL pages of your site.

Once those files are created, update your main_nav.inc.php file so that all of the files are correctly linked together.

Attachment:- Page_and_File_Layout.rar