Page 29 - CC2017_DW_Look_Inside
P. 29

24.  In the Quick Property Inspector, click the Hyperlink button. In the
                   resulting Link field, type http://www.againsttheclock.com as the link
                   destination.
                   Dreamweaver can’t help you create an external URL link because it’s outside the site
                   definition. You have to simply type or paste the address into the Link field.
                   An external URL link must begin with the “http://” protocol, followed by the domain
                   name and, if relevant, the folder path and file name of the page to which you are linking.







                                    Clicking the Hyperlink   You can click the Browse
                                   button opens the Link field  for File button to define an
                                     for the selected text.  existing file as the link.

               25.  Click anywhere else in the workspace to finalize the hyperlink you defined
                   in Step 24.                                                              Note:
               26.  In the Document toolbar, click the arrow to the right of the Live button    To minimize the
                   and choose Design from the menu to turn off the Live view.               repetitive work required,
                   You should become familiar with the process of turning the Live view on or off. We will   we already defined this
                   not continue to repeat these specific instructions as you move throughout the projects in   link for you on the other
                   this book.                                                               pages in the site. In a
                                                                                            professional environment,
                                                                                            you would need to add
                                                                                            this link to every page in
                                                                                            the site.
               27.  Choose File>Save to save your changes, then continue to the next exercise.



                  CoPy And PAste links
              Rather than manually creating the same links on every page, you can now simply copy
              and paste them from one page to another.

                1.  With index.html open (from the Kinetic site), click in any of the text links
                   to place the insertion point.
                   The insertion point is the location where text will appear if you type.


                2.  Review the Tag Selector below the document window.
                                                                                            Note:
                   The Tag Selector, located in the status bar of the document window, shows the nesting
                   order of HTML tags (the “path of tags”) based on the current selection or the current   You will work more
                   location of the insertion point.                                         extensively with tags
                                                                                            beginning in Project 2:
                                                  Insertion point
                                                                                            Digital Book Chapter.






                   Tag Selector

                                               Active tag


                                                                             Project 1: Bistro Site Organization  43
   24   25   26   27   28   29   30   31   32   33   34