Business & Technology Department Unit Plan for Course Name Unit 4 Title: Web Design using Web Page Design Software Unit Length: 10 weeks Date Create: Spring 2010 Goals/Standards/Benchmarks: NETS-S 1: Creativity and Innovation Students demonstrate creative thinking, construct knowledge, and develop innovative products and processes using technology. Students: a. apply existing knowledge to generate new ideas, products, or processes. b. create original works as a means of personal or group expression. 2: Communication and Collaboration Students use digital media and environments to communicate and work collaboratively, including at a distance, to support individual learning and contribute to the learning of others. Students: a. interact, collaborate, and publish with peers, experts, or others employing a variety of digital environments and media. b. communicate information and ideas effectively to multiple audiences using a variety of media and formats. d. contribute to project teams to produce original works or solve problems. 3: Research and Information Fluency Students apply digital tools to gather, evaluate, and use information. Students: b. locate, organize, analyze, evaluate, synthesize, and ethically use information from a variety of sources and media. c. evaluate and select information sources and digital tools based on the appropriateness to specific tasks. 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: a. identify and define authentic problems and significant questions for investigation. b. plan and manage activities to develop a solution or complete a project. c. collect and analyze data to identify solutions and/or make informed decisions. d. use multiple processes and diverse perspectives to explore alternative solutions. 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 CREATIVITY AND INNOVATION SKILLS Demonstrating originality and inventiveness in work Developing, implementing and communicating new ideas to others Being open and responsive to new and diverse perspectives Acting on creative ideas to make a tangible and useful contribution to the domain in which the innovation occurs CRITICAL THINKING AND PROBLEM-SOLVING SKILLS Exercising sound reasoning in understanding Making complex choices and decisions Understanding the interconnections among systems 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 Demonstrating ability to work effectively with diverse teams Exercising flexibility and willingness to be helpful in making necessary compromises to accomplish a common goal Assuming shared responsibility for collaborative work 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 Possessing a fundamental understanding of the ethical/legal issues surrounding the access and use of information MEDIA LITERACY Understanding how media messages are constructed, for what purposes, and using which tools, characteristics, and conventions. Examining how individuals interpret messages differently, how values and points of view are included or excluded, and how media can influence beliefs and behaviors. Possessing a fundamental understanding of the ethical/legal issues surrounding the access and use of information 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:?? Unit Overview Unit Components: Stage 1: Desired Results UNDERSTANDINGS ESSENTIAL QUESTIONS Vocabulary : Key terminology Creating a Web Page in Design Mode Adding Web Pages, Links, and Images Screen Resolution Workspace Design, Code, Split View Title Bar Panel Groups Insert Bar Property Inspector Tag Selector Menu Bar Document toolbar Background Image Files Panel Formatting Absolute link Animation Banner JPEG Logos Named Anchor Heading Styles Page Properties Color Picker Eyedropper Path Assets panel Index page Bitmap Buttons Canvas Cropping Email Link Export GIF PNG Relative link Rollover Image Standard Toolbar Site Home Page Image Map Invisible Element Marker Transparency Vector Remote/Local Site Root Folder Site Definition Site Map Target Transform Rule of Thirds Page Layout Behaviors Border Cascading Style Sheets (CSS) Cellpadding Cellspacing DIV Form/ Editable Region List/Menu/Jump Menu Page Layout Radio Group/Radio Button/Checkbox Reset Button Publish a Web Site Accessibility Audience Client Standard mode Submit Button Text Field Site Map Splash Page Storyboard Company-Centered Customer-Centered Designer Heuristic Evaluation Homepage Hypertext Iterative Design Navigation Pattern WYSIWYG Knowledge and Skills: Student “I Can Statements” Assessment/Evidence Explore modern web design/development software and concepts (Dreamweaver or Expressions) Describe and identify its key features of the web page design software program Develop technical skills using Expression Web Identify the components of the web page design software windows and workspaces. Format and modify text elements on a Web Page Insert, resize, and align images within a Web Page Understand and plan page layout Modify a table structure Create a form and use the attributes to give it a professional look Explain the concept of AP elements Create a navigation bar and image map Identify concepts, properties, tools, and panels related to the infrastructure of creating a webpage Identify ways to enhance web pages by formatting images to increase visual effect. Identify the correct method to link corresponding document, media, external site, or a place within the same document Navigate to locate appropriate commands to enhance web pages Add interaction with a web page user by utilizing form features in the web page design software program Stage 2: Assessment Evidence Selected Response--Multiple choice quizzes and tests Selected Response--Multiple choice quizzes and tests Product—completed web pages Process--discussion Selected Response--Multiple choice quizzes and tests Product—completed web pages Process--discussion Process—Observations Selected Response--Multiple choice quizzes and tests Performance—Design/organize a website Selected Response—Quessing Quiz Product—completed web pages Process--discussion Performance—Design/organize a website Selected Response—Quessing Quiz Product—completed web pages Process--discussion Performance—Design/organize a website Product—completed web pages Process--discussion Performance—Design/organize a website Performance—Design/organize a website Process-Observations Performance—Design/organize a website Selected Response—Quessing Quiz Selected Response--Multiple choice quizzes and tests Product—completed web pages Process--discussion Selected Response--Multiple choice quizzes and tests Product—completed web pages Process--discussion Selected Response--Multiple choice quizzes and tests Product—completed web pages Process--discussion Selected Response--Multiple choice quizzes and tests Product—completed web pages Process--discussion Selected Response--Multiple choice quizzes and tests Product—completed web pages Process--discussion List point values for each assignments here… Assessment Parks ch1 Lawns ch1 Candles ch1 Parks ch2 Usability User Workflow Suggested Points 5 10 10 5 Category/Weight Production Production Production Production Lawns ch2 Candles ch2 Parks Ch3 Lawns Ch3 Candles ch3 Parks Ch5 Lawns Ch5 Candles ch5 Parks ch6 Lawns ch6 Candles ch6 Quessing Quiz Client Final Project DW Unit Test 10 10 5 10 10 5 10 10 5 10 10 30 100 60 Production Production Production Production Production Production Production Production Production Production Production Quiz Production 5 points each=100 Test points Performace Task Summary Parks Ch 1-6 Lawns Ch 1-6 Candles Ch 1-6 Quessing Quiz Client Project DW Unit Test Quessing Quiz Rubric Titles Client Project Rubric Self-Assessment Stage 3: Learning Activities Other Evidence, Summarized