Help with site for a web begginer

Phill4321

Phill4321

Phill4321

Associate
Joined
13 Oct 2005
Posts
755
stateofmindwebidea-1.jpg


Hi guys, I currently have an idea for a website I wish to create. Just wondering what program or programs is best to create this. I want the menu to overlay the image with an opacity and for drop down menus to appear from the buttons on top.

I also want the red button top expand into a text box when pressed. Also how can I get the background image to stay to scale with the browser size and window?

Thanks for the help.
 
Hi there,

Firstly - nice design.

As for a program to make the website, I would look at coding by hand - XHTML and CSS. It will be a lot quicker/easier in the long run and you will then get a feel and more confident in editing/maintaining the website yourself, rather than using an editor.

You will need to "slice" the layout, using something such as Photoshop. Exporting the transparent grey/black background as PNG with transparency enabled, you can then use CSS to repeat the background with your content.

As for the red button, I would imagine you could use jQuery to do this, however that is all that I know. jQuery is a very powerful JavaScript library.

Scaling will require you to use a "dynamic layout" - using an "em" unit. It'll require some reading.

I hope this helps, and provides you with a starting point.
 
Hi thanks for the reply mate, I've made basic sites using photoshop and dreamweaver before. But they were very basic in terms of coding and technicality. Most of it involved slicing and page links. Looks like I'll have to learn to code properly, but will be a good thing in the long run. Thanks a lot for the help!!

Hi there,

Firstly - nice design.

As for a program to make the website, I would look at coding by hand - XHTML and CSS. It will be a lot quicker/easier in the long run and you will then get a feel and more confident in editing/maintaining the website yourself, rather than using an editor.

You will need to "slice" the layout, using something such as Photoshop. Exporting the transparent grey/black background as PNG with transparency enabled, you can then use CSS to repeat the background with your content.

As for the red button, I would imagine you could use jQuery to do this, however that is all that I know. jQuery is a very powerful JavaScript library.

Scaling will require you to use a "dynamic layout" - using an "em" unit. It'll require some reading.

I hope this helps, and provides you with a starting point.
Click to expand...
 
Phill4321 said:
Hi thanks for the reply mate, I've made basic sites using photoshop and dreamweaver before. But they were very basic in terms of coding and technicality. Most of it involved slicing and page links. Looks like I'll have to learn to code properly, but will be a good thing in the long run. Thanks a lot for the help!!
Click to expand...

No problem.

If you want any hints/pointers drop me an email to my trust account.
 
First off, nice design it has good potential as does your idea.

I agree with the swinnie too, especially as you are a beginner and to be honest you don't really need to progress to any WYSISYG programs from learing that far. Coding by hand is much more powerful and versatile and finding your errors and problems can be much easier.

I would reccomend using Notepad++ (http://notepad-plus.sourceforge.net/uk/site.htm) which will colour the tags etc to make things a bit easier to follow.

The main thing is to block out how your site will work in HTML so you can slice it up properly then throw down some basic <div> tags and match their sizes with the sliced images. Then you can move into getting the menu items unto a horizontal list and then implement the drop-down functionality using CSS.

After that you can look into jQuery for the red button which should be a simple code addition and will introduce you do a simple but powerful tool :)

Check out these two very old sites I did for basic code for the layouts:

http://www.duperouzel.co.uk/testing/yagenji/
http://www.duperouzel.co.uk/intramum/news.htm

I don't really do much web stuff anymore but I hope those help.
 
You must log in or register to reply here.
Back
Top Bottom