Shelly, G. B., & Campbell, J. T. (2012). Web design: Introductory (4th ed.). Boston, MA: Course Technology.

Transcription

1 ITC 4310, Web Design and Development Course Syllabus Course Description Presents Web design principles and techniques coupled with practical experience in the design and creation of Web sites. Includes coverage of the latest tools, trends, and issues relating to computers and technology. Prerequisites ITC 3001, Personal Computer Fundamentals, or department approval Course Textbooks Shelly, G. B., & Campbell, J. T. (2012). Web design: Introductory (4th ed.). Boston, MA: Course Technology. Shelly, G. B., & Wells, D. J. (2011). Adobe Dreamweaver CS5: Complete. Boston, MA: Course Technology. Course Learning Objectives Upon completion of this course, students should be able to: 1. Identify the types and purposes of Web sites and the elements of a Web page. 2. Compose the phases of the Web development life cycle. 3. Demonstrate the use of common Web page formatting features. 4. Inspect linking and navigation and use various methods to implement appropriate links and navigation features. 5. Interpret compatibility and accessibility issues and possible solutions. 6. Construct Web design principles into the design and creation of a Web site. 7. Examine the use of current trends and tools in Web site design and development. Credits Upon completion of this course, the students will earn three (3) hours of college credit. Course Structure 1. Unit Learning Objectives: Each unit contains Unit Learning Objectives that specify the measurable skills and knowledge students should gain upon completion of the unit. 2. Written Lectures: Each unit contains a Written Lecture, which discusses lesson material. 3. Reading Assignments: Each unit contains Reading Assignments from one or more chapters from the textbook. Supplemental Readings are provided in the unit study guides to aid students in their course of study. 4. Key Terms: Key Terms are intended to guide students in their course of study. Students should pay particular attention to Key Terms as they represent important concepts within the unit material and reading. 5. Discussion Boards: Discussion Boards are a part of all CSU term courses. Information and specifications regarding these assignments are provided in the Academic Policies listed in the Course Menu bar. 6. Learning Activities (Non-Graded): These non-graded Learning Activities are provided to aid students in their course of study. 7. Unit Assessments: This course contains five Unit Assessments, one to be completed at the end of Units I, II, IV, V, and VII. Assessments are composed of multiple-choice questions and/or written response questions. ITC 4310, Web Design and Development 1

2 8. Unit Assignments: Students are required to submit for grading Unit Assignments in each unit. Specific information and instructions regarding the Course Project, Dreamweaver Project, and Research Papers are provided below. 9. Ask the Professor: This communication forum provides you with an opportunity to ask your professor general or course content related questions. 10. Student Break Room: This communication forum allows for casual conversation with your classmates. Course Project This Project will follow the textbook,, and guide you to design a Web site using the skills you acquire in this course. At the end of each chapter you will complete another step in the development process in Web design. Unit I Assignment Complete the Case Study activities in Chapter 1 on pages and write a paper with your proposal for a personal Web site following the steps in the Chapter Assignment. Complete the Case Study activities in Chapter 2 on pages and develop a report addressing the issues listed in the Chapter Assignment. Unit II Assignment Complete the Case Study activities in Chapter 3 on page 96 and create a formal site plan following the steps in the Chapter Assignment. Complete the Case Study activities in Chapter 4 on page 125 and plan the design and navigation for your Web site using the instructions in the Chapter Assignment. Unit IV Assignment Complete the Case Study activities in Chapter 5 on page 152 and create the text for your Web pages using the guidelines in the Chapter assignment. Complete the Case Study activities in Chapter 6 on page 176 and begin to create your Web site following the steps in the Chapter Assignment. Unit VI Assignment Review your Web page design submitted in Units I and II and your final Web page submitted in Unit IV. Based on the new knowledge you have gained in Units V and VI and in building your site, how would you change your design? Write a 2-4 page paper describing how you would change or enhance your site if you knew then what you know now. Be sure to include an AP element, an image map, and Web form in your new design. Include any relevant screen captures or diagrams. Justify your choices. Go to your favorite search engine. Type Forms, Template. Then select a form to work on, sketch its conversion into a Web form using a drawing tool. You may use any drawing software available to you, including the drawing tools of Word or PowerPoint. Specify where you can condense the form to fit on the screen and what types of form objects you will use to enable users to enter information currently on the printed form. ITC 4310, Web Design and Development 2

3 Unit VII Assignment Complete the Study activities in Chapter 7 on page 203 and, if possible, publish your Web site then answer the questions in the Chapter Assignment. Dreamweaver Project This project will follow the Adobe Dreamweaver CS5 textbook by copying the steps to replicate the Web Site featured in each chapter. DO NOT download Dreamweaver until you begin Unit III. The free trial only lasts 30 days. If you run out of time on the trial version, you will need to purchase a subscription to the software in order to complete the remaining assignments. Unit III Assignment Complete the project demonstrated throughout Chapter 1 called Montana Parks Web site Home Page. The finished page should match the one on page DW 35 in Chapter 1 of the reading for this unit. You should save your work. Complete the project demonstrated throughout Chapter 2 called Two New Pages, Links, and Images. The finished pages should match the ones on page DW 101 in Chapter 2 of the reading for this unit. Unit V Assignment Complete the project demonstrated throughout Chapter 3 called Formatted Tables with Images. The finished page should match the one on page DW 179 in Chapter 3 of the reading for this unit. Complete the project demonstrated throughout Chapter 4 called Adding a Template and Applying Styles. The finished page should match the one on page DW 267 in Chapter 4 of the reading for this unit. Research Papers Unit VIII Assignment The assignment in this unit involves using the cumulative knowledge of the course and research to form your answers. These exercises will help to enhance your knowledge and skills in Web design and development. Select two (2) topics of interest from the following list to research, and write two separate papers. Each paper should be at least 500 words in length. You are required to use your textbook and/or external resources for your response. All sources used, including the textbook, must be referenced; paraphrased and quoted material must have accompanying citations. 1. Some multimedia can be difficult to view on a mobile device due to screen size or bandwidth limitations. Find two articles that discuss considerations and new developments that will enable multimedia on a site to be viewed effectively on a mobile device. What advice would you give a site designer considering what multimedia elements to use and how to prioritize them? Be specific, including size limitations or tools to use. 2. Find two blogs that discuss Web site design trends. On each site, find blog entries on a specific interactive feature, such as comments or gadgets. On each of the two design trends blogs, read a few entries on the subject to get information about current trends. Evaluate the blogs interactive and site features, such as comments and multimedia. Write a report for your instructor critiquing the blogs interactive features. List three things that you learned from the blog s content. What does each blog do well? What changes might you make to the layout or features? Evaluate each blog as a source of information. ITC 4310, Web Design and Development 3

4 3. Research the latest digital camera specifications for mobile devices. Compare the highest-quality mobile device cameras to digital cameras available on the market. Choose one mobile device that has a scanner and answer the following questions: How would you transfer the images to a computer that has image- editing software? How can you make choices such as resolution, zoom, and more with the camera? Would the digital camera be sufficient to create Web-ready images? How? 4. Cascading Style Sheets (CSS), a multi-featured specification for HTML, offers designers an expedient, powerful method to control the formatting and layout of Web pages. Research the current level of support for style sheets by leading browsers and the current W3C recommendations for style sheet usage. Create a report summarizing your research. Explain why you will or will not use Cascading Style Sheets to design your Web site. 5. Research the latest developments in accessibility standards. Make a list of five important accessibility considerations, and note whether they are new or existing issues. Visit two sites to see if these sites meet the considerations. Summarize your findings. 6. How do social networking and bookmarking sites affect Internet users personal interactions with the Internet? As a Web designer, how can you take advantage of these trends? Visit at least one social networking and social bookmarking site to see how users share information. Identify at least one site that encourages and provides opportunities for users to share content using these technologies. APA Guidelines CSU requires that students use the APA style for papers and projects. Therefore, the APA rules for formatting, quoting, paraphrasing, citing, and listing of sources are to be followed. A document titled APA Guidelines Summary is available for you to download from the APA Guide Link, found in the Learning Resources area of the mycsu Student Portal. It may also be accessed from the Student Resources link on the Course Menu. This document provides links to several internet sites that provide comprehensive information on APA formatting, including examples and sample papers. CSU Grading Rubric for Papers/Projects The course papers will be graded based on the CSU Grading Rubric for all types of papers. In addition, all papers will be submitted for electronic evaluation to rule out plagiarism. Course projects will contain project specific grading criteria defined in the project directions. To view the rubric, click the Academic Policies link on the Course Menu, or by accessing the CSU Grading Rubric link, found in the Learning Resources area of the mycsu Student Portal. Communication Forums These are non-graded discussion forums that allow you to communicate with your professor and other students. Participation in these discussion forums is encouraged, but not required. You can access these forums with the buttons in the Course Menu. Instructions for subscribing/unsubscribing to these forums are provided below. Click here for instructions on how to subscribe/unsubscribe and post to the Communication Forums. Ask the Professor This communication forum provides you with an opportunity to ask your professor general or course content questions. Questions may focus on Blackboard locations of online course components, textbook or course content elaboration, additional guidance on assessment requirements, or general advice from other students. Questions that are specific in nature, such as inquiries regarding assessment/assignment grades or personal accommodation requests, are NOT to be posted on this forum. If you have questions, comments, or concerns of a nonpublic nature, please feel free to your professor. Responses to your post will be addressed or ed by the professor within 48 hours. Before posting, please ensure that you have read all relevant course documentation, including the syllabus, assessment/assignment instructions, faculty feedback, and other important information. ITC 4310, Web Design and Development 4

5 Student Break Room This communication forum allows for casual conversation with your classmates. Communication on this forum should always maintain a standard of appropriateness and respect for your fellow classmates. This forum should NOT be used to share assessment answers. Grading Discussion Boards 2%) = 16% Unit Assessments 8%) = 40% Unit Assignments (I, II, IV, V, & 4%) = 20% Unit Assignments (III, VI, & 8%) = 24% Total = 100% Course Schedule/Checklist (PLEASE PRINT) The following pages contain a printable Course Schedule to assist you through this course. By following this schedule, you will be assured that you will complete the course within the time allotted. ITC 4310, Web Design and Development 5

6 ITC 4310, Web Design and Development Course Schedule By following this schedule, you will be assured that you will complete the course within the time allotted. Please keep this schedule for reference as you progress through your course. Unit I Introduction to Web Design Chapter 1: The Environment and the Tools Chapter 2: Web Publishing Fundamentals Assessment by Assignments by Unit II Web Site Planning Chapter 3: Planning a Successful Web Site: Part 1 Chapter 4: Planning a Successful Web Site: Part 2 Assessment by Assignments by ITC 4310, Web Design and Development 6

7 ITC 4310, Web Design and Development Course Schedule Unit III Introduction to Dreamweaver Adobe Dreamweaver CS5 Introduction: Web Site Development and Adobe Dreamweaver CS5 Chapter 1: Creating a Dreamweaver Web Page and Local Site Chapter 2: Adding Web Pages, Links, and Images Assignments by Unit IV Creating Your Site Chapter 5: Typography and Images Chapter 6: Multimedia and Interactivity Elements Assessment by Assignments by ITC 4310, Web Design and Development 7

8 ITC 4310, Web Design and Development Course Schedule Unit V Tables, Templates, and Style Sheets Adobe Dreamweaver CS5 Chapter 3: Tables and Page Layout Chapter 4: Templates and Style Sheets Assessment by Assignments by Unit VI Dreamweaver Advanced Topics Adobe Dreamweaver CS5 Chapter 5: Absolute Positioning, Image Maps, the History Panel, and Date Objects Chapter 6: Forms Assignments by ITC 4310, Web Design and Development 8

9 ITC 4310, Web Design and Development Course Schedule Unit VII Promoting and Maintaining a Web Site Chapter 7: Promoting and Maintaining a Web Site Assessment by Assignment by Unit VIII Design Tips and Trends Appendix A: Design Tips Appendix B: HTML 4.01 Quick Reference Appendix C: Cascading Style Sheets (CSS) Appendix D: Designing for Mobile Devices Adobe Dreamweaver CS5 Appendix B: Dreamweaver and Accessibility Assignment by ITC 4310, Web Design and Development 9