1. Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working with other image types

2. Adobe Dreamweaver CC: The Professional Portfolio Image File Types JPEG –24-bit color (photographs) –Lossy compression –No transparency GIF –8-bit color (illustrations) –Lossless compression –Index transparency PNG –24-bit color –Lossless compression –Index and alpha transparency SVG –Vector based

3. Adobe Dreamweaver CC: The Professional Portfolio Placing Images

4. Adobe Dreamweaver CC: The Professional Portfolio Placing Images (cont’d)

5. Adobe Dreamweaver CC: The Professional Portfolio Image Properties panel Define attributes of the tag Create image map Edit in original application Edit in Dreamweaver

6. Adobe Dreamweaver CC: The Professional Portfolio Resizing Change the dimensions of the placed image Does not change the source file

7. Adobe Dreamweaver CC: The Professional Portfolio Resampling Reduce the file weight of downsized images Permanently change the source file

8. Adobe Dreamweaver CC: The Professional Portfolio Background Images

9. Adobe Dreamweaver CC: The Professional Portfolio Understanding CSS Format every element individually Use unique ID attributes:

10. Adobe Dreamweaver CC: The Professional Portfolio Related Files External CSS files Indirectly opened and edited

11. Adobe Dreamweaver CC: The Professional Portfolio Flash Animation (SWF) Common Insert panel Play in Live view Dependent files

12. Adobe Dreamweaver CC: The Professional Portfolio Flash Video (FLV) Common Insert panel Skin container Preview in Live view

13. Adobe Dreamweaver CC: The Professional Portfolio Favicons Favorites/Bookmarks list Browser title bar Browser tab