Personal Web Page Assignment

1
Personal Web Page Assignment

• Working with Front Page
• Internet Marketing 2001

2
Remember the Website
Personal Web Page and Plan (adapted from Judy
Strausss 324 class assignment).  The personal
web pages need to include a home page, your site
plan, your resume, special interest page(s).  The
site plan should describe the  global
organization (links to other pages). The plan
should be no more than 1 page in length.  The
special interest page should add value to the web
by expanding upon one of your special interests.
This page should include descriptions, links, and
provide something unique to the web community.
The Web pages can be posted on the OIT server.
You need an OIT account to do this.   Required
technical elements a statement of purpose on
your home page, global site menu bar, background
color or pattern, your picture posted on the
site, credit page or footnotes giving credit for
intellectual property and use of images, at least
a paragraph or two of original text for most
required pages, your name as a page designer,
working email link, link to the class website, a
number of external links.  Evaluation The
emphasis is on the content and uniqueness of your
site. Meeting the required technical elements is
worth 50 (each element is worth 5). The
remaining 50 is based on content and design
features. The site should add some value to the
web community. The overall consistency,
organization and appearance of pages are
important. The menu bars and flow of the site
should be well thought out and executed.
3
Required Pages

• Home page
• Site Plan
• Resume
• Special Interest page (s)

4
Home Page
Site Plan
Resume
Special Interest
Special Interest p1
Special Interest p2
Special Interest p3
5
Technical Elements

• A Statement of Purpose on your home page
• Global site menu bar
• Background Color or pattern
• Your picture posted
• Credit page or footnotes giving credit for
  intellectual property
• Paragraph or two of original text for most pages
• Your name as a page designer
• Working e-mail
• Link to class website
• A number of external links

6
Evaluation

• After meeting technical requirements, emphasis is
  on content and uniqueness of your site.
• 50 is on required technical elements
• 50 on content and design features
• Content adds value to web community. Be creative
  and have fun with this part. Key here is to
  create Content!
• Overall consistency, organization, and appearance
  are important. The menu bars and flow of the
  site should be well thought out and executed.

7
Why Front page?

• WYSIWYG as opposed to HTML
• Widely used in real world. Will be the
  wordprocessing of the future.
• Simpler than Dreamweaver (which is better for
  hard core development).
• Its the program that Milne created his web pages
  with.

8
Testimonials

• I use front page in my web business. As you
  see, I can create professional looking sites with
  front page. It also has the advantage of the
  clients being able to edit their pages.
• Peter Gelinas, Umass student and web consultant.
  Comment to 491D class Spring 2001.
• Stop your whining and just create the site with
  front page. Its easy and if youre stuck use
  the help button.
• Dennis Hanno, Associate Dean. Comment said to
  undergraduate taking 491D Spring 2000.

9
Front page Tutorial

• Create a web (a collection of folders and pages)
• Put files (pages, images) in folders
• Create Global navigation system
• Work on page content and features
• FTP website to OIT and Publish

10
Opening Web

• Create new web (File, new web page).
• Select one page web and specify location of the
  new web.
• Create a new folder named pages. This keeps your
  website nice and tidy.

11
(No Transcript)
12
Navigation View

• Go to navigation view
• From menu, select format, and shared borders.
  Apply to all pages.
• Create all the pages you will need using file,
  new page command. (You should have this planned
  out first).
• Rename home page and other pages. Note that home
  page remains index.htm. This is important to
  start up webpage.
• Rearrange pages in the desired tree structure by
  dragging and clicking.

13
(No Transcript)
14
Navigation Bar Properties and Importing Graphics

• Insert navigation bar properties.
• Use child level. Also check home and page.
• Import graphics to image folder.

15
(No Transcript)
16
Creating your page

• Color and Fonts (File, page properties)
• Tables (similar to word)
• Hyperlinks
• Graphics

17
(No Transcript)
18
Tables, Text, and Pictures

• Tables are a great create way to organize your
  page. You can make the table lines invisible for
  more professional look by cell pad 0. Note you
  can nest tables merge and split cells.
• Use cell properties to position text. Text can
  be resized appropriately. Use shift return to
  get single space returns, otherwise it will be
  double spaced.
• Import all pictures to the image folder of the
  web. Store all graphical elements here.
  Otherwise they will be lost when you publish web
  on a server.

19
(No Transcript)
20
Adding Links

• Links to other pages in web by clicking hyperlink
  symbol and selecting page
• Links with in the page called bookmarks. Insert
  bookmark target. Then insert your bookmark using
  hyperlink symbol approach.
• Links to external websites by typing in URL.
  Note you can go to specific pages. Dont forget
  to link to class website.
• Links to email by going to hyperlink symbol and
  then clicking on envelope
• Graphics can be linked. Also, hot links on
  portions of pictures is possible.

21
(No Transcript)
22
(No Transcript)
23
(No Transcript)
24
Final Thoughts

• Get hands on experience
• Work through examples shown in class
• Dont be afraid to try new things
• We will do this again on Thursday. Bring your
  questions with you.