Formatting Text

1
Formatting Text

• Unit D

2
Import Text

• Open TripSmart Web Site
• Open dmd_1.htm from Unit D data
• Save it as newsletter.htm to tripsmart folder
• Save the logo Travel Tidbits to the assets folder
  using the property inspector

3
Save a graphic to a new site

• Click the graphic
• Property InspectorSRCBrowse for File
• Choose the source file from data files
• Click select
• Choose Yes for Copy the graphic file to the root
  folder of your web site
• Choose assets folder
• Save

4
Importing Files

• FileImportImport Word HTML
• Choose folder and file packing_essentials.htm
• Clean up dialog box check all options p. D-3
• EditSelect All
• EditCopy
• FileClose DO NOT SAVE
• FilePaste below horizontal line

5
Text Properties

• Property Inspector
• Format List
• Font
• Size (Increase or decrease)
• Alignment
• Text Color
• Font Style ( B, I)

6
Create an Unordered List

• Highlight a block - click then hold down shift
  and drag, release shift
• Property Inspector
• Unordered List Icon
• Expand the property inspector
• List Item Button
• Set list Type, Style

7
Create an Ordered List

• Property Inspector
• Ordered List Icon
• Expand the property inspector
• List Item Button
• Set list Type, Style, Start Count

8
Editing Text with Code and Design View

• Show Code and Design Views icon
• Click on Packing Essentials heading
• Notice the code is also set
• Highlight the code for Packing Essentials
• Notice the result is highlighted in Design
• CopyPaste and change text to Avoiding Wrinkle
  Woes

9
Quick Tag Editor

• Highlight the area in design view
• Ctrl T
• You can modify in the quick tag editor

10
Creating a Cascading Style Sheet

• WindowCSS Styles
• New Style Icon
• Select Make Custom Style(class)
• Select Define In (New Style Sheet File)
• Type .bulleted_items for the Name
• File name type tripsmart extension is css
• Change font, size,bold, color
• Show Site icon the .css is there

11
Applying a Cascading Style Sheet

• Highlight Expandable clothesline and clothespins
• Select bulleted_items on CSS style panel
• Edit Style Sheet icon
• Tripsmart.css (link)
• Edit.bulleted_itemsEdit
• Modify
• Highlight and Apply to the remaining items.

12
Inserting a Flash Text

• Macromedia Graphics Package
• Insert Flash Text icon on Objects panel
• Font, Size, Bold, Center, Color, Rollover Color
• Type Home in the text box
• In link browse for home.htm
• Taget list arrow, click self
• Save As home.swf
• Preview in browser

13
Due Next Time

• Do the Skills Review on Page D 19 - 21