Seeking knowledge on the "Hard Stuff" in websites

Hi, ive been working on my site for a while now, a mockup here and there. i have tried an aero mockup and a aqua mockup (aqua definately looks better). i need some help on the actuall implementation of the mockup to the site. i have adobe golive and know how to use it pretty well, but i am untrained when it comes to doing "code".

Things for my website that are stumping me:

CSS - They say it makes things easier and more professional looking
Javascript usage - For fixes like PNG problems and screen resising
Rollover images - cant seem to get them to work properly
PHP - i have NO IDEA what php is lol
News Feed - im not even sure if thats what i need. im basically looking for a way to submit news to my main page but without having to modify the mainpage al of the time

if anyone could assist me with making the website, please email me or PM me, or talk to me on AIM. If anyone knows how to do this stuff and can give me somewhere start please let me know.

thanks a bunch,

Pops

#229978

http://www.w3schools.com

#229980

What Sid said is right.

Search Google for tutorials on design, and go to your local library for books. The For Dummies series is always a good one to start.

There's no "super-easy way." It is quite a rewarding experience though.

-nightcrawler1089

#229996

Easy way to make rollover buttons that people can't steal easily

Have this in your stylesheet

#button { background-image:url(affiliate.gif); width:88px; height:31px; }

#button:hover { background-image:url(affiliatehover.gif); width:88px; height:31px; }

Have this in your page

<div id="button"><a href="http://aqua-soft.org/" title="Aqua-Soft.org" target="_blank"><img src="../../unavailable.html" alt="Aqua-Soft.org" /></a></div>

This way you have a hover using CSS and people can't just right click > save as or drag your button image. They'd have to go into your CSS and find the url to the button image, something not a lot of people know how to do.

For a news page I suggest either Movable Type or Textpattern depending on if you want a lighter one or one slammed with extra features. I use Textpattern for my system. It's very easily customized, and features links, article images, pop-up comments, categories, and features RSS and Atom syndication.

#230011

hmm that textpattern looks pretty tempting, alot easier to modify and install (although thats stil stumping me a little)

#230024

I have most CSS and a tiny bit of Javascript memorized just from w3schools.com it's a great place.

#230028

Easy way to make rollover buttons that people can't steal easily

Have this in your stylesheet
#button { background-image:url(affiliate.gif); width:88px; height:31px; }
#button:hover { background-image:url(affiliatehover.gif); width:88px; height:31px; }
Have this in your page
<div id="button"><a href="http://aqua-soft.org/" title="Aqua-Soft.org" target="_blank"><img src="../../unavailable.html" alt="Aqua-Soft.org" /></a></div>
This way you have a hover using CSS and people can't just right click > save as or drag your button image. They'd have to go into your CSS and find the url to the button image, something not a lot of people know how to do.

While that's a cool trick that I never knew about, it is extremely easy to bypass. Clear your internet cache, go to your site, roll over a few images so the rollovers load, view the cache. All the images will now be in there, and you can just put them in a new folder. I've used the cache to get tons of stuff out of it, mainly all Flash related.

#230046

Why would anyone want to steal your button anyway ? Isnt that being a little overprotective lol ?

#230103