1. Photoshop Smart Objects
The Photoshop integration which was begun in Dreamweaver CS3 has been enhanced in CS4 to offer via the use of Adobe's Smart Objects technology. A Photoshop file can be imported directly into Dreamweaver and will automatically come in as a smart object.
Photoshop images are can be inserted using the same techniques as inserting any other image file: Insert - Image; dragging from the Files panel; dragging from the Assets panel; or using the Insert toolbar. A Photoshop-style Optimise window automatically appears and you can choose the settings appropriate for that particular image usually GIF, JPEG or PNG.
Once the image has been imported, an icon is displayed in the upper left of the image indicating that it is a smart object. Also, in the Property Inspector, the location of the original PSD file is shown in a box marked "Original".
The Photoshop integration which was begun in Dreamweaver CS3 has been enhanced in CS4 to offer via the use of Adobe's Smart Objects technology. A Photoshop file can be imported directly into Dreamweaver and will automatically come in as a smart object.
2. CSS Improvements
The Property Inspector can be used to change the attributes of any element you select on an HTML page. In previous versions of Dreamweaver, changing the attributes of highlighted text would cause the program to create CSS classes with names like "Style1", "Style2", etc. in the head area of the current page. This random creation of styles was often responsible for getting new web developers into bad habits.
The fact that the image is a smart object means that if we resize it in Dreamweaver, it will automatically be re-optimised and a new version of the image will be generated with the new dimensions. (In previous versions, resizing an image would mean that the browser was responsible for resizing leading to poor image quality.
3. Related Files
The Property Inspector can be used to change the attributes of any element you select on an HTML page. In previous versions of Dreamweaver, changing the attributes of highlighted text would cause the program to create CSS classes with names like "Style1", "Style2", etc. in the head area of the current page. This random creation of styles was often responsible for getting new web developers into bad habits.
Whenever you open a file which contains linked files, Dreamweaver displays each of the linked files in the Related Files Bar. To access a related file just click on its name. If you make any changes to a related file and asterisk appears next to its name in the Related Files Bar to remind you to save your changes. When you do, the impact of the changes is immediately visible in the main file.
The Photoshop integration which was begun in Dreamweaver CS3 has been enhanced in CS4 to offer via the use of Adobe's Smart Objects technology. A Photoshop file can be imported directly into Dreamweaver and will automatically come in as a smart object.
Photoshop images are can be inserted using the same techniques as inserting any other image file: Insert - Image; dragging from the Files panel; dragging from the Assets panel; or using the Insert toolbar. A Photoshop-style Optimise window automatically appears and you can choose the settings appropriate for that particular image usually GIF, JPEG or PNG.
Once the image has been imported, an icon is displayed in the upper left of the image indicating that it is a smart object. Also, in the Property Inspector, the location of the original PSD file is shown in a box marked "Original".
The Photoshop integration which was begun in Dreamweaver CS3 has been enhanced in CS4 to offer via the use of Adobe's Smart Objects technology. A Photoshop file can be imported directly into Dreamweaver and will automatically come in as a smart object.
2. CSS Improvements
The Property Inspector can be used to change the attributes of any element you select on an HTML page. In previous versions of Dreamweaver, changing the attributes of highlighted text would cause the program to create CSS classes with names like "Style1", "Style2", etc. in the head area of the current page. This random creation of styles was often responsible for getting new web developers into bad habits.
The fact that the image is a smart object means that if we resize it in Dreamweaver, it will automatically be re-optimised and a new version of the image will be generated with the new dimensions. (In previous versions, resizing an image would mean that the browser was responsible for resizing leading to poor image quality.
3. Related Files
The Property Inspector can be used to change the attributes of any element you select on an HTML page. In previous versions of Dreamweaver, changing the attributes of highlighted text would cause the program to create CSS classes with names like "Style1", "Style2", etc. in the head area of the current page. This random creation of styles was often responsible for getting new web developers into bad habits.
Whenever you open a file which contains linked files, Dreamweaver displays each of the linked files in the Related Files Bar. To access a related file just click on its name. If you make any changes to a related file and asterisk appears next to its name in the Related Files Bar to remind you to save your changes. When you do, the impact of the changes is immediately visible in the main file.
About the Author:
The author is a training consultant with Macresource Computer Solutions, an independent computer training company offering Adobe Dreamweaver Classes at their central London training centre.
0 comments:
Post a Comment