I am going to let my students choose a topic of their choice for creating their own webpage. I will give them a rubric for the required tags (HTML & CSS) which must be included as well as the number of pages, links and images.
jsFiddle is new to me. It seems a lttle complicated to use as a beginning tool. I will probably use w3schools first. I will allow studenst to create and ‘About Me’ page. I will let them choose whatever aspect from their lives that they would like to share be it sports, family vacation, their sibling(s), hobbies, and favorite school subject…etc
I let students do their own topics, also. I also include a rubric that illustrates the concepts that will be assessed from their site.
One suggestion for a web page they can create is to back to the first days of Unit 2 and students can create a webpage that relates to a community problem that they can research.
What might be some good topics for students to select as they explore the different tags in the html editor?
They highlighted the careers of sports icons, teams, school sports, current events, politics…
How are you going to encourage students to add in their own culture, interests and unique experiences into their web pages?
That was easy… they did that themselves without being encouraged.
jsFiddle will be a great resource but I will probably use w3schools until they become more comfortable with the content. BUT, I had my students start building a website based on their hobbies and their own interests. On this day, we started off with a very basic looking website that they continued to use to add new topics from each day’s lesson.
My middle school students thought it was cool working in Notepad to create their html page. I felt that it made the students concentrate a little more on the tags making sure they place the opening and closing tags in rather than my experience with students not really typing in tags using W3School in the past. I foresee as we learn more I will move to something different.
With this being my first time teaching HTML, I was a little anxious about introducing this unit. My intention was to introduce tutorials on www.codecademy.com, then, have the students apply what they had learned on Notepad. However, my students were so comfortable with codecademy, that we just stuck with it. The best part was that the entire HTML course is already laid out, making differentiation easy. There were also help forums and examples for when we got stuck on more difficult tasks.
HTML tags have gone well.
We have emphasized writing original content which has gone very well. We’ve reviewed copyright and other protective and legal terms.
We’ve also emphasized producing original digital media to include on web pages.
I allow to student to create multiple pages of a book that they have read. They will use the basic HTML codes covered to create the following pages:
- Summary of the book
- About the author
- Brief summary of the characters
my students have gotten to choose their own school appropriate website. Most of them were able to discover that their website was more of an informative website than an interactive one. I do have one pair of students, however, that are trying to create a “Facebook” for superhero’s only" I am interested to see what they end up doing.
Having been designing and teaching HTML/CSS for years, there are several alternatives to JSFiddle and plain ol’ Notepad, which can be used in the classroom. If you are using Windbloze, you can use Notepad++, which is completely free. If you Macs, you can use TextWrangler. If you use Google Classroom, you can setup the extensions Editey and other associated Editey extensions to use the Editey app for coding entirely within the Google Drive.
I like the JSFiddle site and look forward to using that. I would encourage students to create a site related to what they participate in at school such as a club or sport. Other topics might include favorite music artists, hobbies, places they’d like to go on vacation, info about a college they are interested in. I’d like them to have options to hopefully keep their interest.
My students have created a few websites that incorporated their interests throughout their last few projects such as their future plans, their favorite band, and then a game review website. They have worked on w3schools.com with great success tol earn new things within the HTML realm as well as CSS.
Thanks for the links! My fall semester students used the w3schools site and used notepad++ as their editor. I had only one student who had used html previously. This semester I have a wider variety of backgrounds, so I’ll be differentiating with multiple assignments and stations.
Great plan. Thanks for sharing. This would adapt well for students with a variety of backgrounds.
I used notepad for the tags and that was really helpful