Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

IT213 Mid term Exam Study Guide

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 4

IT213 Mid term Exam Study Guide

Disclaimer: This is a guide only and is not guaranteed to be complete. To prepare for IT213 mid term exam,
go over the reading assignments and lecture notes for lecture 1~5.

Lecture 1: Introduction to Web Design & Multimedia

1. The Internet and the World Wide Web


 TCP/IP/HTTP
 Hyperlinks
2. The Internet Client/Server Model: Client: Web Browser / Server: Web Server
3. Internet / Web Standards Organizations
 The Internet Society / ICANN / IANA / Internet 2 / W3C
4. URLs and Domain Names
 Uniform Resource Locator (URL)
 Protocol
 Domain name / IP address
 Top-level domain (TLD)
 County Code TLD (ccTLD)
5. Influence on Society
 Communication / Education / Entertainment & News / E-commerce
6. Ways to Access the Internet and the Web
 Transfer Rate: kbps, Mbps
 Broadband Connections
 DSL / CATV / FTTP / Satellite
 Mobile Internet Access
 Radio signals / Wi-Fi / Cellular telephones / Wireless provider’s broadband networks
 3G / 4G
7. Internet Service Provider (ISP)
 Regional / National
8. Web Browsers
9. Search Tools
 Search Engine / Search Directory / Portal
10. Types of Websites
 Personal / Organizational or topical / Commercial
11. Web Design Tools
 Markup Languages / Cascading Style Sheets (CSS) / Scripting Languages
 Text / HTML / WYSIWYG Editors / IDE / Web Template / CMS / Intranet
12. Web Design Roles
 Creative role / Technical role / Oversight role
1
Lecture 2: Multimedia Web Design: The Process I

1. Advantages of Web Publishing


 Currency / Connectivity / Interactivity / Cost / Delivery
2. Information Design
 Define the purpose: goals & objectives
 Identify the target audience
 Demographic / Psychographic Characteristics
 User needs, Usage environment
 User’s equipment
 Platform / Browsers / Bandwidth / Screen area and resolution / Device types and screen sizes
 Responsive Web Design (RWD)
 Determine the general content (value-added content)
 Home Page & Subsidiary / Underlying Pages & Landing Page
 Text / Images /Audio / Video / Multimedia / Animated elements / Interactive elements /
Dynamically generated content
 Organize website files
 Select the structure
 Linear or tutorial structure / Webbed or random structure / Hierarchical structure

Lecture 3: Multimedia Web Design: The Process II


1. Interaction Design
 Specify the navigation system
 User-based navigation system / User-controlled navigation system
 Navigation Elements
 Text links (Relative and absolute URLs) / Hidden links / Image links /Image maps/ Navigation
menus, bars, and tabs / Breadcrumb trails / Site map / Search capability
 Levels of Navigation
 Primary / Local or subsidiary / contextual / Adaptive
2. Presentation Design
 Basic Web Design Principles
 Balance and Proximity
 Contrast and Focus
 Unity and Visual Identity
 Design the look
 CSS and formatting: inline / internal / external
 Page layout
 Layout grids: fluid / responsive
 CSS and layout

2
 Tables
 Create rows and columns of data
 Position text and other elements
 Cell spacing / Cell padding
 Absolute width / relative width

Lecture 4: Writing for Multimedia Web and Typography

1. How Users Read on the Web?


2. Writing for the Web
 Accuracy and currency
 Scannability
 Chunked format / paragraph format
 Organization
 The inverted pyramid style
3. Typography
 Typeface / Style / Size / Color
 Type Style
 Roman (regular) / Italic / Bold
 Generic Font Families
 Serif / Sans-serif / Monospace / Cursive / Fantasy
 Type Size
 Relative length units / Absolute length units
 Font and Mood / Readability / Legibility
4. Typography Tips
 Specify a font family or a font stack
 Include embedded fonts
 Use image text
 Use CSS
 Leading / Tracking / Kerning
 Proprietary font

Lecture 5: Color and Images

1. The Color Wheel


 Primary and secondary colors / Warm and cool colors / Complementary colors
2. The RGB System
 256 red x 256 green x 256 blue; 16.7 million possible colors
3. The Hexadecimal System
 16 symbols (A-F, 0-9)
4. Color Depth
3
5. The Web Safe Palette
 Consists of 216 colors
6. Images
 Resolution (measured in ppi or dpi)
 Size (measured in pixels)
7. Sources for Images
 Digital cameras (measured in megapixel)
 Scanners
 Screen capture and illustration software
 Stock photography / Clip art / Original artwork
8. Image File Formats
 Bitmap / Vector; Resolution dependent / Resolution independent
 Common formats / Popular editing programs
9. Popular Bitmap Image Formats on the Web
 GIF
 Interlacing / Transparency / Animation
 Antialiasing
 GIF compression is lossless
 Tips for optimizing GIF files
 JPEG
 No support for transparency or animation
 JPEG compression is lossy
 Tips for optimizing JPEG files
 PNG
 Comparisons with GIF
 GIF compression is lossless
 Tips for optimizing PNG files
10. Image Tips and Techniques
 Crop
 The ALT Attribute
 Favicon

You might also like