Project 1 Home Page with links to Registration Page and Animations Solution

Description

Create a Home Page, follow template:

• Header will contain an image or logo about your website.

• Menu will contain three links. Home link. Registration link. Animations link.

• Home Page content will be a bit about your website and some images.

• Footer will contain 3 columns of links. Link to whatever other sites you wish. Open links in new tab, not current tab.

• Create a Registration page, will follow same template except the Content will be registration form fields.

• Registration Fields:

• 1. User Name

• 1. 1. Input Text

• 2. Password

• 1. 1. Input Password

• 3. Repeat Password

• 1. 1. Input Password

• 4. First Name

• 1. 1. Input Text

• 5. Last Name

• 1. 1. Input Text

• 6. Address line 1

• 1. 1. Input Text

• 7. Address line 2

CMP SCI 3010 Project 1 – Home Page with links to Registration Page and Animations Page

a. Input Text

8) City

• 1. 1. Input Text

• 9. State

• 9. 1. Drop Down of Options

• 9. Zip Code

• 9. 1. Input Text

• 9. Phone Number

• 9. 1. Input Text

• 9. Email

• 9. 1. Input Text

• 9. Gender

• 9. 1. Radio buttons

• 9. Marital Status

• 9. 1. Radio buttons

• 9. Date of Birth

• 9. 1. Input Text, must have a calendar pop up

• 9. Submit Button

• 9. 1. Form submit button

• 9. Reset Button

• 9. 1. Clears form fields to default settings (normally empty)

• Create an Animation page, will follow same template except the Content will be CSS Animations

• Follow coding standards http://www.w3schools.com/html/html5_syntax.asp

• Use CSS to make the home page your own. Use External Style Sheets

Desktop Example: Registration form fields should be in two columns with left navigation

CMP SCI 3010 Project 1 – Home Page with links to Registration Page and Animations Page

Tablet Example: Registration form fields collapse into one column with left naviagtion

CMP SCI 3010 Project 1 – Home Page with links to Registration Page and Animations Page

Mobile Example: Collpase to a total single column format. So left navigation menu goes to top.

Registration goes underneath in one column.