How to build a B-...Website?

So, a few days ago, I had an idea: I was going to make a website.
 
Weird as it is to say, I've always wanted a website. It's my "internet dream". I've been attempting here and there for years, since I was new to the internet. It actually ended up working out pretty well at times. I'd sign up for a free website and be amazed at all the content and flexibility I was given. But the reasons for those free websites often varied from joining a video game clan to making one for the hell of it. Since those days, my luck in finding free websites have been pretty much zero. All the good ones are gone, and I can't remember which ones I used to use.
 
The day of owning a website is almost here. I finally convinced some of my friends to get behind me and support this idea. To actually have everyone chip in with actual money(NO MORE FREE WEBSITES!!) and buy a website.
 
For the design of the website, the idea came to me from Giant Bomb, actually. I went through some of their older videos a few weeks ago and found their "How To Build A Bomb" videos, and in one of them, Jeff(Or Ryan, I can't remember) shows off their white board, in which they have actually drawn out how the website is going to look. I saw it. My brain registered it and realized what it was for. But for some reason, it just didn't "click" in my head until a few days ago, at like 3AM when I realized that I had opened up Photoshop and couldn't remember why. Then it hit me. I could actually design the website right there, or lay a general guideline to what it would look like.
 
I'm not quite sure why, but somewhere along the line I started to think that the only people who could "design" a website were, well, designers. Graphic designers, artists, coders, developers, you get the point.  I never really thought of how it could be done, only that you need the magical title of a creative person to make it happen. As it so happens, you don't actually need that.
 
So, for the days of recent, I've been working as hard as I could to churn out a design that looked fantastic. It needs to be fantastic, because I'm picky, and I figure if I'm going to actually do something, I'm going to try to do it right. Or, I'm going to try to get as far as I can before I realize that I'm not very good at this type of thing and whisper in the wind the cries of help that I so desperately crave.
 
Since I was a kid, I've always been about entertaining people. That bell rings true even today. I just like to make people laugh. And when I met my friend Edward in 2007, that expanded greatly. From telling jokes and being sarcastic, I ended up helping him write Machinima's that would end up getting viewed hundreds of thousands of times. We've since grown into great friends over time, even picking up a few extra people to our "posse" along the way. And in doing so, this website is going to be our headquarters. Our base of operations. A place to expand into something different over time, just like how one day Giant Bomb was just a website, and today it's an internet sensation leaving poser sites behind. A sensation outweighing even that of Bieber Fever. It expanded from video games to things like TANG, the Endurance Run, and just about anything else. For some people, it is the internet.
 
Our group have a bunch of things in common, one thing moreso than the others: Metal Gear Solid. We've all been lifelong fans of MGS. It's been my dream, personally, to get me an MGS website that's just about stuff, you know. Just stuff. But then I got to thinking, MGS isn't exactly a hot topic today. It's not much of an "in" thing to discuss, and most people would rather joke around and make fun of MGS than actually talk about it(Given, I'm not white-knighting MGS, people can do what they want). But to us, and all of the people we're associated with, we all share a passion for MGS. I know in my case, I absolutely wouldn't be into gaming if it wasn't for Metal Gear Solid(Sons Of Liberty, in particular). It was a great game.
 
The idea of MGS not being a "hot commodity" right now got me thinking. Since me and all of my friends are all huge fans of it, maybe the site doesn't have to just be about Metal Gear? Maybe Metal Gear Solid is just the foundation for what the website really is; our Headquarters. Our base of internet operations, or inter-ops, if you like Peace Walker.
 
The website would be where we can start new things. Create new skits, new Machinima, anything else we can dream up. The only problem being, where to start? How does one build a website?
 
Domain name? Done. Hosting. Done. Email addresses? Done! But how do you create the pixels and forge the code? That's the question I ask myself, the question I am now asking you.
 
It does sound kind of pathetic, even I'll agree, to say that I worked extremely hard on creating only this(Image below). And now that I have the opportunity to post it for reference, I do feel embarrassed that I've done what I've done. But it's merely an example I was creating that only my friends were going to see, to give them an idea of what the site might look like. So, yeah, it was never going to be seen by anyone other than four people. 
 

So, a few days ago, I had an idea: I was going to make a website.
 
Weird as it is to say, I've always wanted a website. It's my "internet dream". I've been attempting here and there for years, since I was new to the internet. It actually ended up working out pretty well at times. I'd sign up for a free website and be amazed at all the content and flexibility I was given. But the reasons for those free websites often varied from joining a video game clan to making one for the hell of it. Since those days, my luck in finding free websites have been pretty much zero. All the good ones are gone, and I can't remember which ones I used to use.
 
The day of owning a website is almost here. I finally convinced some of my friends to get behind me and support this idea. To actually have everyone chip in with actual money(NO MORE FREE WEBSITES!!) and buy a website.
 
For the design of the website, the idea came to me from Giant Bomb, actually. I went through some of their older videos a few weeks ago and found their "How To Build A Bomb" videos, and in one of them, Jeff(Or Ryan, I can't remember) shows off their white board, in which they have actually drawn out how the website is going to look. I saw it. My brain registered it and realized what it was for. But for some reason, it just didn't "click" in my head until a few days ago, at like 3AM when I realized that I had opened up Photoshop and couldn't remember why. Then it hit me. I could actually design the website right there, or lay a general guideline to what it would look like.
 
I'm not quite sure why, but somewhere along the line I started to think that the only people who could "design" a website were, well, designers. Graphic designers, artists, coders, developers, you get the point.  I never really thought of how it could be done, only that you need the magical title of a creative person to make it happen. As it so happens, you don't actually need that.
 
So, for the days of recent, I've been working as hard as I could to churn out a design that looked fantastic. It needs to be fantastic, because I'm picky, and I figure if I'm going to actually do something, I'm going to try to do it right. Or, I'm going to try to get as far as I can before I realize that I'm not very good at this type of thing and whisper in the wind the cries of help that I so desperately crave.
 
Since I was a kid, I've always been about entertaining people. That bell rings true even today. I just like to make people laugh. And when I met my friend Edward in 2007, that expanded greatly. From telling jokes and being sarcastic, I ended up helping him write Machinima's that would end up getting viewed hundreds of thousands of times. We've since grown into great friends over time, even picking up a few extra people to our "posse" along the way. And in doing so, this website is going to be our headquarters. Our base of operations. A place to expand into something different over time, just like how one day Giant Bomb was just a website, and today it's an internet sensation leaving poser sites behind. A sensation outweighing even that of Bieber Fever. It expanded from video games to things like TANG, the Endurance Run, and just about anything else. For some people, it is the internet.
 
Our group have a bunch of things in common, one thing moreso than the others: Metal Gear Solid. We've all been lifelong fans of MGS. It's been my dream, personally, to get me an MGS website that's just about stuff, you know. Just stuff. But then I got to thinking, MGS isn't exactly a hot topic today. It's not much of an "in" thing to discuss, and most people would rather joke around and make fun of MGS than actually talk about it(Given, I'm not white-knighting MGS, people can do what they want). But to us, and all of the people we're associated with, we all share a passion for MGS. I know in my case, I absolutely wouldn't be into gaming if it wasn't for Metal Gear Solid(Sons Of Liberty, in particular). It was a great game.
 
The idea of MGS not being a "hot commodity" right now got me thinking. Since me and all of my friends are all huge fans of it, maybe the site doesn't have to just be about Metal Gear? Maybe Metal Gear Solid is just the foundation for what the website really is; our Headquarters. Our base of internet operations, or inter-ops, if you like Peace Walker.
 
The website would be where we can start new things. Create new skits, new Machinima, anything else we can dream up. The only problem being, where to start? How does one build a website?
 
Domain name? Done. Hosting. Done. Email addresses? Done! But how do you create the pixels and forge the code? That's the question I ask myself, the question I am now asking you.
 
It does sound kind of pathetic, even I'll agree, to say that I worked extremely hard on creating only this(Image below). And now that I have the opportunity to post it for reference, I do feel embarrassed that I've done what I've done. But it's merely an example I was creating that only my friends were going to see, to give them an idea of what the site might look like. So, yeah, it was never going to be seen by anyone other than four people. 
 

This sounds like a cool idea. 
Do you want someone to help do the code for you or guide you through Dreamweaver. Because it would probably be easier to search for Dreamweaver tutorials, or I could have a look at it if you show all the designs you have for the website.

If you're not smart enough don't bother. Coding is not something you can just learn overnight.

this may help http://themeforest.net/  defo save you design and coding time.

I know this will probably be a bad idea but how about trying to add wordpress to your website until you get the design you want, that way you can show people hey look this is my website(and you can blog on it)

Dreamweaver have three view options. The coding view, the coding and website view, and the website view. While it's true the website view will create the code as you go, you're going to need to learn code if you want a decent website. The stuff I created with no code was purely for use as an e-portfolio for a student project, nothing I would've been happy letting other people see. It isn't a simple drag and drop tool.

If you're not smart enough don't bother. Coding is not something you can just learn overnight.

Use <div> tags with backgrounds that are cropped parts of your layout image. I finished a project like this last week and what I did was create what I wanted the layout to look like in Photoshop and then slice it into many small images, which then became the backgrounds of div tags that were positioned to rebuild the website to how it looked in my original photoshop design. 
 
Probably not the way the pros do it, but it worked well enough for me. I might upload a commented version later if you're interested.

also if you don't when to spend the rest of you life in Dreamweaver manually editing code. think about using a CMS (content management system)   
basically a CMS allows to edit html with very little coding knowalge. 

check out - http://wordpress.org/ - http://www.joomla.org/ - http://drupal.org/

@N7: 
You're going to make a website and you " heard something about Adobe Dreamweaver allowing you to take pictures from your harddrive and actually create the code"? Someone in yo group gotta take a class or something man. Dreamweaver is what is known as a WYSIWYG editor, What You See Is What You Get. It, in essence, allows you to build web pages without known code, by just dropping elements onto an empty space. The problem with stuff like that is the code it generates is butt ugly and inefficient. If you're going to make any kind of proper site you need to at least be able to understand the code it generates. 
 
Anyway, I haven't been involved in the actual coding of a page since I was a kid...but i think W3S is a good place to start.  
 
What I am however involved in is the design of pages and apps, and there I can guide you a bit more. I would say that what you have done is a classic mistake of someone without much experience and went for the finished product immediately. You should start much simpler, and not start thinking about graphics and fonts until you have the layout and page structure set. Before you start putting graphics on things you want what is known as a mock up, or wireframe. This is the ugly frame from which you later hang the pretty graphics. At work I use a program called Axure, but it's a bit expensive so maybe try something free like Mockingbird. These allow you to quickly get an idea if the interaction of your site works, and if something is off it's easy to make changes. If you already have graphics set, it's most often much more of a task to implement redesigns. As an example, take the image you made. I could've done something that got pretty much the same point across in five minutes using one of these programs. And if something didn't look ok, another 5 minutes. Once everyone agreed it was good to go, then I'd spend the time to set graphics.  I know a lot of people do their design work straight in PS, but I just personally find it too slow. The basic thing I do feel you need to take away from my comment though is; start simple, get a basic design down, make sure it's fun and easy to navigate the page (have one of your friends test it, preferably a stupid one...if they manage to get around the page most users will), THEN time for graphics fun.

There are no stupid question :) 
  
the CMS systems I highlighted are completely re skinned to look like your design.  

A CMS is design to make adding content to your site very easy. giantbomb has one.  
this forum is a CMS of a kind too.

Using one of the mentioned CMS i.e. Wordpress, Drupal, etc and WYSIWYG programs are nice, but to truly get your site going the right way, you'll need to learn some coding.  Even using CMS and pre-made themes, you'll want to go into the code to make the themes into your vision of how the site should look.  These CMSes are great because they automate a lot of the background stuff that you may not want to deal with i.e. databases and such. 
 
If you don't want to use a CMS, you can try to do everything from scratch, but that also means that you'll need to learn PHP, HTML, and Javascript for programming (although as stated, you'll need to learn this stuff to truly make a unique site) and database design if you want to work with dynamic content.
 
I would also highly recommend playing with something like WAMP, MAMP, or LAMP.  These programs are actually aggregates of multiple programs that allow you to work on a local server on your computer i.e. you won't need a hosting service when working on a website.