HTML help

Homework giving you a headache? Math gives you a migraine? Can't quite figure out how to do something in photoshop? Never fear, the other members of CAA share their expertise in this forum.

HTML help

Postby WhiteMage212 » Sun Apr 24, 2011 2:09 pm

I decided to start learning html and web design, but I got stuck. I understand how to bare bones of html works but I can't figure out how to format and position all the elements. So I'm looking for as many free resources that I can find to help me get started. I'm looking for both tutorial websites and forums (frequent and very active forums if possible) to help me get started. Some help would be greatly appreciated as I have been trying to learn how to make a decently working website for about a year.
P.S. why is it that most people frown upon the use of frames? What is the replacement?
In the beginning, God created HTML...- R. Zion
Men cry not for themselves, but for there comrades.-FF7 Crisis Core
"If it's not the gun that takes you down, it's the pen- myself
Know God, No fear.
If it doesn't fit, you must edIT! MOES. http://www.christiananime.net/showthread.php?t=43825[/URL].
User avatar
WhiteMage212
 
Posts: 148
Joined: Tue Feb 03, 2009 8:29 pm
Location: A place where dreams come... I mean Torrance

Postby shooraijin » Sun Apr 24, 2011 5:43 pm

The problem with frames is navigability. If you want to have, for example, a fixed nav-bar, a better approach is to simply make it a floating element. It's hard to bookmark a navigation point within a set of frames because you end up simply bookmarking the frameset.

There are a number of nice books on HTML, and I always recommend the O'Reilly titles on it. They are not dirt cheap but they are always thorough and compulsively researched.
"you're a doctor.... and 27 years.... so...doctor + 27 years = HATORI SOHMA" - RoyalWing, when I was 27
"Al hail the forum editting Shooby! His vibes are law!" - Osaka-chan

I could still be champ, but I'd feel bad taking it away from one of the younger guys. - George Foreman
User avatar
shooraijin
 
Posts: 9900
Joined: Thu Jun 26, 2003 12:00 pm
Location: Southern California

Postby WhiteMage212 » Sun Apr 24, 2011 6:18 pm

I have one of the O'Reilly books for basic HTML, but that's about all I have. I was going to learn using that but the book teaches by using frames to organize most of the elements. It was written in 2008 so that might have something to do with it.
As much as I would try to go and buy a book, I don't really have the money to go and buy several different one's so that's why I'm seeking online help guides and forums. I may try going to the library and see if I can find any that are worth my time, but I'm really trying to find a forum since I'm sure I could find plenty of answers to most of my questions simply by searching.
In the beginning, God created HTML...- R. Zion
Men cry not for themselves, but for there comrades.-FF7 Crisis Core
"If it's not the gun that takes you down, it's the pen- myself
Know God, No fear.
If it doesn't fit, you must edIT! MOES. http://www.christiananime.net/showthread.php?t=43825[/URL].
User avatar
WhiteMage212
 
Posts: 148
Joined: Tue Feb 03, 2009 8:29 pm
Location: A place where dreams come... I mean Torrance

Postby Midori » Sun Apr 24, 2011 6:35 pm

Frames are deprecated because their functionality can mostly be replaced by better things. For menus and things like that, it's better to put them in the same file as the regular page than to use framesets, because with modern internet speeds, the extra download size is less expensive than having to make extra page requests (one for the frameset and each frame). For dynamically loading sections of a page, it's better to use the <object> tag, which has the same functionality as <iframe> but with more versatility. (Please don't use AJAX just to emulate iframes. That's a pet peeve of mine.)

As far as learning HTML goes, I know quite a bit of it, but I didn't learn it from any book. Once I knew the basic syntax of HTML (tags go in angle brackets, etc.) and I discovered how to add CSS, I could just google the specifics of any tag or CSS prop I wanted to know about; and if I didn't know what tag or property I needed to do something, I could just google "html how do I (whatever)". I almost always immediately found an article that told me how to do it.

So in short, HTML and CSS are complex enough that I'm not sure you can really learn things well from a single book or article. Instead, I prefer the approach of looking up individual, specific problems as I run into them.
User avatar
Midori
 
Posts: 1805
Joined: Mon Sep 12, 2005 6:43 pm
Location: Mingling with local sentients

Postby WhiteMage212 » Sun Apr 24, 2011 6:43 pm

That's the approach I was hoping to take simply because it would help me understand it better. And again, that's why I'm trying to find forums that are active so that I can just look through all the topics and find what I need and move along.
So I understand I need HTML and CSS, but what else do I need to get a decent looking website?
In the beginning, God created HTML...- R. Zion
Men cry not for themselves, but for there comrades.-FF7 Crisis Core
"If it's not the gun that takes you down, it's the pen- myself
Know God, No fear.
If it doesn't fit, you must edIT! MOES. http://www.christiananime.net/showthread.php?t=43825[/URL].
User avatar
WhiteMage212
 
Posts: 148
Joined: Tue Feb 03, 2009 8:29 pm
Location: A place where dreams come... I mean Torrance

Postby Midori » Sun Apr 24, 2011 7:51 pm

WhiteMage212 (post: 1474209) wrote:So I understand I need HTML and CSS, but what else do I need to get a decent looking website?
A sense of style, and an understanding of what visitors to your website will want to see.
User avatar
Midori
 
Posts: 1805
Joined: Mon Sep 12, 2005 6:43 pm
Location: Mingling with local sentients

Postby Sammy Boy » Mon Apr 25, 2011 1:30 am

WhiteMage212 (post: 1474144) wrote:I decided to start learning html and web design, but I got stuck. I understand how to bare bones of html works but I can't figure out how to format and position all the elements. So I'm looking for as many free resources that I can find to help me get started. I'm looking for both tutorial websites and forums (frequent and very active forums if possible) to help me get started. Some help would be greatly appreciated as I have been trying to learn how to make a decently working website for about a year.
P.S. why is it that most people frown upon the use of frames? What is the replacement?


May I suggest http://www.w3schools.com

I use it at times during work when I can't remember the precise syntax of something.

For positioning elements / sections in your site, I suggest you use division elements (<DIV>) and then define a series of classes and/or IDs in a global stylesheet.

The general format I use for DIVs is the box model (http://www.w3schools.com/css/css_boxmodel.asp).

Also think about what kind of browsers you wish to cater for. Generally it's easier to forget about compatibility with browsers such as IE6 and older, because they are a bit of a pain to code for.

If you intend to use image rollover effects, try to use text links with CSS effects instead. Or if you do want to use images, use sprites instead (e.g. http://css-tricks.com/css-sprites/).

For drop down menus and other javascripting effects, you could write your own, or include jquery (http://jquery.com/).

Feel free to post any questions here...
User avatar
Sammy Boy
 
Posts: 1410
Joined: Wed May 25, 2005 7:04 am
Location: Autobase, Cybertron

Postby WhiteMage212 » Mon Apr 25, 2011 9:05 am

Well it looks like I'll be spending some time now on learning how to use CSS. I'll have to begin drafting ideas on what I want on each page to look like and what they do. Well now I have a better idea of what needs to be done.
In the beginning, God created HTML...- R. Zion
Men cry not for themselves, but for there comrades.-FF7 Crisis Core
"If it's not the gun that takes you down, it's the pen- myself
Know God, No fear.
If it doesn't fit, you must edIT! MOES. http://www.christiananime.net/showthread.php?t=43825[/URL].
User avatar
WhiteMage212
 
Posts: 148
Joined: Tue Feb 03, 2009 8:29 pm
Location: A place where dreams come... I mean Torrance

Postby Alcuinus » Mon Apr 25, 2011 11:19 am

If I may chime in with my two cents... I like http://www.quirksmode.org

The author provides good examples of code and an excellent compatibility chart system for the different elements... it is advanced stuff but still very useful... for when you have to make a page.... that's... ugh... compatible with IE 8 >.>

anyhow... technical documentation can also be found here:
http://www.w3.org/TR/CSS2/
(e.g. http://www.w3.org/TR/CSS2/visufx.html#overflow)

this will all be useful in the future but for now, I'd say have a bunch of fun in the "try it" parts of w3schools. That is imo the best place to learn html: where you can try it out and have fun with it! :D
Deo Volente Deo non Fortuna
User avatar
Alcuinus
 
Posts: 152
Joined: Mon Mar 08, 2010 12:12 pm
Location: Midwestern US

Postby Alcuinus » Mon Apr 25, 2011 11:21 am

Oh! btw! anyone know if the free version of Visual Studio has intellisense? If it does, I'd suggest using its text editor for writing the webpage.
Deo Volente Deo non Fortuna
User avatar
Alcuinus
 
Posts: 152
Joined: Mon Mar 08, 2010 12:12 pm
Location: Midwestern US

Postby Arya Raiin » Mon Apr 25, 2011 7:36 pm

If you're just wanting to learn how to make a basic webpage, W3's schools will give you a lot of information.

http://www.w3schools.com/

Wiki has a decent book on HTML for free.

http://en.wikibooks.org/wiki/HyperText_Markup_Language

Really, it just depends on how much you want to learn. To go pro you have to put some money into it. If you're just wanting to be able to run your own website or something like that the internet has enough info to teach you. HTML seems tricky to learn, but don't let yourself get overwhelmed. Pace yourself. Once you learn HTML try to learn basic CSS. CSS is really helpful for positioning elements and gives you a bit more to work with.

Javascript would be good to learn. I'm still working on that. Eventually, you'll probably end up needing to learn about servers and such. If you get the time, try getting a little info on FTP and SQL.
Image
User avatar
Arya Raiin
 
Posts: 242
Joined: Tue Aug 04, 2009 10:33 am
Location: In a galaxy far, far away...

Postby Slater » Tue Apr 26, 2011 1:30 am

w3schools is great. For HTML/CSS noobs, it'll put you on the right path. In profession, it's still a handy resource for those tag attributes that are just on the tip of your tongue.

But at the end of the day I have to say that HTML and CSS is one of the most time-consuming "programming" processes. When developing complex webpages, pixel-polishing can easily consume hours and days. Sometimes, even the simplest of things can be the most frustrating XD

But never give up. If you can see it in your mind, there's a way to style it.
Image
User avatar
Slater
 
Posts: 2671
Joined: Sat May 22, 2004 10:00 am
Location: Pacifica, Caliphornia

Postby armeck » Fri Apr 29, 2011 6:14 pm

w3 schools is awesome! helped me win a state competition. and trust me, there are all kinds of reasons not to use iframs. the headfirst with html and css is a good book to read (not free but a good book) and the examples are a free resource
Just some punk kid that likes techno music
User avatar
armeck
 
Posts: 1020
Joined: Wed Feb 04, 2009 11:52 am
Location: idek

Postby WhiteMage212 » Sat Apr 30, 2011 12:03 am

Oops, sorry guys, I've been busy. Forgot about my post. Well anyway, thanks for the pointers. I'll have to get started once I clear some free time. Oh, one last question. So if I were to use HTML 5 code with another version interchangablely in the same page, would the browsers read it? Or would it just become a mess (unreadable, etc.). Wasn't sure if I had to adhere to only one specific version of HTML for each page.
In the beginning, God created HTML...- R. Zion
Men cry not for themselves, but for there comrades.-FF7 Crisis Core
"If it's not the gun that takes you down, it's the pen- myself
Know God, No fear.
If it doesn't fit, you must edIT! MOES. http://www.christiananime.net/showthread.php?t=43825[/URL].
User avatar
WhiteMage212
 
Posts: 148
Joined: Tue Feb 03, 2009 8:29 pm
Location: A place where dreams come... I mean Torrance

Postby Sammy Boy » Sat Apr 30, 2011 12:08 am

WhiteMage212 (post: 1475515) wrote:So if I were to use HTML 5 code with another version interchangablely in the same page, would the browsers read it? Or would it just become a mess (unreadable, etc.). Wasn't sure if I had to adhere to only one specific version of HTML for each page.


Sorry did you mean if an older browser would read HTML5? You could put in browser detect javascript code and apply HTML depending on the browser version.
User avatar
Sammy Boy
 
Posts: 1410
Joined: Wed May 25, 2005 7:04 am
Location: Autobase, Cybertron

Postby armeck » Sat Apr 30, 2011 6:34 am

WhiteMage212 (post: 1475515) wrote:Oops, sorry guys, I've been busy. Forgot about my post. Well anyway, thanks for the pointers. I'll have to get started once I clear some free time. Oh, one last question. So if I were to use HTML 5 code with another version interchangablely in the same page, would the browsers read it? Or would it just become a mess (unreadable, etc.). Wasn't sure if I had to adhere to only one specific version of HTML for each page.


you need to use the same kind of html for each page. it you don't it will cause it not to validate and your browser will run in quirks mode and you don't want that. even if it is possible it would be a bad thing to do
Just some punk kid that likes techno music
User avatar
armeck
 
Posts: 1020
Joined: Wed Feb 04, 2009 11:52 am
Location: idek

Postby WhiteMage212 » Sun May 01, 2011 11:26 pm

Ok, thanks. Now I can get along and begin my draft. Thanks guys!
In the beginning, God created HTML...- R. Zion
Men cry not for themselves, but for there comrades.-FF7 Crisis Core
"If it's not the gun that takes you down, it's the pen- myself
Know God, No fear.
If it doesn't fit, you must edIT! MOES. http://www.christiananime.net/showthread.php?t=43825[/URL].
User avatar
WhiteMage212
 
Posts: 148
Joined: Tue Feb 03, 2009 8:29 pm
Location: A place where dreams come... I mean Torrance


Return to Tutorials

Who is online

Users browsing this forum: No registered users and 10 guests