Learning Web Design with Adobe CS5 Dreamweaver ® Fireworks ® Flash ®
Adding and Managing Links and Previewing Pages: Lesson 3, Exercise 17 You can create several types of links in Dreamweaver: Text links  — links created using a word or phrase. Named anchor links  — links from one location on a page to another location on the same page. E-mail links  — links that open an e-mail program so a visitor can send a message to a Web site’s e-mail address. Graphic links  — links created using an image or icon on a page. Links can be either relative or absolute. A  relative  link is a link to a page within your Web site. All of your Web site pages are stored together within a single folder. These pages remain in the same locations relative to each other even after a Web site is published to a Web server. An  absolute  link takes a visitor from a page within your site to a different Web site. Because the browser must open a new Web site, it needs the full URL for the page it is to open.
Adding and Managing Links and Previewing Pages: Lesson 3, Exercise 18 Adobe  Device Central,  included in Dreamweaver   CS5 (and other CS5 suite applications such as Photoshop and Flash), allows a designer to preview content for mobile devices.  To open Device Central, click Preview in Device Central on the Preview/Debug in browser list, or use the File > Preview in Browser > Device Central command. Links are not active in Dreamweaver’s Document window. To test a link, you must preview a Web page in a browser. To preview a Web page, use the File > Preview in Browser command. You can select a browser from the submenu.
Adding and Managing Links and Previewing Pages: Lesson 3, Exercise 18 Update links when renaming pages Use the Site list to access files on all drives Dreamweaver warns about deleting a linked page Selected file name
Adding and Managing Links and Previewing Pages: Lesson 3, Exercise 19 Dreamweaver’s Browser Compatibility Check feature enables you to check a page to find potential CSS problems that might affect the way the page is viewed in different browsers. Three issues are found: Errors that might cause serious visible problems in a browser. Non-supported code that will cause visible problems Messages about code that isn’t supported but will have no visible effect
Adding and Managing Links and Previewing Pages: Lesson 3, Exercise 19 As pages are added and removed from Web sites, it is easy to forget to update or remove links. Dreamweaver gives you a great deal of flexibility when creating links in a Web site. You can check links from either the Document window or the Files panel—either in its collapsed or expanded form. To check links in the current document only, use the File > Check Page > Links command in the Document window. In the collapsed or expanded Files panel, right-click the site name or any file and select Check Links, and then choose Selected Files or Entire Local Site. In the expanded Files panel, use the File > Check Links command. To check links throughout the site, you can also use the Site > Check Links Sitewide command in Design view or in the expanded Files panel.

Lesson 3 cs5

  • 1.
    Learning Web Designwith Adobe CS5 Dreamweaver ® Fireworks ® Flash ®
  • 2.
    Adding and ManagingLinks and Previewing Pages: Lesson 3, Exercise 17 You can create several types of links in Dreamweaver: Text links — links created using a word or phrase. Named anchor links — links from one location on a page to another location on the same page. E-mail links — links that open an e-mail program so a visitor can send a message to a Web site’s e-mail address. Graphic links — links created using an image or icon on a page. Links can be either relative or absolute. A relative link is a link to a page within your Web site. All of your Web site pages are stored together within a single folder. These pages remain in the same locations relative to each other even after a Web site is published to a Web server. An absolute link takes a visitor from a page within your site to a different Web site. Because the browser must open a new Web site, it needs the full URL for the page it is to open.
  • 3.
    Adding and ManagingLinks and Previewing Pages: Lesson 3, Exercise 18 Adobe Device Central, included in Dreamweaver CS5 (and other CS5 suite applications such as Photoshop and Flash), allows a designer to preview content for mobile devices. To open Device Central, click Preview in Device Central on the Preview/Debug in browser list, or use the File > Preview in Browser > Device Central command. Links are not active in Dreamweaver’s Document window. To test a link, you must preview a Web page in a browser. To preview a Web page, use the File > Preview in Browser command. You can select a browser from the submenu.
  • 4.
    Adding and ManagingLinks and Previewing Pages: Lesson 3, Exercise 18 Update links when renaming pages Use the Site list to access files on all drives Dreamweaver warns about deleting a linked page Selected file name
  • 5.
    Adding and ManagingLinks and Previewing Pages: Lesson 3, Exercise 19 Dreamweaver’s Browser Compatibility Check feature enables you to check a page to find potential CSS problems that might affect the way the page is viewed in different browsers. Three issues are found: Errors that might cause serious visible problems in a browser. Non-supported code that will cause visible problems Messages about code that isn’t supported but will have no visible effect
  • 6.
    Adding and ManagingLinks and Previewing Pages: Lesson 3, Exercise 19 As pages are added and removed from Web sites, it is easy to forget to update or remove links. Dreamweaver gives you a great deal of flexibility when creating links in a Web site. You can check links from either the Document window or the Files panel—either in its collapsed or expanded form. To check links in the current document only, use the File > Check Page > Links command in the Document window. In the collapsed or expanded Files panel, right-click the site name or any file and select Check Links, and then choose Selected Files or Entire Local Site. In the expanded Files panel, use the File > Check Links command. To check links throughout the site, you can also use the Site > Check Links Sitewide command in Design view or in the expanded Files panel.