web design & development explained
I'm a webmaster living in Manchester and I specialise in user interface and user experience design, although I do like front-end development too. One day you can see me designing user-focused web interface for e-commerce client, the other I could be developing it using XHTML, CSS, JavaScript libraries (like jQuery) and progressive enhancement approach. So take a look at my work, maybe you'll find something nice to look at. And don't forget to subscribe to my RSS feed top get the latest headlines!
One way or another you will get to know what e-commerce website is, and believe me – this won’t be an easy task to cope with. Especially if it comes to designing one. Well, if you struggle to get something other than standard 3-column osCommerce layout, then this is the article for you.
Today we will have a closer look at the horizontal menu creation using CSS and Photoshop. I suppose that you have basic knowledge of HTML and CSS and you know your way around Photoshop CS series. But this won’t be any other horizontal menu. Sometimes life requires us to put search form within the menu, whether on the left or right side. some may wonder how it works, but it’s nothing very difficult.
Let’s start with creating a sample menu in Photoshop. For that purpose I will use one of the sites I have been working on recently. Draw a rectangular shape of desired width and height and add some styling like gradient and stroke with values displayed on images.
