File & Site Management

These pages will be created using Dreamweaver CC and should be saved in a separate folder (named 'mpsExercise) located in the ‘web_local’ folder on your personal laptop or flash drive. To turn them in – the folder and its files will be placed onto the class server (separate handout).

The purpose of this assignment is to acquaint you with customizing a template and creating a mockup of a multipage website. This exercise will use 'loren ipsum' for the text with sample images. This exercise will familiarize you with the process(es) that will be used for the Client Site and Character Site assignments.

I have samples posted for reference only. I do not want or expect for your assignment to look exactly like mine. Think Inspiration, not duplication…..

DOWNLOAD both appropriate HTML and CSS files from the class website and place those files into the new folder: mpsExercise.
(either horizontal html and css; or vertical html and css)

OPEN the HTML and CSS files from your managed web_local site in Dreamweaver and customize as desired (following 'best practices' and assignment guidelines) for this assignment.

NOTE: Once you have downloaded the separate css file – all CSS adjustments should be done with the CSS Designer panel for that file. You should not use the Page Properties section of the Properties panel. Changes in the Page Properties would result in a conflicting local CSS style section (specific to that one file) and would not be reflected in the linked 'main' css file.

Make sure the template file is named as index.html

NOTE: If the file is closed in Dreamweaver you can rename directly from the Files palette.

Before you complete the Save As step
Determine the names for the other 3 pages (sample names below) and update the links in the Navigation to reflect both the text in the bars and the page names.

PAGE REQUIREMENTS
use Loren Ipsum when possible

Use this information to fill out your pages.
Images can be simple color boxes, sourced from the internet (i.e.: google search) or AI generated.

All Pages
Consistent Logo/Navigation area and color scheme (i.e.: they are the same)

In Addition:

Home Page (index.html)
h2 tag for an introduction
One paragraph of text
A 3-4 item bullet list with the first word or phrase in a bold tag
Contact Info: Physical address, phone, email
Use your MSU email, can stylize the text. Have a subject line of MPS Exercise
2 graphics outside of the logo (1 can be a be a banner style photo in the navigation)

Page 2/ About / History (about.html)
At least 1-2 additional graphics, floated as necessary
4-5 paragraphs of text

Page 3/ Details (details.html)
At least 3 h2 headers followed by 4-5 paragraphs of text each
At least 3 additional graphics, floated as necessary

Page 4 / Survey (survey.html)
A properly formatted Form tag to contain your questions that submits to your MSU email address (subject line MPS Survey)
3 radio group questions with 2-3 answers
2 checkbox group questions with 4-5 answers
3 select menu questions with 4-5 answers
2 textfields (or textfield variations: email, text area, etc...)
Submit and Reset buttons