The 'How To' guide for updating pages
on the official Smith School Web site.

Print this document  
Open PDF File to print formatted version  

Note: If you are unable to understand any part of this document or have questions about other areas of web editing please contact Alissa Arford-Leyl or Anitha Sharma in the Office of Marketing Communications. Thank you!

Important--Please Note!

  • Please install FrontPage 2003 on your computer -- this applies only to university owned computers. (E-mail helpme@rhsmith.umd.edu and request FrontPage 2003)

  • ALL editing must be done only via FrontPage 2003.

  • You cannot use FTP as this will corrupt the server extensions.

  • We now have a development site that is distinct from the live Smith School site. This can be seen at www.devsmith.umd.edu.

  • ALL editing must be done on the development server only. Please read instructions below to find out how to publish your changes to the main school site.

How do I get access to edit my department's Web site?

Fill out Web Access Request Form: http://www.rhsmith.umd.edu/webmaster/webaccess.html

How do I login?

Open FrontPage 2003 (Start > Programs > FrontPage 2003)

From the 'File' menu choose 'Open Site'.

Click to enlarge!

Enter 'http://www.devsmith.umd.edu/subsitename' where subsitename is the name of your department's site e.g. undergrad, career, etc.

Click to enlarge!

Enter your user name and password. Please enter 'bmgt-labs\username'.

Click to enlarge!

How do I Open/edit pages?

Highlight the .html page you wish to edit and double-click.

Click to enlarge!

What regions of a page can I edit?

All pages on the new Smith School site are attached to Dynamic Web Templates (.dwt files). This allows the site to have a consistent look and feel, and also allows the Office of Marketing Communications to make design changes easily across the site.

How does this affect you?

This means that when you open up an .html file you will see a box with a heading 'content_main'. This box is the content area of the page and you will be able to make changes in here.

Click to enlarge!

You will be unable to make changes to the header, logo, top and side navigation, bread crumbs, and footer areas as these are coded into the template as 'non-editable' regions. If you mouse-over any of them your mouse icon will change to .

Click to enlarge!

If you need navigation changes made to your site, please e-mail Alissa Arford-Leyl.

How do I add text to my page?

 

Important--Please Note!

The new Smith School site uses style-sheets to define text formatting. See below for details. In order to ensure that the style-sheets function correctly, please pay attention to the following:

  • Never cut and paste text directly from a Word document or any other type of word processing software, or e-mail. If you do your page will not look like the rest of site.

  • If you have to cut and paste text always paste your text into Notepad and then cut and paste from Notepad to FrontPage. This will get rid of all the formatting and the style-sheets will take over. All computers have Notepad installed, you can find it here:
    Start > All Programs > Accessories
    .

OR

  • If you prefer not to use Notepad, you can also use the 'Paste Special' option available with FrontPage. This can be accessed by choosing 'Paste Special' from the 'Edit' menu. In the subsequent dialogue box that pops up, choose 'Normal paragraphs with line breaks' option every time you paste text.

How do I format text, headings, sub-heads etc. with style-sheets?

As you browse through the new Smith School Web site you will notice common themes and colors in the way text is formatted in the content pages. This uniform look is easy to achieve with the help of style sheets. Click to enlarge the graphic below to see the various style elements at work...

Click to enlarge!

To set formatting for your text you should highlight the text area to be changed and choose a style definition from the drop-down menu on the upper left of the screen. Click on the graphic below to see the drop-down list.

Click to enlarge!

The following style definitions are available:

.sectionTitle - for Section Titles

.subHead - for the red sub-head

.subHead2 - for the grey bold sub-head

.bold - for purple bolded statements or headings

.boldYellow - for yellow bolded statements or headings

.caption - for graphic captions

Normal text, hyperlinks, and bulleted lists are formatted automatically.

There are several other issues you should be aware of when using style-sheets. These will be covered in detail at the training session(s), which you are strongly urged to attend.

How do I publish my changes to the live school site?

Now that you've made your changes and formatted your text it's time to save your file and see the results in a browser. To save your changes choose 'Save' from the 'File' menu.

Click to enlarge!

Before you publish your changes it is important to test them by viewing your page in a browser. You can do this by choosing the 'Preview in Browser' option from the 'File' menu.

Click to enlarge!

If your page looks good, it's time to publish. To do this choose 'Publish Site' from the 'File' menu.

Click to enlarge!

If you are publishing for the first time or if your memory cache has been cleared, a dialogue box will pop up. Enter the URL (your publish destination) for your website here. (Enter 'http://www.rhsmith.umd.edu/subsitename' where subsitename is the name of your department's site e.g. undergrad, career, etc.)

Click to enlarge!

Note: The steps given below will publish all changed files from the development site to the live site. If you want to limit your publishing to certain files only see the next segment.

FrontPage will open up the remote site and list pages in both sites. The publish button appears on the lower right of the screen. After making sure that the 'Local to Remote' radio button is active, hit the 'Publish Web site' button and you are done!

If you go to the changed page on www.rhsmith.umd.edu you will now see your changes.

I only want to publish one page, how do I do that?

There may be times when you are working on several changes, but would like to publish some of them before others. Using the publish option described above will publish all changed files from the development site to the live site. FrontPage allows you to select the files that you want to publish.

Follow the instructions given in the previous segment to open the remote site by choosing 'Publish Site' from the 'File' menu and entering the URL in the dialogue box. But once FrontPage lists the files in both locations highlight the file you wish to publish from the 'devsmith' list.

Click to enlarge!

Now right-click with your mouse pointer over the highlighted file and a menu will pop up. Choose 'Publish Selected Files', and your file will get published. To select multiple files hold down the 'Shift' key while clicking to highlight.

Related topics will be covered in detail at the training session(s), which you are strongly urged to attend.

Things to keep in mind as you edit a Web site:
  1. ALL images imported into the site must be stored in the /images folder.
  2. ALL pdf files and other documents (Word, PowerPoint, etc.) must be stored in the /pdfs_docs folder.
  3. File names should NEVER have spaces (this includes html files, images and documents).
  4. File names should be lowercase only (this includes html files, images and documents).
  5. All web pages should have a .html extension, please do not use .htm extensions.
  6. If you have changes to your site's navigation please send us an email, do not make navigation changes yourself.
  7. If any files in your site do not use the template, please put them in a newly created separate folder and inform us about them.

Note: If you are unable to understand any part of this document or have questions about other areas of web editing please contact Alissa Arford-Leyl or Anitha Sharma in the Office of Marketing Communications. Thank you!