Essentials of Web Designing

Transcription

1 Module Presenter s Manual Effective from: July 2014 Ver. 1.0

2 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 July 2014 New - Presenter s Manual Aptech Limited Page 2

3 TABLE OF CONTENTS INTRODUCTION ESSENTIALS OF WEB DESIGNING... 4 MODULE - SESSION ALLOCATION... 6 MODULE DELIVERABLES... 7 WEEK WISE SCHEDULE... 9 SESSION COVERAGE...10 Presenter s Manual Aptech Limited Page 3

4 Introduction At the end of this module, the student will be able to: Explain the concept of Web, Web browser, Webpage, and Website Differentiate Web with Print media Define development of a Website Describe the steps involved in Web designing process Identify the tools used in Web designing Identify the various roles attached with Web designing process Define the concept of user interface Describe the characteristics of Web Interface Design Describe the various aspects of Visual Interface Design Explain the designing perspectives Describe a good design Classify the components of a Webpage design Apply Grid theory while designing a layout Explain the concept of color and bit depth in Web designing Describe the usage of colors in Web designing Identify the issues and possible solutions for color blind users Apply different elements while designing a Website s background Explain the concept of typography Identify the elements that build up a good typography Describe the rules of Web typography Explain the meaning of Multimedia on the Web Classify different forms of Multimedia used such as Slideshows, Powerpoint, Animation, and Interactivities Understand the difference between Downloadable and Streaming Multimedia Explain the various principles of Web interface Apply modern Web conventions used in an Interface design Presenter s Manual Aptech Limited Page 4

5 Explain the different Web page layouts Describe the advantages and disadvantage of Web page layouts Explain the meaning and importance of usability in the Web Explain the concept of usability testing Identify the areas to be included in the usability checklist Explain advancements in the field of images, animations, tools, hardware, and software that make up a Web design Explain the potential challenges in the field of Web design Identify suitable tips that will support Web design against future potential challenges Presenter s Manual Aptech Limited Page 5

6 Module - Session Allocation Module Duration Skill Book Code Name Theory Lab Total Code Code Name Tool EWD Essentials of Web Designing OV-EWD0001 Essentials of Web Designing - Grand Total Presenter s Manual Aptech Limited Page 6

7 Module Deliverables This module deliverables are available on OnlineVarsity To aid the teaching process, following are the deliverables Faculty Deliverables: 1. Presenter Manual (PM) To aid the learning process, following are the deliverables Student Deliverables: 1. (ebook) Resources available on OnlineVarsity for Students: Icons Feature - Description / Functionality Availability Download Book - Student has the option to download Available the subject related e-book and read offline Glossary - Student can access a list of subject related specialized words with their definitions. Available FAQ - Student can access frequently asked questions and their answers Available Show Me How - Student can view a step-wise simulation / demonstration of the module related topics. Not Applicable Work Assignments - Student can solve scenario based lab assignments (Hands-on). The faculty will evaluate and give their feedbacks. Not Applicable Presenter s Manual Aptech Limited Page 7

8 Download Source code / Files Student can download courseware related source files. Not Applicable References - Student can access additional subject related material for reading. Available Feedback - Student can provide feedback on the course material Available Ask to Learn Student can submit subject related technical queries. Queries submitted will be directed to the particular course coordinator/head. Available Presenter s Manual Aptech Limited Page 8

9 Week wise Schedule Theory vs. Lab Coverage (2 hrs a day/ 3 days a week) Weeks / Modules EWD D1 T1 T4 T7 T10 D2 T2 T5 T8 T11 D3 T3 T6 T9 T12 EWD T Theory session; L Lab session; O Online session Presenter s Manual Aptech Limited Page 9

10 Session Coverage Session No. Session Details 1. Session Topic: Basic Concepts What is the Web Comparing Web with Print Web Browser Domain Name Building Up a Webpage What is a Website? Making Websites live on the Web 2. Session Topic: Web Designing Process and Tools Web Design Process Tools for Creating Webpages Web Designing Roles 3. Session Topic: User Interface Design of a Webpage What is User Interface Design? Characteristics of Web Interface Design Important Aspects of Visual Interface Design 4. Session Topic: Webpage Design Design Perspectives Defining Good Design Components of Webpage Design Grid Theory 5. Session Topic: Graphics and Color Concepts for Web Color Bit Depth Defining Color for Web Colors For All Images and Backgrounds Deliverables Mapping Presenter s Manual Aptech Limited Page 10

11 6. Session Topic: Typography What is Typography? Importance of Typography Default Fonts Elements of Typography Rules of Web Typography 7. Session Topic: Web Multimedia and Interactivity What is Multimedia? Comparing Web with Print Downloadable and Streaming Media 8. Session Topic: Principles of Web Interface Principles of Web Interface Design Conventions 9. Session Topic: Webpage Layout Layouts On the Basis of Page Width Layouts On the Basis of Alignment 10. Session Topic: Usability Layouts On the Basis of Page Width What is Usability Testing? Usability Checklist Presenter s Manual Aptech Limited Page 11

12 11. Session Topic: Future of Web Design Static File Formats Animated Formats Speed Emergence of Broadband Technologies Hardware Languages Style Sheets Fonts XML SMIL Software 12. Session Topic: Web Design Challenges and Tips Planning on Paper Sketch a Top Level Framework Applying Grid to a Design Typography Color Theme Layout Division Rethink the Established Developers Input Pay Attention to Details Perfection Sharping the Work Maintaining Files and their Versions Design for the Best and prepare for the worst Being Optimistic and Cynical Mutual Consent Visual and Content Hierarchy Open to New Ideas Tracking Design During Development Process Unfinished Projects Presenter s Manual Aptech Limited Page 12