
At a Glance
332 Pages
22.23 x 18.42 x 2.54
Paperback
$50.75
or 4 interest-free payments of $12.69 with
orShips in 5 to 7 business days
Dreamweaver is Macromedia's bestselling web design/development environment. Dreamweaver has the capability to generate dynamic website code using server-side languages like ASP, PHP, and ASP.NET. We know that you don't always require a full database-driven site though, so this book focuses on using version 8 of Dreamweaver to design and create usable, standards-compliant websites using XHTML and CSS. One of the highlights of this version is much closer, tighter CSS/XHTML. This book will show you how to make the most of that feature.
After a brief introduction to the latest version of Dreamweaver, and how CSS and XHTML fit into it, Craig Grannell looks at using the software for your web design projects in a hands-on, task based manner.
| About the Author | p. xi |
| About the Technical Reviewer | p. xii |
| About the Cover Image Designer | p. xiii |
| Introduction | p. xv |
| A New Kind of Web Design | p. 1 |
| About the Internet | p. 2 |
| A brief history of web design | p. 3 |
| Creating a website | p. 5 |
| What is the purpose of the website? | p. 5 |
| Who will visit the site? | p. 7 |
| Is there a client involved, and what are its needs? | p. 8 |
| What content will the site contain? | p. 8 |
| How will the site be structured? | p. 9 |
| When is the deadline? | p. 9 |
| Gathering and organizing content | p. 9 |
| Creating a site map | p. 10 |
| Introducing web standards | p. 11 |
| XHTML | p. 11 |
| CSS | p. 11 |
| Summary | p. 12 |
| Getting Started with Dreamweaver | p. 15 |
| What is Dreamweaver? | p. 16 |
| Creating a new document-the Start Page | p. 16 |
| Choosing a document to work with | p. 17 |
| The Dreamweaver interface | p. 18 |
| What's new? | p. 19 |
| Menus | p. 19 |
| Insert bar | p. 21 |
| Exercise: Customizing favorite objects | p. 23 |
| The document window | p. 24 |
| Design view | p. 24 |
| Resizing windows | p. 25 |
| Estimating download times | p. 26 |
| Zooming in and out in Design view | p. 27 |
| Code view | p. 28 |
| Split (Design and Code) view | p. 28 |
| Document window menus | p. 29 |
| The Properties panel | p. 31 |
| Other panels | p. 32 |
| Panel groups | p. 33 |
| Web page editing preferences | p. 33 |
| Setting up preview browsers | p. 36 |
| Keyboard shortcuts | p. 37 |
| Summary | p. 37 |
| Setting Up a Website | p. 39 |
| Defining a site in Dreamweaver | p. 40 |
| Exercise: How to set up your website | p. 40 |
| The Advanced tab | p. 46 |
| Editing and uploading files | p. 48 |
| Summary | p. 52 |
| Web Page Essentials | p. 55 |
| Anatomy of a web page | p. 56 |
| Dreamweaver defaults | p. 56 |
| Defining the document's character set | p. 58 |
| Changing the page's title | p. 58 |
| Editing the head section | p. 59 |
| Adding keywords and a description | p. 60 |
| Adding other meta elements | p. 60 |
| Attaching JavaScript documents | p. 62 |
| Attaching CSS files | p. 62 |
| Understanding CSS | p. 63 |
| The rules of CSS | p. 64 |
| Tag selectors | p. 64 |
| Class selectors | p. 65 |
| ID selectors | p. 65 |
| Grouped selectors | p. 65 |
| Contextual selectors | p. 66 |
| The cascade | p. 67 |
| Working with CSS | p. 67 |
| Creating and editing a CSS style | p. 67 |
| Applying a style | p. 71 |
| Setting default margins for a web page | p. 73 |
| Adding backgrounds to web pages | p. 75 |
| Using CSS to add backgrounds to web pages | p. 75 |
| Creating Web page backgrounds | p. 76 |
| Striped background tiles | p. 80 |
| Drop shadows | p. 81 |
| Applying watermarks | p. 82 |
| Adding comments | p. 84 |
| Adding Design Notes | p. 87 |
| Summary | p. 89 |
| Working with Text | p. 91 |
| Semantic markup | p. 92 |
| Adding text elements | p. 92 |
| Creating paragraphs, line breaks, and headings | p. 92 |
| Specifying preformatted text | p. 93 |
| Making text bold and italic | p. 94 |
| Aligning text | p. 95 |
| Styling text elements | p. 95 |
| Using the Properties panel to style text | p. 95 |
| Using the CSS Styles panel to style text | p. 97 |
| Exercise: Applying styles to multiple elements and selections | p. 99 |
| Working with lists | p. 102 |
| Creating a list | p. 102 |
| Changing a list's type | p. 103 |
| Exercise: Styling lists | p. 104 |
| Creating inline lists | p. 108 |
| Text styling examples | p. 109 |
| Sizing text: pixels versus keywords | p. 110 |
| Exercise: Styling headings and paragraphs | p. 110 |
| Restyling text using the CSS Styles panel | p. 115 |
| Exercise: Rapidly restyling headings and paragraphs | p. 115 |
| Exercise: Creating print-like paragraphs | p. 117 |
| Exercise: Creating drop caps | p. 119 |
| Exercise: Creating pull quotes | p. 122 |
| Fixing text sizes in IE 5 for Windows | p. 125 |
| Cross-platform issues | p. 125 |
| Summary | p. 126 |
| Working with Images | p. 129 |
| Choosing formats for images | p. 130 |
| JPEG | p. 130 |
| GIF | p. 131 |
| Transparent GIFs | p. 132 |
| PNG | p. 132 |
| Web image mistakes to avoid | p. 133 |
| Using graphics for body copy | p. 133 |
| Not working from original images | p. 133 |
| Using too little contrast | p. 133 |
| Resizing images using Dreamweaver | p. 133 |
| Not balancing quality and file size | p. 134 |
| Using text overlays | p. 134 |
| Stealing images and designs | p. 135 |
| Adding an image to a web page | p. 135 |
| Editing an image | p. 137 |
| Changing an image's source | p. 137 |
| Integrating with Fireworks | p. 137 |
| Cropping an image | p. 138 |
| Resizing and resampling an image | p. 139 |
| Setting brightness, contrast, and sharpening | p. 139 |
| Creating image maps | p. 141 |
| Exercise: Adding an image map to your web page | p. 141 |
| Styling images using CSS | p. 142 |
| Exercise: Adding borders to all web page images | p. 142 |
| Exercise: Adding a border to a single image only | p. 144 |
| Exercise: Wrapping text around an image | p. 146 |
| Exercise: Styling images using contextual selectors | p. 148 |
| Exercise: Creating a thumbnails area | p. 151 |
| Summary | p. 152 |
| Creating Navigation for Your Website | p. 155 |
| Navigation types | p. 156 |
| Inline navigation | p. 156 |
| Site navigation | p. 157 |
| Search-based navigation | p. 158 |
| Creating and targeting links | p. 158 |
| Absolute links | p. 159 |
| Relative links | p. 159 |
| Root-relative links | p. 160 |
| Targeting links | p. 160 |
| Exercise: Linking to elsewhere on a web page | p. 160 |
| Styling links using CSS | p. 163 |
| Multiple link states: the cascade | p. 164 |
| Exercise: Creating different link styles in two page areas | p. 165 |
| Advanced link usage | p. 167 |
| Exercise: Creating pop-up windows | p. 167 |
| Exercise: Using links to switch images | p. 169 |
| Creating navigation bars | p. 171 |
| Vertical navigation bars | p. 171 |
| Exercise: Creating and styling a vertically aligned navigation bar | p. 172 |
| Exercise: Using JavaScript to create collapsible sections | p. 175 |
| Removing white space in Internet Explorer | p. 176 |
| Horizontal navigation bars | p. 177 |
| Exercise: Creating and styling a horizontal navigation bar | p. 177 |
| Exercise: Creating a "breadcrumbs" navigation area | p. 179 |
| Exercise: Creating a horizontal navigation bar with rollover images | p. 181 |
| Summary | p. 185 |
| Web Page Layouts | p. 187 |
| Creating a structure | p. 188 |
| Box formatting | p. 188 |
| Creating page layouts in Dreamweaver | p. 190 |
| Boxouts and sidebars | p. 190 |
| The float property | p. 191 |
| Exercise: Creating a boxout | p. 192 |
| Exercise: Creating a sidebar | p. 195 |
| Working with columns | p. 198 |
| Exercise: Creating a two-column layout | p. 199 |
| Exercise: Adding padding and spacing | p. 202 |
| Faking column backgrounds | p. 204 |
| Working with liquid columns | p. 205 |
| Exercise: Adding padding to liquid columns | p. 206 |
| Exercise: Creating a three-column layout with fixed sidebars | p. 207 |
| Exercise: Adding a footer | p. 209 |
| Working with tables | p. 210 |
| The Table dialog box | p. 211 |
| Exercise: Creating and styling a table in Dreamweaver | p. 215 |
| Adding scrollable areas | p. 222 |
| Exercise: Using CSS to create a scrolling area | p. 224 |
| Exercise: Using an iframe to create a scrollable area | p. 225 |
| Summary | p. 228 |
| Getting User Feedback | p. 231 |
| Using mailto: links | p. 232 |
| Scrambling addresses | p. 233 |
| Working with forms | p. 233 |
| Creating a form | p. 234 |
| Adding controls | p. 234 |
| Exercise: Adding controls to a form | p. 235 |
| Adding a fieldset and legend | p. 241 |
| Styling a form | p. 241 |
| Sending feedback | p. 244 |
| Configuring nms FormMail | p. 245 |
| Multiple recipients | p. 246 |
| Script server permissions | p. 247 |
| Sending form data by PHP | p. 247 |
| Using email to send form data | p. 250 |
| A layout for contact pages | p. 251 |
| Summary | p. 252 |
| Putting It All into Practice | p. 255 |
| Creating website layouts | p. 256 |
| Exercise: Creating a layout for an online diary or blog | p. 256 |
| Exercise: Creating a fixed-width, businesslike layout | p. 264 |
| Exercise: Creating a three-column, liquid website layout | p. 271 |
| Exercise: Creating an advanced website layout | p. 278 |
| Introducing templates | p. 286 |
| Exercise: Creating a template | p. 287 |
| Exercise: Creating a page based on a template | p. 290 |
| Exercise: Editing the template | p. 293 |
| Exercise: Working with embedded templates | p. 295 |
| Editing template code | p. 298 |
| Outro | p. 299 |
| Index | p. 301 |
| Table of Contents provided by Ingram. All Rights Reserved. |
ISBN: 9781590595671
ISBN-10: 159059567X
Series: Foundation
Published: 1st January 2006
Format: Paperback
Language: English
Number of Pages: 332
Audience: General Adult
Publisher: Springer Nature B.V.
Country of Publication: US
Dimensions (cm): 22.23 x 18.42 x 2.54
Weight (kg): 0.66
Shipping
| Standard Shipping | Express Shipping | |
|---|---|---|
| Metro postcodes: | $9.99 | $14.95 |
| Regional postcodes: | $9.99 | $14.95 |
| Rural postcodes: | $9.99 | $14.95 |
Orders over $89.00 qualify for free shipping.
How to return your order
At Booktopia, we offer hassle-free returns in accordance with our returns policy. If you wish to return an item, please get in touch with Booktopia Customer Care.
Additional postage charges may be applicable.
Defective items
If there is a problem with any of the items received for your order then the Booktopia Customer Care team is ready to assist you.
For more info please visit our Help Centre.
You Can Find This Book In

Architecture Patterns with Python
Enabling Test-Driven Development, Domain-Driven Design, and Event-Driven Microservices
Paperback
RRP $125.75
$100.60
OFF























