| 1.
| - Automatically Adapt Your Site for Any Screen Size with Dreamweaver
-
By
Tom Negrino
- Sep 27, 2012
- Modern websites must accommodate devices with all sorts of screens - from giant monitors down to pocket-size smartphones. Tom Negrino, coauthor of Dreamweaver CS6: Visual QuickStart Guide, shows how to use built-in Dreamweaver features to make your site adapt itself automatically to fit screens of any size.
|
| 2.
| - Don't Do That! Five Habits to Avoid on Your Websites
-
By
Tom Negrino
- Sep 17, 2012
- Tom Negrino, coauthor of Dreamweaver CS6: Visual QuickStart Guide, points out five common behaviors that we see used all over the Web. Unfortunately, these are BAD habits, and website designers really need to break them in order to create successful sites.
|
| 3.
| - How to Preview a Website for Mobile Screens in Adobe Dreamweaver CS6
-
By
Adobe Creative Team
- May 5, 2012
- Learn how to preview a website for mobile screens, including how to locate the finished layout using the Files panel, which lets you browse files without leaving Dreamweaver. You’ll also try the Multiscreen Preview, which lets you see how your site looks at multiple sizes at once.
|
| 4.
| - Designing Responsive Web Pages Using a Fluid Grid Layout in Adobe Dreamweaver CS6
-
By
Adobe Creative Team
- May 3, 2012
- In the following excerpt from Adobe Creative Suite 6 Design and Web Premium Classroom in a Book, you’ll work on two pages of a prototype website in Adobe Dreamweaver. You’ll learn how to quickly set up a web page layout that adapts to different screen sizes, and preview the design in a web browser.
|
| 5.
| - Creating a Page Layout with Adobe Dreamweaver CS6
-
By
Adobe Creative Team
- Apr 23, 2012
- In this lesson from Adobe Dreamweaver CS6 Classroom in a Book, you’ll learn the basics of webpage design, how to create design thumbnails and wireframes, insert and format new components into a predefined CSS layout, use Code Navigator to identify CSS formatting, and check for browser compatibility.
|
| 6.
| - Using Web Fonts in Adobe Dreamweaver CS6
-
By
Tom Negrino, Dori Smith
- Apr 23, 2012
- The @font-face rule allows you to use non-Web-safe fonts by defining the location of a font resource, which can be either local to your machine or external. As of CS 5.5, Dreamweaver supports @font-face. Tom Negrino and Dori Smith show you some examples in this excerpt from Dreamweaver CS6 Visual Quick Start.
|
| 7.
| - Turning Web Pages into Apps with Dreamweaver CS5.5
-
By
David Karlins
- Sep 14, 2011
- David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques, concludes his three-part miniseries on how to get mobile with Dreamweaver. This article walks through the relatively easy process of turning a mobile-friendly web page into an app that runs on iOS or Android. Amazingly, Dreamweaver does most of the work, and no coding is needed!
|
| 8.
| - (Serious) Fun with Web, Mobile, and Dreamweaver CS5.5
-
By
David Powers
- Aug 30, 2011
- With the rapid spread of smartphones and tablets, responsive web design has become the order of the day. No problem, argues David Powers, author of Adobe Dreamweaver CS5.5 Studio Techniques: Designing and Developing for Mobile with jQuery, HTML5, and CSS3. Dreamweaver CS5.5 puts the necessary tools at your disposal, and formerly dreaded chores, like rounding corners on elements, or adding drop shadows and transparent backgrounds, have become a real pleasure.
|
| 9.
| - Customizing Mobile Pages with jQuery Mobile in Dreamweaver CS5.5
-
By
David Karlins
- Aug 18, 2011
- New starter pages in Dreamweaver CS5.5 serve as templates for building mobile-friendly pages with jQuery Mobile animation and interactivity. Or you can use jQuery Mobile widgets to design mobile-friendly pages from scratch, with your own choice of jQuery Mobile objects. All without coding! David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques, explores this Dreamweaver magic.
|
| 10.
| - Style Your Website for Multiple Devices Using Dreamweaver CS5.5
-
By
Brian Wood
- Aug 10, 2011
- To get a site to work properly across multiple devices used to be more a challenge than it is today. For instance, Adobe Dreamweaver CS5.5 has built-in tools that help you design for multiple devices including personal computers, tablets, and phones. In this article, Adobe expert Brian Wood shows you how to use CSS3 media queries, Multiscreen Preview, and various other tools, to easily take your design and get it to work on different devices.
|
| 11.
| - Building Mobile Pages with Dreamweaver CS5.5
-
By
David Karlins
- Aug 3, 2011
- Build mobile-friendly web pages based on jQuery JavaScript objects quickly and easily with Dreamweaver CS5.5. And do it without coding! David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques, takes you through the Dreamweaver techniques that make this eminently possible.
|
| 12.
| - Dreamweaver CS5.5 Studio Techniques: Progressive Enhancement with HTML5 and CSS3
-
By
David Powers
- Jul 18, 2011
- In this chapter, you’ll learn how to apply progressive enhancement to a website for a fictitious hotel.
|
| 13.
| - Adobe Dreamweaver CS5.5 Studio Techniques: Making Your Site Available Offline
-
By
David Powers
- Jun 30, 2011
- In this chapter, you'll learn how to make a site available offline by creating a file that not only tells the browser which files to cache, but also specifies substitute files for offline use.
|
| 14.
| - Adobe Dreamweaver CS5 with PHP: Validating Input on the Server
-
By
David Powers
- Feb 22, 2011
- In this lesson, with the help of a powerful third-party script library—Zend Framework— David Powers shows you how to create a robust user registration system that validates input on the server.
|
| 15.
| - Adobe Dreamweaver CS5 with PHP: Why PHP and Why Dreamweaver CS5?
-
By
David Powers
- Feb 21, 2011
- David Powers explains how Dreamweaver has become a powerful development environment for PHP without losing any of its visual development features.
|
| 16.
| - Presenting HTML5 Video with Dreamweaver CS5
-
By
David Karlins
- Oct 4, 2010
- Want to present video in your Dreamweaver-built website, but not sure you want to use Flash video? David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: Essential Techniques, has the solution. This tutorial shows you in easy-to-follow steps how to work with Dreamweaver in your site to implement HTML5 video that will work with many browsers.
|
| 17.
| - Using the Dreamweaver CS5 HTML5 Pack to Create CSS3 Transforms
-
By
David Karlins
- Sep 27, 2010
- By using CSS3 style sheets, you can apply some pretty cool visual effects to content in your web pages. David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: Essential Techniques, shows how to work with a few of these effects in Dreamweaver CS5.
|
| 18.
| - Embedding HTML5 Audio with Dreamweaver CS5
-
By
David Karlins
- Sep 13, 2010
- David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: Essential Techniques, provides a step-by-step walkthrough of the process for using the HTML5 Audio element to present audio in a Dreamweaver-designed website.
|
| 19.
| - Time to Learn PHP? Dreamweaver CS5 Is Here to Help You
-
By
David Powers
- Jul 12, 2010
- David Powers, author of Adobe Dreamweaver CS5 with PHP: Training from the Source, discusses the dramatic improvements to PHP support in Dreamweaver CS5 that should appeal to designers and serious coders alike.
|
| 20.
| - Modifying Drupal Themes with Dreamweaver CS5
-
By
David Karlins
- May 18, 2010
- In this tutorial, David Karlins shows how easily you can change the look and feel of a Drupal website with the help of new features in Dreamweaver CS5.
|