Project Includes
- Teacher Guide
- Student Workbook
- Customizable Resources
- Assessment Tools
- Extension Activities
- Sample Files
- Templates
- Parent Letters
- Certificates
TechnoHTML 1
Item Number: INT-HTML 1
Technology Integration: Language Arts
Technology Skill: Internet, Programming
Program: Notepad, Internet Explorer
Includes: HTML Lessons for Beginners: Teacher Guide, Printable Student Workbook, Paperless Worksheets, Review Questions, Extension Activities, TechnoHTML Parent Letter, TechnoHTML Certificate, Summary of Skills Checklist, TechnoHTML Marking Sheet, HTML and CSS Reference Sheet, Sample Web Pages, HTML Editing Template, CSS Editing Template, Mountain Biking Web Page Template, Avalanche Template, Environment Web Page Template, Baseball Template
Session 1: Seeking the Source
Study web page source code to gain an understanding of HTML.
Session 2: Cracking the Code
Edit a web page to learn about HTML tags and CSS attributes. Plan a web page.
Session 3: Begin Web Page Building
Add a title, headings, several paragraphs, and a horizontal rule. Format each element using CSS.
Session 4: Add Images and Hyperlinks
Write code to include pictures and hyperlinks.
Session 5: Meta Tags
Insert description and keyword meta tags. Use a checklist to review the web page.
Session 6: Upload the Web Page
Upload and share web pages.
Optional HTML and CSS Lessons for Middle and High School
- Avalanche: Practice coding skills.
- Format Hyperlinks: Style hyperlink states.
- Create a Class: Learn advanced CSS.
- Add a Background Image: Improve your web page.
- Add Animation: Add animated text or images.
- Create a Table: Design a table with HTML.
Design Web Pages using HTML and CSS Activities - Programming for Kids
Introduce programming skills using HTML lessons for beginners. Select a topic related to a language arts, science, social studies, geography, or history unit to complete a cross-curricular project.
- Identify topic, purpose, and audience for a web page
- View the source code of a web page
- Decode the meaning of HTML and CSS tags
- Plan and organize web page ideas
- Create a web page using HTML and style it with CSS
- Set attributes for the body, text, and graphics
- Insert an image and position it using CSS
- Add a hyperlink to text or a picture using HTML
- Add meta tags for keywords and description
- Create lists, picture background, classes, or tables
TechnoHTML5 has been working out well. Students are grasping the idea of how to make a webpage. I really like the step by step directions as well as the given assessments.
N. Mulligan,
Customer Reviews
Construct a simple web page using HTML and CSS. Throughout the design process instructions explain how to style text, graphics, and hyperlinks to produce an informative web page. For those in need of an extra challenge, extension activities encourage students to create a list, apply a picture background, customize hyperlinks, employ CSS classes, insert animated text or images, and build tables.
TechnoHTML5 has been working out well. Students are grasping the idea of how to make a webpage. I really like the step by step directions as well as the given assessments.
N. Mulligan,