Page 28 - Adobe Dream Viewer 2021
P. 28

21.  In the Design window with the Live view active, click in the footer      Note:
              paragraph below the client’s logo to place the insertion point.
               You can place the insertion point and edit text directly in the Live view. (You might   At the time of this writ-
               have to look closely to see the insertion point, in this case.)          ing, a minor bug might
                                                                                        require you to click two
               When the Live view is active, the Element Display shows the active HTML element.   times (not double-click)
               If an element has a defined ID or class attribute, those also appear in the Element   in an element to place
               Display. You will learn about IDs and classes in later projects. In this case, you can see   the insertion point.
               that the selected element is a p element, which is a paragraph.










                 Click an object in
                Live view to show
               the Element Display.


                          The element is        Clicking places the   The entire active
                          identified in the     insertion point inside   element is surrounded
                          widget header.        the active element.  by a visible border.

          22.  Click and drag to select the words “Against The Clock, Inc.” within the
              active paragraph.
               In the Live view, the Quick Property Inspector shows options related to the selected text.
               You can use the B and I buttons to apply the <strong> and <em> tags (respectively). You
               can also click the Hyperlink button to define a link destination for the selected text.

                                Quick Property Inspector

                                                                                        Note:
                                                                                        The strong and em
                                                                                        tags are explained in
                                                                                        Project 2: HTML Book
                                   Add <strong>  Add <em>  Hyperlink
                                       tag      tag                                     Chapter.
























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