Five Colleges Art History Digital Project Space Website Tutorial

Similar documents
Getting Started with E-Portfolio For Students Page 1 of 6

Creating Presentations with Prezi

CAA Alumni Chapters Websites - Admin Instructions

Adding Your Files to Blackboard (i.e. Uploading Your Syllabus) Option A: Uploading Your File through an Item s Attach File Area

Google Slides Handout. Carol LaRow

Creating a Portfolio in LiveText

Uploading a File in the Desire2Learn Content Area

Attaching audio files to an in Angel

Adding Modules.. 4 Editing a Rich Text Module Publishing a Module Adding Media (Picture, Audio, Video, and PDF) Adding Media from the web (Videos)

Blogger Frequently Asked Questions

Working with Images 1 / 12

Updating Your Local Program Webpage

Photo Gallery. Photo Gallery. Photo Gallery Name. Photo Gallery Body Text. Images. Image Title. Page 1 of 5

Texas Gateway CMDS: Course Creation Guide

Teacher Web Pages. Drupal 7 Training. A step-by-step guide to using your new Teacher Web Pages

How to add video to JigsawBox

Step 5: Figures and Tables

CAT ALUMNI MEMBER USER GUIDE

CREATING ANNOUNCEMENTS. A guide to submitting announcements in the UAFS Content Management System

MILWAUKEE AREA TECHNICAL COLLEGE ONLINE APPLICATION INSTRUCTIONS

How to Use Moodle's Text Editor

EDITING CONTENT LOGGING IN. Login via CAS login. Navigate to your page, and click on New Draft at the bottom of the page

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App

Study before beginning these instructions.

Editing Drupal 7 Sites. Basic page editing. June To begin editing, log in by clicking Login at the bottom of the homepage. Username.

Kaltura Media Mashup Tool

Getting Started with ShortStack

Drupal 7 guide CONTENTS. p. 2 Logging In

[CONTENT ROTATOR 1.0 USER MANUAL]

Page 1 of 11 Wordpress Sites How-to Guide. Introduction to Blogging -

Cropping an Image for the Web

Mt. Lebanon School District 7 Horsman Drive Pittsburgh, Pennsylvania

Real Estate Flyer. Projects 1

Centricity 2.0 Section Editor Help Card

UCT Local Council Website Quarterly Training 2.1 November 10, Changing your password Adding photos & PDF files Creating website & links

Create Reflections with Images

This type of content can be added to any content area (such as Subject Materials) or a Learning Module.

Embedding a YouTube Video into a Bb Course Site

Each physical sign is represented by a Redirect page. A URL will be provided for this page and your sign will always load that URL.

Streaming Presentation Manager User Guide

ALES Wordpress Editor documentation ALES Research websites

MN Studio Website - User Guide

SECTION 1 - File Conversion (RECOMMENDED METHOD)

Intelli-Signage Signage Designer Software

Would you like to put an image on your index page? There are several ways to do this and I will start with the easy way.

About Freeway. Freeway s Tools and Palettes

CWU Content Management System (CMS) User Guide

How to Enable and Use itunes U With Your Blackboard Course

SchoolWires. Table of Contents

The Online elearning Course Creation Tool

Microsoft Word 2011 Tutorial

Welcome to the Trinity Parent Portal!

How to Add Text to an Animated Image

BLACKBOARD TRAINING PHASE 1 CONTENT MANAGEMENT. Popular Topics Part 2 Content Management, page 8-17

USER MANUAL. WeConnect

Shopping Cart: Queries, Personalizations, Filters, and Settings

FrontPage 2000 Tutorial -- Advanced

VoiceThread - Export Blackboard Voice Authoring Content into VOICETHREAD

Filename:QIM-DP-05-Approve Quality Reject and Set in Process Page 1 of 12

Lava New Media s CMS. Documentation Page 1

eportfolio User Guide

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.

My Step-by-Step Guide to Building a Google Blog

Exhibit Builder Instructions

Piktochart 101 Create your first infographic in 15 minutes

Photoshop and Lightroom for Photographers

Prezi is a wonderful presentation tool to help make classroom or online instruction easy and

Log into your Account on Website then back to Home page.

Computer Nashua Public Library Advanced Microsoft Word 2010

About SharePoint Server 2007 My Sites

Faculty Web Site with WCM

NEWPORT BEACH ALANO CLUB. Ryanne Tiffany. PowerPoint Guide

KODAK Software User s Guide. Software Version 9.0

WebSpace - Creating Content, Pages, And Posts

Rev. A 02/02/2016 Downers Grove Public Library Page 1 of 50

How to make a PDF from inside Acrobat

Swiiit User Guide 03/09/2015

KODAK Software User s Guide

1. Click on the button in your cover photo. 2. Chose the Donate Now option in the drop-down menu.

Photos & Photo Albums

Advertiser s Guide to using the CMS system for

Working with Confluence Pages

WYSIWYG Editor: Users Manual

Drupal Basics. for COS and CLASS site maintainers

Fish Eye Menu DMXzone.com Fish Eye Menu Manual

PropertyGuru AgentNet Listing Creation Guide

SciVee Conferences AUTHOR GUIDE

1. Navigation and menus

Document Upload for IELTS ORS

my news on the go Tutorial

CICT UniMAP USER MANUAL JOOMLA 2.5

SoftChalk 10. Level 1. University Information Technology Services. Learning Technologies, Training, Audiovisual, and Outreach

Getting Started. Microsoft QUICK Source 7

Home page layout in Canvas

Display Screen User Guide. Last Updated: October 28, 2016

PowerPoint Tips and Tricks

Table of contents. Sliding Billboard DMXzone.com

AVS4YOU Programs Help

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Winthrop University edtpa - Clipping Your Video using Adobe Premiere

Transcription:

Five Colleges Art History Digital Project Space Website Tutorial Go to https://www.umass.edu/digiarthist. Click the Log In button. Once you provide your information, click Courses and select your course. This will take you to a page that has links to all the sculptures with basic tombstone information and photographs provided by the Five College Database. Step 1: Create Your Content In the gray navigation bar, click Your Project. To start off, click Create Project Page. This will take you a new screen where you can fill out the required information for your page.

Create a Project Title for your overall project. You will keep this same title for all your project pages so they can be grouped together. Input a Page Number. Next, create an Admin Title. Your admin title should be easy to recognize so you can easily find your content in the future. An easy format is Project Title (Author: Your Name) Page Number. For example, Niki de Saint Phalle (Author: Emily Bumgardner) 1. Scroll down to the bottom of the page. Make sure you select the appropriate course and click Save. Follow this same process for adding additional pages. Make sure to keep a consistent Project Title and clearly label your Admin Title every time. For a faster process when browsing the site, you can also click the Add Content button in the gray navigation bar. Click Project Page and follow the above instructions for filling out the page information.

Step 2: Find Your Content Once you ve created your first page, you can go back and edit it. Return to the Your Project page. Click Find Your Content. A new page displaying recently added content will appear. Find your project and click the Edit link on the right.

For a faster process, you can also click the Find Content link in the gray navigation bar. This same page (above) will appear. Step 3: Add Your Content

You should now see a similar page to what you encountered in Step 1. Now you can add content! The overall web layout is divided into two sections: left and right. There are left and right text boxes where you can add the text of your paper. Further down the page there are options to upload nodes to your page, including videos, photos, audio, and additional media. If you enter content into the left text box and upload a node, the node will appear in the free space on the right side of the page, and vice versa. This left right set up is an easy way to begin thinking about the format of your page. In these text boxes, it is also possible to embed media. While this will give you more control over where the media will appear on your page, the nodes typically fulfill the same function. To embed a photo, click the photo icon on the toolbar. A new window will appear. You can upload an image by clicking Browse Server. A new window will appear, which will allow you to select photos that have already been added to the website (See step 3d) or upload your own photos. Once you have uploaded or selected your photo, you will be able to preview the image and text in the small Preview window. The boxes to the right of the window will allow you to adjust the size of the image, add a border, or add space between the image

and text (HSpace and VSpace). You can also adjust how the image is set within the text in the Alignment box. Once you are finished adjusting your image, click OK. Scroll down to the bottom of your page and click Save. 3a. Add a Node Directly to a Page You can add nodes directly to pages or upload them independently of pages. To upload a node directly to the page, scroll down to the node section under the text boxes and click Add new node under the desired media section. The uploading processes are outlined by media below. 3b. Video, Image, and Audio Nodes To upload a video that you have saved to your computer, scroll down to the node section and click Video > Add new node. Add a video title, choose your file and then hit Upload. Your video file MUST be txt, mp3, mov, or mp4 format and maximum 50MB to be uploaded to the site. The website also gives you the option to add a description and tombstone label text to the video. Once your video is finished uploading, click Create Node under the tombstone label. Make sure to scroll down and click Save before exiting out of the page. Your video is now saved to that page.

This process of uploading content is virtually the same for both the image and audio nodes. Images MUST be png, gif, jpg, or jpeg and maximum 50MB to uploaded to the site. Audio files MUST be txt or mp3 and maximum 50MB. You must always title your node, and you have the option of adding tombstone text to these files. 3c. Media Nodes The media feature allows you to embed media (like Youtube videos, Sketchfab, or ThingLink) onto the page using an iframe code. (See our tutorials on Sketchfab and ThingLink to see where to find the iframe codes on these platforms). If you go to Youtube, you can find this code underneath a video s Share tab. Click Share > Embed and copy the highlighted code. On the website, click Media > Add new node. Add a title and click the Source button. Then paste the link you copied from your video into the text box. You have the option to add a tombstone label below.

Scroll down and click Create Node. Once it is finished uploading, scroll down and click Save. 3d. Add a Node Independent of a Page To add a node separately from a page, return to the Your Content page and click Find Your Content. Click the + Add Content in the upper left hand corner. Select whichever media type you would like to upload. When the upload is complete, scroll down and click Save. You can now find your media the same way you found your project page. Click the Find Content button in the gray navigation bar. Your uploaded media should appear in the list. To add this content to a page, find your project page under the Find Content feature. Once you are on your project page, scroll down to the node section. Select Add existing node under whichever media you wish to upload.

Type in the title of your previously uploaded media. Select it from the drop down menu and click Add node. Once it is uploaded, scroll down and hit Save. 4. Previewing Your Work Now that your content is uploaded, you can review it. To preview your content, return to the home page by clicking the home button in the top left corner of the screen in the black navigation bar. When you return to the home page, click the Courses link.

Select your course. Click Your Project in the light gray navigation bar. Then click Find Projects on the next page. Select your project from the list. This will take you to your pages. If all your pages share the same Project Title (explained in Step 1), then you should see page navigation numbers at the bottom of the screen, which will allow you to flip between pages. Continue to edit your work, using these pages as a preview for the finished product.

It should be noted that this preview feature under the Find Projects tab is what your content will look like when it is published. To most clearly gauge how your project develops visually as you edit it, have two tabs or windows open when working. In one tab or window, edit your work; have the preview of your final published page open in another. After making each new edit, you can refresh the preview of the final published page to see your changes.