Getting Started |
|
viii | |
|
1 Welcome to the World Wide Web |
|
|
3 | |
|
|
4 | (11) |
|
Working in the Web Design World |
|
|
15 | (6) |
|
Project 1.1 Create Your First Dreamweaver Website |
|
|
21 | (5) |
|
Project 1.2 Under the Hood---Examining Code in a Web Page |
|
|
26 | (11) |
|
Challenge! Customize the Starter Page and Make It Your Own |
|
|
37 | (4) |
|
|
41 | (2) |
|
|
|
|
43 | (1) |
|
How Does Dreamweaver Help? |
|
|
44 | (1) |
|
|
45 | |
|
|
2 | (43) |
|
|
45 | (1) |
|
Dreamweaver Workspace Overview |
|
|
46 | (2) |
|
|
48 | (6) |
|
|
54 | (6) |
|
|
60 | (7) |
|
|
67 | (2) |
|
3 Building Your First Website |
|
|
69 | (40) |
|
Your First Client---Chris the Cartoonist |
|
|
70 | (1) |
|
|
71 | (1) |
|
Project 3.1 Translating Client Project Requirements |
|
|
72 | (5) |
|
Project 3.2 Modifying Page Properties |
|
|
77 | (7) |
|
Project 3.3 Setting Font Formats and Links |
|
|
84 | (7) |
|
Project 3.4 Adding Content Containers and Attributes |
|
|
91 | (6) |
|
Project 3.5 From Blueprint to Assembly: Positioning Page Elements with CSS |
|
|
97 | (9) |
|
Challenge! Create Your Own Page Comps |
|
|
106 | (1) |
|
|
107 | (2) |
|
4 Getting the Big Picture |
|
|
109 | (46) |
|
|
110 | (1) |
|
|
110 | (1) |
|
Define the Chapter 4 Website |
|
|
111 | (1) |
|
Image File Formats for the Web |
|
|
111 | (2) |
|
Project 4.1 Prototyping and Designing with Background Images |
|
|
113 | (12) |
|
Project 4.2 Inserting and Editing Images |
|
|
125 | (9) |
|
Project 4.3 Floating Images into Position |
|
|
134 | (5) |
|
Project 4.4 Creating Structured Layouts with Images |
|
|
139 | (9) |
|
Project 4.5 Styling the Header Area |
|
|
148 | (5) |
|
Challenge! Create Your Own Design with Photoshop |
|
|
153 | (1) |
|
|
153 | (2) |
|
5 Working with Web Page Content |
|
|
155 | (38) |
|
|
156 | (1) |
|
|
156 | (1) |
|
Project 5.1 Styling the Navigation Sidebar |
|
|
157 | (7) |
|
Project 5.2 Styling Navigation Elements |
|
|
164 | (8) |
|
Project 5.3 Styling Structured Data |
|
|
172 | (6) |
|
Project 5.4 Building and Designing Interactive Forms |
|
|
178 | (7) |
|
Project 5.5 Finalizing the Prototype for Production |
|
|
185 | (6) |
|
|
191 | (2) |
|
6 Moving from Prototype to Production |
|
|
193 | (30) |
|
|
194 | (1) |
|
|
194 | |
|
|
6 | (189) |
|
|
195 | (1) |
|
|
195 | (2) |
|
Project 6.1 Putting the Style Sheet into Production |
|
|
197 | (6) |
|
Project 6.2 Building Out the Site with Dreamweaver Templates |
|
|
203 | (7) |
|
Project 6.3 Adding Optional Content with Library Items |
|
|
210 | (6) |
|
Project 6.4 Publishing and Updating a Dreamweaver Site |
|
|
216 | (5) |
|
|
221 | (2) |
|
7 Think Mobile First with Responsive Design |
|
|
223 | (35) |
|
|
224 | (1) |
|
|
224 | |
|
|
7 | (218) |
|
|
225 | (1) |
|
Understanding HTML5, CSS3, and Responsive Design |
|
|
225 | (3) |
|
Project 7.1 Exploring Responsive Design with Media Queries |
|
|
228 | (8) |
|
Project 7.2 Exploring Responsive Design with jQuery and Bootstrap |
|
|
236 | (9) |
|
Project 7.3 Inserting HTML5 Video |
|
|
245 | (4) |
|
Project 7.4 Exploring CSS3 Animation |
|
|
249 | (8) |
|
Your Final Challenge (a New Client) |
|
|
257 | (1) |
|
|
257 | (1) |
|
8 Leveling Up with Design (online) |
|
|
|
9 Working with Outsiders (online) |
|
|
|
|
258 | (7) |
Glossary |
|
265 | (14) |
Index |
|
279 | |