PDA

View Full Version : How do you make a website?



AkiranaParse
08-26-2013, 04:33 AM
How do you make a website? I really need to make a website with HTML web address. :(
Also, I'm not good at programming. :(
Look at the pictures.
1228412285

SlaSHadow
08-26-2013, 05:55 AM
$$$$$$$$$$$$$$$

Hope that helps.

optimuswhat
08-26-2013, 06:07 AM
You need a server. A thing that hosts the site.

You could always just find a blog-maker site or something. I own a forums, and it's run by icyboards.com, for free!

Don't ask me for the forum link. It's slightly... Meh.

l0l
08-26-2013, 03:46 PM
You need some host sites like weebly or uCoz. They allow you to visuall build site or write your own HTML and CSS. Good luck!

TheDarkWolf
08-26-2013, 05:08 PM
Look down there. This is what my mother told me. Note: I put spoilers for the people who would quote this make me scroll down to see their post.
______________________________
One of the great things about the Web is how easy it is to look at someone else's HTML code. You can peek at the code for any site you visit by going there and choosing Source or Page Source (depending on the browser) from your browser's View menu.

This is a great way to learn the finer points of HTML. There have been plenty of times when I've gone to a site that I liked, but didn't know how it was made, so I looked at the HTML and learned some new tricks. Once you've got the basics of HTML down, you might want to look at the source code of some pages that you like or that you're confused about, and see what's going on behind the scenes. But, remember, don't be a thief! Some people take things too far and simply steal other people's code and use it for themselves. Naturally, they change some of the text and colours around but it is a lot less work than building a site from the ground up. It may be easier but it can get you into a lot of trouble down the track.

The good news is that there are some people who make HTML files that they want you to copy/purchase and change around for your own web site. These are called HTML templates and can be great time savers. They fill out all the basic HTML code for a site, allowing you to just have to worry about the content. Templates range from free to hundreds of dollars. Some hosting companies, like the one we recommend, offer HTML templates for free.

If you don't have time now to learn HTML fully, but would like to at some stage, templates offer a great alternative to site building software. To find them just search for 'HTML templates' at Google.

Learning HTML

Since there are plenty of fantastic web sites out there that have complete guides and tutorials we won't duplicate all that effort. Instead, the purpose of this lesson it to provide you with a quick look at some of the basics so you will get an idea of what is to come. If you want more detailed comprehensive information why not try the following recommended sites or just search for 'HTML tutorial' with Google.

Writing HTML: A Tutorial for Creating Web Pages

This HTML tutorial introduces you to HTML syntax and then takes you step by step through the process of creating a web site about volcanoes! Downloadable and also printer friendly. Great stuff!

NCSA (at UIUC) Beginner's Guide to HTML

A fantastic introductory site that will also let you download the material so you can study offline. Highly recommended.

HTML Basics

HTML is just text that describes a web page. A HTML file is a page of text, and you can use pretty much anything to edit it with (notepad, wordpad, etc).

HTML contains the instructions that the browser will use to display your web page. HTML tells the browser where to put the text, the pictures, links and so on. It does this by using tags.

Tags

A tag is just letters or words between two brackets, for example <tag>.
There are a lot of tags and learning HTML consists of learning how to use all these tags.

A command in a HTML file consists of an opening and a closing tag.

For example, <tag> put some value in here </tag>

You will notice that the closing tag </tag> has a slash before the tag name. This lets the browser know that we are finished with the tag.

For example, let's say you wanted to underline some text on your web page. You would find the tag for underline: <u> and then create an entry in your text file like the following,

<u>This text is underlined</u>
Simple, huh?!

First Web Page

Open up a text editor like notepad (Start->Programs->Accessories->Notepad). Enter in the following text:

<html>
<head>
<title> My Web Site Title </title>
</head> <body> My first site, lalala </body>
</html>
Save the file as 'index.html'. Note, all HTML files that you create should be save with the file extension .html.

Now open it up using your web browser.

You would have noticed that we start the file off with the tag <html> and end it with </html>, this lets the browser know that it is about to read a HTML file and when that file is complete.

Tags make use of things called modifiers. These control the attributes of a tag. For example, if you change the body tag in your sample file to the following it should display your text as yellow on a red background.

<body bgcolor="red" text="yellow">

Tables

Tables are the foundations of websites. The following example will display a table in your web browser:

<html>
<head>
<title> My Web Site Title </title>
</head> <body> <table>
<tr>
<td>Cell 1</td> <td>Cell 2</td>
</tr> <tr>
<td>Cell 3</td> <td>Cell 4</td>
</tr>
</table> </body>
</html>
The table tag has many modifiers that allow you to change the size and appearance of the table. For example,

<table width="500" border=1>

The centre tag can also be used as a tag modifier, for example:

<table align=center>: Everything in the table will be centred.

The valign tag modifier can be used to alter the vertical alignment, for example:

<table align=center valign=bottom>

The colspan tag modifier can be used in tables to stretch a row to span over a number of columns, for example:

<td colspan=2>Stretch over two columns</td>

Similarly, rowspan can be used to merge columns.

Useful Tags

Here are some other tags that you might find useful:

<!---- Comments go here ----> This tag allows you to place comments about your web site for your own reference within the source code.

<center> ... </center>: Everything between these two tags is centred when displayed.

Images

The img src tag is used to insert images into a web page. For example, to insert the E-business starter logo into a table you would do the following:

<table> <tr> <td><img src="http://www.ebusinessstarter.com/images/title.jpg" width=700></td> </tr> </table>

For your own web site and images you would just change the source to be where you had uploaded your image.

Links

The link tag another important one. It allows you to link to other sites from your own. The link tag looks like this:

<a href="link">Insert what you want to call the link here</a>

For example, you could link to the E-business Starter home page with the following:

<a href="http://www.ebusinessstarter.com">E-Business Starter</a>

Well, that is all we are going to cover on HTML. Remember to visit our recommended tutorials if you would like a more in-depth study.

Sitemap and Robots.txt

Robots.txt is a plain text file located in the root directory of your server. Web robots read it before they fetch a document. This is a key element in the directory structure. When the site is deployed, you will need to have this text file in the root of the site. Google robots.txt information.

BuilderBoy
08-26-2013, 05:19 PM
Look down there. This is what my mother told me. Note: I put spoilers for the people who would quote this make me scroll down to see their post.
______________________________One of the great things about the Web is how easy it is to look at someone else's HTML code. You can peek at the code for any site you visit by going there and choosing Source or Page Source (depending on the browser) from your browser's View menu.

This is a great way to learn the finer points of HTML. There have been plenty of times when I've gone to a site that I liked, but didn't know how it was made, so I looked at the HTML and learned some new tricks. Once you've got the basics of HTML down, you might want to look at the source code of some pages that you like or that you're confused about, and see what's going on behind the scenes. But, remember, don't be a thief! Some people take things too far and simply steal other people's code and use it for themselves. Naturally, they change some of the text and colours around but it is a lot less work than building a site from the ground up. It may be easier but it can get you into a lot of trouble down the track.

The good news is that there are some people who make HTML files that they want you to copy/purchase and change around for your own web site. These are called HTML templates and can be great time savers. They fill out all the basic HTML code for a site, allowing you to just have to worry about the content. Templates range from free to hundreds of dollars. Some hosting companies, like the one we recommend, offer HTML templates for free.

If you don't have time now to learn HTML fully, but would like to at some stage, templates offer a great alternative to site building software. To find them just search for 'HTML templates' at Google.

Learning HTML

Since there are plenty of fantastic web sites out there that have complete guides and tutorials we won't duplicate all that effort. Instead, the purpose of this lesson it to provide you with a quick look at some of the basics so you will get an idea of what is to come. If you want more detailed comprehensive information why not try the following recommended sites or just search for 'HTML tutorial' with Google.

Writing HTML: A Tutorial for Creating Web Pages

This HTML tutorial introduces you to HTML syntax and then takes you step by step through the process of creating a web site about volcanoes! Downloadable and also printer friendly. Great stuff!

NCSA (at UIUC) Beginner's Guide to HTML

A fantastic introductory site that will also let you download the material so you can study offline. Highly recommended.

HTML Basics

HTML is just text that describes a web page. A HTML file is a page of text, and you can use pretty much anything to edit it with (notepad, wordpad, etc).

HTML contains the instructions that the browser will use to display your web page. HTML tells the browser where to put the text, the pictures, links and so on. It does this by using tags.

Tags

A tag is just letters or words between two brackets, for example <tag>.
There are a lot of tags and learning HTML consists of learning how to use all these tags.

A command in a HTML file consists of an opening and a closing tag.

For example, <tag> put some value in here </tag>

You will notice that the closing tag </tag> has a slash before the tag name. This lets the browser know that we are finished with the tag.

For example, let's say you wanted to underline some text on your web page. You would find the tag for underline: <u> and then create an entry in your text file like the following,

<u>This text is underlined</u>
Simple, huh?!

First Web Page

Open up a text editor like notepad (Start->Programs->Accessories->Notepad). Enter in the following text:

<html>
<head>
<title> My Web Site Title </title>
</head> <body> My first site, lalala </body>
</html>
Save the file as 'index.html'. Note, all HTML files that you create should be save with the file extension .html.

Now open it up using your web browser.

You would have noticed that we start the file off with the tag <html> and end it with </html>, this lets the browser know that it is about to read a HTML file and when that file is complete.

Tags make use of things called modifiers. These control the attributes of a tag. For example, if you change the body tag in your sample file to the following it should display your text as yellow on a red background.

<body bgcolor="red" text="yellow">

Tables

Tables are the foundations of websites. The following example will display a table in your web browser:

<html>
<head>
<title> My Web Site Title </title>
</head> <body> <table>
<tr>
<td>Cell 1</td> <td>Cell 2</td>
</tr> <tr>
<td>Cell 3</td> <td>Cell 4</td>
</tr>
</table> </body>
</html>
The table tag has many modifiers that allow you to change the size and appearance of the table. For example,

<table width="500" border=1>

The centre tag can also be used as a tag modifier, for example:

<table align=center>: Everything in the table will be centred.

The valign tag modifier can be used to alter the vertical alignment, for example:

<table align=center valign=bottom>

The colspan tag modifier can be used in tables to stretch a row to span over a number of columns, for example:

<td colspan=2>Stretch over two columns</td>

Similarly, rowspan can be used to merge columns.

Useful Tags

Here are some other tags that you might find useful:

<!---- Comments go here ----> This tag allows you to place comments about your web site for your own reference within the source code.

<center> ... </center>: Everything between these two tags is centred when displayed.

Images

The img src tag is used to insert images into a web page. For example, to insert the E-business starter logo into a table you would do the following:

<table> <tr> <td><img src="http://www.ebusinessstarter.com/images/title.jpg" width=700></td> </tr> </table>

For your own web site and images you would just change the source to be where you had uploaded your image.

Links

The link tag another important one. It allows you to link to other sites from your own. The link tag looks like this:

<a href="link">Insert what you want to call the link here</a>

For example, you could link to the E-business Starter home page with the following:

<a href="http://www.ebusinessstarter.com">E-Business Starter</a>

Well, that is all we are going to cover on HTML. Remember to visit our recommended tutorials if you would like a more in-depth study.

Sitemap and Robots.txt

Robots.txt is a plain text file located in the root directory of your server. Web robots read it before they fetch a document. This is a key element in the directory structure. When the site is deployed, you will need to have this text file in the root of the site. Google robots.txt information.

Thats pretty much it

TheDarkWolf
08-26-2013, 05:41 PM
Thats pretty much it

Why did you remove the spoiler tags? WHYYYYYYYY?!??12337

l0l
08-26-2013, 08:47 PM
Look down there. This is what my mother told me. Note: I put spoilers for the people who would quote this make me scroll down to see their post.
______________________________
One of the great things about the Web is how easy it is to look at someone else's HTML code. You can peek at the code for any site you visit by going there and choosing Source or Page Source (depending on the browser) from your browser's View menu.

This is a great way to learn the finer points of HTML. There have been plenty of times when I've gone to a site that I liked, but didn't know how it was made, so I looked at the HTML and learned some new tricks. Once you've got the basics of HTML down, you might want to look at the source code of some pages that you like or that you're confused about, and see what's going on behind the scenes. But, remember, don't be a thief! Some people take things too far and simply steal other people's code and use it for themselves. Naturally, they change some of the text and colours around but it is a lot less work than building a site from the ground up. It may be easier but it can get you into a lot of trouble down the track.

The good news is that there are some people who make HTML files that they want you to copy/purchase and change around for your own web site. These are called HTML templates and can be great time savers. They fill out all the basic HTML code for a site, allowing you to just have to worry about the content. Templates range from free to hundreds of dollars. Some hosting companies, like the one we recommend, offer HTML templates for free.

If you don't have time now to learn HTML fully, but would like to at some stage, templates offer a great alternative to site building software. To find them just search for 'HTML templates' at Google.

Learning HTML

Since there are plenty of fantastic web sites out there that have complete guides and tutorials we won't duplicate all that effort. Instead, the purpose of this lesson it to provide you with a quick look at some of the basics so you will get an idea of what is to come. If you want more detailed comprehensive information why not try the following recommended sites or just search for 'HTML tutorial' with Google.

Writing HTML: A Tutorial for Creating Web Pages

This HTML tutorial introduces you to HTML syntax and then takes you step by step through the process of creating a web site about volcanoes! Downloadable and also printer friendly. Great stuff!

NCSA (at UIUC) Beginner's Guide to HTML

A fantastic introductory site that will also let you download the material so you can study offline. Highly recommended.

HTML Basics

HTML is just text that describes a web page. A HTML file is a page of text, and you can use pretty much anything to edit it with (notepad, wordpad, etc).

HTML contains the instructions that the browser will use to display your web page. HTML tells the browser where to put the text, the pictures, links and so on. It does this by using tags.

Tags

A tag is just letters or words between two brackets, for example <tag>.
There are a lot of tags and learning HTML consists of learning how to use all these tags.

A command in a HTML file consists of an opening and a closing tag.

For example, <tag> put some value in here </tag>

You will notice that the closing tag </tag> has a slash before the tag name. This lets the browser know that we are finished with the tag.

For example, let's say you wanted to underline some text on your web page. You would find the tag for underline: <u> and then create an entry in your text file like the following,

<u>This text is underlined</u>
Simple, huh?!

First Web Page

Open up a text editor like notepad (Start->Programs->Accessories->Notepad). Enter in the following text:

<html>
<head>
<title> My Web Site Title </title>
</head> <body> My first site, lalala </body>
</html>
Save the file as 'index.html'. Note, all HTML files that you create should be save with the file extension .html.

Now open it up using your web browser.

You would have noticed that we start the file off with the tag <html> and end it with </html>, this lets the browser know that it is about to read a HTML file and when that file is complete.

Tags make use of things called modifiers. These control the attributes of a tag. For example, if you change the body tag in your sample file to the following it should display your text as yellow on a red background.

<body bgcolor="red" text="yellow">

Tables

Tables are the foundations of websites. The following example will display a table in your web browser:

<html>
<head>
<title> My Web Site Title </title>
</head> <body> <table>
<tr>
<td>Cell 1</td> <td>Cell 2</td>
</tr> <tr>
<td>Cell 3</td> <td>Cell 4</td>
</tr>
</table> </body>
</html>
The table tag has many modifiers that allow you to change the size and appearance of the table. For example,

<table width="500" border=1>

The centre tag can also be used as a tag modifier, for example:

<table align=center>: Everything in the table will be centred.

The valign tag modifier can be used to alter the vertical alignment, for example:

<table align=center valign=bottom>

The colspan tag modifier can be used in tables to stretch a row to span over a number of columns, for example:

<td colspan=2>Stretch over two columns</td>

Similarly, rowspan can be used to merge columns.

Useful Tags

Here are some other tags that you might find useful:

<!---- Comments go here ----> This tag allows you to place comments about your web site for your own reference within the source code.

<center> ... </center>: Everything between these two tags is centred when displayed.

Images

The img src tag is used to insert images into a web page. For example, to insert the E-business starter logo into a table you would do the following:

<table> <tr> <td><img src="http://www.ebusinessstarter.com/images/title.jpg" width=700></td> </tr> </table>

For your own web site and images you would just change the source to be where you had uploaded your image.

Links

The link tag another important one. It allows you to link to other sites from your own. The link tag looks like this:

<a href="link">Insert what you want to call the link here</a>

For example, you could link to the E-business Starter home page with the following:

<a href="http://www.ebusinessstarter.com">E-Business Starter</a>

Well, that is all we are going to cover on HTML. Remember to visit our recommended tutorials if you would like a more in-depth study.

Sitemap and Robots.txt

Robots.txt is a plain text file located in the root directory of your server. Web robots read it before they fetch a document. This is a key element in the directory structure. When the site is deployed, you will need to have this text file in the root of the site. Google robots.txt information.

Your mother?!?!?:eek:

TheDarkWolf
08-26-2013, 08:54 PM
Your mother?!?!?:eek:

Hope she helped. I spent 10 minutes searching for that in my email inbox. Gah, I doubt she wrote it by herself, must be from some website. Or maybe she did, she is a software making thingy majig manager... Hm. Nah. She'd never sound that nice.

l0l
08-27-2013, 02:09 AM
Hope she helped. I spent 10 minutes searching for that in my email inbox. Gah, I doubt she wrote it by herself, must be from some website. Or maybe she did, she is a software making thingy majig manager... Hm. Nah. She'd never sound that nice.

Lol, usually moms are never like that:D Mine only knows how to put an on-line movie and watch it:rolleyes: Lol

raqk
08-27-2013, 02:53 AM
im not an expert about hosting, but i do know alot about coding! i learned some basic code, including alot of html and css from a website called codecademy.com they dont have everything tho, but its a good place to start!

AkiranaParse
08-27-2013, 08:15 AM
Thank you, guys! :o

najimac
08-27-2013, 10:09 AM
How do you make a website? I really need to make a website with HTML web address. :(
Also, I'm not good at programming. :(
Look at the pictures.
1228412285
Im expert at using weebly and coding,I can Help
So what do you wanna do with the website?
I can make it on weebly,OR direct code.
And to get your own name for your website you got to do it by code and host a ftp server,Forward your router and all of these boring stuff,I just recomend trying weebly but your domain name will be:
(sitename).weebly.com
Or use codeacedmy To learn Html
Html is one of the most simple proggraming language, You can just learn it.
So here's an example.
<html>
<head>
<title>Akirana's site</title>
</head>
<body>
<header>
<t>Hello and welcome to my site...</t>
</header>
<center>
<t>This is in the middle...</t>
</center>
<p>
Text....so yeah<br>
Next line.
</p>
<footer>
@Akirana-Copy right-2013
</footer>
</body>
</html>
Hope it helped!������
Preview:
Hello and welcome to my site...
This is in the middle...
Text....so yeah
Next line.


@Akirana-Copy right-2013

najimac
08-27-2013, 03:03 PM
Aki,My game has finished before you made the thread ._.
Im now bored,And ill be happy to help.

mowgli
08-27-2013, 03:05 PM
You need some host sites like weebly or uCoz. They allow you to visuall build site or write your own HTML and CSS. Good luck!

weebly is good, and if you can make some fake accs referring to you. You earn digital money once you saved enough you can buy your own domain + website for one year.

H3uy
08-27-2013, 03:08 PM
If you want to make a forum for a starter I wuld recomend proboards if you want to make a blog I would use wordpress wordpress is an awesome site maker check this website out not finished all I have to do it fix the picture at the top www.hueygrowtopia.wordpress.com but if you do use wordpress it won't always say wordpress you can pay 18.00 a year to make your website this www.example.com it will change your domain name so it won't have www.example.wordpress.com any other websites sometimes expire if you don't pay for it , it will stay up for like 15 days or higher so if your a starter a reccomend using proboards and wordpress both for free without expiring! Hope that helped!

Cheers!

l0l
08-27-2013, 11:01 PM
im not an expert about hosting, but i do know alot about coding! i learned some basic code, including alot of html and css from a website called codecademy.com they dont have everything tho, but its a good place to start!

Yep I learned HTML and CSS and JQuery there. Also going to start PHP or Javascript :3

trice
08-27-2013, 11:07 PM
Lol, usually moms are never like that:D Mine only knows how to put an on-line movie and watch it:rolleyes: Lol

Lucky! My mom needs help turning on her laptop... The other day her phone died. She wrote 12 emails to my dad on why it wouldn't turn on and if it was broken...

najimac
09-05-2013, 06:06 PM
Maria:ninja:
What a cool name:eek: