Introduction |
|
1 | (6) |
|
|
1 | (1) |
|
|
2 | (1) |
|
Conventions Used in This Book |
|
|
2 | (1) |
|
What You Don't Have to Read |
|
|
3 | (1) |
|
How This Book Is Organized |
|
|
3 | (3) |
|
|
6 | (1) |
|
|
6 | (1) |
|
|
7 | (54) |
|
Chapter 1 The First Step in Your Web-Building Journey |
|
|
9 | (12) |
|
|
9 | (1) |
|
|
10 | (1) |
|
Defining the Scope of the Site |
|
|
11 | (1) |
|
|
12 | (3) |
|
Defining why you're doing the project |
|
|
12 | (1) |
|
Brainstorming and evaluating your ideas |
|
|
12 | (2) |
|
|
14 | (1) |
|
Looking at budget and timelines |
|
|
14 | (1) |
|
Considering collaborations |
|
|
15 | (1) |
|
Revising Your Original Plans: Using Feedback to Improve |
|
|
15 | (4) |
|
|
16 | (1) |
|
|
17 | (2) |
|
Preparing to Redesign an Existing Site |
|
|
19 | (2) |
|
Chapter 2 Assessing Your Resources |
|
|
21 | (16) |
|
|
21 | (1) |
|
Choosing a Graphics Application |
|
|
22 | (1) |
|
Flying Solo: Skills You Need to Go It Alone |
|
|
23 | (7) |
|
|
23 | (1) |
|
|
24 | (1) |
|
Dealing with HTML, CSS, and other scripting |
|
|
25 | (1) |
|
Using Photoshop, Fireworks, and other graphics applications |
|
|
26 | (2) |
|
|
28 | (1) |
|
Considering basic computer and Internet skills |
|
|
28 | (1) |
|
Incorporating multimedia in your project |
|
|
29 | (1) |
|
|
29 | (1) |
|
|
30 | (3) |
|
|
30 | (1) |
|
Web designer/new media designer |
|
|
31 | (1) |
|
|
31 | (1) |
|
|
32 | (1) |
|
|
32 | (1) |
|
|
33 | (1) |
|
|
33 | (4) |
|
|
34 | (1) |
|
Giving feedback that helps |
|
|
34 | (1) |
|
Keeping the team on track |
|
|
35 | (2) |
|
Chapter 3 Working for The Man |
|
|
37 | (14) |
|
Defining the Client's Expectations |
|
|
37 | (3) |
|
|
40 | (2) |
|
|
40 | (1) |
|
Holding a kick-off meeting |
|
|
40 | (2) |
|
Pleasing Everybody from Internal Stakeholders to the Website's Target Audience |
|
|
42 | (7) |
|
Determining the needs of Internal stakeholders |
|
|
42 | (1) |
|
Determining the needs of external stakeholders |
|
|
43 | (6) |
|
Handing Off a Project to a Client |
|
|
49 | (2) |
|
Chapter 4 Securing a Domain Name and Web-Hosting Service |
|
|
51 | (10) |
|
Understanding Domain Name Best Practices |
|
|
51 | (2) |
|
Researching and Registering a Domain Name |
|
|
53 | (2) |
|
Researching the availability of the domain name you want |
|
|
53 | (2) |
|
Registering your domain name |
|
|
55 | (1) |
|
Choosing a Web-Hosting Service |
|
|
55 | (6) |
|
Determining web-hosting needs |
|
|
55 | (2) |
|
Choosing the right web host for your site |
|
|
57 | (4) |
|
Book II Designing the Site |
|
|
61 | (66) |
|
Chapter 1 Wireframing and Storyboarding Content |
|
|
63 | (20) |
|
|
64 | (3) |
|
Wireframes, designs, site maps, and flowcharts |
|
|
64 | (3) |
|
Planning for accessibility |
|
|
67 | (1) |
|
Understanding the Constraints of Web Page Design |
|
|
67 | (3) |
|
Harnessing the Power of the 960 Grid |
|
|
70 | (6) |
|
Designing pages in columns |
|
|
71 | (4) |
|
How a 960 grid puts the pieces together |
|
|
75 | (1) |
|
Designing Globally Unified or Asymmetrical Pages That Look Good |
|
|
76 | (3) |
|
Creating a unified global design |
|
|
77 | (1) |
|
Applying unevenness to page design |
|
|
77 | (2) |
|
Developing a Navigation Structure |
|
|
79 | (4) |
|
Chapter 2 Preparing Content |
|
|
83 | (12) |
|
|
83 | (2) |
|
|
85 | (2) |
|
Saving word-processor documents as HTML files |
|
|
86 | (1) |
|
Copying and pasting document content into HTML pages |
|
|
86 | (1) |
|
Getting Images and Media Ready |
|
|
87 | (1) |
|
Comparing a Website with a Web Presence |
|
|
88 | (4) |
|
Your web presence beyond your site |
|
|
90 | (1) |
|
|
91 | (1) |
|
Integrating Online Resources |
|
|
92 | (3) |
|
Chapter 3 Defining a Color Scheme |
|
|
95 | (8) |
|
Finding Colors for a Color Scheme |
|
|
95 | (1) |
|
Understanding Web Color Basics |
|
|
96 | (4) |
|
Print color versus web color |
|
|
97 | (3) |
|
|
100 | (1) |
|
Generating and Applying a Web Color Scheme |
|
|
100 | (3) |
|
Chapter 4 Organizing a Site in Dreamweaver CS6 |
|
|
103 | (18) |
|
Seeing the Critical Role of a Dreamweaver Site |
|
|
103 | (3) |
|
Defining a Dreamweaver site |
|
|
104 | (1) |
|
Managing files with Dreamweaver sites |
|
|
104 | (2) |
|
Organizing Content for Your Site |
|
|
106 | (2) |
|
Files that do belong in your site |
|
|
107 | (1) |
|
Using subfolders for your site folder |
|
|
107 | (1) |
|
Creating a Site in Dreamweaver |
|
|
108 | (6) |
|
Creating a remote server connection |
|
|
110 | (4) |
|
|
114 | (1) |
|
|
114 | (7) |
|
Managing files in the Files panel |
|
|
115 | (2) |
|
Editing and moving Dreamweaver sites |
|
|
117 | (4) |
|
Chapter 5 Building Mobile-Friendly Sites |
|
|
121 | (6) |
|
Design and Technical Challenges for Mobile Content |
|
|
122 | (3) |
|
Addressing the Challenges for Mobile Content |
|
|
125 | (2) |
|
Book III Building Pages With HTML |
|
|
127 | (110) |
|
Chapter 1 HTML: What It Is, Why You Need It, and How to Get It |
|
|
129 | (26) |
|
Exploring the Role of HTML in Web Pages |
|
|
130 | (5) |
|
The dynamic role of links in HTML |
|
|
131 | (1) |
|
|
132 | (1) |
|
The nature of a markup language |
|
|
133 | (2) |
|
Evaluating Tools for Creating HTML |
|
|
135 | (9) |
|
|
135 | (3) |
|
|
138 | (1) |
|
|
139 | (5) |
|
Finding Free HTML Templates Online |
|
|
144 | (1) |
|
Building a Basic HTML Page |
|
|
144 | (3) |
|
|
145 | (1) |
|
Why do people say "tag" when they mean "element?" |
|
|
146 | (1) |
|
Starting Your HTML Document |
|
|
147 | (8) |
|
Defining titles and links in the head element |
|
|
148 | (4) |
|
Page content is in the body element |
|
|
152 | (1) |
|
|
152 | (3) |
|
Chapter 2 Building Web Pages with HTML5 |
|
|
155 | (18) |
|
Why Use HTML5? And What Does That Mean? |
|
|
155 | (3) |
|
|
158 | (5) |
|
|
158 | (1) |
|
|
159 | (1) |
|
|
160 | (1) |
|
|
161 | (1) |
|
|
162 | (1) |
|
|
163 | (1) |
|
Saving and Testing Web Pages |
|
|
164 | (4) |
|
|
165 | (1) |
|
|
166 | (2) |
|
The Expanding and Evolving Set of HTML Tags |
|
|
168 | (1) |
|
Helpful Development Practices |
|
|
169 | (4) |
|
Use comments in your code |
|
|
169 | (1) |
|
Use version-control protocols |
|
|
170 | (1) |
|
Organize your supporting files |
|
|
171 | (2) |
|
Chapter 3 Structuring Content with HTML5 |
|
|
173 | (24) |
|
Understanding the Big New Things in HTML5 |
|
|
174 | (5) |
|
The wild world of native video |
|
|
175 | (1) |
|
HTML5's stylish cousin: CSS3 |
|
|
176 | (1) |
|
HTML5: Standardizing content organization and page layout |
|
|
177 | (2) |
|
Introducing Key HTML5 Elements |
|
|
179 | (1) |
|
Integrating Traditional HTML Tags |
|
|
180 | (1) |
|
Building a Page with HTML5 |
|
|
181 | (9) |
|
|
182 | (1) |
|
|
183 | (1) |
|
Organizing header content with hgroup |
|
|
184 | (1) |
|
Defining articles, sections, and asides |
|
|
185 | (3) |
|
|
188 | (1) |
|
An instant HTML5 starter page |
|
|
189 | (1) |
|
Looking at HTML5 Metadata Tags |
|
|
190 | (2) |
|
Assigning figures and captions |
|
|
190 | (1) |
|
|
191 | (1) |
|
Using the address element |
|
|
191 | (1) |
|
Deploying HTML5 in Non-HTML5 Environments |
|
|
192 | (2) |
|
Applying HTML5 to Page Layout |
|
|
194 | (3) |
|
Chapter 4 Creating HTML5 with Dreamweaver CS6 |
|
|
197 | (40) |
|
Dreamweaver CS6: An Overview |
|
|
198 | (7) |
|
|
198 | (2) |
|
|
200 | (1) |
|
Dreamweaver's omnipotent panels |
|
|
201 | (1) |
|
|
202 | (1) |
|
|
203 | (1) |
|
|
204 | (1) |
|
Creating an HTML Document |
|
|
205 | (5) |
|
|
205 | (4) |
|
|
209 | (1) |
|
Working with Text and Image Tags |
|
|
210 | (11) |
|
|
210 | (1) |
|
Inserting and editing images |
|
|
211 | (6) |
|
Applying HTML tags with the Properties Inspector |
|
|
217 | (4) |
|
|
221 | (5) |
|
|
221 | (1) |
|
|
222 | (2) |
|
|
224 | (1) |
|
|
225 | (1) |
|
|
225 | (1) |
|
Different Way to View Pages |
|
|
226 | (3) |
|
Examining associated files |
|
|
227 | (1) |
|
Previewing with Live view |
|
|
227 | (1) |
|
Finding code with Live Code |
|
|
228 | (1) |
|
|
228 | (1) |
|
|
229 | (3) |
|
|
229 | (2) |
|
Defining a document title |
|
|
231 | (1) |
|
Testing Pages and Validating Code |
|
|
232 | (5) |
|
|
232 | (2) |
|
|
234 | (1) |
|
|
235 | (2) |
|
Book IV Designing Pages With CSS |
|
|
237 | (82) |
|
Chapter 1 Styling Text with CSS |
|
|
239 | (22) |
|
Understanding How Modern Websites Use CSS |
|
|
240 | (4) |
|
|
242 | (1) |
|
Styles embedded in the head of the document |
|
|
243 | (1) |
|
|
243 | (1) |
|
|
244 | (3) |
|
|
244 | (1) |
|
|
245 | (2) |
|
|
247 | (1) |
|
|
247 | (2) |
|
Setting CSS Properties for Text |
|
|
249 | (2) |
|
|
249 | (1) |
|
|
250 | (1) |
|
Creating Styles for Link States |
|
|
251 | (2) |
|
|
253 | (1) |
|
Grouping and Compound Styles |
|
|
254 | (3) |
|
|
255 | (1) |
|
|
255 | (2) |
|
Working with Borrowed Styles |
|
|
257 | (4) |
|
|
257 | (1) |
|
Learning from examining other people's CSS files |
|
|
258 | (3) |
|
Chapter 2 Designing Pages |
|
|
261 | (18) |
|
CSS for Page Layout Elements |
|
|
261 | (6) |
|
|
262 | (1) |
|
Defining padding and margins |
|
|
262 | (2) |
|
|
264 | (2) |
|
|
266 | (1) |
|
Special Layout Elements: ID and Class Selectors |
|
|
267 | (7) |
|
Creating boxes with ID styles |
|
|
270 | (2) |
|
Using class styles for layout |
|
|
272 | (1) |
|
Using class styles for formatting spans |
|
|
273 | (1) |
|
Designing in a Multimedia World with Media Queries |
|
|
274 | (5) |
|
|
276 | (1) |
|
|
277 | (2) |
|
Chapter 3 Effects and Transforms with CSS3 |
|
|
279 | (22) |
|
New Design Tools, New Styles |
|
|
279 | (2) |
|
The Wild World of CSS3 Browser Support |
|
|
281 | (3) |
|
|
284 | (7) |
|
|
284 | (2) |
|
|
286 | (4) |
|
|
290 | (1) |
|
Scaling, Moving, Rotating, and Skewing with Transforms |
|
|
291 | (4) |
|
|
291 | (1) |
|
|
292 | (1) |
|
|
293 | (1) |
|
|
294 | (1) |
|
Experimenting with @font and 3D Transforms |
|
|
295 | (3) |
|
|
295 | (2) |
|
|
297 | (1) |
|
Implementing Interactivity with Hover States |
|
|
298 | (3) |
|
Chapter 4 CSS in Dreamweaver |
|
|
301 | (18) |
|
The Insert Layout Objects Set of Tools |
|
|
302 | (2) |
|
|
304 | (2) |
|
Creating and Editing CSS with the CSS Styles Panel |
|
|
306 | (4) |
|
Editing styles in the CSS Styles panel |
|
|
308 | (1) |
|
Linking a style sheet from the CSS Styles panel |
|
|
308 | (1) |
|
Creating a new style sheet in the CSS Styles panel |
|
|
309 | (1) |
|
Dreamweaver's CSS Rule Definition Dialog Box |
|
|
310 | (2) |
|
Defining properties for CSS styles |
|
|
311 | (1) |
|
|
312 | (1) |
|
Applying CSS3 Effects and Transforms in Dreamweaver |
|
|
312 | (2) |
|
Previewing HTML Documents on a Cellphone, Tablet, or Laptop in Dreamweaver |
|
|
314 | (2) |
|
Creating a Media Query in Dreamweaver |
|
|
316 | (3) |
|
Book V Incorporating Web Graphics and Multimedia |
|
|
319 | (128) |
|
|
321 | (14) |
|
|
321 | (2) |
|
Respecting the Copyrights of Others |
|
|
323 | (2) |
|
Enforcing Your Own Copyrights |
|
|
325 | (1) |
|
Working with Colors (Web-Safe versus Not-Web-Safe) |
|
|
326 | (1) |
|
Exploiting Creativity Tools --- Color Charts and More |
|
|
327 | (2) |
|
|
329 | (1) |
|
Print to Web; Making Your Website Work with Existing Materials |
|
|
330 | (1) |
|
Understanding Image Formats for Web Design |
|
|
331 | (4) |
|
Using the GIF image file format |
|
|
331 | (1) |
|
Using the JPEG image file format |
|
|
332 | (1) |
|
Using the PNG image file format |
|
|
333 | (2) |
|
Chapter 2 Introducing Fireworks and Photoshop |
|
|
335 | (18) |
|
|
336 | (1) |
|
Introducing Fireworks CS6 |
|
|
336 | (1) |
|
Understanding Vector and Raster Graphics |
|
|
337 | (1) |
|
Creating Fast-Loading and Pretty Graphics |
|
|
338 | (10) |
|
|
339 | (1) |
|
Fireworks interface mini-tour |
|
|
339 | (9) |
|
Creating Art with Photoshop |
|
|
348 | (5) |
|
Adding Photoshop CS6 to your graphics toolbox |
|
|
349 | (1) |
|
Getting images ready for the web with Photoshop |
|
|
350 | (3) |
|
Chapter 3 Creating Buttons and Banners |
|
|
353 | (40) |
|
Creating Buttons in Fireworks |
|
|
353 | (6) |
|
Creating a simple two-state button |
|
|
354 | (4) |
|
Creating buttons with pizzazz |
|
|
358 | (1) |
|
Creating a Navigation Menu |
|
|
359 | (3) |
|
|
362 | (5) |
|
Recycling: Reuse Everything |
|
|
367 | (3) |
|
Making a reusable graphic template |
|
|
367 | (1) |
|
|
368 | (1) |
|
|
369 | (1) |
|
|
370 | (1) |
|
Optimizing Artwork in Fireworks |
|
|
371 | (4) |
|
|
371 | (3) |
|
|
374 | (1) |
|
Optimizing PNG Artwork in Fireworks |
|
|
375 | (1) |
|
Exporting Artwork from Fireworks |
|
|
376 | (1) |
|
|
377 | (3) |
|
Using Photoshop to create a banner |
|
|
377 | (1) |
|
Including all the important information |
|
|
378 | (1) |
|
Working with an existing logo |
|
|
378 | (1) |
|
|
379 | (1) |
|
Creating Fast-Loading, Beautiful Photos |
|
|
380 | (13) |
|
Resizing your photos for the web |
|
|
380 | (2) |
|
Using professional optimization techniques |
|
|
382 | (1) |
|
Using the Photoshop Save for Web & Devices command |
|
|
383 | (10) |
|
Chapter 4 Creating Audio and Video Content |
|
|
393 | (24) |
|
Exploring Audio Formats for the Web |
|
|
393 | (2) |
|
Embedding Audio Files in an HTML5 Document |
|
|
395 | (1) |
|
Adding Flash Audio to a Page |
|
|
396 | (5) |
|
|
397 | (3) |
|
Adding Flash sound to a web page |
|
|
400 | (1) |
|
|
401 | (1) |
|
Exploring Web Video Formats |
|
|
402 | (1) |
|
Adding Video to a Web Page |
|
|
403 | (1) |
|
Working with Digital Video |
|
|
404 | (2) |
|
|
404 | (2) |
|
|
406 | (1) |
|
Creating and Encoding Flash Video |
|
|
406 | (4) |
|
Adding Flash Video to a Web Page |
|
|
410 | (2) |
|
Avoiding Digital Video Pitfalls |
|
|
412 | (1) |
|
Streaming Video on a Budget |
|
|
413 | (1) |
|
Embedding a Video in a Web Page |
|
|
413 | (4) |
|
Chapter 5 Creating Content with Flash |
|
|
417 | (30) |
|
|
417 | (17) |
|
|
418 | (1) |
|
Exploring the Tools panel |
|
|
418 | (4) |
|
Someone told me it's all happening on the Timeline |
|
|
422 | (1) |
|
Panels not cast from wood |
|
|
423 | (1) |
|
Inspecting the Properties Inspector |
|
|
424 | (1) |
|
Getting comfortable with Flash |
|
|
425 | (1) |
|
Creating a Flash document |
|
|
425 | (2) |
|
|
427 | (2) |
|
Creating your first animation |
|
|
429 | (2) |
|
Setting up your workspace |
|
|
431 | (1) |
|
Setting Flash preferences |
|
|
431 | (2) |
|
|
433 | (1) |
|
Building Flashy Navigation |
|
|
434 | (11) |
|
Creating the navigation menu document |
|
|
434 | (1) |
|
Creating buttons in Flash |
|
|
435 | (4) |
|
|
439 | (2) |
|
Adding functionality to the buttons |
|
|
441 | (2) |
|
Publishing your file and adding it to your page |
|
|
443 | (2) |
|
Using Flash as an Animation Tool |
|
|
445 | (2) |
|
Book VI Creating Interactive Pages With JavaScript |
|
|
447 | (92) |
|
Chapter 1 JavaScript for Animation and Interactivity |
|
|
449 | (16) |
|
Understanding the Role of JavaScript |
|
|
449 | (6) |
|
|
452 | (1) |
|
The special role of JavaScript in mobile pages |
|
|
453 | (2) |
|
Understanding That JavaScript Is a Programming Language |
|
|
455 | (1) |
|
HTML and CSS and JavaScript |
|
|
455 | (1) |
|
The role of DIY JavaScript |
|
|
456 | (1) |
|
Seeing That JavaScript Is Client-Side Scripting |
|
|
456 | (1) |
|
Seeing How JavaScript Works |
|
|
457 | (5) |
|
Simple lines of JavaScript code |
|
|
458 | (1) |
|
|
459 | (2) |
|
JavaScript's offspring: AJAX, jQuery, and jQuery Mobile |
|
|
461 | (1) |
|
Discovering Where to Get JavaScript |
|
|
462 | (3) |
|
The enhanced value of Dreamweaver |
|
|
462 | (1) |
|
Open source and other JavaScript options |
|
|
463 | (1) |
|
|
463 | (2) |
|
|
465 | (22) |
|
Adding JavaScript to an HTML Page |
|
|
465 | (3) |
|
|
466 | (1) |
|
Objects, properties, and methods |
|
|
466 | (2) |
|
Using JavaScript Date Functions |
|
|
468 | (1) |
|
Applying JavaScript: Inline, Embedded, or Linked |
|
|
468 | (2) |
|
Looking at Useful DIY JavaScripts |
|
|
470 | (9) |
|
Not using or disabling JavaScript |
|
|
470 | (2) |
|
|
472 | (3) |
|
Using JavaScript for navigation |
|
|
475 | (2) |
|
Embedding an updatable variable in pages |
|
|
477 | (2) |
|
Using JavaScript Partners: HTML and CSS |
|
|
479 | (2) |
|
The basics of complex JavaScript |
|
|
479 | (1) |
|
Meshing CSS styles with JavaScript data |
|
|
480 | (1) |
|
Creating a JavaScript-based Select Menu |
|
|
481 | (6) |
|
HTML, CSS, and JavaScript in a select menu |
|
|
483 | (1) |
|
HTML for a jump menu form |
|
|
483 | (1) |
|
JavaScript for a jump menu form |
|
|
484 | (1) |
|
Touching up a form with CSS |
|
|
485 | (2) |
|
Chapter 3 Generating JavaScript |
|
|
487 | (28) |
|
Overviewing Online JavaScript Resources |
|
|
487 | (5) |
|
Copying and editing JavaScript |
|
|
488 | (2) |
|
Finding generated scripts |
|
|
490 | (2) |
|
Buying professional apps for generating JavaScript |
|
|
492 | (1) |
|
Case Studies: Copying, Pasting, and Editing Code |
|
|
492 | (6) |
|
Horizontal menu bar from JavaScript Kit |
|
|
493 | (3) |
|
Zoomable image from Magic Toolbox |
|
|
496 | (2) |
|
Using Online and Downloadable Apps |
|
|
498 | (7) |
|
Presenting images with the WOW Slider |
|
|
498 | (3) |
|
Slideshows with Highslide |
|
|
501 | (4) |
|
|
505 | (10) |
|
The challenges of mobile design |
|
|
506 | (1) |
|
How jQuery Mobile solves challenges |
|
|
507 | (1) |
|
|
508 | (1) |
|
|
509 | (1) |
|
|
510 | (3) |
|
Customizing jQuery Mobile data-themes |
|
|
513 | (1) |
|
Scripts to divert mobile users to your mobile page |
|
|
513 | (2) |
|
Chapter 4 JavaScript with Dreamweaver |
|
|
515 | (24) |
|
Seeing How Adobe, Dreamweaver, and JavaScript Relate |
|
|
515 | (4) |
|
Adobe, JavaScript, and the Spry toolset |
|
|
516 | (1) |
|
How Dreamweaver generates and edits JavaScript |
|
|
516 | (1) |
|
|
517 | (2) |
|
Examining the Four Best Spry Widgets |
|
|
519 | (15) |
|
|
520 | (3) |
|
|
523 | (3) |
|
Simulating multiple pages with tabbed panels |
|
|
526 | (2) |
|
|
528 | (6) |
|
Managing Mobile Pages and Apps in Dreamweaver CS6 |
|
|
534 | (5) |
|
Creating a mobile-ready page in Dreamweaver |
|
|
534 | (3) |
|
|
537 | (1) |
|
Saving jQuery Mobile pages |
|
|
538 | (1) |
|
Book VII Managing Forms With PHP |
|
|
539 | (86) |
|
Chapter 1 Collecting Information with Forms |
|
|
541 | (22) |
|
Forms as the Basic Tool for Visitor Interaction |
|
|
541 | (3) |
|
Three forms that almost any site needs |
|
|
541 | (3) |
|
|
544 | (1) |
|
Examining Server-Side versus Client-Side Data |
|
|
544 | (1) |
|
Dissecting the Anatomy of an HTML Form |
|
|
545 | (3) |
|
Creating a Simple Signup Form |
|
|
548 | (2) |
|
Developing More Complex Form Fields |
|
|
550 | (6) |
|
More you can do with text fields |
|
|
552 | (1) |
|
|
553 | (1) |
|
Adding check boxes to a form |
|
|
554 | (1) |
|
Using radio button groups |
|
|
555 | (1) |
|
|
555 | (1) |
|
Making Forms Friendlier with HTML5 |
|
|
556 | (3) |
|
Defining placeholder values |
|
|
557 | (1) |
|
|
557 | (2) |
|
|
559 | (1) |
|
Crafting Form Fields for Mobile Devices |
|
|
559 | (4) |
|
|
560 | (1) |
|
|
561 | (2) |
|
Chapter 2 DIY PHP Solutions |
|
|
563 | (20) |
|
Looking at Live Data --- An Overview |
|
|
563 | (3) |
|
|
565 | (1) |
|
Live data you can manage yourself |
|
|
566 | (1) |
|
|
566 | (5) |
|
|
567 | (2) |
|
|
569 | (1) |
|
|
569 | (2) |
|
Creating a PHP-Ready Form |
|
|
571 | (1) |
|
Combining Form Actions and PHP |
|
|
572 | (2) |
|
Defining a PHP-based form action |
|
|
572 | (1) |
|
Creating a form for PHP-destined data |
|
|
572 | (2) |
|
Taking a Short Course in PHP Form Scripting |
|
|
574 | (3) |
|
|
574 | (1) |
|
Working with string variables |
|
|
574 | (1) |
|
Collecting string values with $POST |
|
|
574 | (1) |
|
|
575 | (1) |
|
The PHP script to collect form data |
|
|
575 | (2) |
|
Testing a Form Action Linked to a PHP Script |
|
|
577 | (1) |
|
Managing Commercial-Level Mail Lists |
|
|
577 | (1) |
|
Building Pages with Live Data |
|
|
578 | (3) |
|
Building includable content |
|
|
579 | (1) |
|
|
580 | (1) |
|
|
581 | (2) |
|
Chapter 3 Gathering and Embedding Live Data |
|
|
583 | (22) |
|
Making a Two-Way Connection with Visitors |
|
|
583 | (1) |
|
Behind the Curtain: Embedding Live Data Resources |
|
|
584 | (5) |
|
Their server plus your style and content |
|
|
584 | (1) |
|
Mail lists, blogs, and searches: How they do what they do |
|
|
585 | (4) |
|
|
589 | (3) |
|
Embed a MailChimp signup form |
|
|
590 | (1) |
|
What you can and cannot customize in MailChimp |
|
|
591 | (1) |
|
A Full-Featured Do-It-Yourself Mail Form PHP Script |
|
|
592 | (1) |
|
Embedding External Blogs with iFrame |
|
|
592 | (2) |
|
|
594 | (4) |
|
Embedding a Google search box |
|
|
595 | (1) |
|
Creating a FreeFind search box |
|
|
596 | (2) |
|
Having Even More Fun with Embedded Content |
|
|
598 | (7) |
|
Embed a Google map with iFrame |
|
|
599 | (1) |
|
|
600 | (1) |
|
|
601 | (4) |
|
Chapter 4 Working with Forms and Data in Dreamweaver |
|
|
605 | (20) |
|
Scripting PHP in Dreamweaver |
|
|
605 | (4) |
|
Color coding and code hints in Dreamweaver |
|
|
606 | (1) |
|
PHP document types in Dreamweaver |
|
|
607 | (2) |
|
Creating Forms in Dreamweaver |
|
|
609 | (4) |
|
Create a form In Dreamweaver |
|
|
610 | (1) |
|
Adding Submit (and Reset) buttons |
|
|
611 | (1) |
|
Defining form fields in Dreamweaver |
|
|
612 | (1) |
|
Field IDs and labels in Dreamweaver |
|
|
612 | (1) |
|
Adding Form Input Validation with JavaScript |
|
|
613 | (1) |
|
Adding JavaScript Validation in Dreamweaver |
|
|
614 | (3) |
|
Validating text form field input |
|
|
615 | (1) |
|
Validating and confirming passwords |
|
|
616 | (1) |
|
Creating jQuery Mobile Form Fields |
|
|
617 | (8) |
|
Creating jQuery mobile form fields |
|
|
618 | (2) |
|
|
620 | (1) |
|
|
621 | (2) |
|
|
623 | (2) |
|
Book VIII Social Media and Interactive Add-ons |
|
|
625 | (64) |
|
Chapter 1 Adding a WordPress Blog |
|
|
627 | (24) |
|
Adding a WordPress Blog to Your Site |
|
|
627 | (6) |
|
|
628 | (1) |
|
|
629 | (2) |
|
Modifying a WordPress blog |
|
|
631 | (2) |
|
|
633 | (4) |
|
Creating a WordPress blog post |
|
|
634 | (1) |
|
Managing a WordPress blog |
|
|
635 | (2) |
|
Creating Search Engine-Friendly Blog Posts |
|
|
637 | (2) |
|
Adding Multimedia Content to Blog Posts |
|
|
639 | (12) |
|
Adding an image to a blog post |
|
|
640 | (2) |
|
|
642 | (2) |
|
Adding an audio file to a blog post |
|
|
644 | (2) |
|
Adding a YouTube-hosted video to a blog post |
|
|
646 | (5) |
|
Chapter 2 Integrating Social Media with Your Blog |
|
|
651 | (14) |
|
Integrating a WordPress Blog with a Website |
|
|
651 | (3) |
|
|
654 | (6) |
|
|
656 | (1) |
|
|
657 | (3) |
|
Integrating Social Media with your Blog |
|
|
660 | (2) |
|
Other Ways to Draw Visitors to Your Blog |
|
|
662 | (1) |
|
|
663 | (2) |
|
Chapter 3 Adding E-Commerce to Your Site |
|
|
665 | (24) |
|
Choosing an E-Commerce-Friendly Server |
|
|
665 | (6) |
|
|
666 | (1) |
|
|
666 | (3) |
|
Planning a user-friendly site |
|
|
669 | (1) |
|
|
670 | (1) |
|
Adding Basic E-Commerce with PayPal |
|
|
671 | (4) |
|
Using PayPal Website Payments Pro |
|
|
675 | (1) |
|
Integrating with Credit Card Authorization Packages |
|
|
676 | (2) |
|
Solving the online payment maze |
|
|
676 | (1) |
|
Internet fraud: An e-commerce merchant's worst nightmare |
|
|
677 | (1) |
|
|
678 | (1) |
|
|
678 | (1) |
|
Sharing an SSL certificate |
|
|
679 | (1) |
|
Overviewing E-Commerce Do's and Don'ts |
|
|
679 | (2) |
|
Selling Items with a PayPal Account |
|
|
681 | (5) |
|
Using a Shopping Cart App |
|
|
686 | (3) |
|
|
686 | (1) |
|
Following through on every sale |
|
|
687 | (2) |
|
Book IX Developing and Managing the Site |
|
|
689 | (60) |
|
Chapter 1 Optimizing and Testing the Site |
|
|
691 | (14) |
|
Look Before You Leap: What to Do Before Launch |
|
|
691 | (7) |
|
|
692 | (3) |
|
|
695 | (3) |
|
Search Engine Optimization and Marketing |
|
|
698 | (2) |
|
Using the Google Keyword Tool |
|
|
700 | (5) |
|
Chapter 2 Uploading the Site |
|
|
705 | (14) |
|
|
705 | (5) |
|
Uploading the site with Dreamweaver |
|
|
705 | (3) |
|
Uploading pages with an FTP client |
|
|
708 | (2) |
|
What Next? The Launch Is Not the End of the Project |
|
|
710 | (2) |
|
Submitting the site to search engines |
|
|
710 | (1) |
|
Submitting your site to specific search engines |
|
|
711 | (1) |
|
Using a service to submit your site |
|
|
712 | (1) |
|
Determining Whether Your SEO Is Working |
|
|
712 | (7) |
|
|
713 | (1) |
|
|
714 | (1) |
|
Adjusting the site and driving traffic |
|
|
714 | (1) |
|
Using Google Webmaster tools |
|
|
715 | (4) |
|
Chapter 3 Maintaining and Marketing the Site |
|
|
719 | (14) |
|
|
719 | (1) |
|
|
720 | (2) |
|
Editing New Pages with Dreamweaver |
|
|
722 | (2) |
|
Marketing the Site by Boosting Its Visibility |
|
|
724 | (6) |
|
Using reciprocal linking and link exchanges |
|
|
725 | (1) |
|
Using a pay per click promotion |
|
|
726 | (3) |
|
Other marketing techniques |
|
|
729 | (1) |
|
Promoting a Site with Social Media |
|
|
730 | (3) |
|
Chapter 4 Redesigning or Expanding the Site |
|
|
733 | (16) |
|
Deciding to Redesign or Add On |
|
|
733 | (4) |
|
|
734 | (3) |
|
|
737 | (1) |
|
|
737 | (5) |
|
|
738 | (1) |
|
|
739 | (1) |
|
|
740 | (1) |
|
|
740 | (1) |
|
|
741 | (1) |
|
|
742 | (1) |
|
Adding On without All the Trauma |
|
|
742 | (2) |
|
After Launching the Expanded Site |
|
|
744 | (1) |
|
|
745 | (4) |
|
Ongoing content development |
|
|
745 | (2) |
|
|
747 | (2) |
|
|
749 | (30) |
|
Chapter 1 Photographer's Portfolio |
|
|
751 | (6) |
|
Chapter 2 E-Commerce Site |
|
|
757 | (6) |
|
|
763 | (10) |
|
Chapter 4 Online Newsletter |
|
|
773 | (6) |
Index |
|
779 | |