Microsoft Expression Web - Illustrated Unit B: Creating a Web Site

Microsoft Expression Web - Illustrated

Unit B: Creating a Web Site

Objectives

Research and plan a Web sitePlan the page layoutCreate a Web siteCreate a Web page and set CSS options


Objectives

Add a title, page description, and keywordsManage Web pagesAdd a folder to a Web siteChange the Web site view


Researching and Planning a Web Site

Developing a Web site involves the following stepsResearch and plan the siteDesign the site

• Site map: A diagram depicting how a Web site’s pages are related within the site

• Page layout: The placement of content, graphics, and navigation on each page

Build and test the sitePublish and market the site




Steps in the Web site development process



Planning the Page Layout

Sketch it on paper firstDraw on existing conventionsBe consistentKeep it simpleFocus on navigationDecide on a size Fixed page design Liquid page design


Creating a Web site

1st step is to create a root folderRoot folder is a folder on your hard drive, USB

drive, or network drive that stores all the files that make up your site

3 options for creating sitesSimple Web site with one blank pageEmpty Web site to add pages toEntire Web site based on templates that

generate all pages of the site


Creating a Web Page andSetting CSS Options

Using CSS positioningCreate div elements in HTML documentUse style sheets to position them on them on the

pageDivs are rectangular areas that can be

positioned on the page to hold content, including text and images


Creating a Web Page andSetting CSS Options

Expression Web includes prestructured, browser-tested CSS page layouts


Adding a Title, Page Description, and Keywords

The contents of the title element are not displayed on the page itselfDisplayed in the title bar of the visitor’s browserDisplayed as the title in a browser’s list of

favorites or bookmarks if added

The description is a brief explanation of what visitors can find at your siteKeywords are terms that describe the content of your site



Click File on the menu bar, then click PropertiesType your Title in the Title text box, Click in the Page description text box and type in a description for the siteAdd keywords to the Keywords text boxClick the Save button on the Common toolbar




Managing Web Pages

Create a copy of an existing page by using the New From Existing Page command


Managing Web Pages

Links in Expression WebA warning is sent if files are deleted that

have links to other pagesFiles are moved or renamed in order to

fix broken links


Managing Web Pages

When a new page is created from an existing page, the description and keywords from the original page are retained.


Adding a Folder to a Web Site

Right-click the path of the root folder in the Folder List task pane


Adding a Folder to a Web Site

Point to New, then click FolderType assets, then press [Enter]


Changing the Web Site View

Click the Remote Web Site View button at the bottom of the editing window



Click the Reports View button



Click the Recently added files link in the Site Summary reportClick the list arrow next to the Recently Added Files report name, point to Problems, then click Unlinked FilesClick the Hyperlinks View button at the bottom of the editing window



Click the file you need in the Folder List task pane



Click the Folders View buttonClick File on the menu bar, click Close Site, click File on the menu bar, then click Exit


Documents

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site