MISSISSIPPI STATE UNIVERSITY COLLEGE OF EDUCATION. DEPARTMENT of INSTRUCTIONAL SYSTEMS and WORKFORCE DEVELOPMENT COURSE SYLLABUS

Transcription

1 MISSISSIPPI STATE UNIVERSITY COLLEGE OF EDUCATION DEPARTMENT of INSTRUCTIONAL SYSTEMS and WORKFORCE DEVELOPMENT COURSE SYLLABUS Course Prefix and Number: TKB 4583/6583 Course Title: Credit Hours: Type of Course: Catalogue Description: Graphics and Web Design Three (3) semester hours Lecture/Laboratory Prerequisites: TKT 1273 or BIS 1012 and keyboarding proficiency. Principles and development of graphics and web design. College of Education Conceptual Framework: The faculty in the College of Education at Mississippi State University are committed to assuring the success of students and graduates by providing superior learning opportunities that are continually improved as society, schools, and technology change. The organizing theme for the conceptual framework for the College of Education at Mississippi State University is educational professionals - dedicated to continual improvement of all students educational experiences. The beliefs that guide program development are as follows: 1. KNOWLEDGE - Educational professionals must have a deep understanding of the organizing concepts, processes, and attitudes that comprise their chosen disciplinary knowledge base, the pedagogical knowledge base, and the pedagogical content knowledge base. They must also know how to complement these knowledge bases with the appropriate use of technology. 2. COLLABORATION - Educational professionals must continually seek opportunities to work together, learn from one another, forge partnerships, and assume positions of responsibility. 3. REFLECTION - Educational professionals must be willing to assess their own strengths and weaknesses through reflection. They must also possess the skills, behaviors, and attitudes necessary to learn, change, and grow as life-long learners. 4. PRACTICE - Educational professionals must have a rich repertoire of research-based strategies for instruction, assessment, and the use of technologies. They must be able to focus that array of skills on promoting authentic learning by all students or clients, while exhibiting an appreciation and commitment to the value and role of diversity. TKB 4583/6583 Graphics and Web Design Revised Spring

2 Course Objectives: Upon completion of this course, students should: 1. Explain how the Web works. CFPO #3; INTASC #4 2. Describe how HTML, CSS, and JavaScript are used to create webpages. CFPO #3; INTASC #4 3. Demonstrate an understanding of graphical formats in the concepts of their underlying approach. CFPO #3, 10; INTASC #4 4. Identify hardware and software tools for media production. CFPO #3, 10; INTASC #4 5. Synthesize Web graphics, design principles, and production skills to create an attractive and readable website interface. CFPO #2, 3, 4, 5, 10; INTASC #4 6. Identify the necessary steps to create, acquire, process, and compress media. CFPO #3, 10; INTASC #4 7. Use HTML to create webpages that include key webpage components such as links, tables, forms, frames, and images. CFPO #3, 10; INTASC #4 Topics to be Covered: 1. Introduction to graphics and Web design (2 hours) a. What are graphics and Web design b. Basic concepts and terminology related to graphics and Web design 2. Foundations of graphics and Web design (3 hours) a. Fundamentals of visual information and interactive design b. The Internet and the World Wide Web c. Uploading to a server d. Audience analysis and determination 3. HTML markup language (9 hours) a. HTML and formatting fundamentals b. Hyperlinks c. Tables d. Forms e. HTML5 4. CSS for Presentation (6 hours) a. Introduction to Cascading Style Sheets b. Text c. Colors and Backgrounds d. Floating and Positioning e. Page Layout with CSS 5. JavaScript for Behaviors (3 hours) a. Introduction to JavaScript b. Use of JavaScript TKB 4583/6583 Graphics and Web Design Revised Spring

3 Textbook: 6. Web Graphics and Photoshop (6 hours) a. Introduction to Photoshop b. Image formats c. Color mode a. Selecting, stroking, and filling b. Layers c. Transform commands d. Text and images e. Bottoms and navigation bars f. Rollovers and slices 7. Basic Dreamweaver (5 hours) a. Formatting and styling text b. Images, hyperlinks, tables, forms, and frames c. Working with HTML 8. Advanced Dreamweaver (5 hours) a. Style sheets and layers b. Behaviors and objects c. Timelines and sound 9. Principles of Web design (3 hours) a. alignment b. communicability c. contrast d. proximity e. repetition 10. Web publishing (3 hours) a. Organize files and folders b. Set up a remote site c. Synchronize local and remote site d. Publishing the website Robbins, J. N. (2012). Learning web design: A beginner s guide to HTML, CSS, JavaScript, and web graphics (4 th ed.). Sebastopol, CA: O Reilly. Methods of Instruction: All class members will be responsible for assigned readings, exercises, assignments, exams, and projects. The teaching format will include hands-on activities and projects. Students will work individually. TKB 4583/6583 Graphics and Web Design Revised Spring

4 Suggested Student Activities: Honor Code: 1. Read and study the textbook. (Course Objectives #1, 2, 4, 6) 2. Participate in class discussion and exercises. (Course Objectives #1, 2, 3, 4, 5) 3. Take an exam covering the information presented in the course. (Course Objectives #1, 2, 4) 4. Evaluate websites. (Course Objectives #1, 2) 5. Students will design planning documents. (Course Objectives #3, 5, 6, 7) 6. Students will design and develop websites. (Course Objectives #3, 5, 7) 7. Graduate students will complete and present article critiques, as approved by the instructor. (Course Objectives #1, 2) Mississippi State University has an approved Honor Code that applies to all students. The code is as follows: "As a Mississippi State University student I will conduct myself with honor and integrity at all times. I will not lie, cheat, or steal, nor will I accept the actions of those who do." Upon accepting admission to Mississippi State University, a student immediately assumes a commitment to uphold the Honor Code, to accept responsibility for learning, and to follow the philosophy and rules of the Honor Code. Students will be required to state their commitment on examinations, research papers, and other academic work. Ignorance of the rules does not exclude any member of the MSU community from the requirements or the processes of the Honor Code. For additional information please visit: Academic Misconduct: Academic honesty is expected. Academic misconduct is a serious offense. If a student is found guilty of academic misconduct, the instructor will impose the maximum penalty allowed by Mississippi State University. Visit: Technology: Application software program used in the course is primarily Adobe Studio CS5. Other software may be used as deemed appropriate by the instructor. Diversity: The ability to communicate is critical for a training professional. Discussions in various topics in communicating and planning a learning environment will be used. Student with Disabilities: If accommodations (based on the Americans with Disabilities Act (ADA) and Section 504 of the Rehabilitation Act) are needed, students should notify the Instructor within the first two (2) TKB 4583/6583 Graphics and Web Design Revised Spring

5 weeks of the semester. All reasonable accommodations will be provided to ensure that special needs based on disabilities do not restrict a student s opportunity to learn and participate in the class. Written confirmation from the MSU Student Support Services office (SSS) is required for accommodations during the class session and during tests/exams. SSS office is located at: 01 Montgomery Hall, telephone: (662) For more information see: Field Component: There is no field component in this course. Evaluation of Student Progress: Student performance will be evaluated based upon the following criteria: Undergraduate Students Graduate Students Syllabus Quiz 5 5 Introduction Post 5 5 Weekly Exercises Good & Bad Website Design Personal Web page Banner image Midterm Exam Planning documents Final Project Website Article Critique Presentation (Graduate NA 20 Students Only) Total Grading Scale: A % B 80 89% C 70 79% D 60 69% F Below 60% Bibliography: Adobe Creative Team. (2012). Adobe Dreamweaver CS6 classroom in a book. San Jose, CA: Adobe Press. Adobe Creative Team. (2012). Adobe Photoshop CS6 classroom in a book. San Jose, CA: Adobe Press. Beaird, J. (2010). The principles of beautiful web design. Collingwood, Australia: Sitepoint. Carey, P. (2012). HTML and CSS: Introductory. Boston: Cengage. TKB 4583/6583 Graphics and Web Design Revised Spring

6 Cheon, J., & Grant, M. M. (2009). Are pretty interfaces worth the time? The effects of user interface types on web-based instruction. Journal of Interactive Learning Research, 20(1), Lohr, L. L. (2008). Creating graphics for learning and performance: Lessons in visual literacy. Upper Saddle River: NJ: Pearson Education. Lynch, P. J., & Horton, S. (2008). Web style guide: Basic design principles for creating web sites (3 rd ed.). New Haven, CT: Yale University Press. Nielsen, J. (2000). Designing web usability: The practice of simplicity. Indianapolis: New Riders. Norman, D. A. (2002). The design of everyday things. New York: Basic Books. Shelly, G. B., & Campbell, J. T. (2012). Web design: Introductory. Boston: Cengage. Sklar, J. (2011). Principles of web design. Boston, MA: Cengage. Tollett, J., Williams, R., & Rohr, D. (2002). Web design workshop. Berkeley, CA: Peachpit Press. Williams, R. (2008). The non-designer's design book (3rd ed.). Berkley, CA: Peachpit Press. Williams, R., & Tollett, J. (2006). The non-designer's web book: An easy guide to creating, designing, and posting your own website. Berkley, CA: Peachpit Press. TKB 4583/6583 Graphics and Web Design Revised Spring