Logo
HOW TO
Windows XP
Windows Vista
Windows 7
Windows Azure
Windows Server
Windows Phone
 
 
Windows Vista

Adobe Dreamweaver CS5 : Using Library Items and Server-side Includes (part 7) - Applying Server-Side Includes - Adding server-side includes

11/29/2013 1:56:07 AM

5.1. Adding server-side includes

Dreamweaver has made inserting a server-side include in your Web page straightforward. You can use a Dreamweaver object to easily select and bring in the files to be included. Any other type of SSI, such as declaring a variable, must be entered by hand, but you can use the Comment object to do so without opening the Code view.

To use server-side includes to incorporate a file, follow these steps:

  1. In the Document window, place your cursor at the location where you would like to add the server-side include.

  2. Choose Insert Server-Side Include or choose Script:SSI from the Insert panel's HTML category. The standard Select File dialog box appears.

  3. In the Select File dialog box, type the URL of the HTML page you would like to include in the File Name text box or use the Browse button to locate the file. Click OK when you're finished.

    NOTE

    Through the Select File dialog box, you can also select a data source for a dynamically inserted SSI or link to an SSI already published on a server through the Sites and Servers interface. However, SSIs inserted in this manner can be previewed in Dreamweaver only in the Live Data view.

    Dreamweaver displays the contents of the HTML file at the desired location in your page. Should the Properties panel be available, the SSI Properties panel is displayed (see Figure 6).

  4. In the Properties panel, if the server-side include calls a file-relative document path, select the Type File option. Alternatively, if the SSI calls a site-root–relative file, choose the Type Virtual option.

Figure 6. The selected text is actually a server-side include automatically translated by Dreamweaver, as evident from the SSI Properties panel.

5.2. Editing server-side includes

As is the case with Library items, you cannot directly edit files that have been inserted into a Web page using server-side includes. In fact, should you try, the entire text block highlights as one. The code for a server-side–included file is quickly accessible through the Related Files bar.

To edit the contents of the server-side–included file, follow these steps:

  1. From the Related Files bar, choose the server-side file you want to edit.

    If you want to see changes applied to the design, enter Live View.

  2. Make any changes desired to the code.

  3. Choose Source from the Related Files bar.

    If you're in Live View, the changes will now be displayed.

Another, older way to edit your SSI is to select it and then click the Edit button in the Properties panel. The file will open in a new Dreamweaver window for editing. Save your file and then switch back to your source file to see the changes. Although this technique still works, using the Related Files bar with Live View is much faster.

Unlike when you are editing Library items, Dreamweaver does not ask if any other linked files should be updated because all blending of regular HTML and SSIs happens at runtime or when the file is open in Dreamweaver and the SSI translator is engaged.

Other -----------------
- Configuring Startup and Troubleshooting Startup Issues : How to Configure Startup Settings (part 2) - How to Use BCDEdit
- Configuring Startup and Troubleshooting Startup Issues : How to Configure Startup Settings (part 1)
- Configuring Startup and Troubleshooting Startup Issues : Important Startup Files
- Accessing and Using Your Network : Collaborating with Windows Meeting Space (part 2)
- Accessing and Using Your Network : Collaborating with Windows Meeting Space (part 1)
- Accessing and Using Your Network : Working with Offline Files and the Sync Center (part 2) - Synchronizing Offline Files, Handling Synchronization Conflicts
- Accessing and Using Your Network : Working with Offline Files and the Sync Center (part 1) - Working with Network Files Offline
- Accessing and Using Your Network : Sharing Resources with the Network (part 3) - Hiding Shared Resources
- Accessing and Using Your Network : Sharing Resources with the Network (part 2) - Sharing a Resource
- Accessing and Using Your Network : Sharing Resources with the Network (part 1) - Setting Up File and Printer Sharing, Deactivating the Sharing Wizard
 
 
REVIEW
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- 3 Tips for Maintaining Your Cell Phone Battery (part 1)

- 3 Tips for Maintaining Your Cell Phone Battery (part 2)
 
VIDEO TUTORIAL
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
Popular keywords
HOW TO Swimlane in Visio Visio sort key Pen and Touch Creating groups in Windows Server Raid in Windows Server Exchange 2010 maintenance Exchange server mail enabled groups Debugging Tools Collaborating
Top 10
- Microsoft Excel : How to Use the VLookUp Function
- Fix and Tweak Graphics and Video (part 3) : How to Fix : My Screen Is Sluggish - Adjust Hardware Acceleration
- Fix and Tweak Graphics and Video (part 2) : How to Fix : Text on My Screen Is Too Small
- Fix and Tweak Graphics and Video (part 1) : How to Fix : Adjust the Resolution
- Windows Phone 8 Apps : Camera (part 4) - Adjusting Video Settings, Using the Video Light
- Windows Phone 8 Apps : Camera (part 3) - Using the Front Camera, Activating Video Mode
- Windows Phone 8 Apps : Camera (part 2) - Controlling the Camera’s Flash, Changing the Camera’s Behavior with Lenses
- Windows Phone 8 Apps : Camera (part 1) - Adjusting Photo Settings
- MDT's Client Wizard : Package Properties
- MDT's Client Wizard : Driver Properties
 
Windows XP
Windows Vista
Windows 7
Windows Azure
Windows Server
Windows Phone
2015 Camaro