Home Department of Education
Home Calendars Directories Site Map Search

Back to EDUC311
 

EDUC 311
Session 2 - Educational Technology Portfolio I
Create On-line Web Assignment

OBJECTIVE:

Create an Educational Technology Portfolio website.
 (Portfolio Examples (Screenshots PPT))

REQUIREMENTS:

Minimums for the Educational Technology Portfolio I assignment:

  • Access user account using Microsoft FrontPage

  • Login to user account

  • Import template

  • Change title

  • Change image/graphic

  • Create an e-mail hyperlink

  • Save changes

RESOURCES:

  • In-class instruction

  • On-line instruction

  • On-line template

http://www.unca.edu/education/educ311/portfolio/index.htm

  • Microsoft FrontPage

  • Other reference material (not required)

SKILLS:

  • Locate and launch Microsoft FrontPage

  • Normal, HTML and Preview page views

  • Graphic file relationship to HTML file

  • Views Bar:
    Page, Folders, Reports and Hyperlinks

  • Text manipulation

  • Tables

  • Image/graphic insertion

  • Insert hyperlink (link)

INSTRUCTION
 

Brief Introduction to Web Pages

Click Introduction to Web Pages

 

Goals of a web page  

  • Clearly communicate intended/appropriate information to the target audience.

(The target audience can be any combination of  parents, visitors, colleagues and students.)

  • Provide effective access to desired resources.

    (Effective student access to resources can effectively expand content contact time and variety, both inside and outside the classroom.)

Definitions

  • Web Page –
     

    • Is a text file.
       

    • Contains a combination of key-words or codes and user defined material. (For example text, locations for images and/or other web pages.)
       

    • Is structured in format. (In accordance to HTML requirements.)
       

    • A discovery tool.
       

  • Web Site – Grouping of web pages in logical collection.
     

  • Home Page – A web page that is typically the location of the first page in a series of related pages or web site.
     

  • URL – Uniform Resource Locator (Formerly: Universal Resource Locator) - is a standardized unique address scheme for web pages and content on the World Wide Web.
     

  • Hyperlink – Special areas on a web page when clicked takes you to another URL. Referred to as a link.
     

  • HTTP – HyperText Transfer Protocol - Protocol used to communicate requests and information between a browser and web page server.
     

  • HTML – HyperText Markup Language – The language or code that the browser uses to format the text and graphics on the screen.
     

  • FrontPage – Application that includes FrontPage Explorer and FrontPage Editor. From Getting Started with Microsoft FrontPage 98, “You use the FrontPage Explorer to create the structure or layout of your Web site” and “[you] use the FrontPage Editor to create, design, and edit World Wide Web pages.”

Suggestions

  • Home page of the site should be index.htm (index.asp, index.html). When a URL is given to location, if a filename is not specified it is generally assumed the file index.htm should opened.

  • Plan before starting a serious site. Saves time and effort. Storyboard if you need to.

  • Know your audience. Anticipate needs.

  • Keep pages and site structures simple and clean.

  • Keep pages within a site similar in style and layout.

  • Useful, easy to find information is a good thing.

  • Check your pages in other browsers and in browsers on different operating systems.

  • Check download speeds. Slow loading pages make for a very unhappy audience.

  • Keep image file sizes to a minimum and hold the number of images per page low. Reuse the same images if possible within a site or on a page. Less can be a whole lot more...

  • Emulate good examples of pages/sites found on the web. Isolate why a page/site works.

  • A tool get easier the more it is used.

Access user account using Microsoft FrontPage (and Microsoft Internet Explorer).

  • Open Microsoft Internet Explorer


     

  • The following window appears:


Click image for details

  • Enter the URL http://students.unca.edu/username in Address

Note: 

The following addresses currently the represent same location on the web.

http://www.unca.edu/~username
  (Redirected to the following address)

http://students.unca.edu/username
  (Actual address)
 


Click image for details

  • A window appears indicating the user has a web page coming soon

  • Select File | Edit with Microsoft Office FrontPage

or

Select Page | Edit with Microsoft Office FrontPage

Login to user account.

(This process will not work without a valid User Name and Password.)

  • The following window appears:


Click image for details

  • Enter User Name in the form of underdognet\username

  • Enter Password

  • Select OK button


Click image for details

  • The following window appears:


Click image for details

  • Notice the FrontPage window has two main parts. A File Management Window and a File Edit Window.


Click image for details

  • Finished requirements:

    Access user account using Microsoft FrontPage.

    Login to user account.

Import template.

(This specific process will only be done one time.
However, the method  can be used as needed.)

  • If any files are visible in the edit window, close each edit window.


Click image for details

  • Select File then select double down arrows (marked with blue arrow)

  • Select File | Import

  • The following window appears:


Click image for details

  • Select From Web... button

  • The following window appears:


Click image for details

  • Enter http://www.unca.edu/education/educ311/portfolio/ in Location:

  • Select Next> button

  • The following window appears:


Click image for details

  • Uncheck Limit to check boxes

  • Select Next> button

  • The following window appears:


Click image for details

  • Select Finish button

  • If the following window appears:


Click image for details

  • Then select Yes button

  • If the following window appears:

  • Then select Yes to All button

  • The following window appears:


Click image for details

  • NOTE: As a result of of the UNCA web server configuration the file index.htm sometimes is imported as index.asp.

    • If your site has only the index.asp file use it as your home page. You may rename the file to index.htm if you wish.

    • If your site has both index.htm and index.asp, open both files to determine which is the incorrect file. Under Folder List click once on the incorrect file, hit <Delete> key then click Yes button to permanently remove the file.

 

  • Finished requirement:

Import template.

Change title.
Change image/graphic.
Create an e-mail hyperlink.
Save changes.

  • If Microsoft FrontPage is not open to web, then, Access user account using Microsoft FrontPage (and Microsoft Internet Explorer) (see above)

  • A window resembling the following appears:


Click image for details

  • The following window is Microsoft FrontPage opened with two files being edited (index.htm and standards.htm).


Click image for details

Folder List, to the left of the window, graphically represents the existing file structure of the web site.

The index.htm tab is selected and is the file currently being edited in the edit window.

The standards.htm tab that is not selected indicates the file is open for editing but is not currently the file being edited.

  • If no file is open in the edit window Double-click the icon to the file to edit. The file will open in the edit window with the tab corresponding to the file name.

  • To change the title, highlight the text to replace.


Click image for details

  • Type new text.


Click image for details

  • To change image/graphic, highlight the image to replace. Hit the <Delete> key on the keyboard.

  • To insert image/graphic (in this case clip art),
    select Insert | Picture | Clip Art...


Click image for details

  • The following window appears:


Click image for details

  • Enter key word(s) to search for in Search text: