Web Pages in Education - PowerPoint PPT Presentation

Web pages in education l.jpg
Download
1 / 23

Web Pages in Education. A guide for teachers who want to create websites for use in their classrooms. Begin. Created by: Jennifer Cirino. So you need to create a Web Page…. Web pages are a great way for teachers to maintain contact with their students outside of the classroom.

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

Download Presentation

Web Pages in Education

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 pages in education l.jpg

Web Pages in Education

A guide for teachers who want to create websites for use in their classrooms.

Begin

Created by: Jennifer Cirino


So you need to create a web page l.jpg

So you need to create a Web Page…

  • Web pages are a great way for teachers to maintain contact with their students outside of the classroom.

  • They can be used as a tool for in-class instruction.

  • They create a link between you, the educator, and the community.

Next


What is a web page l.jpg

What is a Web Page?

  • A “web page” is a single document that can be viewed over the World Wide Web.

  • A “website” is a collection of web pages found at a specific web address (URL).

  • Websites can be accessed by anyone with an Internet connection that knows your web address.

  • There are two steps to creating a web page:

    • 1st = actually creating the web page

    • 2nd = publishing the web page on the Internet


Web page construction l.jpg

Web pages can be constructed in many different ways, using different computer programs:

Web Page Construction

  • Web programs:

    • Netscape Composer

    • Dreamweaver and FrontPage

  • Save as:

    • Word

    • PowerPoint

  • Basic Design:

    • HTML

    • Web Pages

Next

Back


Html code l.jpg

HTML Code

  • You can create web pages by just typing in HTML code in a word processing document.

    • However, this involves you learning commands and syntax common to Hypertext Markup Language (HTML)

  • Basic word processing programs work the best (e.g. WordPad or TextEdit)

  • Here is a tutorial for creating web pages using HTML. Click on “Hompage Construction” to learn more.

Back


Web pages l.jpg

Web Pages

  • There are certain web pages that allow you to create web pages on them.

  • Oftentimes there is a “wizard” that assists you in creating your own web pages.

  • Some examples of sites like this are:

    • Teacherweb.com

    • WebQuest.org

    • Freeservers.com

Back


Netscape composer l.jpg

Netscape Composer

  • An easy program to use that creates web page documents is Netscape Composer.

  • It is included, free of charge, when you download an earlier version of Netscape from the Internet.

    • Click here for a great tutorial on setting up basic web pages using Netscape Composer.

    • Here is another tutorial on Composer

Back


Dreamweaver frontpage l.jpg

Dreamweaver & FrontPage

  • Other software programs are available that will help you create more advanced web pages.

  • These programs cost money, however!

  • Two of the most popular are Dreamweaver and FrontPage

Dreamweaver:

FrontPage:

Back


Save as word l.jpg

Save as… Word

  • You can also easily create web pages by designing them in Microsoft Word.

  • Then, all you have to do, is go to the File menu and choose “Save as Web Page…”

Back


Save as powerpoint l.jpg

Save as… PowerPoint

  • Just as you saved your Word document as a web page, you can do the same with your PowerPoint presentation!

  • Go to the File menu and choose “Save as Web Page…”

  • Just remember, you’ll need to upload ALL of the files that are created to your web server!

Back


Publishing a web page l.jpg

Publishing a Web Page

  • Publishing a web page means that you make it available to someone over the WWW.

  • After you have created your page, you then MUST upload (send) it to your host server!

Next

Back


Host server l.jpg

Host Server

  • This is the dedicated server where your web site is actually stored.

    • Since your computer isn’t always turned on, and/or connected to the Internet, it can’t be accessed by users anytime they want.

    • That is why there are many companies/organizations that are willing to “host” your web site!

Back


Available host servers l.jpg

Available Host Servers

  • There are many places where you can host your web site:

    • Fairfield University (if you have set up a web account)

    • The school where you teach

    • Your Internet Service Provider (SBC, AOL, Earthlink, etc.)

    • TeacherWeb - this costs $ unless your school pays

    • Other host providers – also costs $

  • Just remember that you often have to pay a fee to have your website hosted!

Back


How do you upload l.jpg

How do you upload?

  • There are many ways to upload your web site to your host server.

  • It depends how the server is set up.

    • Usually, you upload your web pages by using an FTP program

    • Sometimes a host allows you to upload pages through a web page

And then?


Upload ftp l.jpg

Upload… FTP

  • FTP = File Transfer Protocol

    • This allows you to set up a direct link between your computer and another one

    • This is the best way to send files over the Internet

  • To use FTP you will need either:

    • An FTP program

    • A URL (specific web address) to open up an FTP site in your web browser

Back


Ftp with a program l.jpg

There are many programs available that you can use to upload files to your host server.

Some programs are free, some cost money, and some are contained within web design progams.

Here are some programs that you can download:

Windows:

SmartFTP

CoreFTP

AutoFTP

WS_FTP

FTP with a program

  • Mac:

    • Fetch

    • PureFTP

* Some programs are free and some let you use the program on a trial basis and then make you pay to continue using it!

Then What?

Back


Login ftp program l.jpg

Login (FTP program)

  • Each program will look different. However, every one will require you to enter your login information:

    • This info will be given to you by your host server!

    • Here is a sample login with the Fairfield U. website using WS_FTP

Next


Using the ftp program l.jpg

Using the FTP program

  • The FTP program will then open up a window that will allow you to “manage” your files:

    • There will be a space for the files on your local computer

    • Also, there will be another space for the files on your web server

* Remember – Every time you create a new file or update an old one on your computer, you will need to move it to the web server in order for it to work!

Back


Ftp with a web browser l.jpg

FTP with a web browser

  • Web browsers can open up an FTP site:

    • Instead of typing a web address (http://)

    • You would instead type the FTP address (ftp://)

  • Your host server may or may not have this type of access set up.

    • They will provide you with the link for access

    • Fairfield University does have this enabled

You will have to log in with your “User Name” and “Password”

Then What?

Back


Copy your files to their server l.jpg

Copy your files to their server

  • When you’re logged in, a browser windows opens with all the files in your website.

  • To add new files, just “drag and drop” them from folders on your hard drive.

Back


Upload web pages l.jpg

Upload… Web Pages

  • Some websites allow you to upload files (and create files) all through the web!

    • Examples of this are:

      • TeacherWeb.com

      • WebQuest.org

    • Oftentimes your Internet Service Provider might have this option as well.

  • When you upload files that you have created locally on your computer, it is very similar to when you attach a file to an e-mail message

    • First you “Browse” for your file

    • Then you “Attach” the file (in this case to your web page)

Back

Example


Copy files w a web page l.jpg

Copy files w/ a web page

  • Here, I’ve logged into my Freeservers site

  • Then I’ve chosen the File Manager section

  • Once there, I can choose to upload files from my local computer!

Back


Then you re all set l.jpg

Then You’re All Set!

  • Once you upload your files, your web page is online!

    • Just remember that you need to have the files saved/created in a format that can be viewed on the Web (HTML)

    • If you update your files at home, you still need to upload them to your host server

  • Don’t forget – anyone that can access the web can view your web site – make sure the material is appropriate!

End Show


  • Login