Course Description
In this semester course students will study and apply the digital language of the Internet to create and program their own Web pages and Web sites using HTML and basic JAVA. Students will explore the primary codes used in the creation and management of Internet content. This content is comprised of page design layouts, and linking images, videos, and other data to source code. The purposes and functions of the media we all use on a daily basis will be rationalized and studied. And, upon successful completion of this course, students will be able to use Adobe Dreamweaver and Adobe Photoshop software as tools to create a functional Web site of their own design, and test, troubleshoot, and maintain the site.
Course Outcomes
Students will be expected to • Construct a series of individual web pages using HTML data • Use Adobe Photoshop software as a digital tool to prep graphics • Produce a web site of multiple, linked pages with a theme • Participate in a joint research project from an Internet source • Create a dynamic, interactive web site with motion graphics.
Course Content
Unit One: Cyberspace
• History of the Internet
• Media in Our Culture
• The Purpose of a Web Site
• Focus on the User
• Domains and Servers
Unit Two: Basic HTML Design
• Basic HTML Codes and How They Function
• Managing Site Content and Directory Structure
• Using Hyperlinks and Hexadecimal Colors
• Effective Page Layouts and Navigation
• Using Tables and Cells for Layouts
Unit Three: Creating Dynamic Web Sites
• Layers, Frames, and Embedding Media
• Using Photoshop Software to Prep Graphics
• Behaviors, Hot Spots, and Rollovers
• Accessibility Issues and Troubleshooting
• Sources for Expanding Coding Options
________________________________________
SEMESTER 2
WEEKS 1 and 2
Jan. 30 - Feb. 10, 2012
Objectives: Students will be able to create a personal web page using HTML code, including hyperlinks, tables, basic tags, and various attributes. Procedures: Step 1 - Read the provided literature and define the following vocabulary terms as they relate to digital environments and web site design: incunabula, typeface, tracking, leading, kerning, proof sheet, procedural, participatory, spatial, encyclopedic, interactive, immersive, engine, static, dynamic, behaviors, navigation, information architecture, hypertext, cyberspace, element, tag, group, attribute, hyperlink. Submit your definitions via e-mail to Mr. DeVito. Step 2 - Type the following information in an e-mail to Mr. DeVito: your name, your personal e-mail address, a brief bio (this could include your interests, why you are taking this class, or a description of your aspirations), a list of your favorite links (a minimum of 5), with the following written for each link: description of the page or site, who you think is the intended audience, whether you feel that the designer did a good job, and why you think everyone in the class should check it out. Step 3 - Using the Adobe Dreamweaver "split" view, write the HTML code for your personal web page in the code window. Paste all of your information into the code from "Step 2". Materials: Sketchbook, USB flash drive, folder for handouts. Assessment: Each section is worth five points for a total of twenty. Criteria 1: (Procedures) Followed directions for the project accurately. Criteria 2: (Effort) Took the necessary time to develop and complete the project without rushing to get it done. Criteria 3: (Craftsmanship) Demonstrated skillful use of HTML programming and vocabulary terms. Criteria 4: (Neatness) Code is neat, organized, complete, and functional. References: http://www.w3schools.com/html
________________________________________