Horror.com Forums - Talk about horror.

Horror.com Forums - Talk about horror. (https://www.horror.com/forum/index.php)
-   Horror.com General Forum (https://www.horror.com/forum/forumdisplay.php?f=2)
-   -   Wanna Learn Web Design? (https://www.horror.com/forum/showthread.php?t=37268)

Vodstok 10-24-2008 04:52 AM

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

The Mothman 10-24-2008 05:13 AM

0010110110110!!! 00101101000011011?
:)

Vodstok 10-24-2008 05:17 AM

Quote:

Originally Posted by The Mothman (Post 747819)
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

The Mothman 10-24-2008 05:19 AM

You dont speak Binary!?
haha, neither do I.
ive dabbled in HTML before, but im far too stupid for it.

Vodstok 10-24-2008 05:36 AM

Quote:

Originally Posted by The Mothman (Post 747821)
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!" http://horror.com/forum/images/icons/icon14.gif

missmacabre 10-24-2008 06:10 AM

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.

Vodstok 10-24-2008 06:42 AM

Quote:

Originally Posted by missmacabre (Post 747837)
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 :)

Festered 10-24-2008 06:55 AM

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?

Doc Faustus 10-24-2008 06:59 AM

I should really learn more about web design. My website blows.

Vodstok 10-24-2008 07:04 AM

Quote:

Originally Posted by Festered (Post 747851)
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.


All times are GMT -8. The time now is 11:41 AM.