Introduction to Web Interaction Design With HTML and CSS

Description

Halftitle Title Copyright Table of Contents Preface Author 1. The Internet and the Web 1.1 Introduction 1.2 Learning Outcomes 1.3 Fundamentals of the Internet and the Web 1.4 How the Web Works 1.5 Requirements for Creating Websites 1.6 Useful Info 1.6.1 Web Links 1.6.2 Free Software Part I: HTML 2. Introduction to HTML 2.1 Introduction 2.2 Learning Outcomes 2.3 About HTML 2.3.1 The Structure of an HTML Document 2.3.1.1 The Contents of the Head Section 2.3.1.2 The Contents of the Body Section 2.3.2 Creating a Web Page 2.3.2.1 Creating a Web Page with a Text Editor 2.4 Useful Info 2.4.1 Web Links 3. Text 3.1 Introduction 3.2 Learning Outcomes 3.3 Headings 3.3.1 Headings in Design 3.4 Paragraphs 3.4.1 Paragraphs in Design 3.5 Line Breaks, Thematic Breaks, and Comments 3.5.1 Specifying Word-Break Opportunities 3.6 Superscript and Subscript 3.7 Importance, Emphasis, and Relevance 3.8 Quotations and Citations 3.9 Definitions and Abbreviations 3.10 Small Text 3.11 Text Edit 3.12 Displaying Computer Code and Output 3.13 Displaying Preformatted Text 3.14 Authors’ Details and Publication Dates 3.15 Providing Hidden Additional Information 3.16 Displaying a Dialog Box 3.17 Menu Bar and Drop-Down Menus 3.18 Displaying Special Characters 3.18.1 Non-Breaking Spaces 3.19 Language Information and Text Directionality 3.19.1 lang 3.19.1.1 Benefits of Using the lang Attribute 3.19.2 dir 3.20 Ruby Text 3.20.1 , , , and 3.20.2 and 3.21 Acquiring Text for Use 3.22 Useful Info 3.22.1 Web Links 4. Lists, Tables, and Links 4.1 Introduction 4.2 Learning Outcomes 4.3 Lists 4.3.1 Common List Attributes 4.3.2 Nested Lists 4.4 Tables 4.4.1 Basic Tables 4.4.1.1 , , , , and 4.4.1.2 Columns’ Grouping 4.4.2 Table Cells’ Merging 4.4.2.1 and 4.4.3 Long Tables 4.4.3.1 , , and 4.4.4 Tables and Accessibility 4.4.4.1 The scope Attribute and Accessibility 4.4.4.2 The id and headers Attributes and Accessibility 4.5 Links 4.5.1 Linking to Another Website 4.5.2 Linking to Another Page on the Same Website 4.5.3 Linking to Another Part on the Same Page 4.5.3.1 Using the id Attribute 4.5.3.2 Using the name Attribute 4.5.3.3 Within-Page Links in Web Design 4.5.4 Linking to a Specific Part on Another Page 4.5.5 Linking to an E-Mail Program 4.6 Useful Info 4.6.1 Web Links 5. Forms 5.1 Introduction 5.2 Learning Outcomes 5.3 Form Element 5.4 Form Controls 5.4.1 5.4.1.1 Input Types for Collecting Text 5.4.1.2 Input Types for Offering Options 5.4.1.3 Input Types for Starting an Action 5.4.2 Multipurpose Button 5.4.2.1 ... 5.4.3 Multiple Lines Text Input 5.4.3.1 ... 5.4.4 Drop-Down List 5.4.4.1 ... 5.4.4.2 ... 5.4.5 Showing Task Progress 5.4.5.1 ... 5.4.6 Displaying Measurement 5.4.6.1 ... 5.4.7 Outputting Calculation Result 5.4.7.1 ... 5.4.8 Labeling Form Controls 5.4.8.1 ... 5.4.8.2 Labeling and Accessibility 5.4.9 Grouping Form Controls 5.4.9.1 .../... 5.4.10 An Example Form 5.5 Form Design Guidelines 5.6 Useful Info 5.6.1 Web Links 6. Images 6.1 Introduction 6.2 Learning Outcomes 6.3 Adding Images with HTML 6.3.1 , , and 6.3.1.1 Specifying a Single Image Source 6.3.1.2 Making an Image a Link, and Linking to an Image 6.3.1.3 Containing and Captioning Images Properly 6.3.1.4 Specifying Multiple Image Sources 6.3.2 ... 6.3.3 ... 6.3.4 ... and ... 6.4 Document Embedding 6.4.1 ... 6.5 Types of Images 6.5.1 Bitmapped Images 6.5.1.1 Image Resolution 6.5.1.2 Pixels per Unit Length 6.5.1.3 Color Depth 6.5.2 Vector Images 6.5.3 Image File Formats and Image File Size 6.5.5 Calculating File Size Generated from Scanned Documents 6.5.5 Calculating File Size Generated from Digital Camera 6.5.6 Calculating File Transmission Time 6.6 Guidelines for Effective Use of Images 6.6.1 Decorative Images 6.6.2 Large Images 6.6.3 Images with Text 6.6.4 Images and Captions 6.7 Acquiring Images for Use 6.7.1 Stock Images 6.7.2 Graphics Editors 6.7.3 Photography 6.7.4 Image Scanning 6.7.5 Web Coding Languages 6.8 Useful Info 6.8.1 Web Links 6.8.2 Free Software 7. Audio, Video, and Animation 7.1 Introduction 7.2 Learning Outcomes 7.3 Delivering Dynamic Media 7.4 Audio 7.4.1 Linking to Audio 7.4.2 Embedding Audio 7.4.2.1 .. . 7.4.2.2 7.4.2.3 .. . 7.4.3 Audio in Web Design 7.4.3.1 Audio File Formats and Audio File Size 7.4.3.2 Guidelines on Effective Use of Sound 7.4.4 Acquiring Audio for Web Design 7.4.4.1 Stock Audio 7.4.4.2 Ripping Tracks from Discs 7.4.4.3 Digitizing Tracks from Vinyl Records 7.4.4.4 Creating Audio from Scratch 7.5 Video 7.5.1 Adding Video via Hosted Video Services 7.5.2 Adding Video to Web Page 7.5.2.1 Linking to Video 7.5.2.2 Embedding Video 7.5.3 Video in Design 7.5.3.1 Video File Size 7.5.3.2 Video File Formats and Codecs 7.5.3.3 Guidelines on Effective Use of Video 7.5.4 Acquiring Video for Design 7.5.4.1 Stock Videos 7.5.4.2 Ripping Video from DVD Video/Blu-Ray Disc 7.5.4.3 Video from Video Devices 7.5.4.4 Producing Video from Scratch 7.5.4.5 Video Screen Capture 7.6 Animation 7.6.1 Animation in Design 7.6.1.1 Guidelines on Effective Use of Animation 7.6.2 Acquiring 2D Animation for Design 7.6.2.1 Stock 2D Animation 7.6.2.2 2D Animation Programs 7.6.2.3 Coding 7.7 Useful Info 7.7.1 Web Links 7.7.2 Free Software Part II: CSS 8. Introduction to CSS 8.1 Introduction 8.2 Learning Outcomes 8.3 Introduction to CSS 8.3.1 Anatomy of CSS Rules 8.3.1.1 CSS Selector Types 8.3.1.2 Pseudo-Elements 8.3.1.3 Pseudo-Classes 8.3.1.4 nth Selectors 8.3.2 CSS Cascading Properties 8.3.2.1 Last Rule Principle 8.3.2.2 Specificity Principle 8.3.2.3 Inheritance 8.3.3 Methods of Specifying CSS Rules 8.3.3.1 Inline CSS 8.3.3.2 External CSS 8.4 Useful Info 8.4.1 Web Links 9. Color 9.1 Introduction 9.2 Learning Outcomes 9.3 Specifying Color in CSS 9.3.1 RGB Values 9.3.2 HSL Values 9.3.3 Foreground and Background Color 9.3.3.1 Color Transparency 9.4 Anatomy of Color and Color Models 9.4.1 Determining Color Values 9.5 Color in Design 9.5.1 Choosing Color Combinations 9.5.1.1 Monochromatic 9.5.1.2 Analogous 9.5.1.3 Complementary 9.5.1.4 Split Complementary 9.5.1.5 Double Contrast 9.5.1.6 Triadic 9.5.2 Color Proportions 9.5.3 Color in Content Organization 9.5.4 Color and Aesthetics 9.5.5 Color and Physiological Considerations 9.5.6 Color and Psychological Considerations 9.5.7 Color Preferences 9.5.8 Color and Accessibility 9.6 Useful Info 9.6.1 Web Links 10. Boxes: Size and Border 10.1 Introduction 10.2 Learning Outcomes 10.3 Box Dimensions 10.3.1 width and height 10.3.1.1 Specifying Logical Width and Height 10.3.2 min-width and min-height and max-width and max-height 10.3.2.1 Handling Content Overflow 10.3.2.2 Specifying Minimum and Maximum Logical Width and Height 10.3.3 calc() 10.4 Border, Padding, and Margin 10.4.1 Border 10.4.1.1 border-style 10.4.1.2 border-width 10.4.1.3 border-color 10.4.1.4 border-top and border-bottom and border-right and border-left 10.4.1.5 border 10.4.1.6 border-image 10.4.1.7 border-radius 10.4.2 padding 10.4.2.1 Specifying Padding for Logical Edges 10.4.3 margin 10.4.3.1 Specifying Margin for Logical Edges 10.4.3.2 Margins in Design 10.5 Controlling Box Sizes 10.5.1 Specifying How Boxes Are Rendered 10.5.2 Making Boxes Resizable 10.6 Adding Shadows to a Box 10.7 Applying Outline to an Element 10.7.1 outline-offset 10.8 Changing between Inline and Block Elements 10.9 Hiding Content 10.9.1 Hiding Content by Using the display Property 10.9.2 Hiding Content by Using the visibility Property 10.10 Useful Info 10.10.1 Web Links 11. Boxes: Transform and 3D 11.1 Introduction 11.2 Learning Outcomes 11.3 Transforming Elements 11.3.1 transform-origin 11.3.2 transform 11.3.2.1 Applying Rotation and Skewing 11.3.2.2 Applying Perspective 11.3.3 perspective 11.3.3.1 Example Application of the perspective Property 11.3.4 transform-style 11.3.5 backface-visibility 11.3.5.1 Full Explanation of the Cube Example 11.4 Useful Info 11.4.1 Web Links 12. Positioning Elements 12.1 Introduction 12.2 Learning Outcomes 12.3 CSS Positioning Methods 12.3.1 Static Positioning 12.3.2 Relative Positioning 12.3.2.1 Specifying Offset for Logical Edges 12.3.3 Absolute Positioning 12.3.4 Fixed Positioning 12.3.4.1 An Application of Fixed Positioning 12.3.5 Sticky Positioning 12.3.5.1 Sticky Global Navigation 12.3.6 Using Element Positioning in Drop-Down Menus 12.3.6.1 Drop-Down Menu Using List Elements 12.3.6.2 Drop-Down Menu Using the Element 12.3.7 Ordering Overlapping Elements 12.3.8 Floating Elements 12.3.9 Clearing Obstructed Floated Elements 12.3.9.1 A Common Problem with Non-Floated Parent Elements 12.3.9.2 Multi-Column Content with Floats 12.4 Multi-Column Layout 12.4.1 columns and column-span 12.4.2 column-count, column-rule, and column-gap 12.4.3 column-fill 12.5 Useful Info 12.5.1 Web Links 13. Text: Typefaces and Fonts 13.1 Introduction 13.2 Learning Outcomes 13.3 Anatomy of Type 13.4 Typefaces and Fonts 13.4.1 font-family 13.4.2 @font-face 13.4.2.1 Providing Broad Browser Support 13.4.3 Fonts in Design 13.4.3.1 Typeface Classifications 13.4.3.2 Choosing a Typeface 13.5 Size of Text 13.5.1 font-size 13.5.2 font-size-adjust 13.5.3 Font Size in Design 13.5.3.1 Font Size and Typeface 13.5.3.2 Font Size, Operating Systems, Resolution, and Screen Size 13.5.3.3 Type Size and Target Audience 13.5.3.4 Type Size and Visual Hierarchy 13.6 Weight of Text 13.6.1 font-weight 13.6.2 Font Weight in Design 13.7 Text Style 13.8 Useful Specialized Font Properties 13.8.1 font-feature-settings 13.8.2 font-synthesis 13.8.3 font-variant 13.8.4 font-stretch 13.9 Specifying Multiple Font Properties 13.10 Useful Info 13.10.1 Web Links 14. Text: Formatting and Decoration 14.1 Introduction 14.2 Learning Outcomes 14.3 Content Alignment 14.3.1 text-align 14.3.1.1 Text Alignment in Design 14.3.2 vertical-align 14.3.3 Centering Blocks of Text 14.3.3.1 Horizontal Centering 14.3.3.2 Vertical Centering 14.3.3.3 Vertical and Horizontal Centering 14.4 Text Indenting and Outdenting 14.5 Text Spacing 14.5.1 letter-spacing, font-kerning, and word-spacing 14.5.2 text-rendering 14.5.3 Text Spacing in Design 14.6 Line Spacing 14.6.1 line-height 14.6.2 Line Height in Design 14.7 Specifying Lowercase or Uppercase 14.7.1 Text Capitalization in Design 14.8 Specifying Content Directionality 14.8.1 direction 14.8.2 writing-mode 14.8.3 text-orientation 14.8.4 text-combine-upright 14.9 Text Decoration 14.9.1 text-decoration 14.9.2 text-decoration-skip 14.9.3 text-underline-position 14.9.4 text-emphasis 14.9.5 text-shadow 14.10 Styling with Pseudo-Elements 14.10.1 ::first-letter, ::first-line, ::before, ::after, ::selection 14.10.2 Using content Property Values 14.11 Styling Text with Pseudo-Classes 14.11.1 Styling Links 14.11.2 :target 14.11.2.1 Lightbox Display and the :target Pseudo-Class 14.11.3 :not(X) 14.11.4 :empty 14.12 Ruby Properties 14.12.1 Ruby Properties for Styling and Formatting 14.12.1.1 ruby-position 14.12.1.2 ruby-align 14.12.1.3 ruby-merge 14.12.2 Converting Elements to Ruby Elements 14.13 Useful Info 14.13.1 Web Links 15. Images: Content and Background Images 15.1 Introduction 15.2 Learning Outcomes 15.3 Sizing Images 15.3.1 Specifying the Quality of Resized Images 15.3.2 Specifying Size for Responsive Images 15.4 Clipping Images 15.5 Aligning Images 15.6 Positioning and Fitting Images in Element’s Box 15.6.1 object-position 15.6.2 object-fit 15.7 Background Images 15.7.1 Adding Background Images 15.7.2 Repeating Background Images 15.7.2.1 repeat-x and repeat-y 15.7.2.2 space and round 15.8 Specifying Background Image Position Area 15.9 Clipping Background Images 15.10 Sizing Background Images 15.10.1 background-size with Keywords 15.11 Multiple Background Images 15.12 Fixing the Position of Background Images 15.13 Positioning Background Images 15.14 Shorthand Background Property 15.14.1 Multiple Background Images with background Property 15.15 Useful Info 15.15.1 Web Links 16. Images: Effects 16.1 Introduction 16.2 Learning Outcomes 16.3 Image Sprites 16.3.1 Using Image Sprites with the Element 16.4 Gradients 16.4.1 Linear Gradients 16.4.1.1 Repeating Linear Gradients 16.4.2 Radial Gradients 16.4.2.1 Example Application of Radial Gradient 16.4.2.2 Repeating Radial Gradient 16.5 Filters 16.6 Blending Images 16.6.1 background-blend-mode 16.6.2 mix-blend-mode 16.6.3 isolation 16.7 Useful Info 16.7.1 Web Links 17. Lists, Tables, and Forms 17.1 Introduction 17.2 Learning Outcomes 17.3 Lists 17.3.1 list-style-type 17.3.2 list-style-image 17.3.3 list-style-position 17.3.4 list-style 17.3.5 Styling Lists with Generic Properties 17.3.5.1 Styling and Elements with Generic Properties 17.3.5.2 Styling Definition Lists 17.3.6 Converting Other Elements to list-items 17.4 Tables 17.4.1 Styling Tables with Generic Properties 17.4.2 Styling with Table-Specific Properties 17.4.2.1 border-collapse 17.4.2.2 border-spacing 17.4.2.3 empty-cells 17.4.2.4 table-layout 17.4.3 Converting Other Elements to Table Elements 17.4.4 Guidelines for Designing Effective Tables 17.5 Forms 17.5.1 Images in Input Fields 17.5.2 Styling Form Elements 17.5.2.1 Styling Form Buttons 17.5.2.2 Styling Default Button 17.5.3 Specifying Cursor Shape 17.5.4 Validating Form Inputs 17.5.4.1 :in-range and :out-of-range 17.5.4.2 :valid and :invalid 17.6 Useful Info 17.6.1 Web Links 18. Animation 18.1 Introduction 18.2 Learning Outcomes 18.3 About Animation 18.4 CSS 2D Animation 18.4.1 @keyframes 18.4.2 Animation Properties 18.4.3 Using @keyframes and Animation Properties 18.4.3.1 Applying Multiple Animations to an Element 18.4.3.2 Animated CSS Lightbox Display 18.4.4 CSS Transitions 18.5 3D Animation 18.5.1 CSS 3D Animation 18.5.1.1 An Example Application of 3D Animation 18.6 Animation in Design 18.6.1 Animation in Attracting Attention 18.6.2 Animation in Providing Feedback 18.6.2.1 Depiction of Transition 18.6.2.2 Rollover Effect 18.6.3 Animation in Providing Explanation 18.6.4 Animation in Providing Entertainment 18.6.5 Animation in Setting Mood 18.6.6 Animation in Providing a Sequence of Items 18.7 Beyond CSS-Only Animation 18.8 Useful Info 18.8.1 Web Links 19. Layout with Flexible Box 19.1 Introduction 19.2 Learning Outcomes 19.3 Anatomy of Flexible Box Layout 19.4 Controlling Flow Direction of Flex Items 19.5 Controlling the Wrapping of Flex Lines 19.6 Specifying Flex Direction and Wrapping Together 19.7 Controlling the Size of Flex Items 19.7.1 Specifying Flex Items Sizing Factors Individually 19.7.2 Specifying All Flex Items Sizing Factors with One Property 19.7.2.1 Vertical Space Example 19.8 Aligning Flex Items 19.8.1 Aligning All Flex Items in a Flex Container 19.8.1.1 justify-content 19.8.1.2 align-content 19.8.1.3 align-items 19.8.2 Aligning Flex Items Individually 19.9 Ordering Flex Items 19.10 Useful Info 19.10.1 Web Links 20. Layout with the Grid Model 20.1 Introduction 20.2 Learning Outcomes 20.3 About Layout Grids 20.4 Anatomy of the Grid Layout Model 20.5 Properties for Creating Grid Layout 20.5.1 Specifying Grid Columns, Rows, and Areas 20.5.1.1 grid-template-columns and grid-template-rows 20.5.1.2 Specifying Multiple Names for a Grid Line 20.5.1.3 Handling Repeating Values 20.5.1.4 grid-template-areas 20.5.1.5 grid-template 20.5.2 Controlling Implicit Tracks and Items’ Auto-Placement 20.5.2.1 grid-auto-columns and grid-auto-rows 20.5.2.2 grid-auto-flow 20.5.3 Specifying Gutters between Grid Columns and Rows 20.5.3.1 grid-column-gap, grid-row-gap, and grid-gap 20.5.4 Specifying All Grid Structure Properties Together 20.5.4.1 grid 20.5.5 Specifying Grid Item Placement within the Grid 20.5.5.1 Specifying Grid-Placement Values Separately 20.5.5.2 Specifying Column and Row Grid-Placement Values Separately 20.5.5.3 Specifying All Grid-Placement Values Together 20.6 Aligning Grid and Grid Items 20.6.1 Aligning All Grid Items in a Grid Container 20.6.1.1 justify-content and align-content 20.6.1.2 justify-items and align-items 20.6.2 Aligning Grid Items Individually 20.6.2.1 justify-self and align-self 20.7 Ordering Grid Items 20.7.1 Ordering Grid Items Display Sequence 20.7.1.1 order 20.7.2 Specifying Layer Positions for Stacked Grid Items 20.7.2.1 z-index 20.8 Example Application of Grid 20.9 Useful Info 20.9.1 Web Links 21. Responsive and Adaptive Web Design 21.1 Introduction 21.2 Learning Outcomes 21.3 Screen Size and Resolution Issues 21.4 Fixed and Liquid Layouts 21.4.1 Fixed Layouts 21.4.2 Liquid Layouts 21.5 Responsive vs. Adaptive Design 21.6 Creating Responsive Design 21.6.1 Steps for Creating a Responsive Design 21.6.1.1 Creating the Layouts for Different Screen Sizes 21.6.1.2 Creating Fluid Media Assets 21.6.1.3 Creating CSS Rules for Changing between Layouts 21.6.2 Implementing Responsive Design via Flexbox 21.6.3 Implementing Responsive Design via Grid 21.7 Creating Adaptive Design 21.8 Useful Info 21.8.1 Web Links 22. Beyond HTML and CSS 22.1 Introduction 22.2 Learning Outcomes 22.3 Enhanced CSS 22.4 Using Scripting Languages with HTML 22.4.1 Client-Side Scripting 22.4.1.1 Embedding Client-Side Scripts 22.4.1.2 External Client-Side Scripts 22.4.2 Server-Side Scripting 22.4.2.1 Using Server-Side Script with AJAX 22.4.2.2 Server-Side Script, AJAX, and Database 22.4.2.3 Storing Data in Database 22.4.2.4 Retrieving Data from Database 22.5 Optimizing Website Performance 22.5.1 Optimizing Text-Based Assets 22.5.2 Optimizing Image-Based Assets 22.5.3 Optimizing Web Font 22.6 Useful Info 22.6.1 Web Links Part III: Web Design Principles and Practices 23. Design: The Fundamentals 23.1 Introduction 23.2 Learning Outcomes 23.3 Visual Aesthetics in Design 23.4 Design Elements and Principles 23.4.1 Basic Elements of Design 23.4.1.1 Point 23.4.1.2 Line 23.4.1.3 Shapes 23.4.1.4 Size/Scale 23.4.1.5 Space 23.4.1.6 Hue and Value 23.4.1.7 Texture 23.4.2 Principles of Design 23.4.2.1 Balance 23.4.2.2 Emphasis 23.4.2.3 Rhythm 23.4.2.4 Proportion 23.4.2.5 Unity 23.5 Useful Info 23.5.1 Web Links 24. Designing for the Web 24.1 Introduction 24.2 Learning Outcomes 24.3 User Experience 24.4 Website Credibility 24.4.1 Show Usefulness 24.4.2 Show Professionalism 24.4.3 Manage Adverts Properly 24.4.4 Show Trustworthiness 24.5 Designing Website Interfaces 24.5.1 Designing Website Navigation 24.5.1.1 Tabs Metaphor 24.5.1.2 Drop-Down Menus 24.5.1.3 Site Map 24.5.1.4 Footers 24.5.2 Designing Content Area 24.5.2.1 Homepage Content 24.5.2.2 Content Display Size 24.5.2.3 Content Length 24.5.2.4 Line Length 24.5.2.5 Content Layout 24.5.2.6 Managing Content Amount 24.5.2.7 Writing Content for the Web 24.6 Designing for Different Ages 24.7 Useful Info 24.7.1 Web Links 25. Designing for Mobile Devices 25.1 Introduction 25.2 Learning Outcomes 25.3 Designing for Smartphones 25.3.1 Designing Content for Smartphones 25.3.1.1 Content Structuring 25.3.1.2 Number of Columns 25.3.1.3 Amount of Text Entry 25.3.1.4 Registration 25.3.2 Designing Navigation for Smartphones 25.3.2.1 Designing Touch Targets 25.3.2.2 Designing Touch Gestures and Animations 25.4 Designing for Tablets 25.5 Useful Info 25.5.1 Web Links Part IV: Web Development Process 26. Web Development Process 26.1 Introduction 26.2 Learning Outcomes 26.3 User-Centered Design Process 26.3.1 Task Analysis Phase 26.3.1.1 Field Studies 26.3.1.2 Hierarchical Task Analysis 26.3.2 Requirements-Gathering Phase 26.3.3 Design Phase 26.3.3.1 Card Sorting 26.3.3.2 Prototypes 26.3.4 Evaluation Phase 26.3.4.1 Usability Testing 26.3.4.2 Evaluating Websites for Accessibility 26.3.4.3 Evaluating Your Website for SEO 26.3.4.4 Data Collection for Evaluation 26.3.4.5 Observational Techniques 26.3.4.6 Delivering an Application on the Web 26.4 Useful Info 26.4.1 Web Links 27. Managing Web Development 27.1 Introduction 27.2 Learning Outcomes 27.3 Introduction to Web Development Management 27.3.1 Web Project Management Tools 27.3.1.1 Brainstorming 27.3.1.2 Work Breakdown Structure 27.3.1.3 Critical Path Method 27.3.1.4 Gantt Chart 27.4 Web Project Management Phases 27.4.1 Initiation Phase 27.4.1.1 Project Definition Process 27.4.1.2 Proposal Process 27.4.1.3 Contract Process 27.4.2 Preproduction Phase 27.4.2.1 Project Team Selection 27.4.2.2 Content Gathering and Clearance Process 27.4.2.3 Website Design Process 27.4.2.4 Media Objects Design Process 27.4.2.5 Media Production Tools Selection 27.4.3 Production Phase 27.4.4 Postproduction Phase 27.4.4.1 Final Evaluation 27.4.4.2 Delivery and Final Sign-Off 27.4.4.3 Closure 27.5 Useful Info 27.5.1 Web Links 27.5.2 Free Software 28. Introduction to Intellectual Property 28.1 Introduction 28.2 Learning Outcomes 28.3 Intellectual Property 28.3.1 Copyright 28.3.1.1 When Copyright Protection Begins 28.3.1.2 Duration of Copyright 28.3.1.3 Rights Protected by Copyright Laws 28.3.1.4 Limitations on Rights 28.3.1.5 Related Rights 28.3.2 Industrial Property 28.3.2.1 Patents 28.3.2.2 Industrial Designs 28.3.2.3 Trademarks 28.3.3 Seeking Permission to Use People’s Works 28.3.4 Dealing with an Infringement 28.4 Intellectual Property in Web Design 28.4.1 Rights in Text 28.4.2 Rights in Images and Photographs 28.4.3 Rights in Music and Speech 28.4.4 Rights in Video and Animation 28.4.5 Rights in Codes and Database 28.5 Industrial Property in Web Design 28.6 Useful Info 28.6.1 Web Links Bibliography Index