Web Media TEC 171 Fall 2014 Instructor: Mr. Frank Radostits Email: fradostits@d125.org Phone: 847.415.4162 Office: 1410 Free Periods: 3 & 6 COURSE DESCRIPTION Web Media is an introductory experience in website design using project based coursework. Students will develop the technical and creative skills needed to plan, create, and publish interactive web pages. Instruction will include the creation and manipulation of text, graphics, animations, and interactive content through the use of HTML, CSS, JavaScript, Photoshop, Dreamweaver, and Flash. COURSE STANDARDS AND OBJECTIVES Upon the completion of this course, students will be able to: 1. Technical a. I can code a web page using HTML. b. I can write CSS to style HTML web pages. c. I can use CSS positioning to layout a web page. 2. Design a. I can create and edit images in Photoshop. b. I can create an animation for a web page. c. I can implement the principles of design in a web page design. 3. Development a. I can create a web page using Dreamweaver. b. I can create a website using Muse. c. I can use the design process to create websites. 4. Professionalism a. I conduct myself in a professional manner in class. b. I can manage web files. SPECIFIC COURSE ACTIVITIES 1. Participate in class learning activities. 2. Become a productive member of workgroups. 3. Complete assigned projects. 4. Refine assignments and projects until satisfactory.
EVALUATION At the end of the semester each student s final grade will be a composite ranking in each of the course standards. The teacher will use the double majority matrix to make a professional decision based on evidence for the final grade of each standard: Standards Grading Matrix Exceeding EM, M AM, EM AM, M SD, EM EM, AM M, AM AM, SD SD, M M, EM EM, SD M, SD SD, AM The composite rankings and following course mastery grade calculation rules will be used to determine the student s semester grade: (Note: rankings of EM and SD are used to determine + or - within each grade level). A B C D F in 4 standards in 3 standards in 2 standards in 1 standard or in 3 standards in 0 standards ATTENDANCE/TARDY POLICY You are tardy if you are not in the classroom when your tardy bell rings. The tardy policy in the student guidebook will be followed. If you are absent from class, it is your responsibility to see me and make arrangements to complete the work in a timely fashion. It is important to realize that you will probably have to spend additional time outside of your normal class time to make up missing work. You will have the number of days you were absent plus one additional day to complete any missed assignments for full credit. Late work may, at my discretion, be given partial credit depending on the assignment and the degree of lateness. MISCELLENEOUS 1. There is no eating or open food in the classroom or lab without the expressed permission of the teacher. Food may be confiscated and discarded at the discretion of the teacher. 2. Use of portable entertainment equipment (MP3 player, phone, gaming devices, etc.) is not allowed in the classroom/lab without teacher permission. 3. Student computer equipment is for educational and instructional use only.
At the end of the semester each student s final grade will be a composite ranking in each of the course standards. The teacher will use the double majority matrix to make a professional decision based on evidence for the final grade of each standard: Standards Grading Matrix Exceeding EM, M AM, EM AM, M SD, EM EM, AM M, AM AM, SD SD, M M, EM EM, SD M, SD SD, AM The composite rankings and following course mastery grade calculation rules will be used to determine the student s semester grade: (Note: rankings of EM and SD are used to determine + or - within each grade level). A B C D F in 4 standards in 3 standards in 2 standards in 1 standard or in 3 standards in 0 standards 1: Technical 1.1: I can code a web page using HTML. Exceeds I can code a web page using proper HTML syntax and include advanced HTML elements and attributes. I can code a web page using proper HTML syntax and include common HTML elements and attributes. I can code a web page using common HTML elements and attributes. I can partially code a web page using HTML. 1.2: I can write CSS to style HTML web pages. Exceeds I can use proper syntax to write advanced CSS rules using HTML, ID, class, and compound selectors. I can use proper syntax to write CSS rules using HTML, ID, and class selectors. I can use proper syntax to write CSS rules using HTML and ID selectors. I can write CSS rules using HTML selectors. 1.3: I can use CSS positioning to layout a web page. Exceeds I can use CSS positioning to place the elements and content of a web page into a complex web layout. I can use CSS positioning to place the elements and content of a web page into a common web layout. I can use CSS positioning to place the elements and content of a web page. I can use HTML tables to place the elements and contents of a web page.
2: Design 2.1: I can create and edit images in Photoshop. Exceeds I can design, create, and edit 2D visual elements for a web page that are properly composed, sized, and exported. In addition, these elements have a consistent theme and style, are visually appealing, and appropriate for the target audience of the web page. I can design, create, and edit visual elements for a web page using Photoshop that are properly composed, sized, and exported for the web. I can design, create, and edit 2D visual elements for a web page. With significant guidance, I can design, create, and edit 2D visual elements for a web page. 2.2: I can create an animation for a web page. Exceeding I can create HTML and CSS based animations for web pages that enhance the user s experience and show realistic motion using the principles of animation. I can create HTML and CSS based animations for web pages that enhance the user s experience. I can create HTML and CSS based animations for web pages. With significant guidance, I can create HTML and CSS based animations for web pages. 2.3: I can implement the principles of design in a web page design. Exceeds I can implement the principles of design into an aesthetically pleasing and functional website layout that resembles the work of a professionally designed website. I can implement the principles of design into an aesthetically pleasing and functional website layout. 3 Development 3:1 I can create a web page using Dreamweaver. Exceeds I can implement some of the principles of design into a functional website layout. I can implement a few of the principles of design into a website layout. I can create a web page using Dreamweaver by inserting and configuring advanced HTML elements. I can create a web page using Dreamweaver by inserting and configuring common HTML elements. I can create a web page using Dreamweaver by inserting and configuring some common HTML elements. I can create a partial web page using Dreamweaver by inserting and configuring some common HTML elements.
3:2 I can create a website using Muse. Exceeds I can create HTML-based websites using Muse to set up web pages, populate them with formatted graphics and text, create dynamic menus, add special features, and create a rich interactive user experience. In addition, I can create an alternate layout for display on mobile devices that maximizes user experiences. I can create HTMLbased websites using Muse to set up web pages, populate them with formatted graphics and text, create dynamic menus, and add special features. In addition, I can create an alternate layout for display on mobile devices. I can create HTMLbased websites using Muse to set up web pages, populate them with text and graphics, and create menus. With significant guidance, I can create HTML-based websites using Muse to set up web pages, populate them with text and graphics, and create menus. 3:3 I can use the design process to create websites. Exceeding I can use the design process to create a website that is visually appropriate for my target audience, clearly communicates the message of the site and is organized in a user friendly format and has been tested and evaluated by end users. I can use the design process to create a website that is visually appropriate for my target audience, clearly communicates the message of the site and is organized in a user friendly format. I can use the design process to create a website that is visually appropriate for my target audience and communicates the message of the site. Still Developing I can use portions of the design process to create a website. 4: Professionalism 4.1: I conduct myself in a professional manner in class. Exceeds I consistently use time submit work with school appropriate content, submit work on time, demonstrate appropriate classroom conduct, and demonstrate appropriate collaboration skills. In addition, I serve as a classroom leader and help my classmates develop their skills. I consistently use time submit work with school appropriate content, submit work on time, demonstrate appropriate classroom conduct, and demonstrate appropriate collaboration skills. I mostly use time submit work with school appropriate content, submit work on time, demonstrate appropriate classroom conduct, and demonstrate appropriate collaboration skills. I occasionally use time submit work with school appropriate content, submit work on time, demonstrate appropriate classroom conduct, and demonstrate appropriate collaboration skills.
4.2: I can manage web files. Exceeds I can consistently manage web files by creating an intuitive naming scheme using proper naming conventions, using correct file extensions, maintaining links, using external CSS and script files, and keeping an organized file structure. I can consistently manage web files using proper naming conventions, using correct file extensions, maintaining links, and keeping an organized file structure. I can manage web files using some proper naming conventions, using correct file extensions, maintaining links. Still Developing I can create and save files and can establish links. Course Outline for Web Development 1: Fundamentals HTML (3 weeks) Design Process Design Principles (adobe presentation) (1 week) Grid Systems Photoshop (3 weeks) CSS (3 weeks) Muse (3 weeks) Responsive Web Design Mobile Edge (3 weeks)