Web Project Requirements
There are three separate projects to be completed. You can use the source code from one project in the subsequent projects, as long as the requirements are fulfilled.
All work will be done online, using Cloud 9 IDE (c9.io). You will export your Cloud 9 project as a single zip file and upload it to Moodle.
Web Project 1: "Static"
For this project, you are to create a simple web site composed of HTML, CSS and javascript only. You can make the site as fancy or as simple as you like; images are not required, but you might have fun playing around with them, as well as with CSS to style the page.
Your site must have the following components:
(a) "index.html"
(The page must be named "index.html")
This is the landing page that is displayed first (your home page).
It will contain links to other pages, as well as any other information you like.
(b) At least 3 sub-pages:
You can name these what you like.
The main page will link to these sub pages
They can contain links to other pages, etc.
The content of your page can be whatever you like. For instance, I have uploaded asample web site that lists restaurants, and when you click on a link, it brings up a detail page.
This is the bare minumum, but is all you need to do to satisfy the requirements. But use your creativity and have fun with it!
The only rules:
- Do not copy from another student's work
- Do not use any web site "generator" programs that are out there on the web
- Do not use tools like Visual Studio, or MS Word. The point is to experience hand-coding web pages.
Web Project 2: "Dynamic, no database"
This project expands on the first project. Now, when a person clicks on a link or a drop down box, instead of displaying another static html page, your program must utilize server-side scripting to process the web submission, determine what is requested, open a file containing data, and displaying it on the screen.
In my sample, I have a file of details for each restaurant. Depending on which link or button is clicked, the program reads the proper restaurant file and displays the details.
Web Project 3: "Dynamic, with database"
This is a modification of project 2, but instead of reading the information from a file, your server-side script must perform an SQL call to query a database for the information.
I will provide the SQL you need to add to your program.