Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Cover
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
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
Draw a Site Map Using a Pencil and Paper
PROJECT 3: CREATE AWIREFRAME
What Is a Wireframe?
The Basics: What You Need to Know to Get Started
Create a Low-Fidelity Wireframe
PROJECT 4: CREATE ASTYLE GUIDE
What Is a Style Guide?
Create a Style Guide with Frontify
Learn about Color Codes
PROJECT 5: MAKE YOUR DESIGNCOME TO LIFE
Setting Up Your Coding Environment
Coding Your Home Page
Adding More Pages to Your Web Site
PROJECT 6: MAKE YOUR WEB SITE LOOK GREAT
Getting Google Drive Ready
Creating a CSS File for Style
Styling Your Web site
Add Your Content
Share with Your Friends
ABOUT THE AUTHOR
END USER LICENSE AGREEMENT
Table of Contents
Begin Reading
i
ii
iii
iv
v
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
← Prev
Back
Next →
← Prev
Back
Next →