Griffith, Cary, NC, USA, Homeschool Group ![]() The HTML project is clear and we are having fun working on the website. They were all engaged and tried every activity that was available. Because of the detailed instructions, all my students had great success at building a webpage. Parsons, Orlando, FL, USA, Arbor Ridge School It has been a staple of my 7th grade curriculum and I and the students love it. I have been using your HTML5 for several years to teach students how to write code. Submit Your Site to a Search Engine: Increase the chances of search engines finding the web page.Create a Table: Organize information using HTML to make rows and columns.Add Animated Text and Images: Create animated text.Create a Class: Set unique style attributes for pictures and text.Format Hyperlink Style: Set CSS attributes.Add a Background Image: Use a picture as a background for the web page.Format Lists: Use tag pairs and CSS to make bulleted and numbered lists.Analyzing Websites: View three sample web pages and answer questions.Optional Coding for Beginners Activities for Middle and High School Students View meta tags in source code.Īssignment 15 Add Meta Tags to a Web Page Scan search engine results using keywords. Link to additional information using text and image hyperlinks. Format picture style, float, and margins using CSS. (Optional)Īssignment 12 Add Images and Format the StyleĪdd images to the web page. Gather information, pictures, and websites.Ĭode using HTML tags to add a title, heading, body, and horizontal rule.Īssignment 10 Format the Web Page Using CSSĪssign attributes to each element of the web page to set the style.Īdjust the file name, file type, and size of images. Modify the attributes of a web page to discover how CSS creates a consistent design.Ĭomplete an organizer to plan a web page. Modify the tags.Īssignment 7 Edit the Style of an HTML Document Decode the meaning of tags.Īnalyze a sample web page using an HTML Text Editor. Gain a basic understanding of HTML and its importance in the world today. Learn why the World Wide Web was invented. Raise awareness of inventions that shaped the Internet. The HTML lessons for beginners are designed to spark an interest in programming. By the end of this project, your students should feel confident in their ability to add HTML elements and set CSS attributes – not frustrated. For this reason, we have kept things simple. We want your students to like writing code. The activities introduce basic tags and attributes only. Assessment tools include a marking sheet and skill summary checklist.Įxtension activities show students how to format lists, add a background image, change the appearance of links, create a class, add animated text and gifs, code a table, and more! Sample web pages, templates, and HTML and CSS reference sheets support learning. This technology project includes a version for desktop HTML text editors such as Notepad or Code Writer as well as a version for Chromebook users that use a web-based text editor such as Caret or Editey.ĭigital Teacher Guide and Student Workbook with step-by-step instructions may be printed or used in PDF format. Incite curiosity in computer science and coding. This fun and motivating programming project can hook student interest in powerful skills for the workplace of tomorrow. Integrate technology using project-based instruction. ![]() Students style text, images, and links to construct a page on a topic of their choice. HTML lesson plans make coding for beginners fun.ĭesigned especially for middle and high school, lessons explain how to build a web page using HTML and CSS. 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. Throughout the design process, instructions explain how to style text, graphics, and hyperlinks to produce an informative web page. Construct a simple web page using HTML and CSS.
0 Comments
Leave a Reply. |