BERKELEY HEIGHTS PUBLIC SCHOOLS BERKELEY HEIGHTS, NEW JERSEY GOVERNOR LIVINGSTON HIGH SCHOOL IA/TECHNOLOGY DEPARTMENT WEB DESIGN #PAS0030 Curriculum Guide September 2012 Mrs. Judith Rattner, Superintendent Mrs. Patricia Qualshie, Assistant Superintendent Dr. Mary Ann Kjetsaa, District Supervisor Developed by: Geralyn Mohr This curriculum may be modified through varying techniques, strategies, and materials, as per an individual student s Individualized Educational Plan (IEP) Approved by the Berkeley Heights Board of Education at the regular meeting held on 11/15/12.
TABLE OF CONTENTS Page Vision Statement... 1 Mission Statement... 2 Course Proficiencies... 3 Course Objectives... 3 Student Proficiencies... 4 Methods of Evaluation... 5 Course Outline/Student Objectives... 6 New Jersey Core Curriculum Content Standards Code Sheet... 8 Suggested Materials... 9 Resources for Students... 9 Resources for Teacher... 9
VISION STATEMENT Pencils and books are not enough in today s classrooms. Educators face the challenge of finding creative ways to keep students engaged, through inventive uses of technology that make learning not feel like learning. Adobe s Creative Suite Dreamweaver software package offers education solutions that combine industry- standard technology with standards- aligned curriculums, certification programs to validate skills, and professional- level training. An active online community provides additional support through forums, blogs, and more. Student learning is greatly facilitated by integrating the right technology into the educational experience. Students are empowered to better express themselves and showcase their knowledge. By working with technology as part of project- based curriculums, students easily develop the essential, lifelong digital communication skills they will need in virtually all their academic and professional pursuits. 1
MISSION STATEMENT The Web Design course is based on Adobe Dreamweaver CS3 software, the industry- leading Web authoring program. The Creative Suite software package delivers powerful, industry standard, image- editing tools for students and designers who want to produce sophisticated graphics for the Web and for print. In Web Design, students will learn how to create and manage Websites, build rich interactive interfaces, incorporate graphics, text, video and much more! This course will also provide opportunities for students to integrate Adobe Illustrator and Adobe Photoshop software, to create digital imaging projects: That develops a perceptual awareness and discrimination, which fosters an appreciation of our environment, thereby contributing to the quality of life Which furthers the development of self- esteem and self- image, where conformity is non- essential and individuality is encouraged To identify historical, social, and cultural influences and traditions, which generated artistic accomplishment throughout the ages and which continue to shape contemporary arts To expose students to other cultures past and present That addresses individual student growth Which develops manipulative and technical skills in the area of graphic design Where concepts can be integrated with other learning experiences To identify and solve problems in visual and technology areas That promotes confidence, enthusiasm, and a sense of achievement in the practice of art, design, and technology. Web Design is a one semester offering open to all 9-12 grade students and earn 2.5 credits towards graduation. It integrates standards from other disciplines, as well as addressing the New Jersey Core Curriculum Content Standards for the Visual and Performing Arts, 21 st Century Life and Careers, and Technology Literacy. The New Jersey Core Curriculum Content Standards can be accessed at www.state.nj.us 2
COURSE PROFICIENCIES COURSE OBJECTIVES 1. To utilize prior knowledge and skills that strengthens and heightens aesthetic awareness in the visual arts. (D1-2; A1-2; D1-5; 8.1/12B1-4, D1-4; A1-3, F1-4; 9.2/12A1-5) 2. To evaluate works of art based on aesthetic principles and artistic elements, using higher- order thinking skills. (D1-2; D1-5; 1.4/12A1-4; 9.2/12A1-5) 3. To apply prior knowledge of the elements, media, and unique qualities that encompasses the visual arts. (D1-2; D1-5; 1.4/12A1-4; 9.2/12A1-5) 4. To demonstrate self- awareness, creative- thinking, confidence, self- discipline, collaboration, and risk- taking. (D1-2; D1-5; 1.4/12A1-4; 8.1/12D1-4; 9.2/12A1-5) 5. To practice critical- thinking skills through observation, description, analysis, interpretation, and evaluation of the artistic content and form in the visual arts. (D1-2; 1.4/12A1-4; 9.2/12A1-5) 6. To demonstrate an acceptance of constructive criticism and the ability for ongoing self- evaluation. (D1-2; 1.4/12A1-4; 8.1/12D1-4; 9.2/12A,B,C,D) 7. To demonstrate an awareness and understanding of technology- related careers, leisure activities, and personal life skills. (D1-2; 1.4/12A1-4; 8.1/12D1-4; A1-3 F1-4; 9.2/12A1-5) 8. To understand the academic importance of graphic design and its potential for inter- disciplinary relationships within the curriculum. (D1-2; 1.4/12A1-4; A1-4, F1-4; 9.2/12A1-5) 9. To identify historical, social, and cultural influences and traditions that generated artistic accomplishment, throughout the ages, and which continue to shape contemporary art/media. (D1-2; 1.4/12A1-4; 8.1/12D1-4; A1-4, F1-4) 10. To practice skills for the safe use of art materials and technology. (D1-2; A1-2; D1-5; 8.1/12D1-4; 9.2/12A1-5) 3
STUDENT PROFICIENCIES The student will be able to: 1. Demonstrate skills in the operation of computer hardware and graphic software. 2. Demonstrate an aesthetic awareness of the graphic design field and uses of this medium of expression to create art. 3. Practice and demonstrate self- discipline and analytical skills, as well as familiarity with the critique process. 4. Navigate through graphics design software, utilizing program tools and features. 5. Examine and identify various art careers in the field of technology. 6. Demonstrate further development of skills learned in art, computer science, web design, and photography through individual and collaborative work. 7. Develop a digital portfolio of work representing personal achievement associated with graphic design, developing and using the skills of critiquing during the process. 8. Understand and utilize the safe use of art materials and technology. 4
METHODS OF EVALUATION I. Production A. Craftsmanship: Evidence of skillful and appropriate use of materials. B. Understanding 1. Demonstrate understanding of elements and principles of design. 2. Rendering skills as demonstrated in such things as the ability to make recognizable imagery, balance, etc., as appropriate. C. Inventiveness: Evidence of creative ideas, strategies, or solutions to class assignments, and/or the ability to develop original projects. 1. Originality of idea. 2. Experimentation with imagery materials. 3. Risk- taking pushing beyond the limitations. 4. Divergent thinking, exploring unusual and diverse solutions to problems. D. Commitment: Ability to pursue an idea or problems. 1. Problem solving through multiple drafts and/or significant revision of work. 2. Degree of time and effort put into work. 3. Perseverance to complete work. II. Reflection A. Sense of self as an artist: The ability to articulate one s own artistic goals and working strategies. B. Critique: To assess one s strengths and limitations. The ability to articulate and defend perceived strengths and weaknesses in the work of others. C. Feedback: The ability to make use of input including the ability to incorporate new ideas or to disregard suggestions that are not relevant to his/her work. III. Perception A. To discern qualities in the work of other artists. B. Visual/sensory perception of the environment including both the natural and the human- made world. C. Cultural Awareness: Awareness of other cultures, past and present. 5
SCOPE AND SEQUENCE COURSE OUTLINE/STUDENT OBJECTIVE The student will be able to: NJ Core Curriculum Strands & Standards/ Indicators Grade 8.1/12 1.4/12 8.1/12 8.1/12 D1-2 A1-2 D1-5 D1,2 D2,3 A1-4 D1-4 A1-2 D1.2.5 D1,2,3 AD1-2 A1-2 D1,2,3,4,5 D1,2 D1-2 D1,2,4 B1,2,3 D1-2,3 Course Outline/Student Objectives I. Getting Started (1 Week) A. Setting Preferences B. Additional Resources C. Modifying the Page Title D. Selecting a CSS Starting Point E. Saving Your Page II. Customizing Your Workspace (2 Weeks) A. Using the Property Inspector B. Touring the Workspace C. Personalizing Preferences III. Applying Cascading Style Sheets (2 Weeks) A. Defining a Dreamweaver Site B. Creating a New CSS Rule C. Changing Properties IV. Working With Text (1 Week) A. Entering Headlines and Body Text B. Importing External Text C. Creating Numbered and Bulleted Lists D. Building Tables V. Designing With Images (3 Weeks) A. Preview Completed File B. Inserting an Image C. Using Background Images D. Optimizing Graphics E. Inserting Photoshop Files VI. Inserting Links (3 Weeks) A. Linking to Internal Site Pages B. Creating an External Link C. Setting- up Email Links D. Targeting Links Within a Page 6
8.1/12 D1-2,3 D1,2,4 D1-4,3 D1,2,4,5 VII. Page Layout (2 Weeks) A. Creating Layout Styled Div Elements B. Exporting CSS Styles VIII. Creating Interactive Pages (3 Weeks) A. Applying Behaviors B. Modifying Behaviors IX. Learning About Forms (3 Weeks) A. Adding a Form to a Page B. Inserting Checkboxes C. Adding a Submit Button to a Form D. Working with Lists X. Publishing To The Web (2 Weeks) A. Defining a Remote Site B. Validating Your Site 1.4/12 8.1/12 9.2/12 D1,2,3,4 D1-4 A1-4 F1,2,3,4 A1-5 XI. Use Evaluation And Reflection To Grow As An Artist (Throughout The Course) A. Have a Sense of Self as an Artist B. Have the Ability to Self Critique C. Ability to Participate in a Class Critique D. Identify Career Opportunities in Graphic Design E. Ethical Behavior and Work Ethic Note: The New Jersey Core Curriculum Content Standards can be accessed at www.state.nj.us 7
NEW JERSEY CORE CURRICULUM CONTENT STANDARDS CODE SHEET Standards: 1. Visual and Performing Arts 2. Comprehensive Health & Physical Ed. 3. Language Arts Literacy 4. Mathematics 5. Science 6. Social Studies 7. World Languages 8. Technology 9. 21 st Century Life and Careers Strands: A, B, C, D CPI (Cumulative Progress Indicators): 1, 2, 3, 4, 5, etc. Sample: From the Visual and Performing Arts Core Curriculum Content Standards First Standard, then Grade level, then Strand, and last CPI #s 1.1/5,4* *World Language standard substitutes proficiency levels based on ACTFL guidelines for grade level. 8
SUGGESTED MATERIALS Resources for Students Adobe Dreamweaver CS3 Professional Adobe s Classroom in a Book LearnDreamweaver.com Youtube.com Lydia.com Resources for Teacher Adobe Dreamweaver CS3 Professional Adobe s Classroom in a Book LearnDreamweaver.com Youtube.com Lydia.com 9