Hjem

PART I: GETTING STARTED ON THE WEB Lesson
1: Understanding How the Web Works 1 A Brief History of HTML and the World Wide Web 2 Creating Web Content 2 Understanding Web Content Delivery 3 Selecting a Web Hosting Provider 6 Testing with Multiple Web Browsers and Devices 8 Creating a Sample File 9 Using FTP to Transfer Files 10 Understanding Where to Place Files on the Web Server 14 Distributing Content Without a Web Server 17 Tips for Testing Web Content 18 Summary 19 Q&A 20 Workshop 20 Exercises 22 Lesson
2: Creating Web Content 2 Getting Prepared 24 Getting Started with a Simple Web Page 25 HTML Tags Every Web Page Must Have 28 Organizing a Page with Paragraphs and Line Breaks 31 Organizing Your Content with Headings 33 Understanding Semantic Elements 36 Using in Multiple Ways 42 Understanding the Element 44 Using 45 Implementing the Element 45 When to Use 47 Using Effectively 48 Summary 49 Q&A 50 Workshop 51 Exercises 53 Lesson
3: Understanding Cascading Style Sheets 55 How CSS Works 56 A Basic Style Sheet 57 A CSS Style Primer 63 Using Style Classes 68 Using Style IDs 70 Internal Style Sheets and Inline Styles 71 Summary 74 Q&A 75 Workshop 75 Exercises 77 Lesson
4: Understanding JavaScript 79 Learning Web Scripting Basics 80 How JavaScript Fits into a Web Page 81 Exploring JavaScript''s Capabilities 84 Displaying Time with JavaScript 85 Testing the Script 89 Summary 93 Q&A 93 Workshop 94 Exercises 96 Lesson
5: Validating and Debugging Your Code 97 Validating Your Web Content 97 Debugging HTML and CSS Using Developer Tools 99 Debugging JavaScript Using Developer Tools 112 Summary 118 Q&A 118 Workshop 118 Exercises 120
PART II: BUILDING BLOCKS OF PRACTICAL WEB DESIGN Lesson
6: Working with Fonts, Text Blocks, Lists, and Tables 121 Working with Special Characters 122 Boldface, Italic, and Special Text Formatting 126 Tweaking the Font 129 Using Web Fonts 133 Aligning Text on a Page 136 The Three Types of HTML Lists 139 Placing Lists Within Lists 142 Creating a Simple Table 147 Controlling Table Sizes 151 Alignment and Spanning Within Tables 154 Page Layout with Tables 157 Using CSS Columns 158 Summary 162 Q&A 164 Workshop 165 Exercises 166 Lesson
7: Using External and Internal Links 167 Using Web Addresses 167 Linking Within a Page Using Anchors 170 Linking Between Your Own Web Content 174 Linking to Non-HTML Files 177 Linking to External Web Content 178 Linking to an Email Address 179 Opening a Link in a New Browser Window 180 Giving Titles to Links 181 Using CSS to Style Hyperlinks 182 Using Links Effectively 186 Summary 187 Q&A 188 Workshop 189 Exercises 190 Lesson
8: Working with Colors, Images, and Multimedia 191 Best Practices for Choosing Colors 192 Understanding Web Colors 194 Using Hexadecimal Values for Colors 196 Using RGB and RGBa Values for Colors 197 Using CSS to Set Background, Text, and Border Colors 199 Choosing Graphics Software 201 The Least You Need to Know About Graphics 202 Preparing Photographic Images 203 Creating Banners and Buttons 210 Optimizing Images by Reducing or Removing Colors 211 Creating Tiled Background Images 212 Placing Images on a Web Page 214 Describing Images with Text 217 Specifying Image Height and Width 218 Aligning Images 219 Turning Images into Links 223 Using Background Images226 Using Image Maps 227 Linking to Multimedia Files 233 Embedding Multimedia Files 237 Additional Tips for Using Multimedia 242 Summary 242 Q&A 245 Workshop 246 Exercises 248
PART III: ADVANCED WEB PAGE DESIGN WITH CSS Lesson
9: Working with Margins, Padding, Alignment, and Floating 249 Using Margins 249 Padding Elements 257 Keeping Everything Aligned 261 Centering Blocks of Content 262 Understanding the float Property 263 Summary 267 Q&A 267 Workshop 267 Exercises 270 Lesson
10: Understanding the CSS Box Model and Positioning 271 The CSS Box Model 271 Changing the Box Model 275 The Whole Scoop on Positioning 276 Controlling the Way Things Stack Up 281 Managing the Flow of Text 284 Summary 285 Q&A 285 Workshop 286 Exercises 288 Lesson
11: Using CSS to Do More with Lists, Text, and Navigation 289 HTML List Refresher 290 How the CSS Box Model Affects Lists 290 Placing List Item Indicators 294 Creating Image Maps with List Items and CSS 296 How Navigation Lists Differ from Regular Lists 299 Creating Vertical Navigation with CSS 300 Creating Horizontal Navigation with CSS 310 Summary 314 Q&A 314 Workshop 315 Exercises 316 Lesson
12: Creating Layouts Using Modern CSS Techniques 317 Getting Ready to Do Page Layout 318 The Importance of Putting Mobile Devices First 319 Understanding Fixed Layouts 319 Understanding Liquid Layouts 322 Creating a Fixed/Liquid Hybrid Layout 324 Using Modern CSS Layout Techniques 335 Summary 349 Q&A 350 Workshop 350 Exercises 352 Lesson
13: Taking Control of Backgrounds and Borders 353 Reviewing Background and Border Basics &n