Thank you for visiting us. We are currently updating our shopping cart and regret to advise that it will be unavailable until September 1, 2014. We apologise for any inconvenience and look forward to serving you again.

Wiley
Wiley.com
Print this page Share

Adobe Dreamweaver CS6 Digital Classroom

ISBN: 978-1-118-12409-3
496 pages
June 2012
Adobe Dreamweaver CS6 Digital Classroom (111812409X) cover image

Learn Dreamweaver CS6 at your own speed with this complete training package

Dreamweaver is the industry standard software for professional website design, with more than 90 percent of the market. In this book-and-DVD package, expert instructors provide a complete course in basic Dreamweaver that you can access at your own speed. Step-by-step instructions in the book are supported by lesson files and video tutorials on the DVD, presenting the newest version of Dreamweaver in 16 self-paced lessons. You'll learn to use style sheets, dynamic HTML, multimedia, databases, and much more to design, develop, and maintain your website.

  • Newcomers to website development will learn to design and maintain fully functioning sites using the newest version of Dreamweaver with this book-and-DVD package
  • The self-paced lessons cover applying style sheets, using dynamic HTML, adding style with images and multimedia, publishing and maintaining a website, and using databases to create dynamic websites
  • Shows how to use hyperlinks to navigate throughout a website or link to other sites on the Internet and how to format web pages and forms
  • Created by a team of Adobe experts who have developed training programs for Adobe Systems

Dreamweaver CS6 Digital Classroom is the next best thing to having a personal tutor teach you this award-winning software.

Note: DVD and other supplementary materials are not included as part of the e-book file, but are available for download after purchase.

See More
Starting Up

About Dreamweaver Digital Classroom 1

Prerequisites 1

System requirements 1

Starting Adobe Dreamweaver  3

Resetting the Dreamweaver workspace 3

Loading lesson files 4

Working with the video tutorials  5

Setting up for viewing the video tutorials 5

Viewing the video tutorials with the Adobe Flash Player  6

Hosting your websites  7

Additional resources  7

Lesson 1: Dreamweaver CS6 Jumpstart

Starting up 9

What is Dreamweaver? 10

Design and layout tools 10

Site management and File Transfer Protocol 11

Coding environment and text editor 11

Mobile design and development features 12

Who uses Dreamweaver? 12

Dreamweaver’s workspace features 13

Live View and Live Code 16

CSS Inspection and the Enable/Disable Feature 17

Related files 18

Code Navigator 19

Photoshop smart objects 20

Support for Content Management Systems 20

HTML5, CSS3, and PHP code hinting 21

HTML and CSS Starter Pages 21

Subversion 22

Business Catalyst integration 22

How websites work22

A simple flow chart 22

Domain names and IP addresses 23

Servers and web hosts23

The role of web browsers 23

An introduction to HTML24

Tag structure and attributes 24

The structure of an HTML document 27

Placing images in HTML 28

Colors in HTML 30

Case sensitivity and whitespace rules 31

Element hierarchy 33

XHTML 1.0 Transitional 33

What’s the difference? 33

Explorations in code 34

A look at the Welcome Screen 35

Creating, opening, and saving documents 36

Creating new documents 36

Self study 38

Review 38

Lesson 2: Setting Up a New Site

Starting up 39

Creating a new site 40

Advanced site-creation options 43

Adding pages 45

Saving a page to your site 48

Defining page properties 49

Work views 55

A deeper look into the Files panel 58

Viewing local files 59

Selecting and editing files 59

Self study 61

Review 61

Lesson 3: Adding Text and Images

Starting up 63

Typography and images on the Web 64

Adding text 64

An introduction to styles 69

Previewing pages in a web browser 73

Understanding hyperlinks 74

Creating hyperlinks 75

Relative versus absolute hyperlinks 77

Linking to an e-mail address 79

Creating lists 80

Using the Text Insert panel 82

Inserting images 83

Image resolution 83

Image formats 83

Creating a simple gallery page 84

Linking images 87

Using image placeholders 88

Editing images 89

Adjusting brightness and contrast 89

Optimizing images 90

Updating images 91

Self study 92

Review 92

Lesson 4: Styling Your Pages with CSS

Starting up 93

What are Cascading Style Sheets? 94

CSS replaces inefficient HTML styling 95

The benefits of CSS styling 96

How do you create CSS rules in Dreamweaver? 98

Understanding Style Sheets 102

Understanding why they’re called Cascading  105

Creating and modifying styles  106

Creating a class style with the Property Inspector 108

Creating and modifying styles in the CSS Styles panel  111

Advanced text formatting with CSS 112

Fine-tuning page appearance with contextual and pseudo-class selectors 115

Div tags and CSS IDs 119

Internal versus external style sheets 120

Attaching an external style sheet to your page  122

Modifying attached style sheets 122

Creating a new .css file (external style sheet)  124

Self study 126

Review  126

Lesson 5: Creating Page Layouts with CSS

Starting up 127

The CSS Box model 128

The basics of CSS margins, padding, and borders  128

Reviewing the

element 129

Reviewing the ID selector  129

Creating a centered container for your page 132

Making layouts cross-browser compatible  135

Absolute versus relative positioning  136

Positioning content with AP Divs  138

Creating a header section with the Draw AP Div 139

Adding an introduction section to your page  142

Adding images to your layout  144

Photoshop integration 145

Adding Main and Sidebar content areas  146

Adding additional content and styles 148

Setting margins and borders 149

Overriding default margins in CSS 150

Adding borders to elements 151

Future proofing your layout 152

The pros and cons of Absolutely Positioned CSS layouts 153

Self study 156

Review  156

Lesson 6: Advanced Page Layout Starting up 157

Layout with AP divs versus layout with floats 158

Creating a floated image 159

Creating columns with HTML and CSS 161

Creating the HTML Structure with div elements  161

Setting the width and floating the columns  163

Using the clear property  165

Creating a list-based navigation bar 166

Changing column layout and size  172

Creating the appearance of equal height columns 175

Browser compatibility  178

Adding code for IE 6  178

Applying finishing touches 179

Creating more sophisticated layouts 180

Dreamweaver Fluid Grid Layout 181

Self study 182

Review  182

Lesson 7: CSS3 Transitions and Web Fonts

Starting up 183

Understanding the role of CSS3  184

Adding a CSS Transition  184

Modifying a CSS Transition  190

Adding CSS Transitions to a navigation menu  196

The basics of web fonts 199

Adding web fonts to your site  200

Styling your heading with a web font 205

Self study 208

Review  208

Lesson 8: Working with Tables

Starting up 209

Using tables in web design  210

Importing table data  210

Selecting table elements 213

Modifying table size215

Modifying table structure 217

Creating a table 219

Formatting and styling tables in HTML 221

Formatting and styling tables with CSS  226

Advanced CSS styling of tables  229

Controlling cell alignment, padding, and borders with CSS  232

Creating alternate row styling with CSS 234

Reusing CSS for other tables  236

Data sorting tables  238

Self study 240

Review  240

Lesson 9: Fine-Tuning Your Workflow Starting up 241

Customizing panels and panel groups  242

Using the Favorites tab on the Insert bar  245

Resizing the document window  246

Changing the Zoom level  249

Using guides  250

Using grids 253

The tag selector  255

Tiling documents 256

Self study 257

Review  257

Lesson 10: Adding Flash, Video, and Sound Content

Starting up  259

Making web content interesting  260

Inserting Flash movies  260

Adding video 263

Flash Video 263

QuickTime video and Windows Media 266

Inserting sound  269

Self study 272

Review  272

Lesson 11: Maximizing Site Design

Starting up 273

Creating modular page elements 274

Introducing snippets  274

The Snippets panel  275

Creating new snippets 276

Introducing library items 280

Modifying and updating library items 282

Introducing templates  285

Creating a new template 285

Working with editable regions  286

Creating new pages from templates 287

Modifying templates  289

Repeating regions  290

Putting repeating regions into action 291

Detach from Template command 293

Self study 294

Review  294

Lesson 12: Working with Code-editing Features

Starting up 295

Working with code  296

Accessing code with the Quick Tag editor  296

Inserting tags with the Tag Chooser298

Inserting and editing comments 299

Using HTML5 Code-hinting 300

Working in the Code view 302

Modifying the Code view workspace 303

The Coding toolbar  305

Collapsing and expanding tags and code blocks  307

Validating your code  308

Highlighting and correcting invalid code 308

Running a Report  309

Formatting code 311

Indenting 313

Self study 314

Review  314

Lesson 13: Building Web Forms

Starting up 315

The basics of HTML forms 316

How forms work 316

Building a contact form  317

Inserting the

tag  317

Setting form properties  320

Adding form elements 322

Adding text fields  323

Adding checkboxes 325

Adding radio buttons  326

Adding radio groups  327

Adding lists and menus  328

Adding a text area  330

Adding a File Upload field  331

Creating Submit and Reset buttons 332

Styling forms with CSS 334

Attaching external styles 334

Setting a background color 335

Styling form elements  337

Form processing and validation 338

Adding form validation 339

A look at the Behaviors panel 339

Setting an event or trigger  341

Validating form fields  342

Changing a form field’s behavior order 343

Verifying field contents 344

Self study 345

Review  345

Lesson 14: Adding Interactivity with the Spry Framework

Starting up 347

Introducing the Spry Widgets 348

The Spry framework for AJAX 348

What is AJAX?  348

A look at the project 349

The Spry Menu bar  350

Customizing Spry Widgets with CSS 353

The Spry Tabbed panel  356

The Spry Accordion panel 360

The Spry Collapsible panel 364

Working with Spry Data Widgets 365

What is XML?  366

Creating a Spry XML data set 366

Adding a Spry Data Widget: The Spry Repeat List  368

Styling and fine-tuning data widgets 370

Self study 373

Review  373

Lesson 15: Mobile Design and Layout

Starting up 375

The rise of the mobile web  376

Dreamweaver tools for mobile layout 376

Mobile website features in Dreamweaver  378

Viewing your web page with the Multiscreen feature 378

Media Queries defined 381

Creating a site-wide media query file 383

Organizing your style sheets  386

Creating a layout optimized for mobile  388

Creating styles for navigation and a single-column layout  391

The basics of Fluid Grid Layout  394

Creating your mobile layout 398

Creating a tablet layout  402

Creating a three-column fluid layout for the desktop  403

Styling elements in your fluid grid layout 407

Self study 410

Review  410

Lesson 16: Managing your Website: Reports, Optimization, and Maintenance

Starting up 411

Working with the Files panel 412

Creating a remote connection  412

Viewing files on a remote web server 416

Transferring files to and from a remote server with Get and Put  417

Using Check In/Check Out and Design Notes  419

Check In and Check Out 419

Checking files in and out  421

Using Design Notes 422

Sharing Design Notes  423

Displaying Design Notes in the Files panel  424

Testing site integrity 425

Using Check Links 425

Checking links sitewide 426

Generating site reports  428

Understanding report results  430

Addressing a listed item 430

The Browser Compatibility Check  432

Optimizing pages for launch  432

Search engine visibility and Search Engine Optimization 432

Titling your documents with the <title> tag 432

Adding meta keywords and descriptions  435

Launching your site  436

Site Launch Checklist 436

Uploading your site 437

Getting help and using the reference guides  438

The Reference panel 439

Suggested next steps  439

Website design resources  440

Self study 441

Review  441

Lesson 17: Dreamweaver CS6 New Features

What’s new in Dreamweaver CS6? 443

Fluid Grid Layout  444

CSS transitions 446

Web fonts  447

jQuery Mobile Swatches 448

PhoneGap Build Service 448

New Features in Dreamweaver CS5.5 449

CSS3 and HTML5 authoring support  449

jQuery Mobile integration  450

Support for building native mobile apps for iOS and Android with PhoneGap  451

W3C Validation  451

See More

Jeremy Osborn is Training Director at American Graphics Institute and an expert on web and interactive technology. He is a member of the AGI Creative Team, which develops and delivers training programs for creative, marketing, and communications professionals through the American Graphics Institute.

See More
May 18, 2012
Dreamweaver CS6 Digital Classroom

In this lesson from Dreamweaver CS6 Digital Classroom learn how to style a basic heading using CSS, and take a look at the optimization features found within Dreamweaver CS6.

See More
Instructors Resources
Wiley Instructor Companion Site
See More
See Less
Buy Both and Save 25%!
+

Adobe Dreamweaver CS6 Digital Classroom (US $49.99)

-and- HTML5 Digital Classroom, (Book and Video Training) (US $39.99)

Total List Price: US $89.98
Discounted Price: US $67.48 (Save: US $22.50)

Buy Both
Cannot be combined with any other offers. Learn more.

Related Titles

Back to Top