Mr. O'Connell's Technology Home Page
Web Design Mid-Year
Simple Exam Strategies:
This test will be given on the computers. Read all of the instructions carefully before you begin! You may use any hand written notes that you wish, as long as they are your own work. You may use a graphic organizer if you wish. You may use any high school appropriate web resources you wish, including the tutorials on this websites. You may print out this exam and use it as a checklist if you wish.
Use a consistent color scheme for your site, and follow it consistently for all four pages. Do this by linking all four pages to a Cascading Style Sheet or CSS. Use a light colored background, and use darker colors for the text and links- not the opposite. Make sure the pages have good contrast, as described during the first half of the course.
Each web page (except the home page) must contain one paragraph. This paragraph will contain a minimum of five complete sentences- an opening sentence, three or more sentences in the body of the paragraph, and a closing sentence. Do not give one-word answers. Your paragraphs must be left aligned. Do not center align, or right align your text.
Because of the hypertext format, it is impossible to give you an exact number of words as a requirement, but you are expected to be working on the page for the entire exam period. Do not plan on leaving early. Also, no help will be given during the exam, although you are welcome to use any online help resources you wish, including any instructions on my website.
A. (10 points) Create a root folder inside your network folder called "lastname_firstname_midyear_jan_2018”
Create an image folder inside of this folder.
B. Create four web pages. To create a new .html file, right click your root folder and chose "New File"
C. Link your CSS Cascading Style Sheet) to each of these four pages.
Tools<CSS<Attach Style Sheet<Browse<select style sheet<Click OK
D. (5 points) Insert a table on each page (Ctrl+Alt+T).
Each table will be 4 rows, 3 columns, 800 pixels wide, with a border thickness of 0.
You may split and merge the cells to meet your design needs.
Split: Select Cells<Ctrl+Alt+Shift+T
Merge: Select Cells<Ctrl+Alt+M
You may also add rows or columns if you wish.
You may change the width, but you must do it consistently on all pages. The maximum allowable width is 800 pixels.
You must center align your tables on each page.
Select the table<in Properties, Align<Center
E. (10 points) Put a complete page heading on all four pages:
1. Page Title (example: "Web Page Design Mid-Year: Reflections on the Present, Past, and Future")
2. First and last name
F. (10 points) Create text navigation on your home page, test it, and then copy and paste it on your Past, Present, and Future pages. It should look like this:
home | past | present | future
G. (10 points) Save eight images in your images in your images folder.
*You may choose a different size (400 by 400 for example), but all eight of your images need to be that size.
H. (10 points) Insert one simple rollover image per page.
In Google Chrome, find an appropriate website related to your content.
Click in the address field, and copy the web address (Ctrl+C)
In Dreamweaver CC, Select the rollover image
In Properties, paste (Ctrl+V) the web address into the Link field.
You will write text on each page of your website. As you will see, your Home page only requires a welcome message. Write full paragraphs on your past, present and future pages. Each paragraph will contain five or more complete sentences. The paragraphs will be exclusively about your experience in Web Page Design. Write the paragraphs in Standard English. Do not use text language or slang.
I have included writing prompts for each page. Here are the requirements, by page:
A. (10 points) On your Home (index.html) page, write a short welcome message, such as this:
"Welcome to my Mid Year website about my past, present and future in web design here at Oliver Ames High School. Thanks for visiting!"
B. (10 points) On the Past (past.html) page, write about the first months of our Web Design course. Write about these five things in your paragraph:
C. . (10 points) On the Present (present.html) page, write about your recent work in the course. Be sure to mention Photoshop CC, Dreamweaver CC, Include sentences about these five things in your paragraph:
D. (10 points) Content for The Future (future.html) Write about these things in your paragraph:
(5 points) Go back to each page, and add links to the support websites of each application you mentioned in your paragraphs. If you didn't mention any of the applications below, rewrite your paragraphs to included each of the five.
You must mention and link to the support websites for the following applications:
- Dreamweaver CS6
- Dreamweaver CC
- Photoshop CC
- Google Chrome
- Windows Explorer
Use Dreamweaver's Check Spelling command on each page (Shift+F7), and then check your spelling again by reading the text yourself. Dreamweaver's imperfect Check Spelling command will not pick up certain mistakes, such as misspelling the word "I" by erroneously typing "i", or misspelling the word "you" by erroneously typing "u".
Make sure you have included a Title for each page. The Title must appear at the top of the page as well as in the Title Bar.
Mid Term F.A.Q.
Can we listen to music during the exam?
A: Yes, as long as the person next to you can't hear it.
Can we come later or leave early?
A: No. You are expected to be here at the appointed time, and you are expected to stay until the very end of the exam period. Most students find it difficult to complete the exam in that amount of time as it is. If you are concerned about making good use of your time, please bring study or reading material.
Is it okay to include extra features, and can we get extra credit for adding things like animations and additional rollover images?
A: No. Concentrate on trying to achieve the best possible website given the limitations you've been given in the instructions.
Can I use red text on a black background, or black text on a red background?
A: No. This would not fullfill thecontrast requirement.
Can we get extra credit if we do more than what is required?
A: Yes, but you must take care of all requirements first.
Do the images have to relate to the paragraphs, or can they be random?
A: The images should be directly related to your paragraphs. For example, if you are writing about Dreamweaver, consider adding images of the Dreamweaver icons.
Is it okay to write about things other than web design in this exam, such as the past, present and future of the NFL?