Web site development
Download
1 / 16

Web Site Development - PowerPoint PPT Presentation


  • 175 Views
  • Uploaded on

Web Site Development. An Introductory Course with Brian Koby. What Will Be Covered Today. Introduction to software (Microsoft FrontPage XP) Inserting Horizontal lines and text Basic graphics Hyperlinks and the World Wide Web. How To Begin?.

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 'Web Site Development' - mike_john


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
Web site development l.jpg

Web Site Development

An Introductory Course

with

Brian Koby


What will be covered today l.jpg
What Will Be Covered Today

  • Introduction to software (Microsoft FrontPage XP)

  • Inserting Horizontal lines and text

  • Basic graphics

  • Hyperlinks and the World Wide Web


How to begin l.jpg
How To Begin?

  • Find the Microsoft FrontPage XP icon on your desktop.

  • Double click to open


How to start a web page l.jpg
How To Start a Web Page

  • Click the “Center Text” button on the formatting toolbar and then choose a font that appeals to you and type “Your Name’s Web Site”

  • Insert a horizontal line

    • Go to “Insert”

    • Click “Horizontal Line”

    • Your page will look like the next slide


Body paragraphs l.jpg
Body Paragraphs

  • Find a type of text you like

  • Find a size you like that is easy to read

  • Type an introduction about yourself and why you have created the web page

  • Insert another Horizontal Line

    • View my example!


How to insert clip art l.jpg
How To Insert Clip Art

  • Click “Insert”

  • Move down to “Picture”, then “Clip Art”

  • Choose an image from the browser


How do i edit the picture l.jpg
How Do I Edit The Picture?

  • Click the graphic once

  • To resize, click on one of the “handles” and drag until you have the size desired

  • To reposition in center or on the right, click the appropriate button on the Formatting Toolbar


Hyperlinks and the world wide web l.jpg
Hyperlinks And the World Wide Web

  • What is a Hyperlink?

    • A Hyperlink is activated text that leads you to a different spot on the World Wide Web

  • To Insert a Hyperlink:

    • Insert a Horizontal line

    • Type “Go to Yahoo”

    • Highlight text

    • Click the Hyperlink button on the Standard Toolbar


Hyperlinks and the world wide web13 l.jpg
Hyperlinks and the World Wide Web

  • Insert the address to Yahoo in the address bar on the pop-up window


Hyperlinks and the world wide web14 l.jpg
Hyperlinks and the World Wide Web

  • Click “Okay”

    • Your text is now hyperlinked to Yahoo.com!!

  • Now click the save button on the Standard Toolbar

  • Save the file as “index.html”

  • Click Okay


Hooray l.jpg
Hooray!!!

  • You’ve learned your way around Microsoft FrontPage XP

  • You’ve learned how to insert an image

  • You’ve learned how to create a Hyperlink

  • You’ve created a simple web page!!

  • What’s next?????


Next class l.jpg
Next Class

  • Review of graphics and hyperlinks

  • Inserting tables

  • Advanced graphics

  • Background colors