HTML
advertisement
Business & Technology Department Unit Plan for Course Name Unit 2 Title: HTML Goals/Standards/Benchmarks: Unit Length: 4 weeks Date Create: Spring 2011 NETS National Education Technology Standards for Students 4: Critical Thinking, Problem Solving, and Decision Making Students use critical thinking skills to plan and conduct research, manage projects, solve problems, and make informed decisions using appropriate digital tools and resources. Students: (c) collect and analyze data to identify solutions and/or make informed decisions. 6: Technology Operations and Concepts Students demonstrate a sound understanding of technology concepts, systems, and operations. Students: (a) understand and use technology systems. (b) select and use applications effectively and productively. (c) troubleshoot systems and applications (d) transfer current knowledge to learning of new technologies. 21st Century Skills LEARNING AND INNOVATION SKILLS Communication and Collaboration Skills Articulating thoughts and ideas clearly and effectively through speaking and writing Critical Thinking and Problem Solving Skills Understanding the interconnections among systems Identifying and asking significant questions that clarify various points of view and lead to better solutions Framing, analyzing and synthesizing information in order to solve problems and answer questions Communication and Collaboration Skills Articulating thoughts and ideas clearly and effectively through speaking and writing INFORMATION, MEDIA AND TECHNOLOGY SKILLS Information Literacy Accessing information efficiently and effectively, evaluating information critically and competently and using information accurately and creatively for the issue or problem at hand Media Literacy Understanding how media messages are constructed, for what purposes and using which tools, characteristics and conventions. ICT Literacy Using digital technology, communication tools and/or networks appropriately to access, manage, integrate, evaluate, and create information in order to function in a knowledge economy Using technology as a tool to research, organize, evaluate and communicate information, and the possession of a fundamental understanding of the ethical/legal issues surrounding the access and use of information Illinois State Standards: 3.A.5. Produce grammatically correct documents using standard manuscript specifications for a variety of purposes and audiences. 3.B.5 Using contemporary technology, produce documents of publication quality for specific purposes and audience; exhibit clarity of focus, logic of organization, appropriate elaboration and support and overall coherence. 5.A.4.b. Design and present a project (e.g., research report, scientific study, career/higher education opportunities) using various format from multiple sources. 25.A.5. Analyze and evaluate student and professional works for how aesthetic qualities are used to convey intent, expressive ideas and/ or meaning. 27.B.5. Common for all four arts: Create and perform a complex work of art using a variety of techniques, technologies and resources and independent decision-making. Unit Overview Unit Components: Stage 1: Desired Results UNDERSTANDINGS HTML coding is the foundation of all web pages. The combination of HTML tags and text allows a web designer to format a web page using a variety of fonts, formats, colors, images, layouts, links, and design elements. ESSENTIAL QUESTIONS How can the design and format of a webpage contribute to the overall professionalism and readability of a website? How has the ability to create a website changed the business and internet world? Vocabulary : Key terminology HTML Tags <HTML> <HEAD> <TITLE> metatags <BR> <BR CLEAR> <P> <FONT> Size Color Face <H1>-<H6> <BODY> BGCOLOR Background Text Link/Vlink/Alink <A HREF=> <A NAME> # (internal link) <HR> Width Color Size <Blockquote> <OL> <UL> <LI> <DT> <DL> <CENTER> <RIGHT> <LEFT> Pixels Percent Case Sensitive Hypertext Source/code Knowledge and Skills: Student “I Can Statements” <IMG SRC> Align Width Height Hspace Vspace Border <B> <I> <U> <TT> <TABLE> TR TD TH <Caption> Border Align CellPadding CellSpacing Colspan RowSpan BGColor Attributes (to) Code Color Chart CSS Element Format HTML Hexadecimal RGB Render Source code Tags W3C Web page Web site White space Assessment/Evidence Choose the correct HTML tags to design and format a webpage Selected Response--Multiple choice quizzes and tests Product—completed html practices Process--discussion Create a website free of spelling and grammatical errors Product—completed Internet search project Apply attributes to tags in order to enhance the design of a Product—completed html practices website Process--discussion Use problem solving skills to correct the code in HTML Selected Response--Multiple choice quizzes and tests Product—completed html practices Process--discussion Create a website which is easy to read and visually appealing Product—completed html practices Process--discussion Identify and explain terminology used in HTML Selected Response--Multiple choice quizzes and tests Product—completed html practices Process--discussion Identify and construct HTML code to format text on a web page Selected Response--Multiple choice quizzes and tests Product—completed html practices Process--discussion Identify and construct HTML code to format images on a web Selected Response--Multiple choice quizzes and tests page Product—completed html practices Process--discussion Identify and construct HTML code to design and organize information on a web page Identify and construct HTML code to add functionality to a web page I can create, modify, and apply the style of a web page with CSS Selected Response--Multiple choice quizzes and tests Product—completed html practices Process--discussion Selected Response--Multiple choice quizzes and tests Product—completed html practices Selected Response--Multiple choice quizzes and tests Product—completed html practices Process--discussion Stage 2: Assessment Evidence Assessment HTML 1– <HTML>,< HEAD>,< TITLE>, <BODY>,< P> HTML 2 & HTML 3--<H1> <H6>, <CENTER>, <BR> HTML 4--<I>,<B>,<U>,<FONT SIZE=> HTML 5--<UL>,<LI>,<OL> HTML 6--<FONT COLOR>,<BODY BGCOLOR>,<HR> HTML 7 & Links--<A HREF=> HTML 8--<A NAME =>,<A HREF=#>,<BLOCKQUOTE>, HTML 9--<DL>,<DT>,<DD>, HTML 10 &11--<IMG SRC> and attributes HTML 12, 13, & 14--<TABLE>,<TR>,<TH>,<TD> and attributes Music Table HTMl Unit Test HTML Quiz 1 HTML Quiz 2 HTML Final Project Suggested Points 10 each 10 each 10 each 10 each 10 each 10 each 10 each 10 each 10 each 10 each 15 each 80 each 30 each 30 each 100 each Category/Weight Production Production Production Production Production Production Production Production Production Production Production Test Quiz Quiz Production Performace Task Summary Whole class demonstration HTML Practices HTML Quizes Unit Test Final Project Rubric Titles Final HTML Project Rubric Self-Assessment Other Evidence, Summarized HTML Practices Production Quizes Teacher graded assignments returned for students to correct Stage 3: Learning Activities (varies) Day 1 Day 2 Day 3 Day 4 Day 5 Day 6 Day 7 Day 8 Day 9 Day 10 Day 11 Day 12 Day 13 Day 14 Day 15 Day 16 Day 17 Day 18 Day 19 Day 20 Basic HTML format, HTML, Head, Title I, B, U, Font size UL, LI, OL Font color, BGcolor, HR, A Href A Name, Blockquote DL, DT, DD Linking IMG src Tables Tables Tables Tables HTML Project HTML Project HTML Final Project HTML Final Project HTML Final Project HTML Final Project HTML Final Project HTML Final Project
