Expression Web and Design Time Includes
RootsWeb FrontPage & Expression Web Mailing Lists
Are you hosting your website on one of the RootsWeb servers? Are you using FrontPage or Expression Web to design and maintain your website? If so, join us on the
RootsWeb FrontPage list or the RootsWeb Expression Web list.
CSS Layout Templates - FREE
CSS Layout Templates using external style sheets and written using XHTML Transitional Coding. They are meant to be used with FrontPage or Expression Web but can be used with any editing program. Free to use and enjoy.
Would you like some help with the design and layout of your site?
If so, join us on the following lists:
RW FrontPage list
RW Expression Web list
FrontPage List
Expression Web List
I am willing to work with you on setting up the design and layout of your genealogy
website. Why? Because I enjoy doing it and it is a way to "pay it forward" for the
help that I have received. See some examples of sites
I have helped with. I do this on a volunteer basis so may have to limit the amount
of time I can spend with you. If interested,
contact Pat.
NOTE: With the release of Expression Web 2 Beta, includes have been added back. However the are not available as part of the default Insert menu. Add the Include Page component to the default Insert Menu.
Any time you have a lot of repeated content in a website - things like page headers, page footers and navigation menus or even areas of content - you can use Expression Web includes. Include files are separate pages of HTML code that contain things like the items just mentioned; things that are intended to be used on many different pages. The top and bottom menus on this site use FrontPage includes. The right sidebar index to articles and tutorials is also an include page. It can be inserted on any page I want to use it.
The current plan is to remove support for all FrontPage bots from Expression Web before it is released. Feedback has been submitted to Microsoft asking that this feature - includes - continue to be supported but there has been no response. UPDATE: Expression Web has been released and is available from Amazon.com. Design time includes are still not a part of the program. There is a free add-on available from the makers of Pane Manager. Once installed, when I select Insert | Include Page will be one of the menu selections. View Screenshot NOTE: If you have downloaded an earlier version of Pane Manager's Include add-on, you may have multiple occurrences of the Include Page menu item. To fix that problem
Cricket Bailey of GNC Web Creations has an excellent step-by-step tutorial for creating FrontPage Includes.
Step-by-Step Instructions - Create A Design Time Include using Expression Web
NOTE: View screenshot will open a new window. All screenshots will then load in that window.
Step 1 - Create a folder within your FrontPage/Expression web to store your include pages. On the Website Tab click the New Folder icon and create a folder named _includes with the leading underscore. You can also use File | New | Folder
The new folder is created. Hit the backspace key and type _includes for the name
Step 2 - Create a New Page using the new page icon or File | New |
From the dialogue box Choose General | HTML | Click OK
Step 3 - In Design Mode, enter the content you want on the included page. The example uses a contact and copyright information.
Step 4 - Save your newly created page File | Save As
Make sure that you are saving your page in the correct Web and correct folder.
Step 5 - You should be familiar with how your pages look in HTML or Code View so take the time to look them over. You can also work in Split View and have both WYSYWYG and Code Views.
The insert web component that was used in FrontPage to insert your include page is no longer available BUT you can still use includes by downloading and installing the free add-on available from the makers of Pane Manager. Once installed choose Insert | Include Page
In the Include Page Properties Dialogue box, browse to where your include page is, click OK and the page will be inserted.
Step 6 - Preview your page in Design View
Step 7 - Preview your page in your browser to see how it renders.
Step 8 - View page in Code View
Step 9 - View Source Code - Open your page in Notepad or preview in your browser and view the Source Code. You will see not only the code for the include but the content of the include.
Additional Resources for Using FrontPage and/or Expression Web Includes -
- FrontPage Includes Article by Tina Clarke (new window will open)
Additional Notes:
- You can use css to style the included content but it won't show the styling until you have included it within the page.
- Changes to the page you are including MUST be made from within that page.
- If you update your included content and do NOT have FPSE (FrontPage Server Extensions) installed, you will need to upload ALL changed pages. If you Publish to a server where FPSE are installed, only the changed included content page will publish.