Skip Navigation
*To search for student contact information, login to FlashLine and choose "My Campus" tab.

Search by campus:

Return to SMS Tutorials 

Create a Website using Microsoft Publisher 2007

Created for Denise Harrison's College Writing Classes
Note:  You can use Publisher 2003 if you have it.  If you don't have Publisher 2007, you can download and install a trial version of Publisher 2007 from microsoft. 

For MAC users: 

If you have a MAC, you can use i-Web to create this website.  You will also have to download and install special FTP sofrtware, like "FETCH" to upload your website to Kent's Personal server.  You can download the software you need to upload your website to the kent server for free from http://helpdesk.kent.edu/software.  

Scroll down to "Macintosh Software" then either choose the Fugu SSH Client or Fetch FTP Client.  Either works and both are free but Fetch will require you to get their "free" license within 30 days after 1st run to keep it working.  I found Fugo works just fine and once installed... it works forever.


PROJECT OVERVIEW

For this project you will use Publisher (or i-Web on a MAC) to:

  • Create a 4 page website with a:
    • Home page
      • This page will have a "haiku", Mission statement and navigation links to the other pages on your site
    • Issues Page
      • This page will describing major issues
      • It will have the links to the other pages on your site
    • Ask the Experts page
      • This page will have information provided by "other experts" in the field.  It could also have links to their websites.
      • It will have links to the other pages on your site
    • Related Links page
      • You will have links to related informational websites
      • You will create a link to your "Reflections" document on this page
      • It will also have the links to the other pages on your site.
  • You will use Microsoft Word to write your "Reflections" document, save it as a Microsoft word document, place it inside your website folder, then create a "link" to the document from your Related Links page.
  • Finally, you will upload your website AND the Microsoft word document to the Kent Personal Server

GETTING STARTED

  • Create a folder on your Jump Drive and name it anything you want.  For this tutorial we'll name it "writing".
  • Open Publisher 2007
  • Choose Web Sites from the Publication Types in the window on the left.
    • Choose a Design for your website from the Newer Designs or Classic Designs in the middle window.
    • Under Options in the right window, choose where you want the navigation bar and leave Use Easy Web Wizard checked
    • Click the Create button on the lower right corner
    • The Easy Web Site Builder window will open.
      • It already includes a “Home” page” so you have one page down, three to go...
      • You need to add 3 more pages (since you are required to have 4 pages on your website)
      • You can check any 3 of the boxes for types of pages but you might try the following:
        • Tell customers about my business (About Us) -  This will become your "Issues" page
        • Describe services - This will become your "Ask the Experts" page
        • Provide links to other Web pages - This is become your "Related Links" page
      • Click OK
  • A four page website will automatically be created and will open

SAVE THE "PUBLISHER DOCUMENT"

  • Before continuing, SAVE your PUBLISHER document.
    • Click File > Save As then navigate to the folder, “writing” that you created on your jump drive in the earlier step.  Name the file, anything will work:  you can name it writing web project or something like that.  Then click Save.

 

 

 

Edit the Pages - This is easy.  Just select and replace text or pictures with your own text and pictures

    • Select and type-over existing text to change the text.

    • Right click on pictures and choose change picture to replace pictures with your own pictures

      • You can download images (pictures) from google.com.  Remember to click on the image's thumbnail then choose the See Full Size Image then right click on the full size image and choose Save Picture As.  You should save these pictures to your jump drive but you don't have to save them inside your "website" folder.

      • Change the names of your website's navigation links as needed:

        • Change the text for the About Us link to:  Ask the Expert

        • When you change the name of a link in the navigation menu on one page, all of the page's navigation menu link names will change.

  • You can add links to other websites on the Related Links page

    • Select and change the text for the link to the name of the website you want to link to.
    • Right click on the text then choose "Hyperlink". 
      • Choose Link to: Existing File or Web Page

      • In the Address window, type in the full URL (including the http:// ) for the website you want to link the text to then click OK.

    • Repeat this for all the website links you want to create.

SAVE THE "PUBLISHER DOCUMENT"

  • Click FILE > SAVE AS and save your Publisher Document
    THIS IS NOT THE WEBSITE YET, but you will need this document to make any changes to your website's pages so save it somewhere safe.  You can save it inside the "website" folder if you want but it won't be necessary to upload this file to the server since it's not the website itself.  Again... You do have to reopen this Publisher Document to make changes to your website.

TURNING YOUR PUBLISHER DOCUMENT INTO A WEBSITE

Now it's time to actually create your website from the Publisher Document. 

  • Choose File > Publish to the Web
  • Accept all defaults and make sure that you navigate and publish (or save) into the folder you created above, for this tutorial we named it, "website".

OPEN & LOOK INSIDE THE "website" FOLDER

  • Inside the "website" folder you should have a file named, index.htm and an index_files folder
    • Note: If you saved your Publisher Document (it will have a .pub filename extension) inside the "website" folder, it will be in there too.  But, as mentioned, this isn't really part of the website you will need to upload to the server.  It's only needed to edit/modify your website.  Every time you edit/modify the website using the publisher document you have to re-publish it using File > Publish to the Web.
  • Both of these are important!
    • index.htm is your "home page".
    • The index_files folder holds the other 3 pages on your website as well as all the pictures used on these pages and on the home page as well.

CREATING A LINK TO YOUR "REFLECTIONS" WORD DOCUMENT

    • First move or put a copy of your Reflections word document into the index_files FOLDER
    • Now, create the link on the "Related Links" page to the word document.
      • Right click on the text on the Related Links page you want to use as the link then choose Hyperlink
        • Remember to change the text for the link to something like, "My Reflections".
      • Choose Link to: Existing File or Web Page
      • Now, navigate to the "writing" folder and open the index_files folder
      • Find and click on your "Reflections" word document.
        • In the "Address" window you will notice a long "path" to the word document has been created.  This won't work and it's a "bug" in Publisher that needs to be corrected... We'll do that next.
      •  NOW..... AND THIS IS IMPORTANT!!!!
        • Select and delete all of the "path" information from the Address Window except for just the filename of your "Reflections" word document.
          • The filename of the word document should be the only thing you see in the Address window!
        • Click OK
    • Save your Publisher Document.

RE-PUBLISH THE CHANGED PUBLISHER DOCUMENT TO THE WEB

Since you made changes since the first time you saved your Publisher Document, you need to re-Publish to the Web to save these changes on your actual website.

  • Choose File > Publish to the Web
  • Accept all defaults and make sure that you navigate and publish (or save) into the folder you created above, for this tutorial we named it, "website". 
  • Click YES when asked if you want to Replace Existing File

CHECKING YOUR WEBSITE USING WEB PAGE PREVIEW

While you still have the "Publisher" document open you can choose FILE > WEB PAGE PREVIEW

  • This will open the "Publisher" document in Internet Explorer so you can see how it looks and try the links.
  • However.... AND THIS IS IMPORTANT..... the link to your "Reflections" word document (or any other link to documents or media) will not work in WEB PAGE PREVIEW. ... ANOTHER "BUG" IN PUBLISHER!  For these links to work, you  have to upload your website to the Server or open the "index.htm" file directly in a browser.

TO UPLOAD YOUR WEBSIT ETO THE KENT PERSONAL SERVER

  • Open "MY COMPUTER"
    • If you have IE 6, you can just do this in the Browser, but it won't work in IE7 so it's best to just use "My Computer" if you're not sure which version of IE you have.
  • Type  ftp://mail.kent.edu/public_html  into the address bar in the "My Computer" window

    • When prompted, enter your Kent Flashline user name (without the @kent.edu) and your Flashline Password

      • Remember that the user name and password are case sensitive!

  • The "My Computer" window should now show what you have on the Kent Personal server.  If you haven't used it, there won't be anything there.  It will be empty.

  • Now, just drag and drop the file: index.htm and the folder: index_files from inside the "website" folder you created on your Jump Drive to the open My Computer window. 

NOTE:  If you can't login to the Kent Personal Server using the above instructions, then there may be one of two possible problems:

1.    Try this first:  If you haven’t done so already or within the past year, you need to change your flashline password.  The instructions for doing this are at: https://flashword.kent.edu   After changing your password, try ftp’ing again.

2.    If #1 above didn’t solve the problem you may not have been provided with the proper permissions to use this space on the server by the IT department or a “public_html” folder wasn’t created automatically for you on the server.  Only the IT dept staff can correct this problem.  I believe your instructor will be collecting the names of all the students that can’t login to the server so they can all be submitted to the HelpDesk at one time.  Your instructor will need to know your flashline user name.

To View Your Website "ON THE WEB"

  • Open Internet Explorer

  • Enter http://www.personal.kent.edu/~yourusername in the browser's address window

    • Replace "yourusername" with your actual flashline user name.  Remember to add the "~" character before your user name.

  • Hit the Enter Key.  Your website should open in the browser... if you did everything right.  Be sure to check all of your links!

MORE CHANGES?

Need to make changes after uploading your website to the server?  Remember the following:

  1. You can't edit your website by open the index.html file
  2. You must OPEN THE PUBLISHER DOCUMENT, the one with the .pub extension, to make changes to your web pages.
  3. You can't open the Publisher Document from the "server".  You must open it from your Jump Drive to edit it.
  4. After editing the Publisher Document, choose Publish to the Web and make sure that you choose "replace existing file". 

    NOTE:  THIS WILL NOT CHANGE THE PAGES ON THE SERVER.  IT ONLY UPDATES THE PAGES ON YOUR JUMP DRIVE.  YOU MUST UPLOAD THE CHANGED PAGES TO THE SERVER TO SEE THE CHANGES ON THE WEB (see next step).

  5. After that, you need to log back into the server (using the FTP address provided above) then drag and drop both the index.htm and index_files folder from your Jump Drive to the server replacing the existing files on the server with the revised file/folder. 
    1. You should see a window called, Confirm File Replace.
    2. Click on the Yes to ALL button

TROUBLE SHOOTING NOTE: 
If you didn’t see the Confirm File Replace window, then you may not be placing the files in the right place.

BE CAREFUL NOT TO DRAG AND DROP ONTO THE index_files FOLDER THAT IS ALREADY ON THE SERVER.  That will place the “revised” pages into that folder instead of replacing the existing pages and folder.

IF YOU DID THIS, YOU WON’T SEE THE Confirm File Replace window BUT MORE IMPORTANTLY, YOU WON’T SEE ANY CHANGES WHEN YOU OPEN YOUR PAGES IN YOUR WEB BROWSER BECAUSE YOUR ENTIRE “REVISED” WEBSITE HAS BEEN PLACED INTO THAT FOLDER. 

If you think you did that, just open the index_files folder on the server and look to see if it contains another index_files folder and index.htm file.  If it does, delete them then redo step 5 above.