1. Adobe GoLive 5 Foundation Level Course

2. GoLive 5 Overview

3. HTML Overview

4. The Storyboard The most useful tool to accomplish a visual plan for your site is to create a "storyboard”.

5. 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:

6. The Toolbar The Toolbar attributes change to reflect the work area selection.

7. 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

8. 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

9. 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

10. 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

11. Head Objects The stores the page title, keywords, description, and scripts. IsIndex Base Keywords Link Meta Refresh Tag Comment Script

12. Framesets Objects A Frameset contains individual frames. Each frame within the frameset holds a different HTML document.

13. 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.

14. 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)

15. 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

16. 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

17. 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.

18. 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.

19. 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.

20. 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.

21. Actions The Actions palette holds a collection of ready-to-use scripts that can be used in conjunction with a variety of elements.

22. In/Out Links, Site Navigation, and Source Code In and Out Links: The diagram in the palette show the incoming 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 that GoLive writes as objects and elements are added to the page.

23. Markup Tree and History The Markup Tree: Displays a hierarchical view of the HTML code Elements. The History palette: Records all the actions taken when building a page.

24. Using The Inspector The Point-and-Shoot Button “points” to the source file in the Site Files window. The Inspector is used in conjunction with the palettes to control the elements and objects inserted into the Web page.

25. General Preferences Preferences set the configuration of GoLive to suit your working needs. Categories include: URL Handling User Interface Images

26. Site Preferences The categories include: Site Filename Constraints Status Clean Up Site Export Upload Design Colors

27. 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.

28. Code Preferences Code preferences set the way the code is displayed in the Source Code view.

29. Network Preferences Network FTP Server preferences set up the connection to the server. List window Server Directory Username Password

30. Site Files The Site Window is divided into two sections: Site Folder Site Data

31. 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

32. Site Data The Site Data window contains: Components Designs Site trash Stationeries Link error information FTP and WebDAV servers

33. The Layout Editor Head section arrow Page Scripts DHTML Timeline Editor Cascading Style Sheets The Layout Editor icons are:

34. Head Section Meta tags are located in the 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.

35. 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.

36. 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.

37. Images Images can be inserted into a page using three different methods: Browse for file Point-and-Shoot Drag-and-drop

38. 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:

39. Create a Site GoLive 5 makes the task of creating and building a Web site very simple. GoLive creates the new Site window, including the homepage file – index.html

40. Files and Folders New file pages are added using the Site Objects palette. New folders can be added by: Using the main menu Directly in the hard drive site folder.

41. 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 http://www.mysite.com/mypage.html Relative means only part of the link path to another file is generated, for example: mypage.html

42. Anchors Anchors are used to link an element in a page to another element in the same page.

43. 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.

44. 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.