Course Portfolio. INFO4450 Web Design

Transcription

1 College of Arts and Social Sciences [Department of Information Studies] Course Portfolio INFO4450 Web Design Period: Spring -2015] [ ]

2 Course File I. COURSE FILE SUMMARY 1. COURSE INFORMATION College/Institute/Centre Department Program Title COLLEGE OF ARTS AND SOCIAL SCIENCES Information Studies BA Semester\Year Spring 2015 Program Code Course Title Course Code Course Type Pre Requisites Teaching Language Credit Hours Teaching Hours INFO4450 English Web Design Specialization Elective No Teaching Weeks 15 English And Arabic 3 Hours Lecture 1 (Weekly) Practical/Fieldwork 2 (Weekly) Arabic تصميم مواقع الويب Total 3 Number of students Lecture 30 Practical/Fieldwork 30 Number of Student dropped - 1

3 2. COURSE DESCRIPTION ENGLISH COURSE DESCRIPTION ARABIC COURSE DESCRIPTION This course introduces students to both the practice of web design and the basic principles of web creation and development. The practical component of the course covers not only web design but also current graphics and software tools. Students may gain a foundational knowledge of website creation and will be able to apply it to the planning, designing and development of their own portfolio website. They will also be familiar with different aspects of software applications, web development and free open-access source. 3. COURSE AIM This course emphasizes in two important elements: to learn how to effectively utilize different free software, digital media tools in designing web, and to develop the skill & knowledge of Web page design by understanding of the core concepts that underpin modern web design. 4. COURSE OBJECTIVES At the completion of this course students should be able to demonstrate an understanding of utilize different free software, digital media tools in designing webpage and: Define the principle of Web page design Define the basics in web design Introduce basics concept of HTML and CSS. Learn how to design and develop a Web page using HTML and CSS. Learn how to link pages so that they create a Web site. Develop the concept of web publishing 5. COURSE INTENDED LEARNING OUTCOMES Understand the basic principles of web design Understand how to upload websites to a web server Be familiar with different web design theories and understand web terminology 2

4 6. LECTURES SCHEDULE WEEK TOPIC 1 Class Orientation and Unit outline 2-4 Introduction of web design/ Web Design Principles Web Standards Basic principles involved in developing a web site Planning process Design Concept. Hosting and Domains Web Design Tools Web Development Tools Dreamweaver 5-6 Basics in Web Design Designing for Screens Information Architecture User Interface Design 7-9 Introduction to HTML and Cascading Style Sheets Web Development Presentation Layer Design Image Formats & Optimization WordPress WordPress as a CMS Wordpress Custom Page Templates Introduction to Web Publishing or Hosting Creating the Web Site Saving the site Working on the web site Creating web site structure Creating Titles for web pages Themes-Publishing web sites. 14 Practical Quiz and handing the project 15 Review and assessment 7. TEACHING STRATEGIES AND TECHNOLOGY APPLICATION Teaching Method Teaching Media Lecture by teacher PowerPoint Class discussion Slide share application Discussion groups Educational video resources (e. g, Presentation by instructors or students YouTube) Bulletin boards Library research on topics or problems Social Media Class Brainstorm Case studies 3

5 8. GRADING AND ASSESSMENT POINTS WRITTEN ORAL TERM PAPER CONTINUOUS 15 Mid-term Exam 5 Practical Quiz 5 Practical Quiz 40 Final Exam Web Design Project Classroom Participation 9. COURSE RULES Attendance Attendance at class is mandatory. Course Instructors should keep attendance records. An "absentee warning notice" will be issued if a student is absent for: More than 10% in courses with less than 75 total contact hours. More than 5% in courses with 75 or more total contact hours. An "absentee withdrawal notice" will be issued and the student will be deemed to have withdrawn from the course with an 'FW' grade if a student is absent for: More than 20% in courses with less than 75 total contact hours. More than 15% in courses with 75 to 150 total contact hours. More than 10% of total contact hours for courses with more than 150 total contact hours. 10. INSTRUCTIONAL MATERIALS Baguma, R., & Lubega, J. T. (2008, April). A web design framework for improved accessibility for people with disabilities (WDFAD). In Proceedings of the 2008 international cross-disciplinary conference on Web accessibility (W4A) (pp ). ACM. Beaird, J., & George, J. (2010). The principles of beautiful web design. Sitepoint. Beier, M., & von Gizycki, V. (Eds.). (2013). Usability: Nutzerfreundliches Web-Design. Springer-Verlag. Davidson-Shivers, G. V., & Rasmussen, K. L. (2006). Web-based learning: Design, implementation, and evaluation. Prentice Hall. Díaz, P., Aedo, I., & Rosson, M. B. (2008, May). Visual representation of web design patterns for end-users. In Proceedings of the working conference on Advanced visual interfaces (pp ). ACM. Duyne, D. K. V., Landay, J., & Hong, J. I. (2002). The design of sites: patterns, principles, and processes for crafting a customer-centered Web experience. Addison-Wesley Longman Publishing Co., Inc.. Eccher, C. (2011). Professional web design: techniques and templates. Cengage Learning. Erl, T. (2008). Soa: principles of service design (Vol. 1). Upper Saddle River: Prentice Hall. Farkas, D. K., & Farkas, J. B. (2001). Principles of web design. Longman Publishing 4

6 Group. Flavian, C., Gurrea, R., & Orús, C. (2009). Web design: a key factor for the website success. Journal of Systems and Information Technology, 11(2), Garrett, J. J. (2010). Elements of User Experience, The: User-Centered Design for the Web and Beyond. Pearson Education. Gasston, P. (2011). The Book of CSS3: A developer's guide to the future of web design. No Starch Press. Hogan, B. P. (2009). Web Design For Developers. The Pragmatic Programmers, LLC, Raleigh, NC, and Dallas, TX. Ivory, M. Y., & Hearst, M. A. (2002). Improving web site design. Internet Computing, IEEE, 6(2), Lee, S., & Koubek, R. J. (2010). The effects of usability and web design attributes on user preference for e-commerce web sites. Computers in Industry, 61(4), Lopuck, L. (2012). Web design for dummies. John Wiley & Sons. Marcotte, E. (2011). Responsive web design. Editions Eyrolles. Mathews, B. (2009). Web Design Matters. Library Journal, 134(3), Molich, R. (2008). Usable web design. Nyt Teknisk Forlag. Robbins, J. N. (2012). Learning web design: A beginner's guide to HTML, CSS, JavaScript, and web graphics. " O'Reilly Media, Inc.". Sklar, J. (2008). Principles of web design. Cengage Learning. Suyanto, A. H. (2009). Step by Step: Web Design Theory and Practices. Jakarta: Gudang Penerbit. Vu, K. P. L., & Proctor, R. W. (Eds.). (2011). Handbook of human factors in Web design. CRC Press. Watrall, E., & Siarto, J. (2008). Head first web design. " O'Reilly Media, Inc.". Attachments II. LECTURES III. LECTURE NOTES/HAND-OUTS IV. EXAMS SAMPLE V. A SAMPLE OF STUDENTS ANSWERS VI. A SAMPLE OF EXERCISES AND STUDENTS ANSWERS VII. A SAMPLE OF ASSIGNMENTS AND STUDENTS ACTIVITIES VIII. RESULTS AND GRADES 5