Embed Size (px)
Citation preview
Adobe GoLive 5
Foundation Level Course
GoLive 5 Overview
HTML Overview
The Storyboard
The most useful tool to accomplish a visual plan for your siteis to create a "storyboard”.
The Authoring Environment
• The Main Menu• The Toolbar• The Site View• The Page View or Document Window
The GoLive authoring environment consists of the following components:
The Toolbar
The Toolbar attributes change to reflect the work area selection.
Palette Categories
• Objects • Color• Inspector • View Controller • Transform • Align • Tracing Image • Floating Boxes• Tables • Actions • In & Out Links • Site Navigator • Source Code• JavaScript • Markup Tree • History
Basic Objects
The Basic Objects palette holds the most frequently used tools necessary to build a Web site.
• Layout Grid
• Layout Text Box
• Floating Box
• Tables
• Images
• Plug-ins
• SWF (Flash)
• QuickTime
• Real Audio
• SVG (Scalable Vector Graphics
• Java Applets
• W3C Objects
• Horizontal Lines
• Spacer
• JavaScript
• Marquee
• Comments
• Anchors
• Line Break
• Tag
Smart Objects
Smart Objects link GoLive to
Adobe Photoshop, Illustrator, and LiveMotion
• Smart Photoshop
• Component s
• Rollovers
• Modified Date
• URL Popup
• Body Action
• Head Action
• Browser Switch
Form Objects
A Form gathers information for the user and sends it to the Web site administrator.
• Form
• Submit Button
• Reset Button
• Custom Button
• Form Image
• Form Label
• Text Field
• Password
• Text Area
• Check Box
• Radio Button
• Popup
• List Box
• File Browser
• Hidden
• Key Generator
• Fieldset
Head Objects
The <head> stores the page title, keywords, description, and scripts.
• IsIndex• Base• Keywords• Link• Meta• Refresh• Tag• Comment• Script
Framesets Objects
A Frameset contains individual frames.
Each frame within the frameset holds a different HTML
document.
Site Objects
• Generic Page
• URL
• Address
• Color
• Font Set
• Folder
• URL Group
• Address Group
• Color Group
• Font Set Group
• Design Section
• Design Group
• Design Annotation
The Site Objects are controls used in the Site window for grouping files, holding of color, font, and external references.
Site Extras
The Site Extras hold elements that can be used repeatedly within the Web site.
• Stationery Pads (Templates)
• Components (Re-usable HTML)
• Custom (Re-usable images, media files)
QuickTime Objects
The QuickTime movie editor enables you to create movies for the Web, as well as edit and add effects to existing movies.
• Video Track• Picture Track• Generic Filter• One Source Filter• Two Source Filter• Sprite Track• S WF Track• 3D Track • HREF Track• Chapter Track• Text Track
•Sound Track• MIDI (Music) Track• Streaming Track• Folder Track
Color Palette
The Color palette provides a variety of individual color palettes.
• RGB Sliders• CMYK Sliders• Gray Slider• HSB Wheel• HSV Picker• Palettes• Web Color List• Web Name List• Site Color List
Inspector and View Controller
The View Controller is a set of viewing options for the particular page.
When objects or elements are placed in a page, the attributes of that object or element are defined in the Inspector.
Transform, Align, and Trace
The Transform palette elements are used to position, size, group, and stack floating boxes.
The Align palette enables the arrangement of selected objects and elements on the page.
Tracing Image imports an image that is the original layout for the page.
Floating Boxes
Floating Boxes enable the positioning of an object or element with absolute precision.
Floating boxes are also used to create layered effects, and small animations.
Tables
Select tab: Used in conjunction with the Table Inspector, to select and sort cells, rows, and columns.
Style tab:Holds a variety of predefined table styles and colors.
Tables consist of rows and columns.
Actions
The Actions palette holds a collection of ready-to-use scripts that can be used in conjunction with a variety of elements.
In/Out Links, Site Navigation,and Source Code
In and Out Links: The diagram in the palette show theincoming links of the selected file.
The Site Navigation:Displays a small diagram or thumbnail of the entire site.
The Source Code:Displays the HTML code thatGoLive writes as objects andelements are added to the page.
Markup Tree and History
The Markup Tree:Displays a hierarchicalview of the HTML codeElements.
The History palette:Records all the actionstaken when building a
page.
Using The Inspector
The Point-and-ShootButton “points” to thesource file in the Site Fileswindow.
The Inspector is used in conjunctionwith the palettes to control the elements and objects insertedinto the Web page.
General Preferences
Preferences set the configuration of GoLive to suit your working needs.
Categories include:
• URL Handling
• User Interface
• Images
Site Preferences
The categories include:
• Site
• Filename Constraints
• Status
• Clean Up Site
• Export
• Upload
• Design Colors
Browser Preferences
• Browser preferences list all browsers that are resident on the system.
• Click the Show in Browser button to view a file in a particular browser.
Code Preferences
Code preferences set the way the code is displayed in the Source Code view.
Network Preferences
Network FTP Server preferencesset up the connection to the server.
• List window • Server • Directory• Username• Password
Site Files
The Site Window is divided into two sections:
• Site Folder
• Site Data
Site Folder
The Site Folder window contains all the files and folders of the Web site, including:
• Index (homepage) • Individual pages• Images• Media,• Audio• Video• External links• Color sets• Font sets
Site Data
The Site Data window contains:
• Components
• Designs
• Site trash
• Stationeries
• Link error information
• FTP and WebDAV servers
The Layout Editor
• Head section arrow
• Page
• Scripts
• DHTML Timeline Editor
• Cascading Style Sheets
The Layout Editor icons are:
Head Section
Meta tags are located in the <head> section of the document, and are used to specify information about the page.
The most common use is a description of the page content, and keywords used by search engines.
Page Attributes
The Page Inspector consists of three tab categories:
• Page
• HTML
• Pending
The attributes of the page are configured in conjunction with the Page Inspector.
The Layout Grid
The Layout Grid is similar to a piece of graph paper, made up of horizontal and vertical lines (gridlines), to form a series of equal squares.
Objects and elements can be placed on the page so that they “snap” to the nearest gridline, or can be positioned freely.
Objects can be placed on this “graph” and positioned precisely.
Images
Images can be inserted into a page using three different methods:
• Browse for file
• Point-and-Shoot
• Drag-and-drop
Text
Text can be typed into a layout text box on the Layout Grid,or directly into the document window when no grid is present.
• Heading• Alignment• Style• Font Size• Color• Numbered List• Unnumbered list
Text attributes are:
Create a Site
GoLive 5 makes the task of creating and building a Web site very simple.
GoLive creates thenew Site window,including thehomepage file – index.html
Files and Folders
New file pages are addedusing the Site Objects palette.
New folders can be addedby:
•Using the main menu•Directly in the hard drive site folder.
Links
All link references in a site either belong to one of two categories: absolute or relative.
Absolute means the link is the complete URL path, for example: http://www.mysite.com/mypage.html
Relative means only part of the link path to another file is generated, for example:mypage.html
Anchors
Anchors are used to link an element in apage to another element in the same page.
The FTP Connection
The Web Server information can be entered into the Network Preferences, for easy access when it
is required to make a FTP connection.
Synchronize Files
GoLive features a powerful system of keeping the files stored on the local hard drive synchronized with the files on the Web server.
When a site is loaded for the first time, all files are uploaded. Once the files are on the server, any modified files on the local hard drive can be automatically uploaded to the server without having to be uploaded individually.
