3. Apiitfreeware websites is about all free sources such as software, video, wallpaper, games in different categories We use different technologies for designing and programming. The all of the graphical sections, design with Adobe Photoshop and illustrator, so after that we use these image files for programming and styling with HTML and CSS and JavaScript. also we used flash to develop advertisements and some buttons. The other feature is CEO optimization in all pages, for better searching and more attract visitors. Introduction

4. Development Tools As we mentioned before, we use different tools such as Adobe Photoshop Adobe Illustrator Adobe Flash Aptana Studio

5. Body Of Site The important things in our design is standard body. Our design has : Header  Logo  Top Navigation Bar  Middle Navigation Bar  Search

6. Body Of Site Body  Posts  Right Navigation Bar  Advertisement (Flash Lides)

7. Footer  Our Copyright Terms In footer we provide owner email and Copyright terms and other detail about the site.

8. User Interaction And Layout Adjustment The most efficient way in web design for user interaction is using CSS. Because of low resource and get low internet bandwidth and beside this, it compatible in most of the. For instance : we align center the layout with below code :  #wrapper{  margin: 0px auto ;  width : 960px ;  }

9. User Interaction And Layout Adjustment In menus we use mouse hover event for changing color, For Example : #topnav li a { text-decoration:none; padding-left:70px; color:white; font-weight:bold ; font-family:arial; float:left ; } #topnav li a:hover{ color:yellow; text-decoration:underline; }

10. Design Section - Logo We created Logo to show that our site is something unique. Some how it is a trade mark. Our logo has 2 benefits. First one is, every standard should have its own logo. Second, for bookmarks. When you bookmarks our page you will see our logo beside our site title.

11. Design Section – Navigation Bar We choose 2 different color to separate our primary navigation bar from secondary navigation bar. For main section we choose green color cause green is color of peace and serenity so user will feel much better by seeing this color. On the other hand we choose Orange color for our secondary navigation bar. We use orange to attract user attention.

12. Design Section – Navigation Bar It denotes energy, warmth, and the sun. But orange has a bit less intensity or aggression than red, calmed by the cheerfulness of yellow.

13. Design Section – Flash Button We have used different colors according to our button condition. In normal situation we have used simple red but when user try to hit the button, the button color will be changed to orange.

14. Search boxes Search utility boxes are derived from “PicoSearch” engine. Real results among all contexts of website. Apparently implemented in two parts of page: o Express search box : providing direct search located in orange nav. Bar o External search box : opening search box in a separate page

15. Construction page Non-content links are ended to Construction Page  Involves an imaginary Reverse Time frame and a Contact field connecting visitor to administrator Written by “JavaScript” codes and enables sharing claim Processed through MS. Outlook Back bottom the only splicer Linking back to Home page

16. Improvement Proposals  Right navigation bar: Tree based Content part in Categories Privilege: More organized & user friendly Allocating designed pages for all links Privilege: More beneficial website  Heavy load Home page in slow speed connections  Rating & Commenting & Sharing tools