Microsoft Expression Web 3 – Illustrated Unit C: Adding Text and Links

1. Microsoft Expression Web 3 – IllustratedUnit C: Adding Text and Links

2. Objectives • Paste text into a Web page • Type text and insert symbols • Check spelling and use the thesaurus • Create an internal link • Create an external link Expression Web 3 - Illustrated

3. Objectives (continued) • Create and link to a bookmark • Create an e-mail link • Copy and paste content between pages Expression Web 3 - Illustrated

4. Pasting Text into a Web Page • Two ways to add text: • Type directly in Expression Web • Paste text from an existing document • Windows Clipboard – a temporary storage area in your computer’s memory. • The page_content div is the main container for your page. Expression Web 3 - Illustrated

5. Pasting Text into a Web Page (continued) • Things to remember when pasting text from a Word Document: • [Ctrl] [A] - selects all text in a document • [Ctrl] [C] - copies selected text to clipboard • [Ctrl] [V] - pastes copied text into current window • Use the Paste Options button, that appears after pasting, to select how text is formatted. Expression Web 3 - Illustrated

6. Pasting Text into a Web Page (continued) Expression Web 3 - Illustrated

7. Typing Text and Inserting Symbols • Footer – area at the bottom of each page. • Pipes – vertical lines between words. • Pipes can be used to separate links for text based navigation. • Example: Home | Menu | Live Music | Store Expression Web 3 - Illustrated

8. Typing Text and Inserting Symbols (continued) • Symbols that are not found on a standard keyboard can be inserted from the Insert, Symbol dialog box. Expression Web 3 - Illustrated

9. Checking Spelling and Using the Thesaurus • Credibility of a Web site is judged on design, content quality, and content accuracy. • The Spelling feature in Expression Web helps identify and correct spelling errors. • The Thesaurus feature provides synonyms of words or phrases. Expression Web 3 - Illustrated

10. Checking Spelling and Using the Thesaurus (continued) Expression Web 3 - Illustrated

11. Creating an Internal Link • Hyperlinks or links allow you to surf from one Web site to another or among pages in a single site. • Internal link – links between pages or files within the same Web site. • Source anchor – word, phrase, or image on a Web page that leads to another page or file. • Destination anchor – file or page that opens when a link is clicked. Expression Web 3 - Illustrated

12. Creating an Internal Link (continued) • A URL defines the location of a file. • Absolute URLs – contain a path that describes the protocol, domain name, and the file path to make up a complete URL. • Example: http://university.com/library/hours.html • Relative URLs – contain a path that describes only the location of the file being linked relative to the source file • Example: ../contact.html Expression Web 3 - Illustrated

13. Creating an Internal Link (continued) Expression Web 3 - Illustrated

14. Creating an External Link • External link – links to Web pages or files on a different Web site. • Target – the browser window or frame in which the destination file opens. • Internal and External links can contain targets. • Email links cannot contain targets. • Accuracy is important when typing links, one typo can break the link. Expression Web 3 - Illustrated

15. Creating an External Link (continued) Expression Web 3 - Illustrated

16. Creating and Linking to a Bookmark • Bookmark (named anchor) – marker at a specific spot on a Web page, can be used as a destination anchor. • Adding bookmarks is a two-part process • Create bookmark • Link to the bookmark Expression Web 3 - Illustrated

17. Creating and Linking to a Bookmark (continued) Expression Web 3 - Illustrated

18. Creating and Linking to a Bookmark (continued) Expression Web 3 - Illustrated

19. Creating an E-mail Link • E-mail link – a link that opens an e-mail message in the visitor’s default e-mail program. • Spam – bulk unsolicited e-mail. • Before you put your e-mail address on your Web site, consider the dangers of spammers that search Web sites for e-mail links. Expression Web 3 - Illustrated

20. Creating an E-mail Link (continued) Expression Web 3 - Illustrated

21. Copying and Pasting Content Between Pages • Text that repeats on every page of a Web site can be copied and pasted instead of retyped on each page. Expression Web 3 - Illustrated

22. Summary • Text can be typed or pasted into a Web page. • Symbols can be inserted into a Web page. • The Spelling feature can assist you in finding and correcting spelling errors in your Web page. • The Thesaurus feature can suggest synonyms for words. • Internal links link to other pages with your Web page. Expression Web 3 - Illustrated

23. Summary (continued) • External links link to pages on other Web sites. • Bookmarks link to other places within the same Web page. • E-mail links open your default email client and automatically places the recipients email address in the To field. • Content may be copied and pasted between different Web pages. Expression Web 3 - Illustrated