Page 1 of 1

Creating a website turtorial?

PostPosted: Fri May 05, 2006 2:45 pm
by ~BlueRose~
Ever since I was able to search around and find sites with media, helpful tips, ect. for a game I was playing, or an anime I was watching I've wanted to create my own site.

I'm 14 years old, and I was wondering if anyone knew of a good site that I could start off with, learning how to use HTML, creating layouts, links, ect. I had a xanga, and when I was younger I went on Neopets.com, so I have a little understanding of HTML.

Does anyone have any suggestions on where I should go for this? How I could learn??

Much appreciated,
~|Rose :jump:

PostPosted: Fri May 05, 2006 3:25 pm
by Debitt
http://www.w3schools.com/ and http://www.lissaexplains.com/ are great resources for learning HTML. I DON'T reccommend using any sort of page builder to create a website - they're a bit restrictive, and it can make the HTML learner a bit lazy.

What I suggest is starting out with Notepad - if you have Windows, you're sure to have it. Just check out a few sites and start experimenting. Save your file as [FILENAME].html, and open up IE or Firefox to see how it looks!

PostPosted: Sun May 07, 2006 7:30 am
by Mithrandir
If you really want to learn HTML, I suggest doing what KD is suggesting. Stay away from FrontPage or Word's HTML generator. Those WILL tend to make you lazy. The best way to learn is trial and error. Start out with a simple document like:

Code: Select all
<html>
 <head>
  <title>My Site!</title>
 </head>
 <body>
  <h1>This is my header</h1>
  <p>This is a paragraph.</p>
  <p>This is another paragraph.</p>
 </body>
</html>


Then just add stuff. See what <b>bold tags</b> do, etc. Some of the more tricky tags (like table) can get confusing so if you have questions, post 'em here and we'll help you out. Have fun!

PostPosted: Sun May 07, 2006 3:11 pm
by Anime Dad
/me agrees with Mith.
I started off using WYSIWYG editors, but I wish I hadn't. It's much better to learn to code by hand. Although, I would recommend something a bit better than Notepad - Crimson Editor is good, because it does color syntax highlighting. (i.e. if you are missing a closing tag somewhere you'll know because all the code will be in black instead of having the tags highlighted in a different color)
http://www.crimsoneditor.com/ - it's free. Good for other languages such as PHP too.

*Edit* I would also recommend learning CSS as it's a much better way of controlling the presentation of your site. Unlike with HTML, a good CSS editor does help there. I use Top Style Pro, but there is a free version, Top Style Lite: http://www.newsgator.com/NGOLProduct.aspx?ProdId=TopStyle&ProdView=lite

PostPosted: Thu May 11, 2006 12:41 pm
by Mr. SmartyPants
I'm actually pretty new with HTML myself! I started this year. I had "some" knowledge of it, but never applied it.

I made this recently. Check it out if you want ^^ If you look at the source code, you'll figure out that it's pretty basic.

http://www.pandavillage.net/ry/mainpage.html

PostPosted: Thu May 11, 2006 7:15 pm
by Anime Dad
Nice job Mr SmartyPants, but I would change the links to a different color, they are a bit hard to read against that background.