|
|||||||||
|
|||||||||
| |||||||||
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
June 9th, 2005, 02:47 PM
|
|||
|
|||
|
Comments about layout....
Hi, I'm a bit new to web design and have been trying to learn the various technologies to make a webpage look more professional. Now, i'm kind of used to designing a webpage first in photoshop and then using dreamweaver to make templates and apply them to the other pages. I feel the page looks a bit too 'amatuerish' as well as extravagant. I've seen a few websites that use just css menus and layouts and look very professional. How do I go about designing such a website? I mean, I've got to keep the website a little flexible because i might keep adding and removing stuff. Can anyone help me out? Here's a site that I've made recently:
http://hostel.iitm.ernet.in/mandakini Any criticism on the layout will be appreciated. Thanks.
|
|
#2
June 9th, 2005, 02:58 PM
|
||||
|
||||
|
hi,
if yer looking for a critique...try the 'website critiques' forum... now, check this out for help on the css menus. HTH
__________________
if i've been helpful, please add to my reputation. Affordable, custom website development Lone Locust Screen printing, embroidery and suppliers of promotional products
|
|
#3
June 9th, 2005, 04:00 PM
|
|||
|
|||
|
more professional...
Quote:
Hi, You have to understand it takes time to learn these programs. Study other websites that appeal to you. Take your time and believe that you can come up with the look you need. If you can't, then you will have to hire a pro or buy a template, which I don't recommend because it takes away from your site's individuality. All the best. dave@ddrivemusic.com
|
|
#4
June 9th, 2005, 08:30 PM
|
||||
|
||||
|
I really can't see any reason to use flash for the buttons... What you are doing can be replicated almost exactly with css and gif images... This is also much more accessible, and you will only have to save 2 images (one static - one animated)
Code:
a {
color:~
width:~
height:~
background-image:~
}
a:hover {
color:~
background-image:~
}
In my personal opinion, the website looks amateurish because the images are too "heavy". Also, 9 times out of 10, there is no use for them (example: copyright image).
|
|
#5
June 10th, 2005, 09:20 AM
|
||||
|
||||
|
Thread moved from Web Design Help to Website Critiques.
[edit] You'd also posted in Website Critiques, so I merged the two threads. Last edited by edwinbrains : June 10th, 2005 at 09:33 AM.
|
|
#6
June 10th, 2005, 01:29 PM
|
|||
|
|||
|
thanks for merging the two. It's much more easy. And thanks for the info. I've heard a lot of good things abt CSS so far and I think I'll learn that. Thanks again.
|
|
#7
June 11th, 2005, 04:27 PM
|
|||
|
|||
|
Try to leave more space between the menu and the text on the right.
|
|
#8
June 12th, 2005, 04:02 AM
|
|||
|
|||
|
http://hostel.iitm.ernet.in/mandakini/newstyle
I've changed the whole thing and removed the tables. I'm just using CSS now. Is the layout any better? Also, for some strange reason, the navbar on the left is acting up in IE but in firefox it looks just the way it's meant to. Any suggestions?
|
|
#9
June 12th, 2005, 10:16 PM
|
|||
|
|||
|
Making it look professional....
Hi, I've been breaking my head over how to make a website look professional. I know this sort of thing comes with experience especially for one who isn't good at designing things with aesthetic appeal. But, I've spent too much time on this and am at my wit's end. I made a layout using photoshop with tables and it looks amazingly amateurish. Then, I made a completely new one without using tables at all and just using CSS and it looks terrible! How do I go about making it look better? I mean like, this site really looks good. It doesn't look like it's been made by a 10yr old with only an introduction to html. I know this is kind of a stupid question but I've given up now. I've tried everything. Here are the layouts:
site1: http://hostel.iitm.ernet.in/mandakini site2: http://hostel.iitm.ernet.in/mandakini/newstyle
|
|
#10
June 12th, 2005, 11:38 PM
|
||||
|
||||
|
This is probably better posted in the Web Critiques forum.
The table-less layout has a lot of potential. Here's a few things: Consider fixing the width of the content and centering it. The picture looks really bad stretched to full width at my resolution (1152x864). You might consider removing the border around it too. See if you can get rid of the scrolling text, or at least find more efficient code. My CPU usage hovers in the high 80s just sitting there watching it. This doesn't happen with your first design though. I'm not sure why. Consider another colour for the nav buttons. You can use the header image you have to pick a stronger red. If you do change it, use the same colour you pick for the footer as well. In the nav buttons as well, consider making all the text bold, or none. Mixing it looks a little weird. Make the whole size of the buttons, and the text, smaller too. You might also look at not making the text move when you rollover them. See if you can get rid of the gap under each set of nav buttons (though the gap under the second set doesn't show up in Firefox). A smaller thing that you'd probably change before going live anyway: The "Privacy Policy" at the bottom usually has a link to an actual privacy policy  .Also, instead of using '--' in your text, using '' (which translates to ) might work better. That's about it. Keep it up. This stuff doesn't come all at once.
__________________
Web Design Tips - Posting and You If I've been helpful, and/or you're really nice, consider buying something from my Amazon.com wishlist.
|
|
#11
June 13th, 2005, 12:53 AM
|
||||
|
||||
|
I'm not trying to be rude in any way, but are you "a 10yr old with only an introduction to html"? Don't take that as an indication of what I think about your site. I thought about that the second I read your post. A 10yr old, well, a person of any age, with only an introduction to html will produce a site that looks like somebody with an introduction to html produced it. There's not a lot you can do about that except to increase your experience level and/or knowledge.
BTW, applause for making the effor to go table-less. It's a difficult one to make. table-less layouts can frustrate quickly, especially cross-browser, and especially the first attempt. Quote:
__________________
# Jeremy Explain your problem instead of asking how to do what you decided was the solution.
|
|
#12
June 13th, 2005, 04:47 PM
|
||||
|
||||
|
Quote:
Moved and merged with the thread you already had in the Web Critiques forum.
|
|
#13
June 14th, 2005, 12:38 AM
|
|||
|
|||
|
well....
@cybersaga:
Thanks for the help. You're right about the scrolling text. I never noticed it before. Mine shoots upto 70% with the second one and upto 50% with the first one. I'll get rid of it. I might as well use static links in that column. You're right about the titlebar as well. I'll increase it's size. I made it for 800x600 res. About the privacy policy, i did it just for fun,  . It's only in the testing stages, I'll remove it later. But the  isn't working in IE, it shows just boxes instead.@jharnois: Quote:
Sorry  , didn't mean to be offensive, but that's what (I feel) my site actually looks like. I meant this site (devshed.com) looks great in comparison to mine.Anyway, here is the new look: http://hostel.iitm.ernet.in/mandakini/newstyle
|
|
| Viewing: Dev Shed Forums > Web Design > Website Critiques > http://hostel.iitm.ernet.in/mandakini |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
