Advanced Web Design and Development - Spring 2005.doc

Advanced Web Design and Development - Spring 2005.doc

• 1.
  Advanced Web Design& Development Independence Community College 2005-6 Course Syllabus Course Web Page: http://bb.indycc.edu Instructor Information: Stoney E. Gaddy  620-331-4100 x5427  FAX: 620-331-5344 E-mail: sgaddy@indycc.edu  Instructor Page: http://faculty.indycc.edu/sgaddy Course Number: CIT 2043 Credit Hours: (3) Division: Business & Technology Prerequisite: The student must have completed Web Design and Development (CIT 2013) or have permission from the instructor Course Description: This course is designed to serve the needs of individuals who are interested in learning advanced concepts and techniques in the design, development, and implementation of Web pages and applications. Students will learn advanced concepts and techniques of tables, graphics, animation, audio/video, forms, and databases. The latest in Web, graphic, and animation design software programs will be utilized. Course As Viewed in the Total Curriculum: This advanced course is designed to provide students majoring in a computer-related degree program exposure to the terminology, software applications, and practices of advanced Web design. Careers in Web design and development are growing exponentially in business and industry. The course would also serve business and industry leaders in creating and/or updating their Web presence. Depending on your major field of study, check with your transfer institutions Student Services department or catalog as to the transferability of this course. Textbook and Other Required Materials Course Textbook: The Web Warrior Guide to Web Design Technologies. Gosselin, Sklar, Slaybaugh, Guthrie, Soe, and Lopez. Thompson-Course Technology. 2003. Other Required Materials: • One CD-RW or other high capacity storage device • One (1) 1-2” 3-ring binder Recommended References: Books/Textbooks  Web Design: The Complete Reference. Thomas A. Powell. © 2000. Osborn/McGraw-Hill  Web Design Principles.  Customer-Effective Web Sites.  JavaScript: Complete Concepts and Techn. Shelly-Cashman-Dorin-Quasney. ©2000. Course Tech.  HTML: Complete Concepts and Techn. Shelly-Cashman-Dorin-Quasney. ©2000. Course Tech.  DHTML: Complete Concepts and Techn. Shelly-Cashman-Dorin-Quasney. ©2000. Course Tech.  XML: Complete Concepts and Techn. Shelly-Cashman-Dorin-Quasney. ©2000. Course Technology.
• 2.
  Web Sites Internet WorldOnline – www.iw.com International Webmasters Association - www.iwanet.org Web Techniques – www.webtechniques.com About.com: Web Design - http://webdesign.about.com/compute/webdesign Web Developer.com - www.webdeveloper.com Xdude – www.xdude.com Flash tips, tricks, examples, and links Internet Society (ISOC) – www.isoc.org Internet Architecture Board (IAB) www.iab.org World Wide Web Consortium (W3C) – www.w3.org Internet Corporation for Assigned Names and Numbers (ICANN) – www.icann.org Association of Internet Professionals (AIP) – www.iap.com Computer Technology Industry Association – www.comptia.org Webmonkey – www.webmonkey.com XML.com – www.xml.com Web Design Firms (Case Studies and Professional Examples) Monster Template – www.monstertemplate.com Specializes in customized Web layout templates WorldNow – www.worldnow.com Specializes in developing sites for TV news organizations EoVision – www.eovision.com Specializes in E-Business Solutions in design, development, and marketing Turborank.com – www.turborank.com Specializes in Web deign and promotion Web Metro – www.webmetro.com Specializes in Web design, marketing, and E-Commerce Circle.com – www.circle.com Specializes in corporate Web design, marketing, and management Monster Graphix – www.monstergraphix.com Specializes in Web design, logo creation, and miscellaneous artwork World Profit.com – www.worldprofit.com Specializes in Domain hosting, design services, and traffic building General Course Goals & Objectives At the end of the course, it is expected that the learner will: • Design an advanced Web site page layout scheme with HTML editors Macromedia Dreamweaver and Microsoft FrontPage. • Create Web pages that are XHTML compliant. • Create a Web page template for efficiency and consistency. • Perform typical Web design duties using Dreamweaver and FrontPage. • Create advanced graphic files typical of Web pages using Adobe PhotoShop. • Create advanced graphic files typical of Web pages using Macromedia Fireworks. • Create advanced graphic files typical of Web pages using Adobe Image Ready. • Create an animation using Macromedia Flash. • Incorporate a Flash animation into a Web page. • Create cascading style sheets and style rules. • Use JavaScript to create dynamic content on a Web page. • Use Dynamic HTML to create dynamic animation and other Web page effects. • Create a movie clip for the Windows Media Player and Real Player using Adobe Premiere and other appropriate equipment, hardware and software. • Incorporate a Windows Media Player and Real Player movie clip into a Web page. • Explore Internet standards organizations. • Explore career opportunities in Web design and development. • Explore membership opportunities for professional growth. • Explore certification opportunities in Web design. • Publish a Website using FrontPage.
• 3.
  • Publish a Website using Dreamweaver. Instructor Expectations of Students In Class • Attendance of all his or her scheduled classes (on time) is expected. • Students will be responsible for reading any textbook or handout information, as well as, complete each computer lab assignment by the deadline determined by the instructor. • Missed assignments and class notes are to be obtained from another student for any class session missed. • Students are expected to access appropriate computer and software on an individual basis if class does not permit ample lab time. • Students may add or drop a class or all classes by completing the proper form (Drop-Add or Withdrawal) which can be obtained from their advisor. The instructor, the advisor, and the Registrar must sign the form. The completed form is then filed in the Registrar’s Office. • Students who have not been officially withdrawn before the time stated in the schedule will receive a grade of “F”. Students may withdraw from a class or classes any time prior to the date specified in the class schedule. Requests for withdrawal from a course, by the student prior to the withdrawal date, are to be initiated with the instructor and filed with the Registrar. The grade will be recorded as a “W” with no grade points or credit hours earned by the student. In the case of excessive absences and/or just cause, the instructor may withdraw a student by initiating a withdrawal request. The date of the withdrawal shall be the date that the student or the instructor requests the withdrawal. The withdrawal becomes official when it is processed by the Registrar’s Office. It is the responsibility of the students to withdraw themselves from class or initiate a status of incomplete by the withdraw date stated in the course schedule. If this is not done, the student will receive the grade earned for that class. • This class requires work outside of class. For every one (1) credit hour, expect on the average of 2 hours of outside work per week. Students are encouraged to work ahead if possible. Academic Honesty Students enrolled in higher education courses are expected to uphold a standard of honesty and integrity in their academic endeavors. Students are enrolled in higher education courses to further their knowledge in the courses they take in order to make better decisions based upon experience and what they learn. Students found exhibiting unethical and inappropriate academic practices will be disciplined as the instructor deems equitable and just! A first offense of cheating will result in a zero (0%) on the assignment. A second offense will result in an XF for the course and will be on your transcript for future college and prospective employers to see. Methods of Evaluation Grading Scale: 90-100 A 80-89 B 70-79 C 60-69 D Below 60 F Any assignment that is not completed by the date due will be deducted 30%. Any assignment not completed by 5:00pm the next class session will not be accepted. Attendance Requirements Attendance will be taken every class session. As stated in the Independence Community College Catalog, students will be expected to attend class unless they are participating in scheduled school activities or have been excused by the professor. This course is primarily based upon hands-on practice of the latest productivity software applications. Students cannot excessively miss class and effectively complete the course requirements. Tests can be made up ONLY if you make prior arrangements and have approved documentation from your doctor, lawyer, coach, or whomever can attest as to why you were absent. If you do not provide adequate documentation, you will not be able to make up the exam.
• 4.
  Topic Outline/Competencies I. Web Design Principles 1. Identify the various media used on the WWW 2. Identify the basics of Web site design 3. Describe the growth of Web design 4. Identify the various Web design tools 5. Explain the concept of content design 6. List the various ways to keep viewer attention 7. Describe importance of site navigation 8. Define Information Architecture 9. Explain the Inverted Pyramid development process 10. Describe the benefits of mind mapping II. Photoshop & Image Ready: Part I 1. Identify the various graphical Web elements seen on today’s Web pages 2. Describe the benefits and limitations of digital images 3. Identify the various tools associated with the Photoshop interface. 4. Create an image using filters. 5. Create an image using layers. 6. Create an image using text. 7. Scale an image. 8. Change the dimensions of an image. 9. Fix a scanned image with blemishes. 10. Optimize an image in GIF and JPEG format. III. Photoshop & Image Ready: Part II 1. Create a single layer animation using ImageReady. 2. Create an animation using tweening. 3. Create an animation from multiple layers. 4. Create a mouse rollover effect from layers. 5. Create a mouse rollover using styles. 6. Create a rollover effect that includes animation 7. Create an image map with the Image Map tools. 8. Create an image map from layers. 9. Create a sliced image with the Slice tool. 10. Use animation in a sliced image. IV. Dreamweaver: Part I 1. Use the editing features of the Dreamweaver Web authoring tool. 2. Control text properties to make a page look more appealing. 3. Create hyperlinks to link pages together on the Web. 4. Create and control page properties such as colors and backgrounds. 5. Use tables and table attributes to control layout of Web pages. 6. Use and manipulate images on your Web pages V. Dreamweaver: Part II 1. Use Dreamweaver tools and functions to lay out a Web site with tables, frames, and layers. 2. Use multimedia content to make Web sites more exciting and attractive. 3. Set up style sheets to increase productivity and give your Web sites a coherent look. 4. Create simple DHTML animation by using layers, behaviors, and the timeline.
• 5.
  VI. XHTML: Part I 1. Describe hypermedia tags 2. Identify the various Internet organizations involved with Web languages 3. Distinguish between HTML and XHTML. 4. Add XHTML DTDs to a Web page. 5. Describe various elements and attributes. 6. Create a Web page using basic body elements. 7. Create Links on a Web page. 8. Validate Web pages using the W3C markup validation service. VII. XHTML: Part II 1. Format text and phrase elements. 2. Add images to Web pages. 3. Create bulleted, numbered, and definition lists. 4. Create a frames page. 5. Create simple tables. 6. Build forms that send data to an e-mail account. VIII. Working with Multimedia and Plug-ins 1. Explain the various usages of audio on the Web 2. Describe when to stream vs. download 3. Explain the various usages of animation on the Web 4. Explain the various usages of video on the Web 5. Explain the concept of visitor interaction 6. Identify various audio software 7. Identify various video software 8. Identify various animation software 9. Identify various media players 10. Identify common Plug-ins IX. Flash: Part I 1. Work with the Flash environment including the Stage, menu bar, Toolbox, panels, and Property inspector. 2. Change the properties of a document. 3. Create shapes such as ovals and rectangles. 4. Draw lines using the line tool. 5. Draw shapes with the pencil tool. 6. Use the Pen tool to draw paths. 7. Draw strokes and paint fills. 8. Select and modify objects. 9. Create and manipulate text. X. Flash: Part II 1. Use the Timeline to test animation. 2. Explain how symbols are stored in a document’s library. 3. Create animations including frame by frame and tweened animations. 4. Create a shape tweened animation. 5. Create a mask layer animation. 6. Create a motion guide layer animation. 7. Create buttons with simple actions and sounds. 8. Publish a Flash movie for use on the Web.
• 6.
  XI. Cascading Style Sheets: Part I 1. Use the style attribute and element. 2. Link to an external style sheet. 3. Build a basic style sheet. 4. Combine style rules with your HTML code. 5. Use CSS selectors to apply style rules. 6. Use the <div> and <span> elements with CSS style rules. XII. Cascading Style Sheets: Part II 1. Describe CSS measurement values. 2. Format text with the CSS font properties. 3. Use the CSS margin, padding, and border properties. 4. Add color with the CSS color properties. XIII. JavaScript: Part I 1. Describe how the JavaScript programming language works. 2. Add JavaScript to an HTML document. 3. Create a simple JavaScript program. 4. Create a JavaScript source file. 5. Work with and modify variables. 6. Define and call functions. 7. Create an HTML document that incorporates JavaScript handlers. XIV. JavaScript: Part II 1. Identify various JavaScript data types. 2. Use expressions and arithmetic, assignment, comparison, conditional, and logical operators. 3. Create an HTML document that uses strings. XV. Dynamic HTML and Animation 1. Explain the Document Object Model. 2. Work with the image object. 3. Use image caching. 4. Use JavaScript with CSS style. 5. Use CSS positioning in Netscape and Internet Explorer. 6. Create a browser sniffer that opens a browser-specific version of a Web page. XVI. Server Administration and Databases 1. Identify the communication methods used to publish and retrieve Web content. 2. List and describe common Internet protocols 3. Explain how Web servers are involved in providing Web content. 4. Identify various administration tools associated with Web development. 5. Define server-side programming 6. Connect Web code to communicate with a database 7. Identify various database options 8. Connect to a Database
• 7.
  Advanced Web Design& Development Independence Community College 2005-06 Assignments/Tentative Schedule Assignment/Test Date Due Points Possible Points Earned Web Design Principles Quiz 50 Chapter 5 Activities 20 Chapter 5 Review Questions 15 Photoshop Web Graphic Creation Project 150 Chapter 6 Activities 20 Chapter 6 Review Questions 15 GIF Animation Project 50 Principles and Chapters 5-6 Exam 200 Chapter 3 Activities 20 Chapter 3 Review Questions 15 Chapters 1-3 Exam 200 Chapter 4 Activities 20 Chapter 4 Review Questions 15 Chapters 3-4 Exam 200 Chapter 1 Activities 20 Chapter 1 Review Questions 15 Chapter 2 Activities 20 Chapter 2 Review Questions 15 Chapters 1-2 Exam 200 Chapter 7 Activities 20 Chapter 7 Review Questions 15 Chapter 8 Activities 20 Chapter 8 Review Questions 15 Flash Animation Project 100 Multimedia/Plug-ins and Chapters 7-8 Exam 200 Chapter 11 Activities 20 Chapter 11 Review Questions 15 Chapter 12 Activities 20 Chapter 12 Review Questions 15 Cascading Style Sheet Project 50 Chapters 11-12 Exam 200 Chapter 13 Activities 20 Chapter 13 Review Questions 15 Chapter 14 Activities 20 Chapter 14 Review Questions 15 Project 14-1, 14-2 50 Chapter 16 Activities 20 Chapter 16 Review Questions 15 Chapters 13, 14 and 16 Exam 200 Major Project 300 Total 2605 A= 2345 B= 2084 C= 1824 D= 1563 Below 1563 F Date of Last Update: 1-7-05