Home » Posts tagged 'website'

Tag Archives: website

How do I transfer web content from a Word document to a webpage?

1) First go to your word document and copy the section you would like on your web page:












2) Next open up the editing interface of the webpage you have created and select the Paste from Word Button and paste the material you would like to use into this screen:














3) Click Insert, and your content will automatically be pasted into the body of your web page:












4) You may have to change the adjust the “Format” of the headers to Heading 2.  Also, please double check that your links are not broken after you save the new draft of your webpage.

In order to add a new link, select the text you would like to be made into a link, and then select the “Insert/Edit link” button to add the link to the “Link URL” field. You don’t need to worry about completing the other fields in the “Insert/Edit Link” window.



How do I resize and/or crop a photo with Photoshop?

If you’re adding a photo to the top right corner of your webpage,  you’ll want to set the width at 238 pixels and the height at 180 pixels.

1) In order to resize your photo, open the photo with Photoshop, then select “Image,” and select “Image Size.”








2) This will pull up  a new window and allow you to designate the width and/or height of photo in pixels. At this time, since the width value is larger than the height value, set the height to 180 pixels.

Existing Dimensions:













Edited Dimensions:













Please note: If the height value is larger than the width value, you will adjust the width to 238 pixels in this step and then crop the image to 180 pixels.

2) We’re now going to crop the width of the photo to 238 pixels. Select the crop tool from the Photoshop tools menu on the left side of your screen.




















3) Set the crop dimensions:

  • Width: 238 pixels.
  • Height: 180 pixels.

4) Select the region of the photo you would like to include in your crop dimensions:

This will automatically crop the unwanted area out of your photo.  All you need to do is press “Return,” “Save As,” and add it to your webpage!

How do I add a Facebook Like Box to a webpage?

You can add Facebook Like Boxes to the bottom of a standard webpage or to the right hand sidebar area, like Student Services. To get started follow these steps:

  1. Click on “Add” in the “Edit Console.”
  2. Select “Facebook Element” from the list of content types.
  3. Enter the URL of the Facebook page you want to “Like.”
  4. Under “Type,” select “Like Box” from the drop down menu.
  5. Choose the “Layout” option: “Box with Count Above.”
  6. If you would like to show the faces of the people who like you on Facebook, check the “Show Faces” option.
  7. If you would like to show the updates from your Facebook page, check the “Show Stream” option. With the “Number of Posts” field, you can also choose how many updates appear within the box.
  8. “Save.”

How do I enable a 301 redirect?

301 redirects help you change the URL of a www.miis.edu webpage without breaking the link. All people accessing the old link will automatically be taken to the new URL.

Please follow these steps to enable a 301 redirect:

  1. Navigate to the page with the old URL. (Ex. http://www.miis.edu/academics/language/diplomat)
  2. Take note of the Monster Menu # in the Edit Console. (Ex. 242454)

  3. Navigate to the webpage’s new URL. (Ex. http://www.miis.edu/academics/language/diplomats)
  4. Scroll down to the bottom of the page and click “Edit.”
  5. Within the editing interface, scroll down to the menu at the bottom of the page. Click “URL redirects.”

  6. Click “Add a redirect to this location,” which takes you to the 301 redirect module on the Drupal CMS admin panel.

  7. Complete the “From” URL field by adding this line of code mm/(Monster Menu #) (Ex. mm/242454)

  8. Don’t forget to click “Save.”

How do I add a meta-description to my webpage?

Meta-descriptions are text that appears under your title tag in a Google search and, therefore, provide another area to use the keywords identified in your SEO strategies. Meta-descriptions consist of well-written ad copy not exceeding 155 characters. To add a meta-description to one of your webpages, follow these quick steps:

  1. Navigate to the webpage you would like to add a meta-description to.
  2. Click “Edit” at the bottom of the webpage.”
  3. Within the editing interface, scroll down to the bottom menu and click “Meta tags.”
  4. After the menu opens, add your text under “Desciption.” Don’t forget to “Save” your edits.

How do I add a search box to a FAQs page?

To add a search box to your Frequently Asked Questions webpage in the style of the Admissions FAQs, you will need to use the “Quick Access” content type and also create a Drupal View of your FAQs list.

  1. Create a new subpage under your FAQs webpage entitled “List of FAQs” or something similar.

  2. Move your FAQ nodes (i.e. the individual Questions and Answers) to this new subpage.
  3. Delete any remaining content on your original FAQs webpage.
  4. Under “Edit Console” in the top left corner of your screen, click “Add,” and choose the “Quick Access” content type.
  5. Within the editing interface, add your “Title” (i.e. Frequently Asked Questions), “Label” (i.e. Start typing to search the FAQs.), and “Selector.” (The “Selector” for the FAQs Quick Access will always be ‘.question’)
  6. At this time, you can also add “Opening Paragraph” text and an “Image” so that one appears in the top right media space.
  7. Save the changes you’ve made.
  8. Return to the “Edit Console,” click “Add,” and choose “Basic Content.” Within the editing interface, add a “Title” for the content type in brackets [ ] so that it does not appear on the webpage i.e. [FAQs View]
  9. Here’s the tricky part. In order for the FAQ nodes to appear in one uninterrupted list (i.e. the Drupal View), you will need to add the following line of code in the “Body” text: [view:faqs==(tag)] To create the Admissions FAQs webpage, the tag used in the code was “admissions.” Therefore, this line of code was added to the webpage: [view:faqs==admissions]
  10. For your FAQs webpage, you will need to chose a tag relevant to your content to generate the Drupal View. Substitute your tag for “admissions” and add the line above of code to the “Body” text.
  11. Before you’re finished, you will now need to double check all of your FAQ nodes to make sure they have the tag you’ve chosen. If the FAQ nodes are not properly tagged, they will not appear on your new FAQs webpage.

How do I create a Gallery using Drupal?

The “Gallery” content type can be used to display a set of photos as a photo slideshow. Before creating your “Gallery,” crop all of the included photos to the same size (i.e. 400×300 pixels) and upload them to the appropriate “Files (hidden)” webpage.

Creating a New Gallery

  1. Make sure you are logged on.
  2. Navigate to the page you wish to add an Gallery to.
  3. Locate the “Edit Console” in the top left of the screen. Click the “Add” button.Edit Console
  4. The screen now lists all the content types. Choose “Gallery” from the list.
    1. The screen now shows the “Gallery” editing interface.
  5. In the “Title” text field, give your slideshow a title.
  6. You can use the “Body” area to write a description for your gallery if you wish.
  7. Add one or more images to the “What to show in the gallery” section using the “Add…” button and browsing the site tree to locate the photos you wish to use.
  8. Choose settings related to the appearance of your gallery.
  9. When you are finished, click the “Save” button.

How do I manage who can make changes to my area of the website?

Groups are used to control who has editing privileges to the various sections of the MIIS website. If you are the group manager, you can add or remove group members by visiting http://go.middlebury.edu/groups and logging in with your Exchange credentials. You can also turn over group manager privileges to someone else if needbe.

I have pages and pages of file uploads on my “Files (hidden)” page; is there a better way to organize these?

You can organize your file uploads in Drupal by creating subpages for your “Files (hidden)” page. Because these pages are subpages of a hidden page (the “Files” page), they will automatically be hidden from the navigation menu, too.

This is an example of a Files section that has been organized according to the types of file uploads:

How do I add a sidebar below the navigation menu in Drupal?

In order to create a navigation sidebar (the sidebar area located below the righthand navigation menu as shown above), you must first create a new subpage to house the sidebar content. To do this, follow the steps outlined below:

  1. Navigate to the page or top-level page of a section where you would like to add the navigation sidebar.
  2. Once you are on the correct page, click on the “Settings” tab in the Edit Console.
  3. Choose “Add sub-page” from the Edit Console
  4. Create a new page using the following settings.
    • Page name: Sidebar Content
    • URL name: sidebar
    • Appearance < Menu appearance < Location on screen: text for right column

  5. When you are finished, click “Create sub-page” at the bottom. You have now created an empty page that you can populate with content to display in your sidebar.

Note: Sidebars will cascade down through the subpages of an entire section.

Sites DOT MIISThe Middlebury Institute site network.