Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress
no starch press Build Your Own Website A Comic Guide to HTML CSS and WordPress Nate Cooper with art by Kim Gee San Francisco
Contents A Note from the Author x Acknowledgments xi 1 The First Day of Class 1 Web Basics 101 3 What You Need 11 A Web Browser 11 A Text Editor 11 Stuff to Know 12 How Do You Read an Address 12 What Are Clients and Servers 12 What’s a Host 13 2 The Trouble with HTML 15 Kim Learns Basic HTML Tags 18 Paths and Naming Conventions 26 Adding Pictures 33 Organizing Files and Folders 39 Playing with HTML 47 Getting Started 47 Using Basic HTML Tags 48 Embedding Images into Your Web Page 52 Adding a Head to Your Document 54 Some Useful HTML Tags 57 3 Kim Makes Things Look Great with CSS 59 Enter CSS 63 Kim Learns Basic CSS 72 Digging into CSS 79 Kim Learns CSS Classes and IDs 84 Cascading Style Sheets 93 Setting Up Your Stylesheet and Linking It to Your HTML 93 Making Your First Stylesheet 94
CSS The Language of Style 95 CSS Syntax 96 Classes IDs and Inheritance 98 Colors 102 The div Tag and Alignment with CSS 104 Margins and Padding 108 Using div s for Structure 110 4 Kim Explores WordPress City 115 Welcome to WordPress City 117 Kim Learns Her Way Around WordPress 122 Kim Builds Her First Page in WordPress 128 Kim Organizes Her Site 133 Kim Adds Photos and Other Media to Her Site 138 Getting Started with WordPress 145 Logging In and Out of WordPress 145 Check Your Work as You Go 148 WordPress Content Posts and Pages 149 Plan Your Site 150 Creating Your First Page 151 Creating a Blog Post 164 Getting Organized Post Categories and Tags 166 Featured Images 168 Using Video Photos and Quotes with Post Formats 169 Managing and Deleting Content 171 5 Customizing WordPress 173 The Appearance Panel 176 Superpower Your Site with Plugins 182 Kim Looks Behind the Curtain 186 Changing the Appearance Theme Basics 193 Customizing Your Theme 196 Customizing Your Navigation Menu 199 Understanding the Screen Options Tab 202 Customized Settings 203 Advanced Customization 205 Plugins 206 Widgets 210 Updates 213 Moving Hosts Using the Tools Panel 214 For More Help 215 vi Contents
