Ahsen+Rauf+Unit+3

Ahsen Rauf Unit 3 = Web Design =

**Name:**
Ahsen Rauf

**Unit question:**

 * Pre-Unit exercise (if any) **

= INVESTIGATION = Task 1 Task 2 Task 3 **How can shopping online be made effective?**

2.**What does the shop need to offer online shopping** 3.**How can hackers steal either your money or the shops money while shopping online** Phishing is when a person or group try to acquire your personal information such as usernames, passwords, and credit card details by acting as a trustworthy source. They often send emails to you that have virus infected links in them. When trying to acquire money their offers are normally either that you have won the lottery and we need your bank account details to add the money or you have been given money from a trust fund. Sometime people use phishing as a fake bank and try to get your username and password. Phishing Reports
 * Task **
 * 1) ** What do you need to shop online **
 * ISP
 * Internet accessible device
 * Internet browser like Googe Chrome, Mozzilla Firefox, Internet explorer, Safari etc...
 * Credit Card
 * A website
 * An SSL security certificate(Secure Sockets Layer)
 * A store software Suite
 * Working links
 * Customer help e.g Help line, Online chat, Video Chat
 * Merchant Acount
 * **Phishing**

Pharming is when malicious code is installed on a server, misdirecting users to scam Web sites without their knowledge.
 * **Pharming**

A script kiddie is basically an amateur at hacking who can break in to a computer not through his knowledge of hacking but through a software or prepackaged automated scripts.
 * Types of hackers**
 * **Script Kiddie**

Elite Hackers( as in the name) are masters of deception and could break into almost any system.
 * **Elite Hackers**

A white hat hacker always has good intentions. A white hat would break into a security system and do lots of tests to check the level of vulneribility. A Large Number of IT security are White Hat hackers.
 * **White Hat Hacker**

These are people with bad intentions like breaking into security systems and creating viruses. Black Hat hackers range from cyber crimes, identity theft, credit card fraud and vandalism.
 * **Black Hat Hacker**

A grey hat hacker is a mix of both white hat and black hat. He will roam around the system freely without prompting the authorization but then will inform the administrator and will charge a small fee to fix it.
 * **Grey Hat Hacker**

Cyber Terrorists basically intend to create fear and chaos by disrupting critical infrastructures. These Hackers are by far the most dangerous type of hacker.
 * **Cyber Terrorist**

> Upgrading software is really important. Chances are that the software your running doesnt have high enough security measures to prevent hackers. Up to date software will help protect your site against ruthless hackers > **2.** **3rd Party Scripts and Code** > 3rd Party scripts and code are basically widgets, templates or any type of code that are written by others. Lots of this code is really good and useful but you can never be sure of malicious content in the code. Make sure that you research these codes and you can find out how secure each of these are.\ > **3.** **Secure Passwords** > A long secure password adds an extra mile to the road of being hacked and slows down the hacker. Dont use dictionary passwords, Family/friend/ your dogs name. You should use mixtures of uppercase, lowercase, numbers and symbols. You should use random text such as @{-}$ €N!S3 instead of ahsen123. > **5. Outsource a Little Prevention** > Use high quality software, Firewall script, Hacker safe or hire a professional security agency to reduce the risk of being hacked > **6.** **Backup, Backup, Backup and Then Backup Some More** > Keep backups of your site everywhere so that in case of being hacked you would be able to see a lists of different IP addresses that have accessed your site **7. Antivirus Software** It is very important to keep an Anti Virus Software Installed on your computer. The Anti-Virus would prevent Hackers from installing malicious viruses, scripts or code on your o computer. Clearing cookies is very important. Different websites put cookies into your computer and Hackers will be able to track you through that. So remember that you should always clear the cookies before shutting down [] [] [] [] [] [] [] [|http://support.hostgator.com/articles/hosting-guide/publish-your-site/what-do-i-need-to-have-an-online-store] [] [] [] [] [] [] **What Makes A Good Website?** Clean Layout Fresh Style Easy To Navigate Strong Content
 * 4. What measures can be used to prevent hacking **
 * **1. Keeping Software Up to Date**
 * 8.Clear the cookies **
 * A wesite has to be well designed.
 * You have to know where you are on the page
 * It needs to be easy to find information.
 * You need to be able to find the navigation bar
 * You need to be sure that the information you are reading is genuine and not an ad
 * It has Social Media Integration
 * There is very little animation going on
 * It is normally user activated, like clicking a box or scrolling
 * Uses blogs/Comments to communicate with your readers
 * It should have a theme or a template
 * The font should stand out and it should be easy to read
 * Have a Navigation Bar on top of the page
 * Less ads
 * Side Bars and footers should be filled with the site/business information not ads
 * The website should have internal links so users can easily go to other pages
 * Content should be targeted
 * It shouldn't have random topics
 * The information should be relevent
 * The pictures should create an emotional connection between the reader and the writing
 * Data needs to be enhanced with charts and graphs
 * Dont use Blurry images
 * Dont use Clip Art
 * Dont use pictures that clash with your background

The current situation/problem:
How can shopping online be made effective, the reasons it is not effective might be because hackers may steal either your money or the shops money and many online shopping websites are very confusing. This is very important because hackers have caused lots of damage to systems and have stolen the identity of people. The ILOVEYOU bug destroyed millions of computers in 2000 and stole the identity of many more. It caused $5.5 billion dollars of damage. This is why people need to be alerrt of these threats and be very careful.

The Design Brief
I am going to design and make a website about the stakeholders involved in online shopping. It should be suitable for students aged 12 to 18.

The Design Specification
My website must
 * Have a Homepage
 * 1 Page about what you need to shop online
 * 1 Page about what the shop needs to offer this service
 * 3 Pages about hacker's methods
 * 1 Pages about security measures
 * Have a consistent layout
 * Appropriate use of pictures
 * No copy and pasted information
 * Have tables with merged cells
 * All pages that adjust to the window size
 * Must function the same in three different browsers.
 * Have reliable information
 * Navigation Bar

Tests

 * 1) Check the if the links work
 * 2) Go to the homepage
 * 3) Use the navigation bar/ Arrows to see if all the pages in the design specification are there
 * 4) Check if the layout is simple and easy to follow
 * 5) Check if the pictures are appropriate and look good with the background of the site
 * 6) Check if information has been copy pasted using plagiarism checkers/ Google
 * 7) See if the tables made have merged cells
 * 8) The website should work well in 3 different websites
 * 9) Check if the links are directing me to the right page
 * 10) Check if the website has a consistent layout
 * 11) Is the layout and design make the sight appealing
 * 12) Does the website actually work

= DESIGN =

Design 1
General Design



Design 2
General Design



Design 3
General Design

= Justification = For My justification i have chosen Design 2. It was a close call between design 2 and design 3 because they both got equal ticks in the marking against the design specification. I chose design 2 over design 3 because i thought that design 3 (where the NAV bar is on the side) is inconvenient and it also squishes up the space. I chose design 2 because most GOOD websites have NAV bars on the top. On my research i wrote that the display needs to be easy and simple along with it being easy to navigate my way around the website. So i thought that since most people are used to website with NAV bars at the top it would make it simpler for them. = PLAN = = = This includes the Navigation bar and tables || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">25/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(10)Computer+(11)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">This includes the Navigation bar and tables || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">25/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(12)Computer+(13)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">This includes the Navigation bar and tables || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">25/2/2013 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">HW  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(14)Computer+(15)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">This includes the Navigation bar and tables || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">26/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(16)Computer+(17)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">This includes the Navigation bar and tables || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">26/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(18)Computer+(19)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">This includes the Navigation bar and tables || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">26/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(20)Computer+(21)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">This includes the Navigation bar and tables || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">27/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(22)Computer+(23)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">paste this info to word and change it into my own words || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 28 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/2/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(24)Computer+(25)Internet+(30)Word || <span style="font-family: Arial,sans-serif; font-size: 12pt;">10 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">paste this info to word and change it into my own words || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 29 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/2/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(26)Computer+(27)Internet+(30)Word || <span style="font-family: Arial,sans-serif; font-size: 12pt;">10 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">paste this info to word and change it into my own words || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 30 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/2/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(28)Computer+(29)Internet+(30)Word || <span style="font-family: Arial,sans-serif; font-size: 12pt;">10 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">paste this info to word and change it into my own words || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">4/29/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(31)Computer+(32)Internet+(33)Word || <span style="font-family: Arial,sans-serif; font-size: 12pt;">25 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">microsoft expression onto the different pages || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 6 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/29/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(36)Computer+(37)Microsoft Expression+(38)Word || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min || <span style="font-family: Arial,sans-serif; font-size: 12pt;">justifying all modifications made in the create || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 8 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/3/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(46)Computer+(47)Wikispaces+(48)Internet || <span style="font-family: Arial,sans-serif; font-size: 12pt;">30 min ||
 * **<span style="font-family: Arial,sans-serif; font-size: 12pt;">Task ** || **<span style="font-family: Arial,sans-serif; font-size: 12pt;">Stage ** || **<span style="font-family: Arial,sans-serif; font-size: 12pt;">Date ** || **<span style="font-family: Arial,sans-serif; font-size: 12pt;">Resources ** || **<span style="font-family: Arial,sans-serif; font-size: 12pt;">Comments ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Wikispaces and Look at Design Specification || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">25/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(1)Computer+(2)Internet+(3)Wikispaces || <span style="font-family: Arial,sans-serif; font-size: 12pt;">1 min ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Ahsen rauf Unit 3 and Look at design Criteria || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">25/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(4)Computer+(5)Internet+(6)Wikispaces || <span style="font-family: Arial,sans-serif; font-size: 12pt;">1 min ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Scroll down and Look at chosen Designs || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">25/2/2013 || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(7)Computer+(8)Internet+(9)Wikispaces || <span style="font-family: Arial,sans-serif; font-size: 12pt;">1 min ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Microsoft Expression Web 4 and Setup layout page 1.
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Microsoft Expression Web 4 and Setup layout page 2.
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Microsoft Expression Web 4 and Setup layout page 3.
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Microsoft Expression Web 4 and Setup layout page 4.
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Microsoft Expression Web 4 and Setup layout page 5.
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Microsoft Expression Web 4 and Setup layout page 6.
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Microsoft Expression Web 4 and Setup layout page 7.
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">GO to the Internet and Collect info for page 1 and 2. Copy
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">GO to the Internet and Collect info for page 3 and 4. Copy
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">GO to the Internet and Collect info for page 5 and 6. Copy
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">GO to the Internet and Collect info for page 7. Copy
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Open Word and check to See if all information is correct || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 5 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/29/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(34)Computer+(35)Microsoft Word || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Copy the information from word and paste it into
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Add final touches to website so that it looks good || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 8 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/29/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(39)Computer+(40)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">20 min ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Test it out online to see that it works and that it fits window size || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 8 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/3/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(41)Computer+(42)Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 12pt;">5 min ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Look and judge against Design Criteria || <span style="font-family: Arial,sans-serif; font-size: 12pt;">Create || 8 <span style="display: block; font-family: Arial,sans-serif; font-size: 12pt; text-align: center;">/3/2013  || <span style="font-family: Arial,sans-serif; font-size: 12pt;">(43)Computer+(44)Wikispaces+(45)Internet || <span style="font-family: Arial,sans-serif; font-size: 12pt;">5 min ||
 * <span style="font-family: Arial,sans-serif; font-size: 12pt;">Add modifications and justifications for the create stage

= = <span style="font-family: Arial,sans-serif; font-size: 10pt;"> I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**21** I will need to use Microsoft Expression because it is a website design software and I will use it to setup the layout of my page || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**26** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**31** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**36** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**41** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**46** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;"> I will need a computer to actually do my work because without my computer i couldn't do anything || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">12 ** <span style="font-family: Arial,sans-serif; font-size: 10pt;"> I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**17** I will need to use Microsoft Expression because it is a website design software and I will use it to setup the layout of my page || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**22** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**27** I will need the internet to look up the information to put on my website || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**32** I will need the internet to look up the information to put on my website || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**37** I will need to use Microsoft Expression because it is a website design software and I will need it to add information to the pages || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**42** I will need to use Microsoft Expression because it is a website design software and I will use it to test out my website online || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**47** I need Wikispaces so that I can access my work and edit it || <span style="font-family: Arial,sans-serif; font-size: 10pt;"> I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**9** I need Wikispaces so that I can access my work and edit it || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">14 ** <span style="font-family: Arial,sans-serif; font-size: 10pt;"> I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**19** I will need to use Microsoft Expression because it is a website design software and I will use it to setup the layout of my page || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**24** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**29** I will need the internet to look up the information to put on my website || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**34** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**39** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**44** I need Wikispaces so that I can access my work and edit it ||  || <span style="font-family: Arial,sans-serif; font-size: 10pt;"> I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**15** I will need to use Microsoft Expression because it is a website design software and I will use it to setup the layout of my page || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**20** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**25** I will need the internet to look up the information to put on my website || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**30** I need Word so that I can paste and paraphrase the info || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**35** I will need to open word so that I can analyze the information to check if it is correct || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**40** I will need to use Microsoft Expression because it is a website design software and I will use it to add the final touches || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**45** I will need the internet to access my wikispaces ||  || = CREATE =
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">**1** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**6** I need Wikispaces so that I can access my work and edit it || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**11** I will need to use Microsoft Expression because it is a website design software and I will use it to setup the layout of my page || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">16 **
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">**2** I will need internet access so that I can open wikispaces || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">7 **
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">**3** I need Wikispaces so that I can access my work and edit it || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**8** I will need internet access so that I can open wikispaces || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**13** I will need to use Microsoft Expression because it is a website design software and I will use it to setup the layout of my page || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**18** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**23** I will need to use Microsoft Expression because it is a website design software and I will use it to setup the layout of my page || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**28** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**33** I need Word so that I can paste and paraphrase the info || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**38** I will need word to copy the information and paste it into Microsoft Expression || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**43** I will need a computer to actually do my work because without my computer i couldn't do anything || <span style="font-family: Arial,sans-serif; font-size: 10pt;">**48** I will need the internet to access my wikispaces ||
 * **<span style="font-family: Arial,sans-serif; font-size: 10pt;">4 **
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">**5** I will need internet access so that I can open wikispaces || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">10 **



Modifications to plan I had to move my information collection down because i knew that i couldn't finish it in one lesson thus i needed more time for it I also needed to move down everything else underneath the information collection since i had lots of assessments going on at the same time Modifications to Create an uneven 2 at the top and 3 at the bottom layout
 * On the SECURITY MEASURES REQUIRED page i took out OUTSOURCE LITTLE PREVENTION since i didnt find much information on it
 * On the SECURITY MEASURED REQUIRED page i took out other since i couldnt find anything for it and also the page wouldnt look good with
 * On the TYPES OF HACKING page i replaced OTHER with PHARMING.

= EVALUATE =


 * Design Specification || Inclusion || Reason/Use ||
 * Have a Homepage || ** Yes ** || My website does have a homepage ||
 * 1 Page about what you need to shop online || ** Yes ** || My website does have a page on what you need to shop online ||
 * 1 Page about what the shop needs to offer this service || ** Yes ** || My website does have a page about what the shop needs to offer this service ||
 * 3 Pages about hacker's methods || ** Yes ** || My website does have 3 pages about hacker's methods ||
 * 1 Page about security measures || ** Yes ** || My website does have a pages about security measures ||
 * Have a consistent layout || ** Yes ** || All of the pages use a same layout ||
 * Appropriate use of pictures || ** Yes ** || All of my pictures are appropriate ||
 * No copy and pasted information || ** Yes ** || I have paraphrased all of my information ||
 * Have tables with merged cells || ** No ** || I didn’t have tables with merged cells ||
 * All pages that adjust to the window size || ** Yes ** || All the pages fit to window size ||
 * Must function the same in three different browsers. || ** Yes ** || My product functions in three different browsers ||
 * Have reliable information || ** Yes ** || The information is all corect ||
 * Navigation Bar || ** Yes ** || All of the pages have a NAV bar ||


 * <span style="font-family: Arial,sans-serif; font-size: 10.5pt;">Tests Friend || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">Pass ****<span style="font-family: Arial,sans-serif; font-size: 10.5pt;">/ ****<span style="color: red; font-family: Arial,sans-serif; font-size: 10.5pt;">Fail ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Do the links work || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Go to the homepage || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Use the navigation bar/ Arrows to see if all the pages in the design specification are there || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the layout is simple and easy to follow || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the pictures are appropriate and look good with the background of the site || **<span style="font-family: Arial,sans-serif; font-size: 10.5pt;">SOME ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if information has been copy pasted using plagiarism checkers/ Google || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">See if the tables made have merged cells || **<span style="color: red; font-family: Arial,sans-serif; font-size: 10.5pt;">FAIL ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">The website should work well in 3 different websites || **<span style="font-family: Arial,sans-serif; font-size: 10.5pt;">MiDDLE ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the links are directing me to the right page || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the website has a consistent layout || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Is the layout and design make the sight appealing || **<span style="color: red; font-family: Arial,sans-serif; font-size: 10.5pt;">FAIL ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Does the website actually work || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||

I think i need to put more detail in my Investigation My designs could use a lot more detail in the justification I think That my plan should be broken down into more simple to follow Finally i think i should have looked at the Design Specification more.
 * <span style="font-family: Arial,sans-serif; font-size: 10.5pt;">Tests My Sheet || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">Pass ****<span style="font-family: Arial,sans-serif; font-size: 10.5pt;">/ ****<span style="color: red; font-family: Arial,sans-serif; font-size: 10.5pt;">Fail ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Do the links work || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Go to the homepage || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Use the navigation bar/ Arrows to see if all the pages in the design specification are there || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the layout is simple and easy to follow || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the pictures are appropriate and look good with the background of the site || **<span style="font-family: Arial,sans-serif; font-size: 10.5pt;">SOME ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if information has been copy pasted using plagiarism checkers/ Google || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">See if the tables made have merged cells || **<span style="color: red; font-family: Arial,sans-serif; font-size: 10.5pt;">FAIL ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">The website should work well in 3 different websites || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the links are directing me to the right page || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Check if the website has a consistent layout || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Is the layout and design make the sight appealing || **<span style="color: red; font-family: Arial,sans-serif; font-size: 10.5pt;">ENH ** ||
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Does the website actually work || **<span style="color: lime; font-family: Arial,sans-serif; font-size: 10.5pt;">PASS ** ||


 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== ||  ||   ||   ||
 * ==**DESIGN**== ||  ||   ||   ||
 * ==**PLAN**== ||  ||   ||   ||
 * ==**CREATE**== ||  ||   ||   ||
 * ==**EVALUATE**== ||  ||   ||   ||
 * ==**ATTITUDES IN** ** TECHNOLOGY **== ||  ||   ||   ||