Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 19
  1. #1
    Regular Coder
    Join Date
    Oct 2006
    Posts
    164
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Web Design class Curriculum?

    To graduate high school I need to do a huge project and what i have chosen is im going to teach my school's Web Design class. But, i need a good curriculum and I needs some ideas on what it should be and consist of. The class needs to be thought how to make websites. Thats includes HTML (im thinking about not teaching that and just teaching them XHTML instead) and CSS. Also how to make a good looking website.

    Any help on how this curriculum should go would be great help.

    Thanks
    Not much, but its something.

  • #2
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    You need to teach high school in order to graduate high school?

    Keep the course simple. Learning every piece of code is boring, and doesn't allow for creativity. People need to learn both how to code, and how to make a proper layout and design.

    That should take a whole class really.

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,788
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Quote Originally Posted by Sman5109 View Post
    ...HTML (im thinking about not teaching that and just teaching them XHTML instead)...
    for the record:

    HTML: HyperText Markup Language
    XHTML: Extensible Hypertext Markup Language

    you can't have the X without the HTML. You would be teaching them HTML so make sure you don't say the aforementioned quote to them
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #4
    Regular Coder
    Join Date
    Oct 2006
    Posts
    164
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV View Post
    for the record:

    HTML: HyperText Markup Language
    XHTML: Extensible Hypertext Markup Language

    you can't have the X without the HTML. You would be teaching them HTML so make sure you don't say the aforementioned quote to them
    Well there are so many things in html that have been depreciated in XHTML. So i dont want to teach them those tags and have them be confused about why they cant use the tags i have shown them.
    Not much, but its something.

  • #5
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    HTML is still a W3C recommendation. Its not depreciated as a language. There are differences yes, but you can't really use XHTML without HTML.

    I'm assuming this is an intro class, in which you want to keep it simple. Nobody is going to understand the use of XHTML verses HTML. However you can teach them the important parts of HTML (maybe ignoring pesky things like <marquee>).

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Both are about as clean as each other long as you hand-write it. Once you leave it over to the automated tools, well…
    I agree. You’re lucky that you don’t have to cut through the meaningless crap we have to: you can teach it straight up nice, clean and proper. It takes a long time to build up a decent HTML knowledge, so don’t expect to go into it straight away. For starters, teach them very, very simple stuff like why paragraphs won’t format & how to actually save the HTML file. It’s all a matter of building it up

    & Jeremy, it’s deprecated (no i). Sorry, I couldn’t help it.

  • #7
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Argh I don't get all of this stuff sometimes. It still says its a recommendation though, so its still used. http://www.w3.org/TR/html401/

    But I like the comment, 'as long as you hand-write it'!

  • #8
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    Make sure you don't even mention using tables for layout. Start them off right with CSS based layouts. Don't just dive into the coding though. Explain the roles of CSS, HTML and Javascript first.

    Also have examples made up that the students can refer too. In their first assignment you might want to start off with having them take a page you already started and add a few things to it. Allow them to get comfortable in what they are doing before making them write the whole thing from scratch.
    Last edited by oracleguy; 05-02-2008 at 09:06 PM.
    OracleGuy

  • #9
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    @ Jeremy: HTML 4.01 is indeed a standard. Three’s also the transitional flavour of HTML 4.01, which loosens a lot of the rules and, in effect, is what people stick on their pages when they want quirks & to validate at the same time. I don’t know whether I’m preaching to the choir, but there’s plenty of room for confusion so I thought I’d explain (:
    Last edited by Apostropartheid; 05-02-2008 at 04:00 PM.

  • #10
    Regular Coder
    Join Date
    Oct 2006
    Posts
    164
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by oracleguy View Post
    Make sure you don't even mention using tables for layout. Start them off right with CSS based layouts. Don't just dive into the coding though. Explain the roles of CSS, HTML and Javascript first.

    Also have examples made up that the students can refer too. In their first assignment you might want to start off with having them take a page you already started and add a few things to it. Allow them to get comfortable in what they are doing before making them right the whole thing from scratch.
    I like that plan. But this is a beginner class so im not going to go into scripting like JS, PHP, etc., it would be too much for them.

    Using tables as a layout is one thing im not going to teach, if they even try to do that I would make it a severe mark on their grade.

    I think I will teach the basics of HTML then the standards of XHTML leaving out all the non-CSS styling that are allowed in HTML 4.01.

    Edit: I'm probably going to go into SEO too. So if they do feel like using some JS in one of their projects then if it uses links or something then it would have to be able to be seen/readable by spiders.
    Last edited by Sman5109; 05-02-2008 at 05:47 PM.
    Not much, but its something.

  • #11
    Regular Coder
    Join Date
    May 2008
    Location
    Michigan
    Posts
    216
    Thanks
    10
    Thanked 1 Time in 1 Post
    I would of course start off with the basics such as the paragraph tag, the break tag, bold, underline, italics. Then maybe through some basics of CSS to them like the body and the link variables. Have them change the font family, size, and color. Then I'd start off with the proper set up of the header tags and explain why the DOCTYPE and the meta http-equiv tags need to be there, etc.

  • #12
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,788
    Thanks
    8
    Thanked 131 Times in 129 Posts
    I'm happy to see this back up.

    ...teach my school's Web Design class...
    The thing I'm thinking is that if you are teaching a Web Design class in your school is that your 'students' all ready know some of this. I say this because I was once approached to a similar thing but a permanent gig. My thought was me and my (at the time, late 20 something self) would walk into a room of 16-19 year olds try and do a start from scratch, base up teaching. This is wrong.

    90% of your class will think they know how to do it anyway. they have Myspace. They have done HTML before, or at least they think they have.

    So talking to my roommate just now we have come to this:

    2% already know what they are doing to a good degree
    90% have myspace or the like
    8% have no idea but probably truly want to learn

    So the biggest thing is not what to teach them but rather trying to get all groups to learn together.

    My roomie and I had thought to set up a Blogger account for each student and teach from there. Now I think thats too much. It would be better to make a 3-4 page site yourself and go over everything step by step as to how and why things do what they do. At least then, if things go haywire for a student, you can always default back on your base file and start fresh.

    I know I'm not a teacher type, and I know I am never going to be. I know what I know and I am always learning new things. I can explain things. i can show examples and show why it does what it does. You are taking on a task that I don't think I could handle and still, at the end, feel that I did a good job. Godspeed.


    p.s.

    @nicky,

    can you please never do this ever again: body { cursor:crosshair; }. Do not mess with my cursor for your own benefit.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #13
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by harbingerOTV View Post
    @nicky,

    can you please never do this ever again: body { cursor:crosshair; }. Do not mess with my cursor for your own benefit.
    Agreed to its fullest degree.

  • #14
    Regular Coder
    Join Date
    May 2008
    Location
    Michigan
    Posts
    216
    Thanks
    10
    Thanked 1 Time in 1 Post
    Quote Originally Posted by harbingerOTV View Post
    @nicky,

    can you please never do this ever again: body { cursor:crosshair; }. Do not mess with my cursor for your own benefit.
    What are you talking about?

  • #15
    Senior Coder rafiki's Avatar
    Join Date
    Aug 2006
    Location
    Floating around somewhere...
    Posts
    2,046
    Thanks
    19
    Thanked 42 Times in 42 Posts
    Code:
    body {background-image:url('http://www.candi-coded.com/images/test/bg.jpg');
    background-repeat:repeat-x;
    cursor:crosshair;
    font-family:Tahoma,Verdana;
    margin:0&#37;;
    text-align:justify;}
    This is taken from your style.css so I'm guessing thats what they are talking about.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •