HTML Websites Created By Middle Schoolers

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hello everybody:

I currently teach technology applications at a middle school in
Houston, Texas. This is my 4th year teaching basic computer literacy.
We learn about what goes on inside the computer  as well as some of the
regular software programs like Excel and PowerPoint. The students also
learn about the World Wide Web.

What we tried to do was teach them first how to make a vanilla web
page. We then expanded on this by adding modifications to the code.
Using some free goodies from royalty free websites allowed us to do
some pretty cool things! This includes javascript and sites that
provide free color 'swatches'. The students really enjoyed making these
websites! We're thinking about incorporating Dreamweaver into our
advanced class, only AFTER they went through the HTML segment!

The web pages are located at:

Let me know what you think!


P.S. PLEASE Forgive me for not updating the About Me section of my
website! (I'm trying to figure out what I want to say. February
2006???? )

Re: HTML Websites Created By Middle Schoolers

On Fri, 15 Sep 2006 17:32:48 -0700, BriMarErn wrote:

Quoted text here. Click to load it
...Start with an extremely simple valid page, then
expand, checking validity often.

I like the idea that you're actually encouraging them to learn
HTML out of a text editor.

Re: HTML Websites Created By Middle Schoolers

In article

Quoted text here. Click to load it

Love the jazzy musak on the home page, it came on automatically
when I was in a mood to receive a nice surprise. And I understand
the need to be a bit whatever with your young charges...perhaps
you could just point them to the "cool" sites that already use
tons of javascript and flash and whatever and dangle it as a
promise of the things they might get to do one day... but teach
them some really solid stuff about HTML and CSS first, especially
the proper roles of these two things. You will most certainly
cloud the essentials by going in for all the "cool" stuff.

The swaying welcome banner soothed that autistic child in me. But
it will set the mob onto you. Run. Run now.

Seriously, I advise you to hang about here and learn some basic
stuff about HTML and CSS, and the idea of marking up the HTML to
make sense in itself and then to style it.

Did you stick in those hundreds of nbsp;s, or was it Dreamweaver?


Re: HTML Websites Created By Middle Schoolers

My part was done in Dreamweaver. The main Rice School website was
completely revamped in Dreamweaver after initially being done in Front
Page. Go to: /

 ( Even with the bad rap, the site done in Front Page was still very
well done. The person runnng that one left for another teaching
position. Good guy!)

I'm planning on revamping my site as well.

Yes, all the kids in my class did all of their web pages in Notepad.
The art galleries in each of their sites were done in simple Paint,
then loaded with the <img...> tag.

Any other questions or comments would be greatly appreciated!

PS (again) The cool thing about being a middle school student is that
they can really explore with all the flashy eye candy stuff! Yes, I do
teach them the fact that in a 'real life' web site, less is more.
However, they're learning a skill that very few middle schoolers, let
alone high schoolers, are learning!


dorayme wrote:
Quoted text here. Click to load it

Re: HTML Websites Created By Middle Schoolers

BriMarErn wrote:
Quoted text here. Click to load it

Given that they're written by kids, I'm not going to dig into them
critically as I might to sites created by adults, especially
self-proclaimed web professionals.  However, one thing to note is that
the ones I looked at all seem to break their paragraphs using <br><br>;
haven't you taught your students the <p> element?


Re: HTML Websites Created By Middle Schoolers

Thanks for the question, Dan!

When I intially started this project, I tried to look at things from
the prospective of a middle school student. Believe it or not, I had to
come up with some terminology that's not normally associated with HTML
so as to break things down in a "Sesame Street" level manner that
everybody in the class could understand!

For example <   >  and  </   > with anything in between became known as
'sandwiches' . Anything like an <img...> or <br> tag became known as a
'stand-alone tag'. (Since it didn't have a corresponding </ >. The
omission of the <p> tag was a slight mistake on my part due to
over-emphasizing a single line break.(Bad teacher! Bad teacher!) Yes,
the <p> tag will be incorporated in this year's lesson!

Dan wrote:
Quoted text here. Click to load it

Re: HTML Websites Created By Middle Schoolers

Quoted text here. Click to load it

I took a little meander around your school site and whilst the web designer
in me is screaming, I'm kinda charmed by its naivety! Could do with looking
at it with regards to consistancy (I didnt look at the code so I cant
Good luck if theres going to be a V 2.0


le singe est dans l'arbre

Re: HTML Websites Created By Middle Schoolers

Quoted text here. Click to load it

<title>Untitled Document</title> Make better use of the title tags.

I don't care to see font tags used, much prefer style used.

 class="MsoNormal" ??? don't see a MsoNormal  style class kind of looks like MS

<body onload="MM_preloadImages('file:///F|/Dreamweaver Website Stuff for
'file:///F|/Dreamweaver Website Stuff for Rice/syllabusred.gif',
'file:///F|/Dreamweaver Website Stuff for Rice/computerliteracyred.gif',
'file:///F|/Dreamweaver Website Stuff for Rice/studentworkred.gif',
'file:///F|/Dreamweaver Website Stuff for Rice/aboutmered.gif',
'file:///F|/Dreamweaver Website Stuff for Rice/riceschoolred.gif')">

I don't think this onload is going to do much online. Seems to point to local

  <p class="MsoNormal">&nbsp;&nbsp;&nbsp;

Looks like this would be better if style was used to create the text-indent

<style type="text/css">
  text-indent: 0.5em;


The first three tables have a taller first row, the last td in each of these
rows has the
link wrapped in a paragraph.

There is likely a much better way to display the links other then several tables.

I did not look at any of the students pages, it would not be fair to the
students after
looking at the main page.

BootNic   Saturday, September 16, 2006 4:17 AM

My problem lies in reconciling my gross habits with my net income.
*Errol Flynn*

Site Timeline