Go Back   Horror.com Forums - Talk about horror. > Horror.com Lobby > Horror.com General Forum
Register FAQ Community Calendar

Reply
 
Thread Tools
  #1  
Old 10-24-2008, 04:52 AM
Vodstok's Avatar
Vodstok Vodstok is offline
Fear scented candle
 
Join Date: Jan 2004
Location: The edge of forever
Posts: 13,650
Wanna Learn Web Design?

Here is a thread for those of you who might be interested in how web pages and websites go together. (Thank Nova for inspiring this) you can use notepad for editing/writing webpages, but it is a pain in the butt.

here are some editors to make life easier:
http://www.microsoft.com/express/vwd/
http://www.coffeecup.com/free-editor/

I personally like the Microsoft one, but it isnt for everyone. Plus it defaults to ASP .Net which is way more complicated than HTML (although I can teach that too if enough people ask).

Anyway, I will start with the basics. What i will be teaching is actually called XHTML, it is more anal than regular HTML, but it is clearer and opens way more doors for you if you ever intend to do this proffessionally.

here is the layout for a typical HTML page:

<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

Think of this as a bare minimum. Pages will display just fine without this, but pretend they won't. everything that "does" stuff in HTML is called a tag. They are anything that starts with < and ends with >. In HTML, almost every tag has an opening and closing tag. There are exceptions, but we'll wait to get to them.

For straight HTML, the file needs to be named with .htm or .html. .html is old and unecessary, so i would stick with .htm. So if you cut and paste the above code into a text file and name it "index.htm", and save it, then open it in a browser, you see:












That's right, nothing. BUT, if you right click the page and look at the source (view source in IE), you see the tags above. Congrats, you just made a bare-bones web page.


Thats all for right now. I will cover regular, basic old XHTML, plus I will cover CSS (cascading style sheets) and maybe even some basic JavaScript.


I will leave this post with some words of advice: Copy and paste is your friend. If you see a bit of code that does something cool , but you dont want to get into how it works too deeply, just copy and paste. It isn't plagerism, welcome to the world of professional coding :D
Reply With Quote
  #2  
Old 10-24-2008, 05:13 AM
The Mothman's Avatar
The Mothman The Mothman is offline
Evil Dead
 
Join Date: Jan 2005
Location: Boston MA
Posts: 7,425
Send a message via AIM to The Mothman
0010110110110!!! 00101101000011011?
:)
__________________

Click for B-Movie reviews!
Reply With Quote
  #3  
Old 10-24-2008, 05:17 AM
Vodstok's Avatar
Vodstok Vodstok is offline
Fear scented candle
 
Join Date: Jan 2004
Location: The edge of forever
Posts: 13,650
Quote:
Originally Posted by The Mothman View Post
0010110110110!!! 00101101000011011?
:)
Congradulations, you have out-geeked me. I have no idea what represents.

Although give me about 15 minutes and I will write a program that can read it :p
Reply With Quote
  #4  
Old 10-24-2008, 05:19 AM
The Mothman's Avatar
The Mothman The Mothman is offline
Evil Dead
 
Join Date: Jan 2005
Location: Boston MA
Posts: 7,425
Send a message via AIM to The Mothman
You dont speak Binary!?
haha, neither do I.
ive dabbled in HTML before, but im far too stupid for it.
__________________

Click for B-Movie reviews!
Reply With Quote
  #5  
Old 10-24-2008, 05:36 AM
Vodstok's Avatar
Vodstok Vodstok is offline
Fear scented candle
 
Join Date: Jan 2004
Location: The edge of forever
Posts: 13,650
Quote:
Originally Posted by The Mothman View Post
You dont speak Binary!?
haha, neither do I.
ive dabbled in HTML before, but im far too stupid for it.
No one is too stupid for it. Does that make you feel better?


Just kidding. It isnt very hard, but it takes some time to get the hang of it, and if you dont have the patience, it can be a bear.


Part of the reason I am doing this here is that a lot of places that teach HTML dont have anywhere to ask questions of the person teching you, its just a static resource. I'm hoping this way people can ask questions, and it will be overall more usefull.


I am a programmer making a really good living these days because I took the time to learn HTML back in '99. I should make an infomercial "You can be just like me!"
Reply With Quote
  #6  
Old 10-24-2008, 06:10 AM
missmacabre's Avatar
missmacabre missmacabre is offline
Evil Dead
 
Join Date: Feb 2007
Location: Canada
Posts: 4,581
Send a message via MSN to missmacabre
Ooh yay. I may have some questions about tables before the weekend is over. I've got this tables assignment and I missed the class yesterday cause I had the flu.

I also have an html/css assignment that relies mainly on linking pages and images but I think I've got that covered.
__________________
Reply With Quote
  #7  
Old 10-24-2008, 06:42 AM
Vodstok's Avatar
Vodstok Vodstok is offline
Fear scented candle
 
Join Date: Jan 2004
Location: The edge of forever
Posts: 13,650
Quote:
Originally Posted by missmacabre View Post
Ooh yay. I may have some questions about tables before the weekend is over. I've got this tables assignment and I missed the class yesterday cause I had the flu.
Just let me know what they are :)
Reply With Quote
  #8  
Old 10-24-2008, 06:55 AM
Festered Festered is offline
Banned
 
Join Date: Sep 2008
Location: Sweaty Taint, USA
Posts: 1,093
Nice thread. I'm starting to get the hang of html fairly well, but CSS is really throwing me, and a lot of newer sites are using it more. I keep hearing that html is getting phased out because it doesn't work equally on various browsers. True or false?
Reply With Quote
  #9  
Old 10-24-2008, 06:59 AM
Doc Faustus's Avatar
Doc Faustus Doc Faustus is offline
Mephistophiliac

 
Join Date: Aug 2005
Posts: 4,999
Send a message via AIM to Doc Faustus
I should really learn more about web design. My website blows.
__________________
Horror and Bizarro novelist and editor
Reply With Quote
  #10  
Old 10-24-2008, 07:04 AM
Vodstok's Avatar
Vodstok Vodstok is offline
Fear scented candle
 
Join Date: Jan 2004
Location: The edge of forever
Posts: 13,650
Quote:
Originally Posted by Festered View Post
Nice thread. I'm starting to get the hang of html fairly well, but CSS is really throwing me, and a lot of newer sites are using it more. I keep hearing that html is getting phased out because it doesn't work equally on various browsers. True or false?
HTML isnt going anywhere. It is the basic framework that pretty much every website uses. Some use a combination of XSL/XML, but they are by no means the rule, and a wholesale change would be ridiculously messy. :) It would also invalidate site sthat have been around with little change for over a decade now, and the w3c (the poeple who set the rules for HTML and the general web-standards) is very big on beckwards compatibility.


So to answer your question, no, it isnt going anywhere. :D

the most complex languages and technoiogies out there for creating web sites (ASP .Net, Classic ASP, JSP, PHP, Coldfusion) all ultimately send HTML to the browser.

think of it this way: The various technologies you see are fast food restaurants. No matter what they do behind the scenes, ultimately you are getting a cheeseburger at every one of them. And HTML will be phased out around the same time cheeseburgers get phased out of fast food. Sorry if I am beating a dead horse, but I kept thinking of analogies ;)





I will definitely introduce CSS once I get the html basics in place, so keep your eyes peeled.
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -8. The time now is 02:35 PM.