First html... hand code

[tekygonnabe]

Pardon while I boast a tad... sorta elated that the time has come to trash FP... cept to use as a coaster

Sure feels good when you actually start doing code by hand. (thinks to self... ya should a listened long ago *hardhead*)

Nothing special, just had to see if anyone would maybe see something thats tabu, or have anything of a direction to point out. If so, I appreciate it... If not, well thanks just the same!

first hand coding page

[jkeller]

lol! The best feeling you get from coding or programming is the sense of accomplishment.

The HTML code looks fine, and it validates ok (but I'm sure that you knew that already).

The CSS is a little twisted: you'll want to move the HTML comment tags (and correct their formatting, too) to be next to the style tags. Also, the semicolon (";") needs to be inside the braces ("{}") -- it represents the end of one name/value pair. As a result, you could define several attributes in one tag.

Like this:

<STYLE TYPE="text/css">
<!--
BODY { background: #666699;
scrollbar-face-color: #9999CC;
scrollbar-arrow-color: #EFEFFA;
scrollbar-DarkShadow-Color: #666699;
scrollbar-Track-Color: #666699; }
A:link {color: #6633FF; }
A:visited {color: #CC6666; }
-->
</STYLE> 

(pardon the formatting; I can't enter tabs)

You'll want to consider finding a consistent indentation scheme for your HTML. How you indent is completely up to your personal preferences, but if it's consistent you'll find it a lot easier to find errors in code that has content mixed in (instead of just a model page, like what you have now).

It's a good start, and it'll feel even better as you continue to learn. Good luck!

[tekygonnabe]

Thanks jkeller...

Yeah, I was aware at least the html code was clean. Once I posted it... I ran the styles validator and saw all the ugly errors.... ughhhhhhh (didnt worry with fixing it yet as I was a reading more on it.) P.S. the code I used for css came straight out of HTML Goodies. Go figure!

Here I was thinking HTML Goodies was all that, but its only a drop in the bucket... as a lot of the tutorials seem to be dated back to 1998. Did manage to get a bit of the basics from it however!

One thing I like more than anything is having an editor whereby you can check code as ya go. (write a bit o' code and check it with its own validator or sorts)
I remembered from a couple months back someone raving about HTML-KIT... so I grabed it, and so far love it.

As for your formatting on the forum here, no prob! Easily understood, now at least! hehe
My formatting will take a bit o time to get the way I like it to look, but it should come as I become more familar with this schtuff. (another 200 pages or so of coding should do the trick... :weyes:

Thanks for the encouragement and guidance!

[jkeller]

Originally posted by tekygonnabe
Here I was thinking HTML Goodies was all that, but its only a drop in the bucket... as a lot of the tutorials seem to be dated back to 1998. Did manage to get a bit of the basics from it however!

I know it's a book, so it's an investment, but I love Cascading Style Sheets: The Definitive Guide from O'Reilly. It's been sitting next to me for the last three months as I've worked on my own site.

One thing I like more than anything is having an editor whereby you can check code as ya go. (write a bit o' code and check it with its own validator or sorts)
I remembered from a couple months back someone raving about HTML-KIT... so I grabed it, and so far love it.

Cool; I'll have to check that one out for kicks. I use (and love) HomeSite, but skip the validation tools for the most part.

My formatting will take a bit o time to get the way I like it to look, but it should come as I become more familar with this schtuff. (another 200 pages or so of coding should do the trick... :weyes:

Isn't that always the case! It'll come, I'm sure. You'll pick up a lot as you look at other people's code, too. And that's the best thing about coding by hand: reading other people's code is like reading a letter. You'll be able to get the gist and recreate something you like without having to resort to direct copying!

Thanks for the encouragement and guidance!

But of course -- we all do what we can. Have fun!

[timechange]

Tekky...you're gonnabe!

[jkeller]

Originally posted by timechange
Tekky...you're gonnabe!

I agree! It just takes the rabid devotion to learning that teky has already shown. As we all have at one time or another, I think...

[timechange]

Rain rain rain...what's the weather in Paris?

[jkeller]

Originally posted by timechange
Rain rain rain...what's the weather in Paris?

Sunny and warm (though not by Florida standards). We deserve it, after having really crappy March weather.

[Still Shady]

Not bad for a start... when I first started handcoding it... I didn't even have a background color!

[tekygonnabe]

Originally posted by timechange
Tekky...you're gonnabe!

Timechange... Thanks guy, coming from a guy like you that only adds fuel-to the fire. (in my desire to achieve)

Originally posted by jkeller
I agree! It just takes the rabid devotion to learning that teky has already shown. As we all have at one time or another, I think...

UMMMM... that would explain this insane foaming thing while attempting to write code.
BTW, your another that falls into the category of respect where I hold many of you... and your skills!

[tekygonnabe]

Originally posted by Still Shady
Not bad for a start... when I first started handcoding it... I didn't even have a background color!

Yeah... but I would imagine it was even cleaner and better laid out than mine...

(Yet another memeber of that respected group, mentioned above!)
I dont mean to imply that you all, must strive to be on that list :lol: .... Just that I have one and appreciate the encouragement of those on it.

Thing I dont like about this template you all see, is the fact that I dont have all the tables placed into one large table.

[jkeller]

Originally posted by tekygonnabe
Thing I dont like about this template you all see, is the fact that I dont have all the tables placed into one large table.

That can be a good things, actually. Netscape 4.x chockes on complex table-heavy pages. Nested tables are the bane of fast rendering -- IE works great, but at the expense of clean code (the browser, not the pages it's reading). Thus IE has become bloatware as new features are tacked on.

Your page looks good, and works well. Can't ask for more than that!

Thanks, too, for your kind words. Nice to know that I'm held in such esteem -- and no one's ever seen proof of my coding skills! (My site's coming along, sooner or later...)

[Still Shady]

Originally posted by tekygonnabe

Yeah... but I would imagine it was even cleaner and better laid out than mine...

LOL! I wished!

Just a tip: Separate your style code below to another file (style.css)!

BODY {
background-color: #666699
scrollbar-face-color: #9999CC;
scrollbar-arrow-color: #EFEFFA;
scrollbar-darkshadow-color: #666699;
scrollbar-yrack-color: #666699;
}

a, a:link {
color: #6633FF
}

a:hover {
text-decoration: underline;
}

a:visit {
color: #CC6666;
}

Then in remove those style tags in your header tags and replace with (Code cleaned BTW):

<link rel="stylesheet" type="text/css" href="style.css">

So you just have to edit one file and change styles also start learning style classes/id's/tags directives!

I recomment this program for coding stylesheets!

http://www.bradsoft.com/topstyle/index.asp

The lite version is free...

Always use font families...

It shouldn't be that hard!


I'm probably confusing you!

[tekygonnabe]

Originally posted by Still Shady


I'm probably confusing you!

hmphhhhh... that WILL be the easiest task you ever take on shady!

I'll get on the style.css page later this evening... have to go and check on a couple of jobs.
(something that pays better than learning code, actual cash at least!)

Thanks for the link, too.

jkeller, no problem for the props... given. May seem odd, but these things have come about because of your personalities moreso over your actual codes or programming. The reason is all to rational if ya think of it, I couldnt read those 'letters' as you called them, so I had no way of knowing... who knew what. Thats now changing thank goodness.