Unit Plan Grade level: 10 Subject: Media Arts ASM2O Teacher: Mr. J. Wilde Purpose: Web Page Design Overall Expectations: By the end of this unit, students will: Apply traditional emerging technologies, tools, techniques to produce present media art works for a variety of audiences purposes. Demonstrate an understing of the types of skills developed in media arts how they can be used outside the media arts classroom. Catholicity Discerning Believer Effective Communicator Reflective / Holistic Thinker Self-directed Learner Collaborative Contributor Caring Family Member Responsible Citizen Learning goals Students should be able to state what they are learning why they are learning it. The students are learning how to construct a web page to gain an understing of emerging technologies. In addition they are introduced to various careers in Media the Arts. Success Criteria What are the look fors that demonstrate student learning /understing 1. Consistency in design 2. Functioning of web page 3. Accurate information 4. Web site visually pleasing legible Teaching Strategies Focus Lesson/Teacher Modeling Guided Instruction Collaborative Learning Independent Work Assesment / Evaluation Observation Literacy Making Inferences Extending Understing Critical Literacy Teacher Guide (Steps) This unit should take about 15 periods Lesson 1 1. Focus Lesson/teacher modeling show examples of what makes a good web page. 2. Class discussion various careers in Media the Arts 3. In class, individual student activity Use the Internet to research a career of choice in Media or the Arts. Lesson 2 1. H out Web Page Design. Indicate table at bottom of hout Careers in Media the Arts 2. In class, individual student activity Use the Internet to complete the above table. Lesson 3 1. Focus Lesson / Teacher modeling data projector Dreamweaver How to organize folders files in web page construction. activity Dreamweaver creating a folder six pages. 3. Focus Lesson / Teacher modeling data projector- Dreamweaver How to create pages file links. 4. In class, individual student, teacher guided activity Dreamweaver creating pages linking files. Lesson 4 1. Focus Lesson / Teacher modeling data projector Dreamweaver Creating tables inserting information. Focus on alignment, font size, font style, font color 2. In class, individual student, teacher activity Dreamweaver Creating tables inserting information. Lesson 5 1. Principles elements of good design in web Specific Expectations: To use a variety of strategies to generate ides for solutions to creative challenges. To explore a variety of traditional emerging technologies, tools techniques use them to produce effective media art works. To use the critical analysis process to assess the effectiveness of media art works in communicating a message. To identify describe the skills required in careers related to media arts. Numeracy Problem Solving Data Collection & Analysis Graphing NL Representation Materials Needed: PhotoShop CS3, MS Word Other Resources: (e.g. Web, books, etc.) Internet, data projector Extension Activities: Enrichment/ Remediation Teacher Reflection To what extent did the students
Assignment/Task Quiz Test Other pages. Focus lesson / teacher modeling data projector show well designed web pages. activity Dreamweaver - Consistency of design. Lesson 6 1. Hyperlinks creating links to websites Focus lesson / teacher modeling data projector activity Dreamweaver creating links to existing web sites. Lesson 7 1. Preparing images for use in web pages. Focus lesson / teacher modeling PhotoShop CS demonstrating resizing images. Consistency in image size. 2. In class individual student, teacher guided activity re sizing images from the internet. Lesson 8 1. Creating an Internet gallery Focus lesson / teacher modeling Dreamweaver, data projector Designing tables for an internet gallery. activity using Dreamweaver to build a gallery Lesson 9 1. Interactive graphics for web pages Focus lesson / teacher modeling data projector creating rollovers using Adobe PhotoShop Dreamweaver. activity Creating rollovers adequate to web site. Lesson 10 1. Students should be completing their web sites. 2. Ask students to submit their finished web site to teacher s h in folder. 3. Individual student / teacher guided activity as students complete web site h in - test web site with each student. Check for: missing links, missing images, rollovers not working, lack of design file names, incorrect information. 4. Corrections 5. Submit web page for final evaluation. accomplish the learning expectations? List areas for improvement.
Rubrics Grade level: 10 Subject: Media Arts ASM2O Teacher: Mr. J. Wilde Student name: Purpose: Web Page Design Criteria Below Level 1 Level 1 Level 2 Level 3 Level 4 Knowledge Understing Use of computer software in step by step instruction Amount of work shows no understing of computer software used in class. The amount of work done on the web page assignment shows understing of any of the software used in this class shows understing PhotoShop CS3 MS Word. shows understing PhotoShop CS3 MS Word. shows superior, in depth understing PhotoShop CS3 MS Word. Web Page Navigation Web Page contains an index six pages No attempt was made to create pages links. an index, a few pages. an index, under six an index, six pages with an index over six pages Links between pages images pages with functional links images. functional links images. with functional links, images hot spots. Hot spots Principles Elements of Design consistency of design Thinking Inquiry Gathering information / research - Careers in Media the Arts table File Management The amount of work done shows no attempt at consistent excellent use of the principles elements of No attempt was made An attempt Table Table Table fully to complete the table. was made to completed completed completed complete the demonstrating demonstrating demonstrating table research broad research demonstrating research providing providing research providing adequate comprehensive providing a career of a career of a career of choice choice. a career of choice choice No files. Work Work Consistent Consistent accurate accurate file saved file file management. files. management. management. All files saved in proper order with clear names.
Communication Page Layout Primary secondary screen Text Layout not passable Page layout no attempt to fit information on the primary Page layout an attempt to fit most of the the primary Most of the the web site fits in the primary All of the the web site fits accurately in the primary Web Page Content Application Images Gallery Roll over Teachers comment: Use of text not passable Use of text attempt an attempt at good use of an at the good text. There is understing understing use of text. font style of the consistency, principles font style, size good use of elements of size clear Font alignment. alignment style accurate consistency, positioning of size text in cells. alignment, position of text in cells enhance the web page. No literary content. s s s has literary literary literary content literary content content has proper content. sentence proper mostly proper structure, sentence sentence grammar structure; structure, few spelling. there are a lot grammar Proper of grammar spelling introduction, spelling mistakes, a body links. errors. There is good Photography an attempt at introduction, has adequate an body captions. introduction, links. body Photography links. Some has photography appropriate has captions. captions. No image image size image size mostly consistent image sizes Roll over images reflect the subject of the web page. Consistency of image size image All images are the same resolution. Roll over images are an excellent choice for the subject of the web page. Total