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 / 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. Accessing Information on the Web Public Switched Telephone Network (PSTN) Dial-Up Lines: Regular / High-speed Dedicated Lines: ISDN Lines / DSL / T-carrier Lines

Cable Television Lines Fixed and Mobile Wireless Access Satellite Technology / Wireless fidelity (Wi-Fi) / Bluetooth 6. Selecting a Service Provider: Internet Service Provider (ISP) 7. Alternative Web Page Viewing Devices Web Browsers / Smart Phones / Handheld Computers / Personal Digital Assistant (PDA) 8. Search Tools Search Engine / Directory / Portal 9. Impact of the Internet and the Web Communication / Education / Entertainment & News / Business 10. Types of Web sites Personal / Organizational or topical / Commercial 11. Tools for Creating Web Pages Markup Languages / Cascading Style Sheets (CSS) / Scripting and Programming Languages Text / HTML / WYSIWYG Editors 1

12. Web Design Roles Creative role / Hi-Tech role / Oversight role

Lecture 2: Multimedia Web Development: 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 Users equipment Platform / browsers / bandwidth / screen area and resolution

Determine the content (value-added content) Home Page & Underlying Pages Home page / Splash page Underlying pages

Text / Photographs / Multimedia / Animations /Audio / Video / Dynamically generated content Linear or tutorial structure / Random structure / Hierarchical structure

Plan the structure

Lecture 3: Multimedia Web Development: The Process II 1. Interaction Design Plan the navigation User-based navigation / User-controlled navigation Navigation elements Text links (Relative and absolute URLs) / Image links /Image maps/ Menus, Bars, and Tabs / Site maps / Search capability / Breadcrumb trails / Frames 2. Presentation Design Basic design principles Balance and Proximity Contrast and Focus Unity and Visual Identity Color scheme / Page layout / Grids Tables Create rows and columns of data / Create Web page layout Position text and other elements Cell spacing / Cell padding 3

Maintain visual consistency

 Absolute width / relative width Cascading Style Sheets (CSS) 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 The inverted pyramid style Organization Provide printable version 3. Typography Typeface / Type style / Type size / Font Font size Relative length units / Absolute length units Serif / Sans serif / Monospace / Cursive / Fantasy Generic Font Families Cross-Platform Issues Text size difference / Default fonts difference 4. Typography Tips Overcome Cross-Platform Issues Specify multiple font possibilities Image text

Antialiasing type Apply styles Leading / Tracking / Kerning

Lecture 5: Color and Graphics 1. The Color Wheel Primary and secondary colors / Warm and cool colors / Complementary colors 2. 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 5. Dithering 4

6. The Web Palette Consists of 216 colors 7. Graphics Resolution (measured in ppi or dpi) Size (measured in pixels) 8. Sources for Graphics Digital cameras (measured in megapixel) Scanners Size / Resolution / Color depth / Format Stock photography / Clip art / Original artwork / Screen capture software 9. Graphics File Formats Bitmap / Vector; Resolution dependent / Resolution independent Common formats / Popular editing programs 10. Popular Bitmap Graphics Format on the Web GIF Interlacing Transparency Halo effect Animation GIF compression is lossless Tips for optimizing GIF files Progressive JPEG JPEG compression is lossy Tips for optimizing JPEG files

JPEG

PNG Comparisons with GIF 11. Graphics Tips and Techniques The ALT Attribute Sidebar Favicon