expression-web-4

Page 50

•

In the Manage Styles Panel or the Apply Styles Panel, click on 'Attach Style Sheet.'

Figure 42 – Manage Styles > Attach Style Sheet

o o o o

Browse to your style sheet in the popup box. Attach To: Check 'Current page.' Attach As: Check 'Link.' Click OK.

Figure 43 - Attach Style Sheet

If you click the Code Tab and view the page source, you should see a line of code has been added to your page with the name of your style sheet. <link href="sample.css"

rel="stylesheet" type="text/css" />

Summary You have now created your Home Page and the external style sheet and attached the style sheet to your page. The next step is to create the layout for your page. You could use one of the premade templates that come with Expression Web or you could choose to download and use one of these FREE CSS-based layout templates available from Genealogy Web Creations or import one of the Personal Web Packages from Expression Web Tutorials and Templates OR you can create a basic layout from scratch as the next tutorial will guide you through. Expression Web supports Dynamic Web Templates as a way to maintain a consistent look to your site. The page we are creating will be the basis for a DWT for your site. Tina Clarke offers free the Expression Web DWT EBook. This is an excellent resource, so be sure and take advantage of this free download. Expression Web 4.0 Tutorials from Install to Publish and More

Page 49


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.