Creating a Web Site: Design and Build Your First Site!

Creating a Web Site: Design and Build Your First Site!

by Greg Rickaby


View All Available Formats & Editions
Members save with free shipping everyday! 
See details


Speak to the world with your very own custom website!

Creating a Web Site is the kids' guide to learning basic website design! From planning to perfecting, this book walks you through the entire process of building your own website, with easy-to-read instructions and plenty of pictures every step of the way. Good planning saves you a ton of work, so you'll begin by getting your ideas out of your head and onto paper. Next, you'll find a template that already has the basic features you want, so you can start working on the fun stuff right away. You'll learn all the HTML and CSS you need to make your site look and act the way you want it to, and you'll learn how to add video, images, widgets, and more to make the design your very own! Before you know it, you'll have your own custom-built website showcasing your talents and interests for the world.

If you want your own website, why settle for a basic template that makes your page look like everyone else's? You don't need to build it from scratch—with a few simple lines of code, you can transform a basic template into the site of your dreams. This book shows you how to have fun from page one as you:
  • Figure out just what kind of site you want to build
  • Create a mood board to bring your ideas into reality
  • Choose your favorite template and customize it with CSS and HTML
  • Add widgets, pictures, video, and more to make your site your very own

Easy instruction with a dose of humor have made the For Dummies books a leading resource for adults around the globe. The Dummies Junior series brings that learning to kids, with projects designed specifically for your interests, skills, and abilities. Creating a Web Site helps you build your digital home base, with fun instruction every step of the way.

Product Details

ISBN-13: 9781119376514
Publisher: Wiley
Publication date: 04/10/2017
Series: Wiley's Kids for Dummies Series
Pages: 128
Sales rank: 1,236,179
Product dimensions: 5.50(w) x 8.50(h) x 0.25(d)
Age Range: 7 - 11 Years

About the Author

Greg Rickaby has been writing code since the late 90's, when he built simple web pages on Geocities. Since then, Greg has gone on to make a living building web sites for big companies like Microsoft, The Discovery Channel, Uber, and Campbell's Soup.

Table of Contents

Introduction 2

About This Book 2

A Word About Copyright 3

About You 3

About the Icons 4

Further Reading 4

Project 1: Choose a Topic 5

Build a Word Cloud 5

Look at Similar Web sites 6

How to be safe while surfing the web 7

How to search with 8

How to search using 9

Search offline 11

Eliminate Weak Ideas 11

Decide Whom You Want to Talk To 12

Project 2: Create a Site Map 13

Decide How You Want to Lay Out Your Content 13

Create a Site Map with Google Drawings 14

Create a new Google Drawings document 14

Draw your first content bubble in Google Drawings 16

Create additional content bubbles 18

Draw a Site Map Using a Pencil and Paper 21

Project 3: Create a Wireframe 23

What Is a Wireframe? 23

The Basics: What You Need to Know to Get Started 24

Create a Low-Fidelity Wireframe 25

Place the logo 26

Create the navigation menu 28

Add your main content 29

Create a sidebar and sidebar widgets 30

Create a footer 31

Your finished wireframe 31

Project 4: Create a Style Guide 32

What Is a Style Guide? 32

Create a Style Guide with Frontify 33

Create an account with Frontify 33

Create a brand with Frontify 35

Learn about Color Codes 38

HEX codes 38

Discover color combinations with ColorHexa 38

Pick three colors to use in your web site 39

Add a color palette to Frontify 42

Find a font with Google Fonts 46

Add your font to Frontify 48

Finding and using media from the web 50

Using VisualHunt to find free stock photos 50

Add photos to Frontify 53

Project 5: Make Your Design Come to Life 57

Setting Up Your Coding Environment 57

Create your Google folder 57

Add coding apps to Google Drive 59

Coding Your Home Page 66

The HTML structure 67

Adding text to your web site 69

Adding more structure to your web site 70

Add style attributes to your web site 72

Adding pictures to your web site 78

Adding More Pages to Your Web site 85

Project 6: Make Your Web site Look Great 93

Getting Google Drive Ready 94

Make your Google Drive folder public 95

Add the CSS Editey app to Google Drive 96

Creating a CSS File for Style 98

Create a CSS file 99

Move your style code to your CSS file 100

Link your CSS file to your HTML file 102

Test your changes 105

Styling Your Web site 106

Decide where to put the background colors 106

Change the font color 107

Format your page 108

Stylize your links 113

Change your background 116

Add Your Content 118

Add content and widgets to your home page 118

Change your footer text 119

Add content to your other pages 120

Share with Your Friends 120

Customer Reviews