This is just a mockup: http://sibercomputers.com is there another way to do this? updating takes forever
No offense, but looks like something a 12 year old did in 1996. The web has changed quite a bit since then. Lose that awful marble background to start with, it serves no purpose. The blue gradient headers look like something out of a 70s disco and the logo font is just terrible. You really need to read some books on HCI design and web heuristics. Web Content Accessibility Guidelines 1.0 by w3c. Improving Web Site Usability and Appeal by Kevin Keeker @ MDSN.
No offense again.. but this is possibly the first ever website I have seen that is made up of just 1 jpeg, it must have taken a while to make :/ or did you just printscreen from paint/save as jpeg?
Sorry, I hate it. Firstly, make an actual website instead of just an image. Secondly, make a good design.
I'll have to do something different because to update specs takes me about 2 or 3 hours and the design i hate too, now that i really look at it
I don't know your level of expertise, but I seriously recommend you learn some proper html and css, becuase right now those two are the basic building blocks. Also, some good design ideas might help (Like keeping it simple and neutral). Right now your site will not get indexed by any search engines, can't be read by text-based browsers, is bigger than a simple html page and takes ages to update (whereas html pages or php pages will take a few seconds). Alternatively, you could hire someone else to do it.
Oh, I assumed the image was just a design prototype of how it was going to look. I didn't think that was your actual website - you've got more learning to do than I thought. Before going any further. Read all of this site. It should teach you HTML - the language which web pages are made from. Once you've done that. Continue reading my post. By now you should realise that HTML is a markup language; you describe the content using the tags available. Forget about 'design' at the moment. Think about what you want to achieve from your website and the information you want to communicate. Then work out how you're going to communicate it. Every element should be enclosed within tags that describe what it is. Ok, so let's start. Open a text editor. Notepad will do. Everything on your page is going to be HTML code, so let's describe that. Code: <html> </html> Between those tags, we can put any HTML data. We want to first start by including a title for the page - every HTML document must have a title, and this should go in a section of the document called the "head". We do it like this: Code: <html> <head> <title>Siber computers</title> </head> </html> OK, now that we've got that done, we want to include some content. This has to be done in a section of the document called the "body". So I'll include that section and I'll also include a header. Code: <html> <head> <title>Siber Computers</title> </head> <body> <h1>Siber Computers</h1> </body> </html> "H" here stands for header, and headers are classed from 1 to 6, so you can have <h1>, <h2>, <h3>, <h4>, <h5> or <h6>. <h1> should be used for your most important heading and <h6> for the least. Next we want to put in the navigation - all the links to your other pages. So we'll put in the title Navigation (We'll use H2 as it's less important than your other header) and we'll put the links below. Now, the navbar is a list of links, so we should correctly describe it as a list using <ul> and <li>. We'll also be using <a href="link location">link text</a>, for the links, of course. Code: <html> <head> <title>Siber Computers</title> </head> <body> <h1>Siber Computers</h1> <h2>Navigation</h2> <ul> <li><a href="cases.html">Cases</a><li> <li><a href="storage.html">Storage</a><li> <li><a href="cooling.html">Cooling</a><li> <li><a href="memory.html">Memory</a><li> <li><a href="processors.html">Processors</a><li> <li><a href="motherboards.html">Motherboards</a><li> <li><a href="powersupplies.html">Power Supplies</a><li> <li><a href="soundcards.html">Sound Cards</a><li> <li><a href="videocards.html">Video Cards</a><li> <li><a href="networking.html">Networking</a><li> <li><a href="displays.html">Displays</a><li> <li><a href="desktops.html">Desktops</a><li> <li><a href="laptops.html">Laptops</a><li> <li><a href="servers.html">Servers</a><li> <li><a href="specials.html">Specials</a><li> </ul> </body> </html> That's all your getting for now. You need to finish entering all your information in a similar manner using appropriate tags to describe. Save the file as index.html and you should be able to open it in a browser and see how it looks. Repeat this for every page you want to have. Once you've done that, come back here and we can talk about adding a little styling to the pages.
i know html thanks for the tutorial i'll keep that in mind thing is i was adding updates to the website as html and not using the program that it was created in (Fireworks MX) btw is there anything i did right to this site? isn't there a way to design the layout in a graphics program and use a database to update the site? I've started on a new design approach because i want the webite to be legible in text-based browsers and on my PalmOS hand held.
Ah, it's great that you know HTML. Out of interest, why did you opt to use an image for the entire page? The same thing can be accomplished quite easily using HTML and CSS. It will load faster and it will be viewable by people who view text only or have screen readers. In my opinion, you shouldn't use a "graphics program", as you call it, to create your website - especially since you know HTML. You can engineer a hand-coded site to perform much better than a WYSIWYG HTML editor. In terms of dynamically creating and updating content using a database, that would be a good idea; especially if you're constantly changing your products. First you'll need a host that supports server side scripting of some kind, such as PHP, and offers you a database, mySQL for example. Next, you'll need a script. You could write this yourself, but judging by the fact that you're asking whether such a thing exists, my guess is that you don't already know any PHP or similar language. It's a very small task, would be easy to do and would be a nice learning project. However, if you can't be bothered, I'm sure you could find the right script over at http://www.hotscripts.com/ Hope this helps.
Learn html and css well first. Server side programming (most likely php) is something which you can learn later, but it's far more advanced.
