I am teaching a small group of 6-8th graders web design. I am using a text editor and no tables. The are pretty smart but not geniuses. I have had them use the W3schools xhtml and css tutorials but I am looking for other tutorials for them. Does anyone have any suggestions? I've googled but i am specifically looking for something maybe geared towards kids.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Easy html and css tutorials 4
- Thread starter okpeery
- Start date
-
1
- #2
I remember when I first taught myself HTML and javascript (8th grade) I found webmonkey:
The kids should enjoy it as the mascot is a monkey, and it really breaks it down for beginners, as well as allowing some nice build up.
The kids should enjoy it as the mascot is a monkey, and it really breaks it down for beginners, as well as allowing some nice build up.
- Thread starter
- #3
I can be more specific. I want to teach them tableless css design. When I view a lot of html tutorials they include things like text color and background color in the html. I really want to start them with "html is for content css is for presentation". I think including presentation type tags in html tutorials confuses things.
One student needs to create a page that has a header, horizontal navigation underneath it, 3 columns, and a footer. Maybe I should just find a tutorial for that. I prefer the kind where you build the html page first and then you build the css page one step at a time so they really see what each style rule does and how it forms a proper page. Any ideas on where to look?
I fairly recently learned this all myself and know that for an adult it was confusing so I want to present them with the most up to date info so what they learn is what is being practised, oh yeah and to win the computer fair competition we are entering.
One student needs to create a page that has a header, horizontal navigation underneath it, 3 columns, and a footer. Maybe I should just find a tutorial for that. I prefer the kind where you build the html page first and then you build the css page one step at a time so they really see what each style rule does and how it forms a proper page. Any ideas on where to look?
I fairly recently learned this all myself and know that for an adult it was confusing so I want to present them with the most up to date info so what they learn is what is being practised, oh yeah and to win the computer fair competition we are entering.
Gotcha... This looks pretty on target for what you are looking for...
Simple, but growable. It doesn't explain the HTML tags, which is what I think w3schools is perfect for (or any HTML "cheatsheet")
Simple, but growable. It doesn't explain the HTML tags, which is what I think w3schools is perfect for (or any HTML "cheatsheet")
harrymossman
Technical User
I am currently trying to learn how to format pages with css instead of tables. The W3schools tutorials are about the only ones that have helped me. Of course, I'm about 100 years older than your students, which is a disadvantage. 6-7th grade is when people are brightest, before the hormones kick in and we get dumber.
The only thing that has worked for me is to just jump in and try things, referring to the W3Schools css reference pages as needed.
The only thing that has worked for me is to just jump in and try things, referring to the W3Schools css reference pages as needed.
-
1
- #6
Another place you might want to try is HTML Dog:
It has tutorials for HTML and CSS.
![[monkey]](/data/assets/smilies/monkey.gif "[monkey] [monkey]")
![[snake]](/data/assets/smilies/snake.gif "[snake] [snake]")
<.
It has tutorials for HTML and CSS.
<.-
1
- #7
monksnake beat me to it with HTML Dog.
You could look at too, but be warned that there's a few pretty horrible old-school techniques in there amongst all the good stuff.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
You could look at too, but be warned that there's a few pretty horrible old-school techniques in there amongst all the good stuff.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
-
1
- #8
I use for most of my CSS references.
-kaht
Looking for a puppy? [small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]
-kaht
Looking for a puppy? [small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]
- Thread starter
- #9
A good start for my students. they insisted I award all of you stars. Do you think it is confusing to do html tutorials that have presentation style tags. I guess I am just going to have them do them and then explain over and over that they shoudl be in the css and then do the css tutorials so they can see what I mean.
A great site would be an updated version of this, clearly separating html and css written for students. Tutorials with wysiwyg editors written in language the students understand.
A great site would be an updated version of this, clearly separating html and css written for students. Tutorials with wysiwyg editors written in language the students understand.
traingamer
Programmer
If by that you mean, <p style="color: red">, you can let them know that that is part of the cascade (of Cascading Style Sheets). It is ok to use them sparingly, but it is better to use embedded stylesheets.okpeery said:
They'll catch on faster than you may think. Review all of the tutorials before letting them use them and have your comments ready to roll!
Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
That sounds like a good job for a teacher ![[wink]](/data/assets/smilies/wink.gif "[wink] [wink]")
-kaht
Looking for a puppy? [small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]
-kaht
Looking for a puppy? [small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]
- Thread starter
- #12
Maybe an unemployed teacher. This teacher doesn't have time between teaching, network administration, grading, troubleshooting, repairs, and after school clubs to undertake a project of that scope. I could work as part of a team in the summer maybe. What I could bring to the project is 10 years of teaching experience so how much to include in each lesson, the language for kids, the scope, and some html, css, and javascript experience.
Anyone interested. I will be moving to Toulouse France this summer for a few years and will have time after the summer. And a need to do something.
Anyone interested. I will be moving to Toulouse France this summer for a few years and will have time after the summer. And a need to do something.
I was just joking around ![[smile]](/data/assets/smilies/smile.gif "[smile] [smile]")
-kaht
Looking for a puppy? [small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]
-kaht
Looking for a puppy? [small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]
- Thread starter
- #14
![[thumbsup2]](/data/assets/smilies/thumbsup2.gif "[thumbsup2] [thumbsup2]")
-kaht
Looking for a puppy? [small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]
- Status
Similar threads
- Locked
- Question
- Locked
- Question