1 / 100

Adobe GoLive

Adobe GoLive. Edit and FTP your web pages to a web server. Objectives. Open Adobe GoLive Create and Edit Web Pages Use the Layout and Source Editor modes FTP to the horacemann.org web server Import text. Objectives. Import images Import video Edit pages live on the web.

israel
Download Presentation

Adobe GoLive

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adobe GoLive Edit and FTP your web pages to a web server

  2. Objectives • Open Adobe GoLive • Create and Edit Web Pages • Use the Layout and Source Editor modes • FTP to the horacemann.org web server • Import text

  3. Objectives • Import images • Import video • Edit pages live on the web

  4. Video Introduction to GoLive • This video will preview GoLive

  5. Open up GoLive • On a Mac, go to the Applications folder and open up the GoLive folder and click on GoLive • On a PC go to the Start Menu and on the Adobe GoLive Folder select GoLive

  6. Go to the File menu and select new page Video

  7. In the Layout mode, you can create or edit a web page by dragging and dropping items such as text or images. This is very similar to building a web page in MS Word. This part of the program does the HTML for you. Layout

  8. In the Source mode, you can edit the HTML just as you would in Notepad or BBEdit. This mode gives you greater control over your page. Source

  9. Syntax Checking • In the Source mode GoLive will check your HTML to make sure it is written properly. The colors indicate that the HTML is working correctly by grouping tags with colors. If the colors all look the same, you may have an error Video 1 Video 2 Video 3

  10. Importing Text • You can add text to document in GoLive by typing it in directly into the HTML or Layout mode. You can also copy and paste text into this area. Video 1 Video 2

  11. Importing Images & Video • You can import images by dragging them into the layout program, or by using the Object window in GoLive. You can do the same for any videos you may have.

  12. FTP to the Web • To set up a connection to an FTP or WebDAV server: Choose Edit > Servers. Click the New button  in the Available Servers dialog box. Type a name in the Nickname text box (This prevents confusion if you add more servers to the available servers list.) • Type an address in the Server text box. The address must start with "ftp://" for FTP servers and "http://" for WebDAV servers. (ftp://www.horacemann.org)

  13. FTP to the Web • Type a path name in the Directory text box. • Type a user ID in the User Name text box. Select the Save option and type a password in the Password text box. • DO NOT SAVE YOUR PASSWORD ON THE COMPUTER! • FTP Video

  14. Working with a Web Server • Once you are connected, go to your folder. • In your folder you have two main options to choose from

  15. Uploading Files • To upload files you should • 1. Open up the window where the files are located • 2. Open up the folder on the server where you want to place the files

  16. Uploading Files • Simply drag your files one by one, OR all together into the folder • Depending on the size of your files, it should take between 5 seconds up until a minute

  17. Opening up a Live Page • You can open up documents posted on a web server by double clicking on the document and making any changes that are needed. After you make your changes save the document and preview in a web browser to make sure it works correctly.

  18. You should review this presentation and the associated videos to make sure you have the full knowledge you need to FTP. You can also test your FTP login from home using GoLive, or Microsoft Internet Explorer by typing in the following address: ftp://www.horacemann.org Summary

  19. Project 8 Integrating JavaScriptwith HTML

  20. Objectives • Discuss how to integrate JavaScript with HTML • Insert <SCRIPT> tags on a Web page • Write start and end <SCRIPT> tags • Define and use flickering to draw attention • Describe the background color property of the document object

  21. Objectives • Set the background color of a Web page using JavaScript • Save the HTML file • Test the Web page • Discuss JavaScript variables • Extract the system date • Use several variables to construct a message

  22. Objectives • Describe the write() method of the document object • Write a user-defined function that displays a message and links visitors to a new Web site • Describe how the setTimeout() method works • Use the lastModified property to display the last modified document date • Print an HTML Notepad file

  23. Introduction • JavaScript is an object-based language • Uses built-in objects • Properties are attributes of objects • Methods are actions performed on an object

  24. Introduction • An event is the result of a user’s action • Event handlers are the way to associate that action with the set of JavaScript codes you want executed

  25. Opening a Web Page • Open the Public Folder. Start Notepad, and maximize the window. Click File on the menu bar and then click Open. When the Open dialog box displays, type *.htm in the File name text box

  26. Open from the Public Folderthe Project 8 folder, clickfun.htm and then point tothe open button

  27. Click the Open button

  28. Inserting <SCRIPT> Tags on a Web Page • JavaScript code can go anywhere in HTML • Place all JavaScript code between the <SCRIPT> and </SCRIPT> tags • Set the LANGUAGE attribute so the browser knows how to interpret your code • The HTML comment line hides any script language the browser might not be able to interpret <SCRIPT LANGUAGE=“JAVASCRIPT”> <!– Hide from old browsers

  29. Entering the Start <SCRIPT> Tag and Comment • Click the blank line (line 10) above the </BODY> tag

  30. Type <SCRIPT LANGUAGE = “JAVASCRIPT”> and then pressthe ENTER key. Type <!– Hidefrom old browsers and thenpress the ENTER key

  31. Using a Flicker on a Web Page • Changes the background color in rapid succession • JavaScript allows you to set the background color multiple times, while HTML only allows you to set it once (in the BODY tag)

  32. Creating Flicker on the Web Page • Click line 12. Press the SPACEBAR four times. Type document.bgColor=“red” and then press the ENTER key. Type document.bgColor=“white” and then press the ENTER key

  33. With the insertion pointon line 14, enter the fourremaining lines of code asshown on the next slide

  34. Setting the Background Color to a Static Color • The last color you specify will be the browser’s final background color • With the insertion point on line 18, type document.bgColor=“blanchedalmond” and then press the ENTER key

  35. Completing the JavaScript Selection • It is now necessary to end the comment tag and close the <SCRIPT> tag • If necessary, click line 19. Press the ENTER key to create another blank line • With the insertion point on line 20, type //-> and then press the ENTER key. Type </SCRIPT> and then press the ENTER key

  36. Saving the HTML File • Make sure you save this file in your folder, not on the Public Folder!

  37. Type funwithphonics.htmin the File name text box, andthen double-click the Project 8folder. Point to the Save button

  38. Click the Save button

  39. Testing the Web Page • Start your browser • Open funwithphonics.htm and then press the ENTER key

  40. JavaScript Variables • Used to store values temporarily • Global variables • Local variables • Variables are considered global, except if they are declared in a user-defined function, in which case they are local

  41. JavaScript Variables

More Related