Mobile version of a website?

Can anyone recommend me a tutorial for converting a fairly simple website that mostly contains information to a mobile version for tablets and smartphones with OS' such as iOS, Android and WP7? Any other tips would greatly be appreciated as well.

 

After looking through it, I don't think that it's what I'm looking for. I'd prefer to have two separate versions of the site, because looking through what the framework offers, I don't think it would work well with what I already have made. The site I have now wouldn't work too well with scaling between browsers, so I'd prefer something very simple instead that I could maybe point from mobile.websiteurl.com instead.

What should I be looking for? Info on how to do it or templates?

Not sure if my initial post was clear or not, but what I'm looking to do is make a mobile version (html) of a website I've already made in the past. I'm looking for a good, but fairly easy to follow tutorial or maybe even a simple template that would allow me to do it. I have no interest in building apps.

 

The thing that I am having difficulty understanding is how I would go about omitting some parts of the site if I was simply going to use a second css file for mobile devices. For example, I don't want to include certain large images, or certain text that's being displayed on the pages. Also, I have some javascript stuff on the current site ( an accordion script), and I'd like for it to show up on as many different phones as possible, though I am aware that there are many older phones that probably won't work with it. I also have a php page with a contact form, and I don't know how that would factor into things, especially if I'd decide to skip the page, and have a html version one instead to simply list all the contact info as text. This is why I'm leaning towards making a separate mobile version of the site.

 

Thanks, I'll look into it.

Another question. Say I decide to simply code a mobile version of the website instead of using an alternative CSS file. How would I be able to auto forward mobile devices to it without simply having a mobile version link on the front page?

 

I was thinking of using WordPress, but I am not that advanced with building a website in it (not a blog).