{Faculty Web Page Template}
Name:  Paul Boisvert
Title:  Associate Professor of Mathematics
Oakton Community College
Office:  Room 2753 DP      847-635-1935

(Go to bottom of page for directions on how to save, edit and turn
this page into your own personal Faculty web page.)


         E-mail:  pboisver@oakton.edu   Oakton Home Page
         Oakton Mathematics Program     Dept. of Math & Computer Science
 
Office Hours:  Spring 2003 Term   (All held in Room 2753 DP) 
                                 Mon:   11am-12 noon, [2-4 pm -- meetings]
                                 Tue:    10am-10:30, 12:30-1:30pm
                                 Wed:   11am-12 noon
                                 Thu:    10am-10:30, 12:30-1:30pm
                                 Fri:      11am-1pm     ...and by appointment

                    Current Classes:  Spring 2003 Term

MAT 140 Sec 002  MWF 9-9:50am DP   Syllabus   Homework 
MAT 140 Sec 003  MWF 10-10:50am DP   Syllabus   Homework
MAT 120 Sec 001   MW 12-1:50pm DP  Syllabus  Homework
MAT 120 Sec 004  TR 10:30am-12:20 DP   Syllabus  Homework
                 (The Textbook Web-Site for each class is on its Homework page.)

Course-RelatedWeb Links:      
OAKTON MATH INTERNET SITES
Eric Weisstein's Math World
Prime Numbers
The Math in the Movies Page
Fibonacci Numbers, Golden Ratio
A Simple Proof of Fermat's Last Theorem
Math Is Easier When You're Hypnotized!
The Euler's Number Page (All About "e")
The Grand Equation
Pascal's Triangle
Friends of Pi
Ask Dr. Math
Large Numbers
Math Comics
Yahoo Math List
Fun Math Puzzles and Games
Biographies Of Women In Math
Other Links:
NEW FACULTY RESOURCES
Critical Thinking
Students:  How to use Oakton's computer network
Picture of Oakton math faculty tutoring a student
Oakton Math/CSC Faculty Page (with photos!)
Oakton Library Reference
Web Museum
Music
Juggling
My favorite jokes
The Great Lakes
Science News
N.O.A.A
Baseball
SpaceWeather.com
Scientific American
Internet Movie Database
Oakton Chapter of Amnesty International
CPL Reference Shelf: Online Knowledge
Urban Legends--Don't Fall For It...
More Hoaxes & Urban Legends: Snopes.com
Crop Circles:  Mystery?   or...   Hoax!
Fractal Art Contest

Grateful Dead
The Useless Pages
The Beetles
Fireworks
Magic Eye Illusions


Changing this Template into Your Faculty Web Page: (there may be easier ways to do some of these things--this is a non-expert tutorial!)

You must be on campus at a computer with access to Oakton's Network to do all the following.  [Exception--if you have a web-authoring progam at home, you can save onto your home computer, edit there, and email the new page as an attachment to yourself at Oakton, then re-open from on campus later.]

0.  A Web page is a lot like a Word document, and can be created, edited, saved and "file-managed" in virtually the same way as any Word document, using a "web-authoring" program, which Oakton has available for free for faculty--the program is called "NVU".  The difference between the web page and a Word doc. is that the web page  must be saved (eventually) into your "PublicWeb"  space here on the Oakton network, so that it will be accessible to the Internet.  The other difference is that your Homepage (your main web page) will have links to other webpages (sub-pages) that you have also saved in your Public Web space.  Once you learn how to make a link, which is easy, you can save anything (as a sub-page) you want, then link to it from your Homepage.  You can also of course link to other people's webpages.

Your Homepage is called your "index" page, and will be saved with that name.  Other pages to which you want to link can be saved with any filename, and the link will specify the file name and location.   In what follows, when I say "your userid" I mean whatever your own user id for the Oakton computer network is (for example, mine is "pboisver").

1.  Save this Template as your personal Faculty Web-Page:   When doing the next step, make sure you use in the "Save as Type" box, a file type choice that is a  "web" option, like "Web page, complete", or whatever similar option your browser uses.  If you can't reopen this saved page in the steps below, try saving again as other web-option types.

File   ,   Save As  ,  in   (Web for "your userid" [P:] ) in your Oakton network space--this is called the "P-Drive."   [or save this at home if you have a web-authoring program at home.]
Important:       Give it the file name:   index  .  (Once you've saved it the first time, all subsequent saves use the Save choice rather than the initial Save As.)

    Your web address for your page will now automatically be:     http://www.oakton.edu/~youruserid/index          (but you don't need to put   /index  on the end of the address:  it's automatically assumed to be the default page the address goes to first.)  And note the "~" (tilda)!
     When you type that address in, however, it will redirect the viewer to a different address, labeled    http://www.oakton.edu/user/#/youruserid/index  , where the "#" varies by faculty member.  Once you see what your particular number is, however, you could use that address to get to your page, as well as the one with the tilda.


     Eventually, when you've changed this page into your own, and are ready to have the public see it, have your students and colleagues bookmark either of the web addresses, and perhaps have your department page link to it (if they do that sort of thing, like Math does.)



2.  Re-open the page in NVU to Edit and Transform it into Your Page:  (Read all of steps 2 and 3 before doing anything!)  [If doing this at home, use your own program similarly.]

     On your computer on-campus, Start at the bottom left of the screen, then All Programs, then NAL Explorer, then Internet Software, then Web Design, then NVU.  You'll see a blank white page, like a blank Word document.  To re-open the saved Web Template, click on    File  ,   Open File   ,     and go to your public folder   (Web for "your userid" [P:] ) and open   index  .   You should see the same page you just saved re-open, but looking a little different--there will be boxes visible around tables, for example.  This is your "practice page" which you can now edit and transform into your own personal page.  Read all the rest of steps 2 and 3 below before doing anything, however.

2. A. Now (or, soon) you can modify and customize this template page any way you want, putting in your information instead of mine. (But, read all of steps 2 and 3 before doing any modifications!)   Edit it just like a Word Document.  The boxes with rows and columns in them are tables, and are modified via the various "Table" options--there is more info about tables below in part 6.  Eventually, delete all the inapplicable stuff (including these instructions).  You could of course delete these instructions now, and simply read them on the Internet from on the original page that you copied, in a Browser window open next to the NVU window in which you are editing.

2. B. At the top toolbar, you can click on  Format  then Page Title and Properties  to give your page an informal title (different from its formal file name of "index" and its formal web address), and also click on Format then Page Colors and Background to give it pretty colors and background images.

2.  C.  The Help menu at the top is fairly well-done. Click on Help, then Contents, and you see a LOT of help possibilities, including  Index, which lets you browse to your topic--most instructions and advice are fairly clear and easy to understand.



3.  Practice Page  versus Preview Page (which shows you how your practice page will look to the outside world.) and Live Page (actually viewed on the Internet in an open Browser.)

     IMPORTANT:  The page you have just re-opened, which you are now ready to edit, is a Practice Page--it shows you helpful things like table outlilnes, etc., that the public may not be able to see once the page is available live.  The public can't see the changes you make on this page until you save it again--but you also can't see exactly what it will look like to the public yet.  To see what it will look like (though the links still won't work) to the public, you must switch to the Preview Page by clicking on the the Preview button on the bottom toolbar at the bottom of the page.  When done looking at it in Preview mode, click on Normal mode to go back to the more useful "practice page" mode, where you can see more things. 

You will also want to view the page "live", on the Internet, especially to see if your Links are working properly.  Do this (after saving the index page with your latest changes) by opening (and leaving open, in a separate window) a Web browser (like Firefox or Internet Explorer) and typing in the address of your index page.  Be sure to hit the "refresh" button when the page comes up to make sure you look at the latest changes you saved.  

From now on, every time you edit or modify the practice page, Save it after you have modified it, but then go back to your open browser and hit the refresh button to see how it now looks and works live on the Internet.  Remember, various different Internet browsers and monitors will make your page look somewhat different to different viewers--you might at some point want to look at it yourself from various browsers and other computers to see these variations. 

Concern:  As you do edit your page, saving changes lets people who know where your page is found see those changes, no matter how unfinalized or perhaps temporary they are.  Not a problem while you make the initial page, but in the future, you may not want to risk that--if so, you should, before editing, first save a 2nd version of the index page, called "index2", edit that, view it live, then, when you are SURE all changes are finalized, re-save that as "index", replacing the old "index" page.  

Regardless of what you are working on (index, or index2), you should of course save Practice Pages very frequently (as with all computer work!), and Preview or view them live periodically--certainly when you're completely done editing the page for the time being.  For example, links that you make in step 4. below must be checked in the Live version to make sure they are working correctly.  Links don't work in the editable Practice version even after you create them--you need to "save" and view live in a browser to see if they work. 

3. A.  Try It:  Do a little editing:  Way back up at the top of this page, change my name to yours in the top line, Save it, then view it in a Browser.  Remember "refresh"!!  Then come back to this Practice Page ready to do a lot more editing!
          Now you can edit to your heart's content--change all my info to your info.  Delete anything (eventually, but wait until you see what you might want to keep below) you don't want, and also go ahead and read the rest of the instructions when you want to make Links or do Images.



4.  To create a Link:   a.  Save a file (like a syllabus) to which you want to link from your homepage, in your Web "P" drive.  If it's not a web page created in NVU (or another web-page you saved from the internet, like you did with this one initially), i.e., if it's a Word document like a syllabus, when you save it, use the "save as web-page" setting.  Let's assume its file name is SylMAT070

b.  On the index page, highlight with your mouse the entire word or phrase you want to be the link (like "Syllabus MAT 070".  Then, at the top of the screen, click on:
                                    Insert
                                    Link
     then EITHER type into the box called "Link Location"  the full  web address of the page, or file location and name of the file, that you are
      linking to (http://www.oakton.edu/~your userid/SylMAT070 )  But this approach is rarely used, see next approach!

OR (2nd, BETTER APPROACH:)   Click on "Choose File...", browse to the folder and file you want to link to, click on the file, and click "OK" at the bottom of the link window.

This latter way you don't have to type in long file names, and can browse around for where your file might be located.  Note you can create folders to organize your files on the Web: P drive just like you do in any Microsoft Windows application.  

But the first approach IS useful to link to other people's web pages.  Go to their web page in your Browser, highlight and COPY the web address at the top of their page, then do the Insert Link process via the first approach, but just PASTE their web address into the Link Location box.

c.     Save any files you like, using the process described below (such as a syllabus or assignments)--with a file name other than  "index" , of course!--in your public.www folder, then link to them.

Each file you save becomes is its own little web (sub-)page, to which your Homepage ("index") can link.  All these pages should be stored somewhere in your Web P folder--feel free to create storage sub-folders inside your public.www folder to manage these files in an organized fashion..
     To save a file created in a different application, say, a Word document or a Mathematica document, you must choose the Save As Web Page (or Save As HTML, or whatever that application uses) option in order to turn it into a web page readable by a browser.  [You may want to save it first as regular Word file, say, somewhere other than your public.www folder, then save it again as a Web Page into your public.www folder.  Remember that Web Pages don't always print out in the same nice way that the original Word document would.  I do this with my Syllabi--print out the Word version saved elsewhere, but link to the Web Page version in my Web P-drive from my Homepage.]

    For an e-mail address link, type in    mailto:   followed (with no spaces) by the e-mail address.  Don't forget the colon on the end of   mailto:
    Example:   mailto:pboisver@oakton.edu

    To unlink something, highlight it, choose Insert   Link  ,  and delete the address in the Link Location box, then click OK..



5. A.  Insert an image:   Click on   Insert  Image   then the file name of the image--OR, BETTER, again, you can browse through your files for it by clicking on Choose File.

5. B.  Stealing Images from other Web Sites:   You can right-click on any image (or wallpaper background) you find while surfing the Web (in your own Browser), select  Save Image As  , or something similar, and save it into your Web P-drive   folder (with either its original file name or one you give it).  You have just "stolen" a picture from the web!--and can now insert it as in step 5.A.  above and use it on your web page!   Just be aware that copyright violations are your problem!



6.  Tables:  To align and organize info (highly recommended!), use Table ,  Insert   .    The info on the menu is pretty self-explanatory, so play around with it.  (The stuff about office hours and current courses at the top of this page are in tables, as are the Web-links.)

6. A.  All editing of tables is done by right-clicking anywhere inside the table and using the "table ___" menu choices at the bottom of the pop-up menu.    You can use Table Properties to give tables different background colors and images of their own, similarly to step 3, from this menu.  Insert and Delete columns and rows, images, etc.  You can even insert another table into a table (see the Office Hours and Current Classes at the top of this page, which are in little tables inside the bigger table.)  But I would avoid tables inside tables until you are a little more familiar with things--they can be a bit tricky to "adjust" later.  Use the Help menu for more possibilties.


7.  Use Insert    Horizontal Line   to put in one of these nifty horizontal lines you see (like immediately above and below) dividing up the sections of the page.

8.  If you don't like the layout and look of this page, no problem--go to my (Paul's) Homepage, then click on Faculty Web Pages at the top right of the page.  You'll find dozens of other people's web pages, including many using a slick, pre-canned  "OCC" template web page.  Save any one of these just like you did this one, then make it your own!

 Contact me, Paul Boisvert , for more advice and help!
Note: the disclaimer immediately below MUST appear on your Oakton homepage, too, and on any sub-pages that might have any "views" or "opinions" of any sort--except for the "last updated"; but that is extremely helpful to viewers, and should be kept accurate!


The views and opinions expressed in this page are strictly those of the author.  The contents of this page and the links therein have not been reviewed, approved or endorsed by Oakton Community College.  Last updated 8/26/11.

Top of Page
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

.