Shama+Mohamed+unit+3

(Web Design)  By : (Shama Emma Mohamed)   INVESTIGATION   Identify the Problem

State the Problem here: We have to create our own web page and we don't know how to do this. We have to answer the unit question: **HOW HAVE A STUDENTS IT NEEDS CHANGED?**
Explain the Problem

explain the Problem here: We need to create a webpage using Microsoft Expression Web 4. It has to have 5 pages. We do not know how to create a 5 page website.
Research and Analysis http://www.quackit.com/create-a-website/

Design Brief write your design brief here: I must design a web page which has 5 pages and it must be all about IT. It is supposed to be about storage devices, online storage, how mouses/keyboards/output devices have changed over the years and will change. Product Specification My product must: Test Plan explain how you will test your product here (you need a separate test for each Item in your product specification)
 * 1) Design a 5 page website. Before you start designing make sure you run it by the teacher first.
 * 2) 1 page must be about how students today are using different types of storage devices
 * 3) 1 page must be about online storage
 * 4) 1 page must be about how mouses have changed
 * 5) 1 page must be about how keyboards have and will change
 * 6) 1 page must be about how output devices have changed
 * 7) 1 page can be on whatever you want but it must related to the unit question
 * 8) Show how the web page will look. change around the navigational bar, the location of your picture, add more pictures to each page, move the information around to show different designs. Remember two designs are better than one. Three designs are better than two. Make sure you think about navigation and the content of each page in your design. For content a heading will be enough. Remember to look at the design criteria in order to get maximum marks.
 * I will ask my friends about what they think of my website.
 * I will see what they think I need to improve.
 * Are there spelling mistakes?
 * Is the color contrast okay?
 * Is the size of the writing okay?
 * Do the pictures relate to the topic?
 * Is the writing so much that you feel you don't even want to start reading it?
 * Can you go back and forwards from each page?

DESIGN  Pictures of my designs Place your designs here Analysis of my designs explain how each of your designs compares to your product specification and the design brief: I basically just did three layout designs. My first one has got no menu, but just a picture and information about it. The second one has a menu and text but no picture. Third one has everything. I hope there will be no spelling mistakes. The colors are okay, because I only chose five different colors: Black,Pink,Blue,Red and Orange. The size of the writing will be 12 or 13.All the others will be too big or too small. Although, I might use writing size 20 or 24 for the headings. For the titles of each page I will use either 30 or 32. The pictures are gonna relate to the topic. No my writing will be divided into little sections which will be readable. Theses sections will be small and will not contain too much information. I do not think you can go back and forwards to each page. Justification for chosen design Identify your chosen design here I chose the third design, because it has got everything: Text, a title, a cartoon face saying about the website, a menu and a picture. I chose it because it is pretty and it has not got a lot of empty space around it. I will try with this design to meet all the things required for it. I will also try to use some of the empty space which might be left. I don't know how much space all requires in reality.

Give reasons why you chose that design from all the others PLAN Place your plan here

CREATE  Final Product Put your final product here (refer to the instruction as to the form you need to place your product in. picture link or file)
 * Date started || What to do || Materials/Resources || Deadline || Comments ||
 * 26.06.2013 || Go to file, click on new and click on page in HTML. || Microsoft Expression Web 4 || 08.03.13 || Done, that is easy to do. ||
 * 26.02.2013 || Write a title in whatever kind of writing, but the name should be whatever is written on your task sheet. || Microsoft Expression Web 4 || 08.03.13 || Easy too. ||
 * 26-27 Feb || Make a menu on the left side including the different pages of your website. || Microsoft Expression Web 4 || 08.03.13 || No I am not making a menu anymore ||
 * 28-29 Feb || Write an intro and put facts, pictures and much more on your pages. || Microsoft Expression Web 4 || 08.03.13 || That part was fun. ||
 * 29-08.03.2013 || Repeat it all with the other pages of your website. || Microsoft Expression Web 4 || 08.03.13 || Yes. ||
 * Anytime || Do anything to your website, change the background color, the text color and/or box color. Always name your page as to what is required. || Microsoft Expression Web 4 || 08.03.13 || I did it. ||



Changes made to the original Design explain the things you changed from your original design to the final product and give reasons why you made those changes here: I didn't always put dark blue for the text color, I mostly put black. Changes made to the original Plan  explain where you did not follow your plan and give reasons why you did not follow the plan here   In my final product I didn't include a menu as I had intended to, because it didn't look good and it didn't turn out like I wanted it to turn out. EVALUATE  Results of tests Follow the tests from your test plan and place the results here.


 * I will ask my friends about what they think of my website: They liked it and said it was good.
 * I will see what they think I need to improve: More writing according to topic.
 * Are there spelling mistakes: I don't think that there are a lot of spelling mistakes.
 * Is the color contrast okay: Yes it is.
 * Is the size of the writing okay: Yes I wrote in default size, and for titles I used larger.
 * Do the pictures relate to the topic: Yes they are objects relating to the topic.
 * Is the writing so much that you feel you don't even want to start reading it: No it is fine.
 * Can you go back and forwards from each page: Yes you can at the bottom.

Recommendations for improvement Suggest ways you could improve the product in future here

I need to put a little bit more writing that relates to the topic, and write more. Also maybe put my own drawings on the product i.e. I could for future have put a drawing of I think it will look like. Self-evaluation of your execution of the design cycle  explain what you would have changed in the way you followed the design cycle here:   I followed it better than last time I think, but I could still have followed it more accurately then. I would have liked to have more time to do my final product so that it would be nicer. I should have changed my plan as soon as I noticed that I am not going to do that particular thing.