Important Tips

Relative URLs vs. Absolute URLs

Relative URLs

  • Relative URLs are all URLs that do not contain a fully qualified domain name and path, but instead just the path or a portion of the path. (Example: /about-us)

  • Using relative URLs is considered best practice so that your website will not be bound to the base URL should we need to move the site to the test environment.

Node Paths vs. Alias Paths

  • A Node path corresponds to a specific node in Drupal. You can learn more about nodes here. An example of a node path is:

a screenshot of a node path

  • An Alias path is a pointer to a node path. When you create a web page (otherwise known as a node), Drupal will automatically generate an alias path for that web page you created.

For example, this webpage’s alias path is: important-tips. The node path would be: node/966

Best Practice: Using Node Paths

Node paths are considered the best practice when linking content within your site. Why? When you change the title of a webpage, the alias path of the webpage will also change (Drupal does this automatically for you).

  • For example, if the title of this webpage is changed to Very Important Tips, the alias path will be: very-important-tips

Any content that was previously linked to the alias path, important-tips, will need to be updated. However, if you use the node path, there is no need to update any links if the title of the page is changed.

You can view the node path in the top of the URL when editing a page:

a screenshot of a node path

Absolute URLs

Absolute URLs are URLs that refer to a very specific location that includes the domain name. For example the absolute path to this webpage is http://training.siteinabox.arizona.edu/very-important-tips 

  • Using absolute URLs is considered best practice for links within your website that are going to external webpages (Example:linking from your homepage to the University of Arizona homepage).

  • Find out more about creating links.


Sizing Images

The responsived design theme means that all images will be shown at actual size and will resize as the window shrinks. This is ideal for viewing images on mobile devices such as smartphones or tablets, but is a problem when you want to have a smaller image in the body or text area of a page. We recommend resizing the images before uploading them. Resizing can be done in a number of photo editing software such as Adobe Photoshop or Windows Paint.  

How to Resize Images using MS Paint (PDF)

To resize images in iPhoto follow these instructions:

1. Click the Photos tab and scroll to the photo you wish to edit.  Then double click on it to focus on it.

2. After you have double clicked your photo and the photo is taking up the majority of the screen, click the File button in the top menu and select Export.

3. Now just choose the format you want in the Kind section, fill out the dimensions you want the image to be in the Size section (Use the “Custom” preset with Max set to “dimension” so you can specify the size), and then click the Export button.