Intermediate Level Course
Text Format
The text styles, bold,italics, underlining,superscript andsubscript, can be easilyadded to selected text.
Text structure can be defined,and GoLive writes the applicablecode.
Font Sets
Font sets are groups ofsimilar font faces thatenable the browser todisplay an alternative ifthe font specified is notresident on the user’ssystem.
Spacers
Spacers can be used to indent text, as well asseparate other elements on the page.
The spacer can be:
Horizontal
Vertical
Block
Absolute and Relative Sizes
Absolute:
specifies a number on a scalerange of 1 to 7.
Relative:
the browser uses a number size that isless, or more than, the default size. Thisscale ranges from –7 to +7.
Indents, Lists, and Scrolling Text
Paragraph format styles:
Scrolling or Marquee text is a message thatscrolls across the page like a “banner”.
• Indent or List Level
• Numbered List
• Unnumbered List
• Definition
Smart Objects
Smart Objects enable the synchronization of
imported image files in GoLive with the source files.
Drag and drop files from Photoshop, Illustrator, and LiveMotion right intothe GoLive page.
Tracing Images
A Tracing Image is a “template” of the Web page design that hasbeen prepared in Photoshop or Illustrator.
The “template” is importedinto GoLive, and used toposition the actual elementsand objects on the page.
Image Color
The Web-safe color palette liststhe corresponding numerical(hex) label that is recognized byWeb browsers.
Color appears differently ondifferent monitors, as wellas on different operatingsystems.
Image Maps
Image maps enable an image, or an area of an image, to act asa link to an URL – another page in the site, or another Web site.
Rollovers
With a rollover, the image changes when the mouse is movedover it, and it can change again when clicked.
Table Structure
Tables form the actual structure of the <body> of the Web page.
GoLive writes the necessary code as the page is being created.
Tables can be added to thepage as visual elements.
Visible tables consist ofrows and columns.
Editing Tables
• Rows and Columns
• Width and Height
• Borders
• Color
• Cell Padding
• Cell Spacing
• Alignment
• Caption
• Background Image
• Row and Column Span
• Header Style
• No Text Wrap
Table attributes are:
Table Styles
A table style adds color tothe table.
GoLive offers a number ofbuilt-in styles.
You can create your owncustom style.
Import Table Data
Tabular data can beimported from aspreadsheet, wordprocessor, or database.
The original file must firstbe saved as a text-onlydelimited file.
Table to Layout Grid
Tables can be converted to the Layout Grid.
The table is removed, and the cell data is converted intoindividual layout text boxes placed on the Layout Grid.
Create a Floating Box
Floating boxes can:
Be placed in layers.Contain HTML elements, images, text, script.Made visible and invisible.Used to create “animations” on a Web-page.
Floating boxes areused in conjunctionwith the Layout Grid.
Image and Text Content
Drag an image from the Site Images folder into the floating box.
Position the cursor inside the box, and type the required text.
Visibility
When multiple layers arestacked on top of each other,top layers can be turned“off” to facilitate working onthe lower layers.
Ensure the color of text in alayer will be visible when itis positioned on top of animage layer.
Import Layered Images
Layered images can also be imported directly from Photoshop.
The imported layered file isconverted into a Web-safeformat, and each layerappears in a separatefloating box.
Form Objects
Forms are used to obtain information from the user, which issent to the Web site administrator via email.
Form Layout
A form can include :
A table inserted into a formhelps to control the layout ofthe form’s elements.
User’s name
Email address
Comments
Catalog choices
Credit card information
Passwords
Form Elements
Basic Form elements include: LabelText Field
Text AreaCheck Box
Radio ButtonForm Image ButtonSubmit ButtonReset ButtonLists
Lists and Menus
The List Box
The Popup Menu
Tabbing
A tabbing chain enables the user to “tab” from onetext field to another.
Submit and Reset
The Submit Button sends the form to the server.
The Reset Button clears all entries made by the user.
Frames and Framesets
Framesets are a collection of individual frames.
Each frame in the frameset links to a separate HTML document.
Create a Frameset
The window will display twoseparate frames, bothunnamed, and both showingempty references
Use the Point-and-Shootbutton, or Browse for Filebutton, to link frame to anHTML page in the Site filesfolder.
Link and Target Frames
Linking to a frame is similar to linking to a file.
The target frame of the frameset must be specified.
The target frames are:_top
_parent
_self_blank
Added to this list areany named frames inyour frameset(s).
Edit Frames
Editing options are available in the Frame Set Inspector.
• Orientation
• Border Size
• Border Color
• Border Frame
Source Code Editor
The Source Code toolbar features the following:
• Check syntax
• Display errors
• Display warnings
• Turn syntax highlighting off
• Detailed syntax highlighting
• Highlight Media and Links
• Highlight URLs
• Highlight Server Side Code
• Word Wrap
Outline Editor
The Outline Editor is ahierarchical view of theHTML elements of thepage.
Edit Code
Most icons in the Objectspalette can be dragged anddropped into the SourceEditor, and the associatedreferences and/or textadded.