I have designed this dubaivisa website. I need your honest reveiw.

I have designed a site with html and css. I am new in designing. This is my first full project. I wanted the Header, side bar and footer color to be gold. But the solid color doesn't reflect the gold color. I don't know how can I shine it like gold.

I'm not 100% satisfied with my work and don't know what can I do to make the site look more attractive and professional.

Please provide with some expert tips.

the link is dubaivisabd . com

 

Your website is pretty good but I do not like the color of the header. You can get more information it on this link:
hxxp://imageappeal.com/portfolio_webdesign(.)htm
Replace xx with tt and remove the brackets.

 

its a good site but a bit more of a modern more appealing template would get your more business

 

For the first time designing I would say "ok".

I think you did it with dreamweaver. I think I remember the function MM_preloadImages in the javascript part.

I would do it in a really different way ... hehe.

But hey, you are still learning. That's good.

 

Well, In FF, It is Left Aligned! Make it Centralized with a Single Line Edit in your CSS to make it look more appealing!

~Exp~

 

It looks really out of date.
Maybe you should center it and use more rounded corners and different colors.
For a first site, it's ok.

 

bro, I am having problem centering absolute positioned divs. I know if I keep the margin in auto the divs will centre by it self. But for the absoulte positioned divs it doesn't work. In if I don't keep the some of the divs as absolute I experience some problems in different screen sizes.


Any suggestions?

 

Yes I used dreamwever. I think its an old method as you are saying. and some IE browser is causing problem (Active X problem). is there any better way to do it? other then flash. as I still didn't learned that.

 

Can anybody suggest me how can I make a gold color. I don't like solid color too. How can I shine the background like gold. I feel like I have to use image for background that will repeat may be. I'm not really sure.

 

On the Mandatory Requirements page the text is cut off at the bottom.

English should be brushed up a little - like:

• Dubai is being the heart of the United Emirates
• Now-a-days it is the hub of the Europe and America’s travelers

I agree with above posts, should be centered.

Not bad for a first attempt!

 

Gold is not really a color. It is yellow, brown, white and black.

The best way of creating a gold effect on your website is to use a per-prepared background image.

 

Wow, You have a good sense of color. I think I'm looking for something like this. Can I give this gold effect on the header image. Can you tel me or lead me to a source where I can learn from.

Thanks a lot already.

 

Some good resource to learn from http://www.pslover.com/search/gold/1, http://www.tutorialwiz.com/gold_texture, http://www.rnel.net/tutorial/Photoshop/15822, http://www.photoshopgurus.com/tutorials/t012.html

Hope these helps.

 

Your links are helpful. Thanks. But Still most of them focused on making the text gold. I want the background to be gold.

 

Ameer,

Please see: http://viladi.co.il/dubai-visa/test.html

This is a page with the gold frame centered.

The gold frame consists of 3 separate items:
http://viladi.co.il/dubai-visa/graphics/top-frame.png (960x24 px)
http://viladi.co.il/dubai-visa/graphics/middle-frame.png (960x12 px)
and
http://viladi.co.il/dubai-visa/graphics/bottom-frame.png again (960x24 px)

you may want to adjust the width to suit your pages although I do recommend 960 as a standard.

CSS is simple too:

*{
  padding:0;
  margin:0;
}

body{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
}

#container {
	background-image: url(graphics/inner-BG.png);
	background-repeat: repeat-x;
	clear: both;
	height: auto;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#top-frame{
	background-image: url(graphics/top-frame.png);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 960px;
	font-size: 1px;

}

#middle-frame{
	background-image: url(graphics/middle-frame.png);
	background-repeat: repeat-y;
	width: 960px;
	height: auto;
}

#bottom-frame{
	background-image: url(graphics/bottom-frame.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 960px;
}

.text-area{
	height: auto;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}

img.img_left{
	float:left;
	padding:0px;
	margin: 0px 8px 0px 0px;
}


img.img_right{
	float:right;
	padding:0px;
	margin: 0px 0px 0px 8px;
}



p {
	margin: 0px 0px 24px;
	padding: 0px;
}

h1 {
	font-size: 36px;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
}

h3 {
	font-size: 18px;
	text-decoration: underline;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
}

Code (markup):

So is the HTML - view source should show it.

I wonder, will that get me a visa to Dubai?

 

Looks like a website 10 years ago