Buy. Download. Create. Get Dreamweaver CS3 now at the Adobe Store.
Get Dreamweaver, Flash, Photoshop Extended with Adobe CS3 Web Premium.
Get the 30-day free trial on our Dreamweaver 8 Product Review Page.
Dreamweaver CS3 - 5 Free Video Clips From Total Training
Here are 5 free video clips from the new series from Total Training — Adobe Dreamweaver CS3 Advanced Training with Janine Warner. Each link will open a new window with the video.
Explaining Dynamic Web Pages
Differences between Static & Dynamic Sites
The Advantages of Dynamic Web Sites
Setting Up a Site in Dreamweaver
Styling a Navigation Bar with CSS
Take your web design to next level with Adobe Dreamweaver CS3: Advanced Training with Janine Warner. You'll learn tips and tricks for working with Adobe's latest award-winning design program including how to customize CSS Layouts, how to use Spry features to create drop-down navigation bars, and the basics of creating a site with ColdFusion.
Exclusive 20% Discount On Select Total Training Products & Bundles - CS2 & CS3 Training
To redeem our exclusive discount coupon, use promotion code save20pss in your shopping cart. You could save hundreds of dollars. Use this special link to see the full offer. Here are their most popular products:
Photoshop CS3 Extended Essentials will show you how to use Adobe Photoshop CS3 proficiently from the comfort of your own home or office. Lessons are done at your own pace so you can start and stop the video segments at any time. From the basics of selecting colors and elements in photos, to the power of special effects and layering, the Photoshop CS3 tutorials in this training package cover what you need to know to become a Photoshop pro.
Total Training for Dreamweaver 8
Macromedia Dreamweaver 8 training to learn how to efficiently layout, develop and maintain standards-based websites. Dreamweaver tutorials teach you with tips and tricks that can only be learned from an expert user of the software.
Total Training for Flash Professional 8
Learn inside tips for the most useful tools and features of Macromedia Flash Professional 8. Watch Flash tutorials on how to create better designs and author interactive content rich with video, graphics, and animation.
Dreamweaver Video Tutorials From Total Training
The following are High Definition Dreamweaver tutorials courtesy of Total Training. To find out more about this training series, see our Total Training For Macromedia Dreamweaver 8 page, read our interview with host Janine Warner, and our review of Total Training For Dreamweaver 8.
• Dreamweaver's Photoshop Settings
If you want to be able to edit an image in gif or jpeg format after you've inserted it into your Dreamweaver pages and have Dreamweaver launch Photoshop instead of the default Fireworks, this tutorial will show you how to change the settings to make Photoshop the primary default image editor.
This is our very first clip in High Definition (HD). Benefits of HD include a 165% larger screen size for viewing on a computer monitor, crystal-clear image capture to easily read text and fine details, and higher frame rate support for smoother playback.
View the Dreamweaver's Photoshop Settings video clip.
• How To Create Rollovers in Dreamweaver
Rollovers are an incredibly popular feature on the web and this tutorial walks you through the process of implementing them into your site using Dreamweaver.
You'll learn how to use the Insert Rollover Image tool in Dreamweaver, how to work with the Preload Rollover Image and Alt Text options, and how to set the Link Page for your rollovers.
View the How To Create Rollovers in Dreamweaver video clip.
• Using Tables & Frames In Dreamweaver
Sometimes photos do not line up properly when they are inserted into a design using frames. That's when you can use tables to make things look just right.
In this video clip tutorial you will learn how to center an image using a table in Dreamweaver, how to use options to create the table's size and border thickness, and how to further adjust the table to fit the design.
View the Using Tables & Frames In Dreamweaver video clip.
• Using Search & Replace In Dreamweaver
HTML editors excel in being able to perform site-wide changes. This is one of the most important things to learn when starting to design sites.
In this video clip tutorial you will learn how to use search and replace to make global changes in Dreamweaver, how to use options to search through the source code, or the text, or a specific tag, and how to close the Reports Dialog and the Panel Group.
View the Using Search & Replace In Dreamweaver video clip.
• Make Radio Buttons & Dropdown List Menus In Dreamweaver
Whenever you encounter a form on a website you'll often notice dropdown menus and radio buttons. But how do you code these into a page? In Dreamweaver it's a very simple process.
In this video clip tutorial you will learn how to create Radio Buttons in Dreamweaver, how to use the Property Inspector to select your options, and how to make a Pull-down or List Menu in Dreamweaver.
View the Make Radio Buttons & Dropdown List Menus In Dreamweaver video clip.
• Using The Assets Panel In Dreamweaver
The Assets Panel lets you manage many of Dreamweaver's most powerful features. The Assets Panel is where you will be dragging and dropping your files directly into your web pages.
In this video clip tutorial you will learn how to use the Assets Panel to preview and insert images in Dreamweaver, how to use the Assets Panel to apply colors in Dreamweaver, and how to use the Assets Panel to create links in Dreamweaver.
View the Using The Assets Panel In Dreamweaver video clip.
• Jump Links And Anchors In Dreamweaver
Jump links are links on the top of a web page that when clicked will bring you down to another area of the same page, and this is done with the use of anchors.
In this video clip tutorial you will learn how to create jump links in Dreamweaver, how to create anchors on a web page that you've created in Dreamweaver, and how to use the Hyperlink Option.
View the Jump Links And Anchors In Dreamweaver video clip.
Dreamweaver CS3 Upgrades And Bundles From The Adobe Store
Design, develop, and maintain standards-based websites and applications — from start to finish — with Adobe Dreamweaver CS3. Work using either a visual layout interface or a streamlined coding environment. Get the full version for US $399, or upgrade for US $199.
Dreamweaver CS3 is also available as part of Adobe Creative Suite 3 Web Premium ($1,599/$340) — which offers a complete solution for creating interactive websites, applications, user interfaces, presentations, and mobile device content. Web Premium combines all-new CS3 versions of Flash Pro, Photoshop Extended, Illustrator, Fireworks, Acrobat 8 Pro, Contribute, Bridge, Version Cue, and Device Central. International options are available at Adobe's UK Store, Europe Store, and Australia Store.
Advanced Dreamweaver Video Tutorials From Total Training
The following are High Definition Dreamweaver tutorials courtesy of Total Training. To find out more about this training series, see our Total Training For Macromedia Dreamweaver 8 page, read our interview with host Janine Warner, and our review of Total Training For Dreamweaver 8.
How To Align Images And How To Use Alt Text In Links Using Dreamweaver
In this sample video clip tutorial you will learn the following:
How to make an image align left or right using CSS in Dreamweaver.
How to include alt text in your graphics using Dreamweaver.
How to preview your work in a web browser.
View the How To Align Images And How To Use Alt Text In Links video clip.
How To Insert A Background Image In Dreamweaver
In this sample video clip tutorial you will learn the following:
How to select tables in Dreamweaver
How to use the property inspector to center and work with tables.
How to get a background image inside a table in Dreamweaver.
How to use the split view to work directly inside the HTML code in Dreamweaver.
View the How To Insert A Background Image In Dreamweaver video clip.
Working With CSS And External Style Sheets In Dreamweaver
In this sample video clip tutorial you will learn the following:
How to change options so that your CSS files open in Dreamweaver.
How to use the Layers Category to give you the option to nest layers.
How to add more options to your properties panel in Dreamweaver.
View the Working With CSS And External Style Sheets In Dreamweaver video clip.
How To Use The Window Size Option In Dreamweaver
In this sample video clip tutorial you will learn the following:
How to set your screen size for your Dreamweaver site design.
How to change the screen size to Dreamweaver presets.
How to resize the Dreamweaver work area to get rid of grayed out options.
View the How To Use The Window Size Option In Dreamweaver video clip.
Working With Tables And Cells In Dreamweaver
In this sample video clip tutorial you will learn the following:
How to split cells and create more columns in Dreamweaver.
How to split the screen to read through the Dreamweaver code.
How to use the property inspector to control your cells and tables.
View the Working With Tables And Cells In Dreamweaver video clip.
SiteGrinder 2 — Photoshop Plugin Review
Review by Jennifer Apple
There often seems to be a strict division of labor within the world of web design and development. Creative professionals tend to stick to the Photoshop domain, while those well-versed in scripting are left to the task of implementing their work. Indeed, the two realms are quite different from each other, to which any of us even vaguely familiar with either can easily attest.
Essentially, Photoshop is a no-holds-barred design studio, offering the artist a seemingly endless array of creative options. On the other hand, HTML, CSS, Java and the like follow strict rules of engagement, requiring the developer to take any number of esoteric concerns into consideration in order to ensure that designs are properly displayed on the web.
Turn Photoshop Into A Complete Web Design Tool
SiteGrinder 2 seeks to bridge this gap between design and development. Basically, this program turns Photoshop into an easy-to-use and fully functional web design tool. With SiteGrinder 2, designers will now have the freedom to totally let their creativity loose and then, without skipping a beat, transfer their designs to the web. Bringing esthetic concerns together with more practical considerations, this program is an amazingly powerful tool that would make a fantastic addition to any web designer's bag of tricks.
So how does it work? Think for a second about the normal flow of work for any web design project. You'll spend a great deal of your time designing the visual appearance of your website in Photoshop, only to turn around and spend even more time working with a code editor like Dreamweaver or GoLive, going through the labor-intensive process of reconstructing these designs for the web.
Not to mention that fact that your creativity is often significantly limited when you're using a design program that's completely separate from the program that's used to prep everything for the web. Not everything that you design will be functional when it's translated to the web, nor will it be compatible with all web browsers period! As such, you'll often find yourself not going that extra creative mile just because you know that your web developer will have to re-work your designs just to make sure that they can be used online.
Generate Your Web Pages Directly From Photoshop
SiteGrinder 2 throws all these considerations to the wind. By generating web pages directly from Photoshop, you'll be able to spend much more time on the creative end of the spectrum, since you'll know right off the bat how well particular designs will translate to the web. No more going back to the Photoshop drawing board after getting a phone call from your development team, telling you that what you had envisioned doesn't have a chance of being displayed on the web. You can immediately visually and interactively test your designs, which permits you to then make changes to either esthetics or functions while it's still relatively early on in the design process.
With SiteGrinder 2, you can easily convert Photoshop Type layers into CSS styled web text. Virtually all of Photoshop's character and paragraph styles are supported by CSS, so you'll be able to ensure a smooth transition from workspace to web browser. This includes everything from bold and italic to paragraph spacing and alignment. Even hyperlinking is made easy, as SiteGrinder 2 will automatically turn any HTTP and e-mail URLs into hyperlinks.
Create Buttons, Rollovers, Popups & Menus
Likewise, SiteGrinder 2 will convert image layers to web graphics, generating automatically the HTML needed to display your images on your website exactly where you had positioned them in Photoshop. All the basic elements of any standard website are also easy to achieve by using SiteGrinder 2 with Photoshop, which allows you to create buttons, rollovers, pop-ups and menus. Pretty much all you have to do is tell SiteGrinder 2 about special layers by including "hints" when you name the layers – simply include "button", "rollover" or "pop-up" in your layer name and SiteGrinder 2 will create your preferred interactive feature automatically.
No Tables Here — SiteGrinder Produces Valid XHTML 1.1 and CSS
It's also a breeze to create a multipage website from a single Photoshop document, by using a Photoshop tool called the Layer Comps palette. Often overlooked, this incredibly powerful little tool lets you save and name particular document states, including the position and visibility of every layer. To create multiple pages, all you have to do is make the document look the way that you want a page on your site to look, and then make a layer comp — then set up the next page and make another layer comp, and so on. SiteGrinder 2 will then use these comps to figure out what to include on the web pages that it will generate for you. It's as easy as that!
SiteGrinder 2 effectively functions as your very own web technician, who knows all there is to know about CSS, HTML and other complex web formats.
You don't need to spend precious time and money learning the intricacies of web-speak when SiteGrinder 2 can do all this work for you, leaving you with much more time and freedom to explore the limits of your creative potential in the Photoshop world you know so well.
Pricing and Availability
Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download. SiteGrinder 2 can be ordered from Media Lab's online store.
Dreamweaver 8 For Dummies
Dreamweaver 8 For Dummies
This book offers a friendly introduction to this sophisticated program that is noted for its advanced features, such as the capability to seamlessly move between visual and HTML modes. Covers the key features of Dreamweaver, including how to design a well-planned site, coordinate the design work, and add graphics. Addresses using Cascading Style Sheets, adding interactivity, working with multimedia files, building a dynamic site, bringing data into the site, and more.
The companion Website features links to trial versions of several software programs, templates to make building a site quicker and easier, sample Flash animations, a glossary of Dreamweaver lingo, all the examples provided in the book, and more .
Available at Amazon.com (34% off).
Photoshop And Dreamweaver Integration
Photoshop and Dreamweaver Integration
Communicate a clear message with professional, integrative design using the world's most popular Web design combination - Adobe Photoshop and Dreamweaver. Follow along as expert Colin Smith shows you how to build Websites that are both well-designed and highly functional. Take standard Web page elements - such as navigation bars and content areas - and create a unique look based on the needs of your client, and the boundless capacity of your own imagination.
With a balance of technical instruction and Web design theory, this one-of-a-kind guide will show you how to create visually appealing and technically effective professional Websites.
Available at Amazon.com (34% off).
