non-Joomla

Computer

• MacOS
• Windows

Phone or Tablet

• Android
• iOS

What is Docusign?

"DocuSign is Rutgers’ electronic signature platform provided by the Office of Information Technology and locally administered by department staff who complete DocuSign training."

Firstly, you need to take a screenshot which can be done several ways. Afterwards, bring the picture into another program where you can easily add shapes or comments, such as Microsoft PowerPoint. This can be done easily by dragging the picture into the program, or clicking the "Add Photo" picture on the toolbar at the top and opening the file.

How to Add Shapes

1. Click the "Shapes" button on the toolbar and select which shape you would like to use.
2. Drag the your cursor out while holding down the left button to determine the size of the shape. You can then drag it to where ever on the slide.
3. To change the color or border of the shape, right click the shape and select the "Format Shape..." button to see all the options.

How to Add Text in Shapes

1. Right click the shape and there should be an option that says "Edit Text" which will allow you to write in the shape itself.
2. To change the font or size, highlight the words and right click it then select the "Font..." button.

How to Circle Objects

1. Refer back to "How to Add Shapes".
2. Again, go to the "Format Shape..." button where you can edit the options for the shape you've chosen.
3. Remove the color fill of the shape by selecting "No Fill" under the "Fill" tab.
4. Change the line color and thickness by selecting the color options under "Line" and the weight of the line under "Weights & Arrows" on the tabs above.

Finally, when you're finished with your markups, you can save the page as a picture by clicking the "File" button on the toolbar above and selecting the "Save as Picture..." button.

Crop an Image

1. Draw a box over the image with your cursor.
2. Go to the top toolbar and under Tools, chose Crop.
3. File --> Save.

Changing an Image's Dimensions

1.  Go to Preview App on your Mac and click on Show Markup Toolbar and click Adjust Size Button.
2.  Enter new values for the width and height or click fit into to choose a size or to resize by percentage.
3.  Select Scale proportionally to keep the same proportions and prevent the image from being stretched.
4.  Deselect resample image to not lose detail.

Rotate or Flip an Image

1. In the Preview App on your Mac choose the Rotate tool.
2. To flip an image choose tools then flip vertical or horizontal.

Overview

This procedure describes how to crop and resize images using Microsoft Paint, which is included with Microsoft Windows.

Getting started

• Click on the Windows Start icon (see #1 below)
• Scroll down through the list of programs, find "Windows Accessories" and click on it (see #2 below)
• Click "Paint" (see #3 below)
  
  
  
  
• Go to File (see #1 below), then Open (see #2 below)
• Locate the image you want to resize.
• Double-click on the image file, or single click it and select Open.

To crop your image:

• Click on the Select button (see #1 below) in the Home tab of the ribbon near the top of the window.
• Click and drag to select a rectangular area of the picture (see #2 below).
• Click Crop to remove everything outside of the selection (see #3 below).

To resize your image:

• Make sure that the Select button is not selected by clicking Brushes (see #1 below).
• Next, click the Resize button (see #2 below) to open the Resize and Skew window.
  
  
• Choose Percentage to scale your image to a certain percent of its current dimensions, or Pixels to set it to a particular width or height.
• Make sure that "Maintain Aspect Ratio" is checked, then reduce either the "Horizontal" or "Vertical" value and click OK. 
  
  
  
  
• Choose File, then Save As, and enter a new filename for the image (this will keep your original file intact)::

Please note: this procedure does not apply to web sites using the SAS Content Management System (CMS), which already have standard banners installed.  If your department is not currently using the SAS CMS, but would like to, please submit a workorder.

This procedure explains how to download official banners for use on SAS departmental web sites. Before following this procedure please read: Branding and Logos.

This procedure assumes that you know how, and are able, to upload and modify files on your department's current web site.

1. Open the following URL in a web browser:
   
   https://sas.rutgers.edu/custom/banners/
   
   
2. To download all the banners, click the link "Download All Banner Files".
   
   
3. To download just one banner, click on the link for that particular banner; e.g. "Download Red Banner Files" for the red banner.
   
   
4. Go to the location on your computer where you saved the banner files.  There will be a ZIP file (e.g. "all_banners.zip" or "red_banner.zip").  Extract the ZIP file.
   
   
5. Open the folder corresponding to the color of the banner you wish to use.
   
   
6. You will see an HTML file (e.g. "banner.html") and an "images" folder. Copy or upload both the HTML file and the "images" folder to your web site's root directory.  (NOTE: Your web site may already have an "images" folder.  If so, copy the contents of the unzipped "images" folder into your web site's existing "images" folder).
   
   
7. For each page on your web site where the banner should appear, do the following:
   • Open the banner.html file using either Notepad or an HTML editor (for example, Dreamweaver)
     
     
   • Copy the HTML code in the HTML file, starting with the line
     
     <!-- INSERT THIS TEXT BELOW THE BODY TAG IN YOUR HTML -->
     
     and ending with the line
     
     <!-- YOUR CURRENT WEB CONTENT SHOULD CONTINUE AFTER THIS LINE -->
     
     (If you are using a graphical HTML editor to access the file, you may need to click on the "Source" window to view the HTML code).
     
     
   • Open the target web page using either Notepad or an HTML editor.
     
     
   • In the source HTML code for the target web page, look for a tag near the top of the file called <body>
     
     
   • Paste the text from the banner HTML file after the end of the <body> tag.
     
     
   • If additional tags </head> and <body> appear below the line
     
     <!-- INSERT THIS TEXT BELOW THE BODY TAG IN YOUR HTML -->
     
     delete the extra </head> and <body> tags.
     
     
   • Replace the text on the line between
     
     <!-- ENTER YOUR DEPARTMENT NAME ON THE LINE BELOW -->
     
     and
     
     <!-- ENTER YOUR DEPARTMENT NAME ON THE LINE ABOVE -->
     
     with the actual name of your department.
     
     
   • Recommended: Wrap the new code in <header> tags to improve the accessibility of your web page.
     • If a <header> section already exists in your web page, place the new code within the <header> tags.
     • If a <header> section does not exist in your web page, add <header> before the new code and </header> after the new code.
   • (Optional) To have the banner occupy a smaller percentage of the width of the browser window, change the width percentage in the first line of the new code (beginning with "<table border="0"... ) from 95% to a smaller value (e.g. width="80%").
     
     
   • (Optional) To have the banner occupy a fixed width, change value for "width" in the first line of the new code (beginning with "<table border="0"... ) from 95% to a fixed amount (e.g. width="800" for 800 pixels).    
     
     
   • Save the web page.   
     
     
8. Review the changes to your web page by opening the site in various browsers (Google Chrome, Microsoft Edge, and Mozilla Firefox).

• Platform: Windows
• Level of Difficulty: Intermediate

Overview

This document will help you publish your web pages to SAS web server stargate.rutgers.edu. The procedure assumes that you have already created your web pages either directly in HTML or using software such as Adobe Dreamweaver.

If you have any difficulty following this procedure, please submit a work order.

Requirements

• Basic knowledge of designing web pages
• An SSH client application such as FileZilla.
• A user account and directory access on web server stargate.rutgers.edu

Procedure:

This procedure will use FileZilla to illustrate the process.  Other SSH clients may work, but the specific steps will vary.

1. Start FileZilla by clicking the desktop icon:
   
   
   
2. At the top of the FileZilla window, enter “stargate.rutgers.edu” in the “Host” field (see #1 below), your NetID username in the “Username” field (see #2 below), your NetID password in the "Password" field (see #3 below), and "22" for "Port" (see #4 below). Then click QuickConnect (see #5 below):
   
   
   
3. If this is the first time you are connecting to stargate.rutgers.edu using FileZilla, an “Unknown host key” dialog box will appear. Check the box for "Always trust this host, add this key to the cache" and click OK:
   
4. Under "Local site," browse to the folder where you save your web pages (see #1 below).
5. Under "Remote site" in FileZilla, browse to the directory on stargate.rutgers.edu where you have access to publish your web pages (see #2 below). If you are unsure of the location, contact your systems administrator.
6. Select the files and subdirectories to be published from the folder where you save your web pages (see #3 below), then drag and drop them to the lower right pane of the SSH window to copy them to the remote server (see #4 below).
   
7. When the files have all been transferred, you should get a "Transfers finished" message on your desktop.  You can click the message to dismiss it.
   
   
8. Select the top file or folder that you uploaded in the lower right pane (see #1 below).  Hold the [Shift] key and select the bottom file or folder (see #2 below).  This will highlight all the files you uploaded.
9. Right-click the highlighted files, then select "File permissions..." from the menu that appears (see #3 below):
   
10. In the "Change file attributes" dialog box, change the value in "Numeric value" to "755" (see #1 below).
11. Check the box for "Recurse into subdirectories" if it appears (see #2 below).
12. Click OK.  This will make your webpages publicly visible (see #3 below).
    
13. Close FileZilla by going to the “File”menu and selecting Exit.
14. Verify that your files have been successfully upload by launching a web browser and accessing the web page you published (if unsure how to do this, see the next section, Finding Your Website).
    
    

Finding Your Website

If a hostname has not been registered for your Stargate website, you can find it using this URL format: 

https://www.sas.rutgers.edu/virtual/YOURWEBDIRECTORY

Replace "YOURWEBDIRECTORY" with the name of the directory on Stargate that contains your uploaded web pages.

There are two popular ways to take a screen shot of your screen with a Mac.

First method: Keyboard shortcuts

The first way is by holding down three buttons on your keyboard. There are several options for exactly what you want a screenshot of:

• Command button + Shift + 3 --> this way will take a screenshot of your entire screen
• Command button + Shift + 4 --> this way will allow you to take a screenshot of what you select on the page
  
  
• Command button + Shift + 4, then space bar --> this way will take a screenshot of the window that you click (which will be highlighted when you hover over it)

After taking a screenshot, it should be saved to your desktop by default.

Second method: Grab application

The second method is through using the application, Grab:

1. Open the Grab application by going to Finder > Applications > Grab. (The application will be open but no window will come up.)
2. With the application in use (you can tell by what shows up on the top left of your screen), select what you would like capture by clicking the capture button. There will be several options and it includes:

1. Selection: you choose what you want to be screenshotted
2. Window: the window that you click on will be screenshotted
3. Screen: this will take a screenshot of your entire screen
4. Timed Screen: this will take a screenshot of your entire screen after ten seconds

3. After taking the photo, it should pop up as a window. Once it pops up, go back to the toolbar on the left hand corner and click File. It should dropdown and give you options to Save and where to save it.