We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byBrock Ledwell
Modified about 1 year ago
© 2010 Delmar, Cengage Learning Chapter 12 Working with Library Items and Snippets
© 2009 Delmar Cengage Learning 1.Create and modify library items 2.Add library items to pages 3.Add and modify snippets Chapter 12 Lessons
© 2009 Delmar Cengage Learning Library item – Can contain text or graphics – Is saved in a separate file in the Library folder of your site When you make a change to the library item and then update the site, all instances of that item will be updated to reflect the change Understanding Library Items
© 2009 Delmar Cengage Learning Code snippets – Reusable pieces of code that can be inserted on a page Dreamweaver provides a wide variety of ready-made code snippets you can use to create footers, drop-down menus, headers, and other page elements Understanding Snippets
© 2009 Delmar Cengage Learning Create and Modify Library Items Understanding the benefits of library items Viewing and creating library items Modifying library items
© 2009 Delmar Cengage Learning Understanding the Benefits of Library Items Using library items for repetitive elements saves considerable time When updating the site, all instances of the library item will be updated to reflect the change
© 2009 Delmar Cengage Learning To view library items – Open the Assets panel – Click the Library button You can also view a list of available library items by expanding the Library folder in the Files panel Viewing and Creating Library Items
© 2009 Delmar Cengage Learning To save text or an image as a library item – Select the item in the document window and drag it to the Assets panel – Or click, Modify Library Add Object to Library Temporary name: Untitled Creating Library Items
© 2009 Delmar Cengage Learning Fig. 1: Library Items in Assets Panel Library button Library items Preview of selected library item
© 2009 Delmar Cengage Learning Fig. 2: Web Page with Library Item Library item Library items Buttons for working with library items
© 2009 Delmar Cengage Learning You cannot edit library items on the Web page To make changes to a library item, open it To open a library item, select the item in the document window, then click Open in the Property inspector – Item will appear in document window Modifying Library Items
© 2009 Delmar Cengage Learning Fig. 8: Update Pages Dialog Box
© 2009 Delmar Cengage Learning Fig. 10: Cropping the Logo Drag the right edge slightly to crop the image The border and handles indicate you can crop the image
© 2009 Delmar Cengage Learning Add Library Items to Pages Adding library items to a page Making library items editable on a page Deleting and recreating library items
© 2009 Delmar Cengage Learning Adding Library Items to a Page Drag item from Assets panel to desired location on page Or, select the item in Assets panel, and click Insert The content and reference to the library item are copied into the code – Inserted library item is shaded in yellow in document window
© 2009 Delmar Cengage Learning Adding Library Items to a Page To insert the content from a library item, but not the reference (link) to the library item – Press and hold [Alt] (Win) or [option] (Mac) as you drag the library item from the Assets panel to the document window
© 2009 Delmar Cengage Learning Making Library Items Editable on a Page Make a library item editable on a page by breaking its link to the library item Select the library item, then click Detach from original in the Property inspector
© 2009 Delmar Cengage Learning Fig. 15: Property Inspector with Library Item Settings Click to open library item Click to restore deleted library item Click to detach selected element from library item
© 2009 Delmar Cengage Learning To delete a library item – Select it in the Assets panel – Click the Delete button Deleting a library item removes it from the Library folder – It does not change the content of the pages that contain it Deleting Library Items
© 2009 Delmar Cengage Learning Recreating Library Items You cannot use the Undo command to bring back a library item To restore a library item – Select any instance of the item in site – Click Recreate in the Property inspector
© 2009 Delmar Cengage Learning Fig. 19: Assets Panel after Deleting the Logo Library Item Logo no longer appears Delete button
© 2009 Delmar Cengage Learning Add and Modify Snippets Using the Snippets panel Inserting and modifying Snippets Creating new Snippets
© 2009 Delmar Cengage Learning Using the Snippets Panel The Snippets panel contains a large collection of reusable code Snippets organized in folders named by element type The Snippets panel is located in the Files panel group
© 2009 Delmar Cengage Learning Inserting and Modifying Snippets To add a Snippet to a page – Drag the Snippet from the Snippets panel to the desired location on the page – Or, select the snippet in the Snippets panel and click Insert Replace the placeholder text, links, and images with appropriate content
© 2009 Delmar Cengage Learning To save a modified Snippet as a new Snippet – Select the Snippet content in the document window – Click the New Snippet button in the Snippets panel to open the Snippet dialog box Creating New Snippets
© 2009 Delmar Cengage Learning Fig. 26: Snippet Dialog Box Name text box Description text box Code starts with
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit E Using and Managing Images.
© 2010 Delmar, Cengage Learning Chapter 11 Creating and Using Templates.
Adobe Dreamweaver CS5 Chapter 3 Tables and Page Layout.
Lesson 11: Maximizing Site Design Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Editing Basics Lesson 8. Skills Matrix SKILL #MATRIX SKILL 2.2.1Cut, copy, and paste text 2.2.2Find and replace text 4.1.1Insert building blocks in documents.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
INTEGRATING Macromedia MX 2004 Products Integrating Macromedia MX 2004.
Web Site Development - Process of planning and creating a website.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Copyright © 2013 MyGraphicsLab / Pearson Education FILES AND ASSETS PANELS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
© 2010 Delmar, Cengage Learning Chapter 7 Using Styles and Style Sheets for Design.
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
CIS 205—Web Design & Development Dreamweaver Chapter 5 Using HTML Tables to Lay Out a Page.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Dreamweaver MX. 2 Tools for Code Editing (p. 366) n An HTML editor like Dreamweaver writes most of the code you need, but at times you will need to perform.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Chapter 12 Creating and Using Templates. If you have already created and designed a page you like, you can use the layout and design for other pages in.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Layers.
Chapter 2 Working with Layers. Chapter Lessons Examine and convert layers Add and delete layers Add a selection from one image to another Organize layers.
Microsoft Outlook 2010 Chapter 3 Managing Contacts and Personal Contact Information with Outlook.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
© 2011 Delmar, Cengage Learning Chapter 6 Placing and Linking Graphics.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
© Ms. Masihi. The Dreamweaver Welcome Screen first opens when you start Dreamweaver. This screen gives you quick access to previously opened files,
Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit H Collecting Data with HTML Forms.
Creating a Website. Unit Objectives Plan a website Create a folder for website management Set up a website Add a folder to a website Save a web page Copy.
ADOBE FLASH CS5 Chapter 3 Working with Symbols and Interactivity.
ADOBE INDESIGN CS3 Chapter 6 PLACING AND LINKING GRAPHICS.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Chapter 3 – Web Design Tables & Page Layout Mr. Ursone.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.
WDV 331 Dreamweaver Applications Snippets and Libraries Items Dreamweaver CS6 Chapter 18.
Adobe Dreamweaver CS5 Chapter 1 Creating a Dreamweaver Web Page and Local Site.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
© 2017 SlidePlayer.com Inc. All rights reserved.