Adobe golive
Download
1 / 100

Adobe GoLive - PowerPoint PPT Presentation


  • 62 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Adobe GoLive' - israel


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Adobe golive

Adobe GoLive

Edit and FTP your web pages to a web server


Objectives
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


Objectives1
Objectives

  • Import images

  • Import video

  • Edit pages live on the web


Video introduction to golive
Video Introduction to GoLive

  • This video will preview GoLive


Open up golive
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



Layout

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


Source

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


Syntax checking
Syntax Checking in Notepad or BBEdit. This mode gives you greater control over your page.

  • 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


Importing text
Importing Text in Notepad or BBEdit. This mode gives you greater control over your page.

  • 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


Importing images video
Importing in Notepad or BBEdit. This mode gives you greater control over your page.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.


Ftp to the web
FTP to the Web in Notepad or BBEdit. This mode gives you greater control over your page.

  • 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)


Ftp to the web1
FTP to the Web in Notepad or BBEdit. This mode gives you greater control over your page.

  • 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


Working with a web server
Working with a Web Server in Notepad or BBEdit. This mode gives you greater control over your page.

  • Once you are connected, go to your folder.

  • In your folder you have two main options to choose from


Uploading files
Uploading Files in Notepad or BBEdit. This mode gives you greater control over your page.

  • 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


Uploading files1
Uploading Files in Notepad or BBEdit. This mode gives you greater control over your page.

  • 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


Opening up a live page
Opening up a Live Page in Notepad or BBEdit. This mode gives you greater control over your 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.


Summary

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


Project 8

Project 8 videos to make sure you have the full knowledge you need to FTP.

Integrating JavaScriptwith HTML


Objectives2
Objectives videos to make sure you have the full knowledge you need to FTP.

  • 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


Objectives3
Objectives videos to make sure you have the full knowledge you need to FTP.

  • 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


Objectives4
Objectives videos to make sure you have the full knowledge you need to FTP.

  • 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


Introduction
Introduction videos to make sure you have the full knowledge you need to FTP.

  • JavaScript is an object-based language

    • Uses built-in objects

  • Properties are attributes of objects

  • Methods are actions performed on an object


Introduction1
Introduction videos to make sure you have the full knowledge you need to FTP.

  • 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


Opening a web page
Opening a Web Page videos to make sure you have the full knowledge you need to FTP.

  • 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


Open from the Public Folder videos to make sure you have the full knowledge you need to FTP.the Project 8 folder, clickfun.htm and then point tothe open button


Click the Open button videos to make sure you have the full knowledge you need to FTP.


Inserting script tags on a web page
Inserting <SCRIPT> Tags videos to make sure you have the full knowledge you need to FTP.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


Entering the start script tag and comment
Entering the Start <SCRIPT> videos to make sure you have the full knowledge you need to FTP.Tag and Comment

  • Click the blank line (line 10) above the </BODY> tag


Type videos to make sure you have the full knowledge you need to FTP.<SCRIPT LANGUAGE = “JAVASCRIPT”> and then pressthe ENTER key. Type <!– Hidefrom old browsers and thenpress the ENTER key


Using a flicker on a web page
Using a Flicker on a Web Page videos to make sure you have the full knowledge you need to FTP.

  • 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)


Creating flicker on the web page
Creating Flicker on the Web Page videos to make sure you have the full knowledge you need to FTP.

  • 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


With the insertion point videos to make sure you have the full knowledge you need to FTP.on line 14, enter the fourremaining lines of code asshown on the next slide


Setting the background color to a static color
Setting the Background Color videos to make sure you have the full knowledge you need to FTP.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


Completing the javascript selection
Completing the videos to make sure you have the full knowledge you need to FTP.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


Saving the html file
Saving the HTML File videos to make sure you have the full knowledge you need to FTP.

  • Make sure you save this file in your folder, not on the Public Folder!


Type videos to make sure you have the full knowledge you need to FTP.funwithphonics.htmin the File name text box, andthen double-click the Project 8folder. Point to the Save button


Click the Save button videos to make sure you have the full knowledge you need to FTP.


Testing the web page
Testing the Web Page videos to make sure you have the full knowledge you need to FTP.

  • Start your browser

  • Open funwithphonics.htm and then press the ENTER key


Javascript variables
JavaScript Variables videos to make sure you have the full knowledge you need to FTP.

  • 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


Javascript variables1
JavaScript Variables videos to make sure you have the full knowledge you need to FTP.


Javascript variables2
JavaScript Variables videos to make sure you have the full knowledge you need to FTP.

  • JavaScript variables are loosely typed

    • You are not required to define the data type

    • JavaScript defines the data type for you

      • String data types

        • var LastName = “Simon”

      • Numeric data types

        • var pageCnt = 1

      • Boolean data types

        • var Done = false


Extracting the system date
Extracting the System Date videos to make sure you have the full knowledge you need to FTP.

  • Built-in Date() object

    • Can be manipulated only by creating a new object instance

  • var variable = new object

  • var birthDay = Date(“Jul, 13, 1975”)

    • Returns July 13, 1975 to birthDay

  • var curDate = new Date()

    • Returns the current system date and time information as an object instance


Extracting the system date1
Extracting the System Date videos to make sure you have the full knowledge you need to FTP.

  • The variable curDate cannot be manipulated

  • To extract the date, convert curDate to a string using the toLocaleString() and substring methods


Extracting the system date2
Extracting the System Date videos to make sure you have the full knowledge you need to FTP.

  • Define a new object for the date in MM/DD/YY HH:MM:SS format

    var tNow = new Date()

  • Extract the date and time and store it inMM/DD/YY HH:MM:SS format

    var tlocDate = tNow.toLocaleString()

  • Extract only the date portion from the tlocDate variable using relative addressing

    var tDate = tlocDate.substring(0,10)


Extracting the system date3
Extracting the System Date videos to make sure you have the full knowledge you need to FTP.

  • Relative addressing


Extracting the current system date using the date object
Extracting the Current System Date Using the Date() Object videos to make sure you have the full knowledge you need to FTP.

  • Click the Notepad button on the taskbar to activate the Notepad window. Click line 19 below the document.bgColor=“blanchedalmond” statement


Type videos to make sure you have the full knowledge you need to FTP.var tNow = new Date() and thenpress the ENTER key. Typevar tlocDate = tNow.toLocaleString()and then press the ENTER key. Typevar tDate = tlocDate.substring(0,10)and then press the ENTER key


Displaying the current system date
Displaying the Current System Date videos to make sure you have the full knowledge you need to FTP.

  • Use plus signs (+) to concatenate (join) strings and variables


Displaying the current system date in the initial greeting
Displaying the Current System Date in the Initial Greeting videos to make sure you have the full knowledge you need to FTP.

  • Click line 22. Press the SPACEBAR four times. Type document.write(“<H2><CENTER>Welcome, today is “+tDate+”</CENTER></H2>”) and then press the ENTER key


Constructing a message using several variables
Constructing a Message videos to make sure you have the full knowledge you need to FTP.Using Several Variables

  • Click line 23. Type var intro1 = “Hi, thanks for visiting our Web site, but we have moved. Please make a note “ and then press the ENTER key

  • Type var intro2 = “of our new URL (www.funphonics.com) and notify the Webmaster about our new “ and then press the ENTER key


Constructing a message using several variables1
Constructing a Message videos to make sure you have the full knowledge you need to FTP.Using Several Variables

  • Type var intro3 = “location. Click<A Href=‘http://www.scsite.com/’>here</A> or wait 15 seconds “ and then press the ENTER key

  • Type var intro4 = “to be moved automatically to our new site.” and then press the ENTER key


Constructing a message using several variables2
Constructing a Message videos to make sure you have the full knowledge you need to FTP.Using Several Variables

  • Type var introMsg = intro1+intro2+intro3+intro4 and then press the ENTER key


Writing the message on the web page
Writing the Message videos to make sure you have the full knowledge you need to FTP.on the Web Page

  • Click line 28. Press the SPACEBAR four times. Type document.write(“<H4><FONT Color=‘firebrick’>”+introMsg+”</H4></FONT>”) and then press the ENTER key


Saving a file
Saving a File videos to make sure you have the full knowledge you need to FTP.

  • Save your file in your folder


Click Save videos to make sure you have the full knowledge you need to FTP.


Testing the web page in the browser
Testing the Web Page videos to make sure you have the full knowledge you need to FTP.in the Browser

  • Click the Fun with Phonics button on the taskbar to activate the browser. Click the Refresh button on the browser toolbar


Activating the notepad window
Activating the Notepad Window videos to make sure you have the full knowledge you need to FTP.

  • Click the Notepad button on the taskbar to activate the Notepad window


Calling a javascript function
Calling a JavaScript Function videos to make sure you have the full knowledge you need to FTP.

  • Two basic methods to call a function

    • Event handlers and object methods

    • Code the function name in a JavaScript section at the logical point of execution

  • setTimeout() method

    • Causes a delay before an instruction is executed


Calling a javascript function1
Calling a JavaScript Function videos to make sure you have the full knowledge you need to FTP.


Writing the settimeout method to execute the chngsite function
Writing the setTimeout() Method to Execute the chngSite() Function

  • If necessary, click line 29. Press the SPACEBAR four times

  • Type setTimeout(“chngSite()”, 15000) and then press the ENTER key


Displaying the last modified document date
Displaying the FunctionLast Modified Document Date

  • If necessary, click line 30. Press the SPACEBAR four times

  • Type document.write(“<BR><H4><CENTER>This document was last modified “+document.lastModified+”</CENTER></H4>”) and then press the ENTER key


Writing a javascript user defined function
Writing a JavaScript FunctionUser-Defined Function

  • A function is JavaScript code written to perform certain tasks repeatedly

  • Built-in functions


Writing a javascript user defined function1
Writing a JavaScript FunctionUser-Defined Function

  • User-defined functions

    • Written by the Web developer

  • Functions can have data passed to it

  • To call a function means to have JavaScript execute the function


Entering the chngsite user defined function in the head section
Entering the chngSite() User-Defined Function in the HEAD Section

  • Click the blank line (line 4) between the end </TITLE> tag and the end </HEAD> tag


Type Section<SCRIPT LANGUAGE=“JAVASCRIPT””>and then press the ENTER key. Type<!—Hide from old browsers and thenpress the ENTER key


Entering the chngsite user defined function in the head section1
Entering the chngSite() User-Defined Function in the HEAD Section

  • Press the SPACEBAR four times. Type function chngSite() { and then press the ENTER key. Press the SPACEBAR eight times. Type alert(“You are about to be transported to the new site location!”) and then press the ENTER key. Press the SPACEBAR eight times. Type location = “http://www.scsite.com/” and then press the ENTER key. Press the SPACEBAR four times. Type } and then press the ENTER key. Type //-> and then press the ENTER key. Type </SCRIPT> and then press the ENTER key


Saving the file
Saving the File Section

  • Click Save on the File menu


Testing the web page1
Testing the Web Page Section

  • Click the Fun with Phonics button on the taskbar

  • Click the Refresh button on the browser toolbar

  • If you are connected to the Internet, click the OK button when the dialog box displays with the alert message

  • Click the Back button on the browser toolbar to return to the Fun with Phonics Web page


Printing the html file using notepad
Printing the HTML File SectionUsing Notepad

  • If necessary, click the Notepad button on the taskbar. Click File on the menu bar and then point to Print


Click Print Section


Closing notepad and your browser
Closing Notepad and Your Browser Section

  • Click the Close button on the browser title bar

  • Click the Close button on the Notepad window title bar


Summary1
Summary Section

  • 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


Summary2
Summary Section

  • 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


Summary3
Summary Section

  • 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



Project 8 complete

Project 8 Complete Section

PLEASE REVIEW FOR EXAM!


ad