Contents of the Site

Apart from the requirements set out in the assignment brief there are other aspects which a website offering products would contain. 


These are displayed bellow:

• Company Logo
• Menu: Categories of Different Products Offered 
• Search bar
• Login & Sign Up/Register Form
• Sub Categories of the Products Offered
• A Page for Individual Products
• Terms and Conditions of the Site
• Description of the Company- About Us
• Shopping cart

All of these will not be included in the site as the requirement is 3-5 pages long therefore I will only concentrate on creating some of the ones mentioned above. 

The main areas which will be focused on are listed below:

• Company Logo
• Menu: Categories of Different Products Offered 
• Search bar
• Login & Sign Up/Register Form
• Description of the Company- About Us

Now that I have decided what I will like to include in my site it's time to start on the HTML and CSS coding to create the pages of the site.

Layout Planning

Layout

Even though I am re-creating the website I created previously I will be changing aspects such as the layout. I have looked at several websites to have an idea of a common layout structure so that I can create a user-friendly layout which people will be familiar with. 

Before I create plan of different layouts for my hompage I will have a look at different sites to see how they have structured their homepage layouts.

Below I have displayed several online clothing websites:

Topshop-

Boohoo-

Miss Guided-

Now that I have looked at different sites I will create several mockups of how my homepage could look like.
-

Layout 1:

Layout 2:

Layout 3:

Layout 4:

Looking at the layouts which I have designed for my homepage I have chosen to use layout 4 as I think that the menu tab would be best set out in the middle at the top of the page. Many websites such as the ones which I displayed previously have the menu set out in a linear structue and displayed in the middle.

Now that I have designed several layouts of what I would like my hompeage to look like I will start coding an index html page. 

 

Assignment Brief

For my second scripting assignment I am required to create a website (around 3-5 pages) which has a good use of javascript in order to help the websites functionality. In this blog I will track my progress and post my ideas of what I would like to incorporate in to my site. When it comes down to creating the site I can choose anything I want as long as I answer the brief with the requirements. Even though javascript is very important in this assignment I need to include HTML and CSS coding in my site.

The website must contain the following:

• simple browser applications/ utilities
• canvas image generation/ animation
• reali-time DOM manipulation
• audio/video players
• form pre-validation
• dynamic CSS style modifications
• image roll-overs with preloading 

At the moment I am deciding whether or not to re-create the website I created for my first assignment. Although I would like to drift away from fashion and create a site that is completely the opposite.