I am going to work on the intro HTML lesson. Students will go through the different tutorials and eventually create a multiple page “about me” “web site”. We’ll also focus on using the basic HTML to edit pages on the cookie-cutter sites.
I am going to do Unit 3 Day 6-7 Images.
Honestly, I am having trouble trying to figure out how to use the one page template on line. I printed it out to follow the outline. If I could get written instructions it would be a tremendous help. I did it for Unit 1.
, but it is not registering for me for unit 2.
Are you just asking how to get your own copy of the template? If you go back to the original file you can to File->Make a Copy and then you will end up with your own copy in your google drive. The overview is just meant to give a more detailed outline to help another teacher who might want to use your lesson resources.
If you still have questions please let me know. Happy to help!
1: Open the file from the link in the Challenge Description. It should be in Goolge Docs in View Only mode.
2: Go to File–>Make a Copy. You should have a file called Copy of Challenge - 1 Page Lesson Overview Template" in your Google Drive.
3: Make any necessary changes to file in Google Docs or download the file and open in Word.
4: If using Word - Reply to a Forum post and use the upload icon on the menu bar to upload your file. TestofTemplate.docx (695.3 KB)
If using Google Docs, get a sharable link from the share button in your document. Reply to a Forum post and use the link icon to insert the hyperlink. test file Make sure you share in view only mode so no can make changes to your original.
Hope this helps!
Day 3-4,5: Basic HTML - Paragraph, Header, Strong, and EM Tags
Thanks Andrea. I will try it soon. Be blessed.
I did mine on the final unit project (day 22-25). It made sense logistically but also was where my students showed a variety of knowledge/skills. I didn’t work with anyone but would be open to it last year.
HTML Lesson will begin with teaching the basic tags and I will progress to teaching the image and link tags hoping to develop interest in seeing how linking pages creates a website…
I have limited experience with HTML, and haven’t used it in years (since college), so as a refresher, I will do Days 3-5.
Lesson ~ CSS Instructional Days 8-10: Inline CSS vs. Embedded CSS
Students will learn how to apply inline CSS coding to format an existing page they have previously created. They will learn fundamentals such as margin-left, margin-right, text-indent, font- face;, font-size, color, font-weight, and alignment of images by adding coding with
tag or tags, even
Challenge-3lesson.docx (23.8 KB)
I am working on lesson Day 6-7 HTML - images. I need some review prior to showing students.
I grouped days 3-5, 8-10 and 14 together to teach just the HTML separate from the other styles. Then gave extra credit for them to research the other styles and codes to teach something new to the students. Do to the fact I myself felt overwhelmed (not being a “CS major”), and some students already knew a lot more than I did. So maybe in the following years after I feel better I will add that in to this introduction course. But attached are the handouts I gave and created.
This didn’t take 7 days… it is just the notes of what we went through together in class, and what I posted for kids that missed class or needed to hear explanations again I had handouts for them… so I wouldn’t label any of theses as day 1, day 2 material… it is just the flow of things. But I will insert them into this document the order I went in. If there is any questions that you have that may not be spelled out in the documents let me know. We did a gallery walk at the end and students graded each others work, left post-its on the computers with suggestions and accolades. Then students handed into me a snap shot of their HTML page(s) and also the code file (txt)… so I could keep it on record for samples next year and it was an easy way for me to look up codes on CSS and what they did to create things for those that have been working on computers a lot long than me
Unit 3-basic HTML first print out
HTML #3 picture insert
Intro page for final project #3
first page add on’s
I am going to work on the lesson Day 14-HTML &CSS Create Your Own Web Page.
Day 14- HTML and CSS: Create Your Own Webpage
Here is my lesson for days 15-16
I combined CSS into multiple days since I am not as familiar with it and needed extra practice myself. I made it very clear to my students that we were learning CSS together. Some students were frustrated because they wanted an Expert to just answer their questions and solve their problems and move on. When they got stuck, I used that as an opportunity to remind them of the problem solving process. They began using the web to find answers to their issues more and started relying on me less. I explained to them that this is what real programmers do as well when they are stuck; they look at sample code and try to figure out their problem. Since I had my students coding their webpages in WordPad, they received excellent practice creating and managing a separate CSS document. A colleague of mine introduced me to Editey (http://www.editey.com/) and this has made life much easier for me and my students since you can A.) Use Google Docs to write HTML B.) see your changes in a preview pane AND see your CSS and JS and HTML together in one place. C) Makes it super easy to publish their work to the web, essentially it turns Google Drive into a Web Server. The URL’s it generates are gross and super long, but you can teach them to fix that with tiny url.
Great connection to Unit 2! As students realize they have the tools for learning, they will be more independent and take more academic risks. This will transfer to other units in ECS and other content areas.