Title Page; Copyright Page; Contents; Introduction; About This Book; A Word About Copyright; About You; About the Icons; Further Reading; Project 1 Choose a Topic; Build a Word Cloud; Look at Similar Web sites; How To Be Safe While Surfing The Web; How To Search With Google.com; How To Search Using SimilarSites.com; Search Offline; Eliminate Weak Ideas; Decide Whom You Want to Talk To; Project 2 Create a Site Map; Decide How You Want to Lay Out Your Content; Create a Site Map with Google Drawings; Create a New Google Drawings Document; Draw Your First Content Bubble in Google Drawings

Create Additional Content BubblesDraw A Site Map Using A Pencil And Paper; Project 3 Create a Wireframe; What Is a Wireframe?; The Basics: What You Need to Know to Get Started; Create a Low-Fidelity Wireframe; Place the logo; Create the navigation menu; Add your main content; Create a sidebar and sidebar widgets; Create a footer; Your finished wireframe; Project 4 Create a Style Guide; What Is a Style Guide?; Create a Style Guide with Frontify; Create an Account with Frontify; Create a Brand with Frontify; Learn About Color Codes; HEX Codes; Discover Color Combinations with ColorHexa

Pick Three Colors to Use in Your Web siteAdd a Color Palette to Frontify; Find a Font with Google Fonts; Add Your Font to Frontify; Finding and Using Media from the Web; Using VisualHunt to Find Free Stock Photos; Add Photos to Frontify; Project 5 Make Your Design Come to Life; Setting Up Your Coding Environment; Create Your Google Folder; Add Coding Apps to Google Drive; Coding Your Home Page; The HTML Structure; Adding Text to Your Web site; Adding More Structure to Your Web site; Add Style Attributes to Your Web site; Adding Pictures to Your Web site; Adding More Pages to Your Web site

Project 6 Make Your Web site Look GreatGetting Google Drive Ready; Make your Google Drive Folder Public; Add the CSS Editey App to Google Drive; Creating a CSS File for Style; Create a CSS File; Move Your Style Code to Your CSS File; Link Your CSS File to Your HTML File; Test Your Changes; Styling Your Web site; Decide Where to Put the Background Colors; Change the Font Color; Format Your Page; Stylize Your Links; Change Your Background; Add Your Content; Add Content and Widgets to Your Home Page; Change Your Footer Text; Add Content to Your Other Pages; Share with Your Friends; EULA