Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > HTML Websites Created By Middle Schoolers

Reply
Thread Tools

HTML Websites Created By Middle Schoolers

 
 
BriMarErn
Guest
Posts: n/a
 
      09-16-2006
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:

http://www.thericeschool.org/technol...MLProject.html

Let me know what you think!

BriMarErn

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???? )

 
Reply With Quote
 
 
 
 
mbstevens
Guest
Posts: n/a
 
      09-16-2006
On Fri, 15 Sep 2006 17:32:48 -0700, BriMarErn wrote:

> http://www.thericeschool.org/technol...MLProject.html
>
> Let me know what you think!


http://tinyurl.com/fa662
....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.


 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      09-16-2006
In article
<(E-Mail Removed) .com>,
"BriMarErn" <(E-Mail Removed)> wrote:

> The web pages are located at:
>
> http://www.thericeschool.org/technol...MLProject.html
>


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?

--
dorayme
 
Reply With Quote
 
BootNic
Guest
Posts: n/a
 
      09-16-2006
> BriMarErn <(E-Mail Removed)> wrote:
> news: (E-Mail Removed). com
> 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:
>
> http://www.thericeschool.org/technol...MLProject.html
>
> Let me know what you think!
>
> BriMarErn
>
> 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???? )


<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 leftover.

<body onload="MM_preloadImages('file:///F|/Dreamweaver Website Stuff for Rice/homered.gif',
'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 files.

<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">
p{
text-indent: 0.5em;
}
</style>

<p>

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*

 
Reply With Quote
 
BriMarErn
Guest
Posts: n/a
 
      09-16-2006
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:

http://thericeschool.org/

( 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!

BriMarErn


dorayme wrote:
> In article
> <(E-Mail Removed) .com>,
> "BriMarErn" <(E-Mail Removed)> wrote:
>
> > The web pages are located at:
> >
> > http://www.thericeschool.org/technol...MLProject.html
> >

>
> 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?
>
> --
> dorayme


 
Reply With Quote
 
Dan
Guest
Posts: n/a
 
      09-16-2006

BriMarErn wrote:
> Any other questions or comments would be greatly appreciated!


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?

--
Dan

 
Reply With Quote
 
BriMarErn
Guest
Posts: n/a
 
      09-16-2006
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:
> BriMarErn wrote:
> > Any other questions or comments would be greatly appreciated!

>
> 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?
>
> --
> Dan


 
Reply With Quote
 
Paul Watt
Guest
Posts: n/a
 
      09-16-2006


"BriMarErn" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed) ups.com...
> 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:
>
> http://thericeschool.org/
>


Hi,
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
comment).
Good luck if theres going to be a V 2.0

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
tutorial for inserting html into the middle of an existing page lawpoop@gmail.com Javascript 0 01-04-2008 08:35 PM
Examples of Websites and Graphic Art created by Children 1001 Webs HTML 144 11-15-2007 08:03 PM
High schoolers build Linux-powered robots Au79 Computer Support 0 08-26-2006 03:41 AM
Can you use .Net to produce dynamically created static websites. Joel Barsotti ASP .Net 3 12-14-2004 12:39 PM
schemalocation entry in XML created by castor created sources? Ulf Heyder XML 0 10-16-2003 02:14 PM



Advertisments