Project Overview

The purpose of this project is to build on what we did in HTML Project #2. Now that everyone has a firm grasp of front-end coding, we are going to start implementing some PHP to make our lives easier. Because PHP is server-side code, we are also going to be using FTP to upload files to a server in order for the PHP to be processed on a server. With PHP, we are also going to be exploring how to capture information from the front-end and process it server-side.

As with the first two projects, this third project is meant to be expanded upon later. In the forth project, we will introduce the concept of AJAX and Database (MySQL).

Example Site #3

File Structure

  • Create a new folder for this third project (this should be a separate folder from Project #1 and Project #2)
  • Copy everything from your second project folder into this new folder
  • Rename all of your .html files to .php
  • Under the root folder:
    • Create a new text file called "menu.php"
    • Create a new text file called "footer.php"
  • Under the "subpages" subfolder:
    • Create a new text file called "contact-process.php"
    • Create a new text file called "contact.txt"

contact.php

Requirements:

  • Update the action attribute on your form to point to contact-process.php
  • Update the method attribute on your form to use either POST or GET

contact-process.php

Requirements:

  • Receive POST or GET data from contact.php
  • Use PHP to appended the received data to the end of your contact.txt file

index.php
about.php
contact.php

Requirements:

  • Replace main menu using the menu.php file
  • Replace footer using the footer.php file
  • Replace any other repeated code using a centralized .php file

Grading

Unsatisfactory

You will receive a failing grade. You will have to redo parts of your project to bring it up to standard.

 

  • Work not submitted
  • Work submitted after deadline
  • Work not complete (missing any of the above requirements)
  • A site that does not work (broken CSS link, broken jQuery code, non-functional PHP)

Pass

You will receive a 60% - 75% depending on the number of mistakes you have in your code.

 

  • jQuery doesn't work properly
  • PHP does not work properly
  • Lack of content on the site
  • Lack of creativity (my example site shows poor creativity)

Complete

You will receive 75% and up depending on how clean your code is and how nice your site looks.

 

  • All jQuery and PHP is working as expected
  • PHP detects duplicate emails
  • Use PHP to replace duplicate HTML code
  • contact.txt contains records in correct format
  • contact-process.php is able to detect, reject and return an error for duplicate emails

Deadline / Submission

Due Date: February 29th, 2016

Late submissions will be penalized 2% per day late

 

Process

  • Compress your project folder into a single .zip file
  • Name the .zip file [last name].[first name].webdev.03
  • Submit .zip file via Edmodo