University of Vermont

UVM Self-help Web Guide

Edit a page and menu

Editing your main menu

After you download your HTML template files, you will see a file called defaultmenu.html. That controls the placement of items in your left-hand/main menu. Drag and drop that file to your desktop. Open that file in your editor (learn about editing software). You should see:

0 Template 1: Website name goes here
1 menu item 1 item1.html
2 menu item 2 item2.html
3 menu item 3 item3.html

The menu is set up in an HTML table format, and the row starting with "0" has special meaning. The text "Template 1: Website name goes here" will appear as your overall Web page title (see above). Now's the time for you to edit the Web Page Title. In addition, you should change the "" to your department's e-mail address. That e-mail address and your Page Title will show up automatically when someone clicks on "Contact Us" at the bottom of your Web page(s).

The first column: The numbers (seen above: 1, 2, 3) are in the ordering column and represent the order in which the items will appear in your menu. Changing the numbers changes the order. Removing one removes the item from the live site.

The second column: The labeling column (seen above: menu item 1, menu item 2, etc.) is where you will place the text labels that will display on your website. Edit accordingly (ie: menu item 1 might become "About Us", etc.)

The third column: The linking column (seen above: item1.html, item2.html, etc.) represents the urls (Web addresses) that link from the text labels in your main menu to the appropriate subpages. Because these subpage files actually will exist in the same folder as your defaultmenu.html, there's no need to provide the entire http:// address for each link to a subpage file; you'll just need to provide the name of the file (for example, "What We Do" could link to what.html, and "Who We Are" could link to who.html). It's up to you to decide what you want to call the subpage files.

After making edits to your defaultmenu, save and upload the file.

Editing your homepage (default.html)

home page calloutsThe homepage text is managed through the file called default.html. Drag and drop the file on your desktop and open it in your editor (Note: In most editors, the formatting will be missing and you will see a more stripped down, linear layout of content and photos, as you can see to the left.) If using an HTML template, you will be able to see the corresponding blocks of text from your live development area and the editor. Simply highlight the header and replace the copy. Highlight the intro paragraph and replace the copy, continue in this fashion until you've overwritten the placeholder copy on your homepage. After making edits to your default.html file, save and upload the file.

home page calloutsBreakdown of files that come together on the fly to make a web page

  1. Branding banner (no file to alter)
  2. Home page banner (file name homepagebanner.html)
  3. Main menu (file name defaultmenu.html)
  4. Department name (edit file defaultmenu.html or magicoptions.html)
  5. Content area (edit file default.html)
  6. Bottom contact bar (edit file defaultmenu.html or magicoptions.html)

Editing a subpage

You can now create the subpages that you named and created link names for in the defaultmenu. If you created an "About Us" page, you might call it about.html. You will open a new document in your editor, place your content in, and when you go to save it, name it "about.html". After making edits to your subpage file, save and upload the file. Do the same to create all other website pages.

Note: Don't use any spaces or characters such as .?"%#& in your file names, or else users won't be able to view your page.

Last modified March 02 2015 02:08 PM