HTML Websites Created By Middle Schoolers

Discussion in 'HTML' started by BriMarErn, Sep 16, 2006.

  1. BriMarErn

    BriMarErn Guest

    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/technology/richardson/TheHTMLProject.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???? )
     
    BriMarErn, Sep 16, 2006
    #1
    1. Advertising

  2. BriMarErn

    mbstevens Guest

    mbstevens, Sep 16, 2006
    #2
    1. Advertising

  3. BriMarErn

    dorayme Guest

    In article
    <>,
    "BriMarErn" <> wrote:

    > The web pages are located at:
    >
    > http://www.thericeschool.org/technology/richardson/TheHTMLProject.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
     
    dorayme, Sep 16, 2006
    #3
  4. BriMarErn

    BootNic Guest

    > BriMarErn <> wrote:
    > news:
    > 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/technology/richardson/TheHTMLProject.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*
     
    BootNic, Sep 16, 2006
    #4
  5. BriMarErn

    BriMarErn Guest

    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
    > <>,
    > "BriMarErn" <> wrote:
    >
    > > The web pages are located at:
    > >
    > > http://www.thericeschool.org/technology/richardson/TheHTMLProject.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
     
    BriMarErn, Sep 16, 2006
    #5
  6. BriMarErn

    Dan Guest

    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
     
    Dan, Sep 16, 2006
    #6
  7. BriMarErn

    BriMarErn Guest

    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
     
    BriMarErn, Sep 16, 2006
    #7
  8. BriMarErn

    Paul Watt Guest

    "BriMarErn" <> wrote in message
    news:...
    > 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
     
    Paul Watt, Sep 16, 2006
    #8
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Joel Barsotti
    Replies:
    3
    Views:
    356
    Marc Jennings
    Dec 14, 2004
  2. Ulf Heyder
    Replies:
    0
    Views:
    570
    Ulf Heyder
    Oct 16, 2003
  3. jimjim
    Replies:
    12
    Views:
    1,904
    Ron Natalie
    Jun 3, 2005
  4. 1001 Webs
    Replies:
    144
    Views:
    2,837
    Bone Ur
    Nov 15, 2007
  5. Replies:
    0
    Views:
    97
Loading...

Share This Page