URL:http://mutedart.zendfree.com

I won’t be going through the whole process that is I won’t explain how I did every thing since this is not a tutorial to make a website. But just a quick over view of how I made the website.

I started of with an A4 sheet right in front, on which I drew the whole interface that was the proposed interface on paper. Designed my logo on rough A4 so I knew what I was going to design and develop. This is one of the most important stages. Why? It’s because this stage actually tells the developers, designers, (i.e. the web team) what to do. And w hat is required at the final stage. Then I continued with what will I be using in the development of my website? By saying this I am referring to the technologies that I will be using. Choose wisely as the choice made now matters a lot. So I decided to use Html for almost every thing and CSS for buttons. I used notepad as my editor for CSS, there are others like Macromedia Dream weaver, etc.  Then for the designing of my logo, I used Adobe Photoshop. After this I designed the rough layout using tables, Front page, and fire fox for checking the interface.  Than I designed the buttons; the theory behind the buttons:

I knew I was going to use CSS for my buttons; I divided my buttons in two parts. One being the menu from where navigation is allowed and the other being all other links in the web page.

Now before starting to code for the web site, I decided for the color theme, that I will be using in my web page. So I decided the following were the RULES I will be using inn the buttons

a:link {}, a:visited {}, a:hover{}, a: active{}

then for the main buttons that  act as the buttons to transfer I made a list, changed it to inline, the list-style-type property to none. So the bullets don’t come up than placed a border on both left and right to give it a button look. I used the same rules as before. But there is variation in the properties that I used.  One important thing I used external style sheet as that saves a lot of code and does not create a lot of fuss. And I used one style sheet for the whole website.

This is it, I am done with the template then I moved to save page as. Since my template will be the same by referring to template I am saying the basic layout will be the same. Only the area of content will vary. Even that wont vary that much. So I started saving my template as other pages changing the title. I made changes as well as I continued to complete my website. When all my pages were done, I came back for hyper linking. I connected the pages. For images I had decided I won’t open them in he same tab/ window. So in the <a href=”xyz/jpeg”>image thumbnail here</a>I included the target=”_blank”, this opens that particular link in a new tab/window.  The code became <a href=”xyz/jpeg” target=”_blank”>image thumbnail here></a>.

I was done with the site; I was consistently checking my site in fire fox. Now was a time to run a quick run. So I TESTED the whole website clicking on links randomly going from one menu to another. After testing the site, I uploaded my site to my server.

So all the best, happy coding.