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. Course Textbooks Shelly, G. B., & Campbell, J. T. (2012). Web design: Introductory (4th ed.). Boston, MA: Course Technology. Hoisington, C. L., & Minnick, J. L. (2013). Adobe Dreamweaver CS6: 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 unit material. 3. Reading Assignments: Each unit contains Reading Assignments from one or more chapters from the textbooks. Supplemental Readings and Chapter Presentations 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. Learning Activities (Non-Graded): These non-graded Learning Activities are provided in each unit to aid students in their course of study. 6. Unit Assignments: Students are required to submit for grading Unit Assignments in each unit. Some units have multiple assignments due. Specific information and instructions regarding these assignments are provided below. 7. Ask the Professor: This communication forum provides you with an opportunity to ask your professor general or course content related questions. 8. Student Break Room: This communication forum allows for casual conversation with your classmates. ITC 4310, Web Design and Development 1

2 CSU Online Library There is a virtual library with resources, including both journals and ebooks, to support your program and your course at Columbia Southern University. eresources are accessible 24 hours a day/7 days a week from the CSU Online Library gateway page. To access the library, log into mycsu, and then click on CSU Online Library. Resources are organized in the library by title, but if you click on Research Guides, you will find eresources arranged by subject. The Library Reference service is available 7 days a week; you can reach CSU s virtual librarians by ing thevirtuallibrarian@columbiasouthern.edu. These professional librarians will be glad to help you develop your research plan or to assist you in any way in finding relevant, appropriate, and timely information. Librarian responses may occur within minutes or hours, but it will never take more than 24 hours for a librarian to send a response to the address you have provided. Replies to reference requests may include customized keyword search strategies, links to videos, research guides, screen captures, attachments, a phone call, live screen sharing, and meeting room appointments, as well as other forms of instruction. Course Project This Project will follow the textbook, Web Design (4th ed.), 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. Create a single Word file or.zip file containing both assignments and submit for grading 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, II and IV and your final Web page submitted in Unit V. 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 two- to four-page paper describing how you would change or enhance your site if you knew then what you know now. Be sure to include interaction with Spry Validation Text Field, Spry Collapsible Panel widget, and Adobe widgets in your new design. Include any relevant screen captures or diagrams. Justify your choices. ITC 4310, Web Design and Development 2

3 Write a report on audio and video Web site design. Search the Internet to find at 5-10 Web pages that present audio or video on a Web page. Write a two- to four-page report, and describe how each Web page use audio and video to enhance users experiences. Be sure to include URLs in your report. What would you apply to audio and video in a Web page, what would you not apply to audio and video in a Web page? Review code view of each one, and report which Web page uses HTML5 coding, and which one does not use HTML 5 coding. To review code view in Internet Explorer, click on View menu, and Source. If you use Google Chrome, go to top right of the page that shows Customize and control Google Chrome when you rollover. Then select Tools, and View Source. If you use Mozilla Firefox, but cannot see the menu bar, click on Alt key on the keyboard. After that, click on Tools menu, then, Web Developer. After that, click on Page Source. Format your paper and report using APA style. Use your own words, and include citations and references as needed to avoid plagiarism. 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 CS6 textbook by copying the steps to replicate the Web Site featured in each chapter. You will need to click here for MAC or here for PC to locate a link to a free trial version Of Adobe Dreamweaver CS6 that you can download to your computer. DO NOT download and install a trial version of Dreamweaver until you begin working on the Unit III assignment as a free trial will only last for a limited time, usually about 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 Small Business Incubator Web Site Plan. The finished page should match the one on page DW 27 in Chapter 1 of the reading for this unit. You should save your work. Complete the project demonstrated throughout Chapter 2 called Custom Template and Style Sheet. The finished pages should match the ones on page DW 79 in Chapter 2 of the reading for this unit. Create Web page files and zip the files containing both assignments and submit for grading. Unit V Assignment Complete the project demonstrated throughout Chapter 3 called Promotional Images. The finished pages should match the six Web pages on page DW 141 in Chapter 3 of the reading for this unit. You will use these Web pages again for another assignment in this unit as well as Unit VI assignment. Complete the project demonstrated throughout Chapter 4 called Formatted Tables and Forms. The finished page should match the one on page DW 203, (c) Table and form on Contact page in Chapter 4 of the reading for this unit. Create Web page files and zip the files containing both assignments and submit for grading. Research Papers Unit VIII Assignment The assignment in this unit involves using the cumulative knowledge of the course and research to form your answers. This exercise will help to enhance your knowledge and skills in Web design and development. Select one topic of interest from the following list to research, and write a Research Paper. The paper should be at least 500 words in length. You are required to use your textbook and/or external resources for your response. All ITC 4310, Web Design and Development 3

4 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. 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 Guide 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 includes examples and sample papers and provides links to The CSU Success Center and the CSU Online Library staff. Grading Rubrics This course utilizes analytic grading rubrics as tools for your professor in assigning grades for all learning activities. Each rubric serves as a guide that communicates the expectations of the learning activity and describes the criteria for each level of achievement. In addition, a rubric is a reference tool that lists evaluation criteria and can help you organize your efforts to meet the requirements of that learning activity. It is imperative for you to familiarize yourself with these rubrics because these are the primary tools your professor uses for assessing learning activities. Rubric categories include: (1) Assessment (Written Response) and (2) Assignment. However, it is possible that not all of the listed rubric types will be used in a single course (e.g., some courses may not have Assessments). The Assessment (Written Response) rubric can be found embedded in a link within the directions for each Unit Assessment. However, these rubrics will only be used when written-response questions appear within the Assessment. ITC 4310, Web Design and Development 4

5 Each Assignment type (e.g., article critique, case study, research paper) will have its own rubric. The Assignment rubrics are built into Blackboard, allowing students to review them prior to beginning the Assignment and again once the Assignment has been scored. This rubric can be accessed via the Assignment link located within the unit where it is to be submitted. Students may also access the rubric through the course menu by selecting Tools and then My Grades. Again, it is vitally important for you to become familiar with these rubrics because their application to your Assessments and Assignments is the method by which your instructor assigns all grades. 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. Once you have completed Unit VIII, you MUST unsubscribe from the forum; otherwise, you will continue to receive updates from the forum. You will not be able to unsubscribe after your course end date. 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. 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 Unit I-II, IV, VI-VII Assignments 6%) = 30% Unit III & V Assignments 17%) = 34% Unit VIII Assignment = 36% 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 Web Design (4th ed.): Chapter 1: The Environment and the Tools Chapter 2: Web Publishing Fundamentals Unit II Web Site Planning Web Design (4th ed.) Chapter 3: Planning a Successful Web Site: Part 1 Chapter 4: Planning a Successful Web Site: Part 2 Unit III Introduction to Dreamweaver Adobe Dreamweaver CS6 Introduction: Web Site Development and Adobe Dreamweaver CS5 Chapter 1: Creating a Dreamweaver Web Page and Local Site Chapter 2: Designing a Web Site Using a Template and CSS ITC 4310, Web Design and Development 6

7 ITC 4310, Web Design and Development Course Schedule Unit IV Creating Your Site Web Design (4th ed.) Chapter 5: Typography and Images Chapter 6: Multimedia and Interactivity Elements Unit V Tables, Templates, and Style Sheets Adobe Dreamweaver CS6 Chapter 3: Adding Graphics and Links Chapter 4: Exploring Tables and Forms Unit VI Dreamweaver Advanced Topics Adobe Dreamweaver CS6 Chapter 5: Creating Interactive Web Pages with Spry and Adobe Widgets Chapter 6: Enhancing Web Pages with Audio and Video ITC 4310, Web Design and Development 7

8 ITC 4310, Web Design and Development Course Schedule Unit VII Promoting and Maintaining a Web Site Web Design (4th ed.) Chapter 7: Promoting and Maintaining a Web Site Unit VIII Design Tips and Trends Web Design 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 CS6 Chapter 3: Adding Graphics and Links: Adding Alt Text to Provide Accessibility, p. 150 Additional Required Reading: See Study Guide ITC 4310, Web Design and Development 8