/    Sign up×
Community /Pin to ProfileBookmark

Check This Out!!!

Hello…

My name is Jeremy, and I am 14 years old… I was introduced to HTML a few months ago, around Christmas time… In my H/S we have this thing where our school offers classes like welding, legal services, automotive tech., cisco, and AOIT, along with others, and once you graduate H/S, you will have graduated a 3 year course in that class, they also offer part time jobs after school your junior and senior years after you take all your acedemic classes… I chose AOIT because I absolutely love it… After a 5 day tour of that we moved on to the next class, but since then I have been reading tutorials and signing up to forums like this one. Which I love by the way. :). But I hosted through COX.net and after awhile of that, I wanted a real web site, and now have my own domain name.

Please check out my site, and post what you think of it. Any ideas or suggestions you may have. The only thing that does not work as of now is the guestbook. I am still working on that… [URL=http://www.jdm71488.com]www.JDM71488.com[/URL] Thanks to anyone that contributes…

JDM

to post a comment
Full-stack Developer

11 Comments(s)

Copy linkTweet thisAlerts:
@PeOfEoJun 30.2003 — It looks professional but you should be using css for your layout.
Copy linkTweet thisAlerts:
@CharlesJun 30.2003 — [font=georgia]You need to make friends with the Validator (http://validator.w3.org/) and you need to learn HTML (http://www.w3.org/TR/html4/). And while you are at it you should read, mark, learn and inwardly digest the Web Content Accessibility Guidelines 1.0 (http://www.w3.org/TR/WCAG10/).

You're off to a good start but you have learned a lot of bad habits.[/font]
Copy linkTweet thisAlerts:
@JDM71488authorJun 30.2003 — Thank you,

I dont really know much about CSS yet. Still learning, what are some of the things that it can do? And Ill check out those links too...

JDM
Copy linkTweet thisAlerts:
@JDM71488authorJun 30.2003 — So I should chang e my files to HTML 4 spec??? Is this right? Also I tried to validate my HTML but it said that it could not do that. Could someone give me like a list of things to change, maybe that would make it easier on me. Sorry for the inconvenience.

JDM
Copy linkTweet thisAlerts:
@DaveSWJun 30.2003 — What can css do?

The list is too long I'm afraid. However, I'd recommend going here http://www.w3schools.com/css/default.asp for a more friendly way to learn css. You can either learn by reading it normally or you can use the learn by examples section.

It isn't perfectly accurate in everything, but then the w3c doesn't always do as it says either, so you can't have it all.
Copy linkTweet thisAlerts:
@CharlesJun 30.2003 — [i]Originally posted by JDM71488 [/i]

[B]So I should change my files to HTML 4 spec??? [/B][/QUOTE]
[font=georgia]HTML 4 was superseded by HTML 4.01 back in 1999. You are currently using something that looks like HTML 3.2 which works well in all graphical-browsers but fails miserably on non-graphical browsers such as Braille and audio. A proper HTML 4.01 Strict page will work on [i]all[/i] browsers. The reason that your page will not even begin to validate is that you have omitted two very important pieces of information. You need to declare what version of HTML and what character encoding you are using. [i]Id est:[/i]

[font=monospace]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="Content-Script-Type" content="text/javascript">

<meta name="Content-Style-Type" content="text/css">

<title>Some Title</title>[/font][/font]
Copy linkTweet thisAlerts:
@khakiJun 30.2003 — hi JDM...

I like your site.
I tried to validate my HTML but it said that it could not do that[/QUOTE]
The reason it won't validate is because you don't have a doctype.

Unfortunately... you came here with a site that you are proud of (and you should be... it looks really good)...

but the guys here are all about to force you to rewrite it all over again.

(okay... they won't [I]force[/I] you... but still :rolleyes: )

anyway....

since you are only 14, it's probably a great time to break the bad habits that Charles referred to.

I'm a bit older than you :eek: and I still have most of my bad habits haunting me every day.

good luck... and I can't wait to see how you go about laying-out the shout-out pages using CSS ('cuz i'll swipe that code quicker than sh*t ? lol).

nice job...

? k
Copy linkTweet thisAlerts:
@JDM71488authorJun 30.2003 — Well I use HTML-Kit, and when you start a new document, it will automatically stick the doctype into the top of the page, and until now, I just deleted it cuz I didnt know what it meant.

BUT NOW, I do, so I will insert what Charles told me to into the top of all my pages. I just started a .css on my server, and will work on the layout of my pages. I am going to use an external file because I think that will save me some time...

JDM

P.S. Thanks K... and every1 else ?
Copy linkTweet thisAlerts:
@CharlesJun 30.2003 — [font=georgia]I also use HTML-Kit, and for a lot of things that would cause your head to spin if I were to try to explain them. If you are using build 292 then you will note that it defaults to XHTML and not HTML. You might as well go ahead and learn XHTML. XHTML 1.0 is exactly like HTML 4.01 except that it has a few syntactical differences. XHTML is case sensitive and lower case; all attribute values must be contained in quotes; there are no optional tags and all tags must have an ending. The last requirement means that [font=monospace]<br>[/font] becomes [font=monospace]<br />[/font]. The extra requirements make your mark up less ambiguous and easier for a computer to manipulate. I'd tell you about the things that you can do with XHTML but we don't want that head spinning quite yet.

It's really important to make sure that you are using the correct DOCTYPE but if you send it through the validator you'll figure it out.

And external CSS is the way to go. Aside from being easier it encourages you to separate content from presentation. And the separation of content from presentation is what makes HTML 4.01 work on [i]all[/i] browsers. If you mark up your page according to how you want it to look then it will not work for a blind user. Consider

[font=monospace]<p><b>Some Heading</b></p>[/font]

and

[font=monospace]<h4>Some Heading</h4>[/font]

The two look the same on a graphical browser but the first is not good enough for the user of a Braille browser (or a search engine). All of the HTML elements in HTML 4.01 have meanings - P for paragraphs, BLOCKQUOTE for block quotations, EM for emphasis - and you need to use them according to their meanings. Then use your external CSS to make all H2s pink on blue.[/font]
Copy linkTweet thisAlerts:
@JDM71488authorJun 30.2003 — Thanks Charles...

Actually awhile back, I read the XHTML tutorial on [URL=http://www.w3schools.com]w3schools[/URL] and got in the habbit of quoting the values like color="blue" and I make sure everything is lowercase. But I will run that through the validator and see what it tells me.

As for the css, what did you mean when you said...

use them according to their meanings. Then use your external CSS to make all H2s pink on blue.[/QUOTE] ??

JDM
Copy linkTweet thisAlerts:
@CharlesJun 30.2003 — [font=georgia]I mean use the H elements whenever you have an heading and the BLOCKQUOTE when, and only when you have a block quotation. The idea is to think about what your page means and not how you want it to appear.[/font]
×

Success!

Help @JDM71488 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...