Basic Stuff for making a website.

**BlackPanther** · 02-11-2012, 01:26 PM

Note: You have to write in the US language, no Canadian Spelling. (For English)
Get a scripting program: i.e NotePad++ (Link Provided below)

First we'll start with the title, don't know what a title is? A title for example is something that shows on your tab, such as right now it will be Basic Stuff for making a websit- then it cuts off. So first what you do always is start with in every page,

Code:

 <html><head><title> Example Title </title> </head>

You always end your code with the exact same thing except with a / in it. (title = </title) You don't end with </html> because that's what you end last always! Also what ever you write down first (example: <head> you always end it last so after </title>)

Next let's make a background for your site. Look for an image on google or make your own then upload it to a photo sharing website to get the Photo Url. Once you get the photo URL, here's what you do.

<body is for the websites structure basically (You end with <body> right before </html>) and when you put <body style it's going to change the background. If you don't want to your background to repeat, after your image url, put a space and type down no-repeat; then continue what I gave you down there.

Code:

<body style="background:(choose a random one) url ('your image here') no-repeat; color:(Choose a random one)">

Okay so, you have a background and a title but let's say you want a Sub title for your page. You do <h1> (heading 1) and the colour you want it to be. (style=)

Example:

Code:

 <h1 style="color:cyan"> Your Message here </h1>

If you want it to be centered then write, <center> before it and </center> right after it.

Creating a Table of Contents:

So basically, let's say you wanted to make a gaming site. You want to make a gaming page! So, let's just start with the basics:

Code:

 <table cellpadding="0" border="0" width=100%">
 <tr>
 <td width="25px">

This will make it go in a straight down like a list. (<table>)
(Cellingpadding is for if you want to add a border or whatnot)

and after that you get the link or the PHP file (this you have to upload into the site database) then you choose the colour you want your link to be, for example I'll will choose black. You guys probably know how to make a clickable signature, it's the same thing basically. So:

Code:

 <table cellpadding="0" border="0" width=100%">

 <tr>

 <td width="25px"><a style="color:black" href="Your link">What you want the link to appear like.</a></td></tr>

href will make it go to the link you choose. And after that put a > right after no spaces, then write down Games. Then end it with </a></td></tr> (Because if you put it first, you always put it last). You can also add more for example:

Code:

 <table cellpadding="0" border="0" width=100%">

 <tr>

 <td width="25px"><a style="color:white" href="Games.php">Games</a></td></tr>

  <tr><td><a style="color:green" href="Videos.php">Videos</a></td></tr>

  <tr><td><a style="color:yellow" href="Suggestions.php">Suggestions</a></td></tr>

  <tr><td><a style="color:purple" href="Chatroom.php">Chatroom</a></td></tr>

   <tr><td><a style="color:red" href="Refrences.php">Refrences</a></td></tr>

   <tr><td><a style="color:cyan" href="Hamachi.php">Hamachi</a></td></tr>

</table>

(This is from my old website).

After you make that page you'll want to add something to it. I will post that later on. The next thing you need to do first is to make a redirection back to the Home page. It's the same thing as making a new page but just putting the link back to your homepage. For example:

Code:

<table cellpadding="0" border="0" width=100%">

 <tr>

 <td width="25px"><a style="color:Black" href="Your website link or "Home.php">Click here to go back Home</a></td></tr>

This will allow the user to go back to the homepage without clicking back. Also, each page you do this you will want to add this.

Adding Games:
Okay, so.. you made your page and stuff and you now want to add a game! So what you got to do is, find a game, find the embed source to it. (Look up in google free games for your website to avoid copyright laws). Then basically make a page for that game only (following the steps you learned. Then what you do is get the game embed source and paste it in. Example:

Code:

<table cellpadding="0" border="0" width=100%">

 <tr>

 <td width="25px"><a style="color:Black" href="<iframe src="http://www.freeonlinegames.com/embed/21904" width="640" height="560" frameborder="no" scrolling="no"></iframe>">Match 3 Adventure</a></td></tr>

</table>

If you do PHP files instead of links, it will be way easier to do.

Downloads:
Notepad++ v5.9.8 - Current Version

Will update more!

**mulanx5** · 02-11-2012, 06:38 PM

Did you do this yourself?

**Swirly Star** · 02-11-2012, 06:57 PM

Nice tutorial. ^^

**Muazam** · 02-12-2012, 02:39 AM

I moved it web development, this is just html :)

**Zombie** · 02-12-2012, 03:42 AM

Before you make a website with a program you should learn this first so you can understand the overall concept. I use Dreamweaver.

**BlackPanther** · 02-12-2012, 03:03 PM

Originally Posted by mulanx5

Did you do this yourself?

Yes I made this.

I will be updating more in a bit once I get home or on Monday.

**Muazam** · 02-13-2012, 04:33 AM

Originally Posted by Zombie

Before you make a website with a program you should learn this first so you can understand the overall concept. I use Dreamweaver.

Dreamweaver makes a messy code, I strongly recommend not using it.
Learn basic html and css and use text editor(I use notepad++).

**Yondaime_Hokage** · 03-02-2012, 11:43 PM

Originally Posted by Muazam

Dreamweaver makes a messy code, I strongly recommend not using it.
Learn basic html and css and use text editor(I use notepad++).

pfft Notepad++, Zombie i reccomend using just Notepad. not notepad++, you don't need that. I go hard on notepad, made a whole site for my school, halfway done with just a notepad.