Microsoft Expression Web-Illustrated Unit C: Adding Text and Links

Microsoft Expression Web-Illustrated

Unit C: Adding Text and Links

Objectives

Insert a text file into a Web pagePaste text into a Web pageType text and insert symbolsCheck spelling and use the thesaurusCreate an internal link

Microsoft Expression Web - Illustrated

Objectives

Create an external linkCreate and link to a bookmarkCreate an e-mail linkCopy and paste content between pages


Inserting a Text File into a Web Page

Text fileHas a .txt file extension Consists of basic text such as font faces,

colors, and sizes; bold; or italics.Good for Web page creation

• Allows formatting to be controlled through Expression Web



Adding TextWorking in Design view allows

more control over how the text is added to the page.

Make sure to add content to the correct div by using the visual aids and quick tag selector as guides



Options for Pasting Text


Pasting Text into a Web Page

Pasting text into a Web page allows for more formatting control than inserting it.The Paste Options button has

options for controlling pasted formatting.



Open a Word document to choose text fromPress [Ctrl][A] to select the textPress [Ctrl][C] to copy the text Close WordIn Expression Web, right-click in the page_content div and click PasteChoose an option from the Paste Options Button



Options for Pasting Text


Typing Text and Inserting Symbols

Adding Text to a footerInsert cursor in the footer div and add

textAdd a symbol

• Click Insert on the menu bar• Click Symbol


Typing Text and Inserting Symbols

Include text-only navigation links at the bottom of each page that duplicate image-based navigationHelpful to disabled viewersHelpful to users accessing the site via

cell phones or handheld devicesProvides convenient alternate method of

navigation


Checking Spelling and Using the Thesaurus

Right-click on a word that could be misspelled in the page_content div, as shown below



The word appears spelled correctly on the shortcut menuClick the properly spelled word



Click a word and then click ReplaceRight-click a synonym you’d like to use and click Add, Save your page


Creating an Internal Link

Select a word in the footerRight-click the selected word, then click Hyperlink in the shortcut menu



Click the location of the spot you want to link to under Link to, then click OK



Internal Links links between pages or files within the

same Web site

A working link has 2 partsSource anchor

• The word, phrase, or image on a Web page that, when clicked, leads to another page or file

Destination Anchor• The file or page that opens when a visitor

clicks the link



URL Defines the location of a file

Absolute URLs Used by external files Contain a path that describes the protocol, domain

name, and file path Example:

http://centraluniversity.com/library/hours.htm

Relative URLs Used by internal files Contain a path that describes only the location of

the file being linked relative to the source file Example: ../contact.htm


Creating an External Link

Select the text to be hyperlinked, right-click the selection, then click HyperlinkThe Insert Hyperlink dialog box opens, as shown on the following slide





In the Address box, type the URL you are linking to, then click Target Frame



Click New Window in the Common targets list if you want the link to open in a new windowClick OK, then click OK again

To make changes to a hyperlinkRight-click the link in Design viewSelect Hyperlink Properties from the shortcut

menu



Targetthe browser window or frame in which

the destination file opensYou can target internal or external links

but not email links

Pop-up blockerSoftware that prevents new browser

windows from opening


Creating and Linking to a Bookmark

Select the link to be bookmarked, click Insert on the menu bar, then click Bookmark



Right-click the text you want to hyperlinkClick Hyperlink on the shortcut menuClick the correct location under Link toSelect the bookmark and click OK




Creating a link to the bookmark


BookmarkAlso known as a named anchorA marker at a specific spot on a Web

page that can be used as a destination anchor

Often used to create a table of contents Can also be used to link from one

section of a page to another section of that page


Creating an E-mail Link

Select an email addressRight-click the selectionClick Hyperlink



Click the E-mail Address button under Link toType @emailaddress.com in the E-mail address text boxType a description in the Subject text box, Click OKSave changes to the page




Creating the e-mail link

Copying and Pasting Content Between Pages

Click the default.htm tab, click at the end of the copyright line in the footer div, press [Spacebar], type [│], press [Spacebar] again, right-click after the space, then click PasteThe text is pasted as shown in the figure on the following slide



Select the text to be copied Click Copy on the shortcut menuPosition the cursor where you want to paste the copied textClick Paste



When text is pasted between pages, the formatting and links are maintained.


Documents

Microsoft Expression Web-Illustrated Unit C: Adding Text and Links