Creating a website turtorial?

The geek forum. PHP, Perl, HTML, hardware questions etc.. it's all in here. Got a techie question? We'll sort you out. Ask your questions or post a link to your own site here!

Creating a website turtorial?

Postby ~BlueRose~ » Fri May 05, 2006 2:45 pm

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:
Avoid truth decay,
read your Bible.


Let no one look down on your youthfulness, but rather in speech, conduct, love, faith and purity, show yourself an example of those who believe. [1Timothy 4:12]

[SIGPIC][/SIGPIC]

http://followingtheson.deviantart.com/
User avatar
~BlueRose~
 
Posts: 154
Joined: Mon Jan 09, 2006 3:59 pm
Location: You'll have to find me

Postby Debitt » Fri May 05, 2006 3:25 pm

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!
Image

[SIZE="5"](*゚∀゚)アハア八アッ八ッノヽ~☆[/SIZE]
[SIZE="1"]DEBS: Fan of that manga where the kid's head is on fire.[/SIZE]
User avatar
Debitt
 
Posts: 3654
Joined: Sun Feb 01, 2004 10:00 am
Location: 並盛中学校

Postby Mithrandir » Sun May 07, 2006 7:30 am

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!
User avatar
Mithrandir
 
Posts: 11071
Joined: Fri Jun 27, 2003 12:00 pm
Location: You will be baked. And then there will be cake.

Postby Anime Dad » Sun May 07, 2006 3:11 pm

/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
User avatar
Anime Dad
 
Posts: 126
Joined: Mon May 30, 2005 7:03 pm
Location: Australia.... BTW i'm not really a dwarf with a bushy beard and a helmety thing.....

Postby Mr. SmartyPants » Thu May 11, 2006 12:41 pm

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
User avatar
Mr. SmartyPants
 
Posts: 12541
Joined: Sat Aug 21, 2004 9:00 am

Postby Anime Dad » Thu May 11, 2006 7:15 pm

Nice job Mr SmartyPants, but I would change the links to a different color, they are a bit hard to read against that background.
User avatar
Anime Dad
 
Posts: 126
Joined: Mon May 30, 2005 7:03 pm
Location: Australia.... BTW i'm not really a dwarf with a bushy beard and a helmety thing.....


Return to Computing and Links

Who is online

Users browsing this forum: No registered users and 226 guests