Scribd
Upload
18 views4 pages

IT213 Mid Term Exam Study Guide

Uploaded by

Farzana
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
18 views4 pages

IT213 Mid Term Exam Study Guide

Uploaded by

Farzana
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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