Friday 3 May 2013


Makeup,hair,nails and fashion

I will be designing a web site that is aim at women interested in beauty, in my website there will be product reviews on makeup,hair and nail products. my web site will include five web pages that will contain the following:


Web page 1

Home page : This page will be my home page which will contain pictures and also some information about my web sit it will also contain links to other web pages in my website.

Web page 2

Makeup : This page will contain information,product reviews and pictures of makeup products.

Web page 3

Nails: This page will contain information,product reviews and pictures of nail products.

Web page 4

Hair:This page will contain information ,product reviews and pictures of hair products.

Web page 5

Fashion:This page will contain different type of fashion looks a person can try out.



Below is a picture of my navigation layout for my website:





Below is the design of my five web pages:




 
Reference:
 



Assignment 2


HTML ( Hypertext Markup Language)

This is the language that is used to create web pages, html defines the structure of a web page and it also tells the web browser how to  display features on a web page such as text, colours, images and buttons. Html contains hundreds of different tags which help create the structure of the web page such as:

<HTML>

<head></head>
<body></body>
<p></p>
<h1></h1>
<footer></footer>
<link>
<img>
<div></div>

these tags help to insert images, headers, paragraphs,footers etc in to the specific order the user want them in,html also allows the user to insert a link in order to direct the user on to another website.

CSS (Cascading style sheet)

CSS defines how elements from HTML document are displayed in,CSS can be used to change colour, text size, widths,lengths, patterns,lines, font style of elements in a HTML document. CSS allows the user to separate the design content for a page and the HTML.CSS can control the layout of many different web pages from only one single style sheet.

e.g.

#navigation{
width:200px;
}


#p1
font-size:20px;
font-style:verLdana;
}
Komodo edit

komodo edit is a free open source language editor program that supports languages such as
Perl, PHP, Ruby, javaScript,Tcl, SQL, Smarty, CSS, HTML etc. Komodo edit is available different operating systems such as windows, mac and linux. when using komodo edit users are able to to view there web page coding on a web browser


Wireframe tool Lumzy

lumzy is a wireframe tool which allows a user to be able to plan there web page layout and design by creating a prototype so they have a rough idea of how the basic structure,components,and navigation of there web page will look like.

Lorem Ipsum

lorem ipsum is a website which provides users with dummy text which is randomly generated,they can use this text when planning the structure of there web page design. It also allows the user to choose how big they want there paragraph to be and also the font style. The user can choose from a wide range on languages in which they want there dummy text to be in.

Lorem pixel

Lorem pixel is a website which provides a user with a random image, the user can choose the size of the image they want by entering a specific height ,width and image format.These images are used when a user is doing a rough design of there website so they are able to have a rough idea of how there website would look like with pictures inserted in it.


Reference
http://blog.crazyegg.com/2012/06/15/image-text-placeholders-web-design/
https://en.wikipedia.org/wiki/Cascading_Style_Sheets
http://www.w3schools.com/html/html_intro.asp
http://www.activestate.com/komodo-edit
http://www.lipsum.com/
http://lorempixel.com/