adobe golive
Download
Skip this Video
Download Presentation
Adobe GoLive

Loading in 2 Seconds...

play fullscreen
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 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
  • 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 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
  • 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
  • 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
  • Once you are connected, go to your folder.
  • In your folder you have two main options to choose from
uploading files
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
uploading files1
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
opening up a live page
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.
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

Integrating JavaScriptwith HTML

objectives2
Objectives
  • Discuss how to integrate JavaScript with HTML
  • Insert 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

and then press the ENTER key

saving the html file
Saving the HTML File
  • Make sure you save this file in your folder, not on the Public Folder!
slide44
Type funwithphonics.htmin the File name text box, andthen double-click the Project 8folder. Point to the Save button
testing the web page
Testing the Web Page
  • Start your browser
  • Open funwithphonics.htm and then press the ENTER key
javascript variables
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
javascript variables2
JavaScript Variables
  • 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
  • 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
  • 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
  • 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
  • Relative addressing
extracting the current system date using the date object
Extracting the Current System Date Using the Date() Object
  • Click the Notepad button on the taskbar to activate the Notepad window. Click line 19 below the document.bgColor=“blanchedalmond” statement
slide58
Type 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
  • 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
  • Click line 22. Press the SPACEBAR four times. Type document.write(“

    Welcome, today is “+tDate+”

    ”) and then press the ENTER key
constructing a message using several variables
Constructing a Message 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 MessageUsing Several Variables
  • Type var intro3 = “location. Clickhere 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 MessageUsing 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 on the Web Page
  • Click line 28. Press the SPACEBAR four times. Type document.write(“

    ”+introMsg+”

    ”) and then press the ENTER key
saving a file
Saving a File
  • Save your file in your folder
testing the web page in the browser
Testing the Web Page 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
  • Click the Notepad button on the taskbar to activate the Notepad window
calling a javascript function
Calling a JavaScript Function
  • 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
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 Last Modified Document Date
  • If necessary, click line 30. Press the SPACEBAR four times
  • Type document.write(“

    This document was last modified “+document.lastModified+”

    ”) and then press the ENTER key
writing a javascript user defined function
Writing a JavaScript User-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 User-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 tag and the end tag
saving the file
Saving the File
  • Click Save on the File menu
testing the web page1
Testing the Web Page
  • 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 Using Notepad
  • If necessary, click the Notepad button on the taskbar. Click File on the menu bar and then point to Print
closing notepad and your browser
Closing Notepad and Your Browser
  • Click the Close button on the browser title bar
  • Click the Close button on the Notepad window title bar
summary1
Summary
  • Discuss how to integrate JavaScript with HTML
  • Insert