Cropping an Image for the Web

Size: px
Start display at page:

Download "Cropping an Image for the Web"

Transcription

1 Cropping an Image for the Web This guide covers how to use the Paint software included with Microsoft Windows to crop images for use on a web page. Opening Microsoft Paint (In Windows Accessories) On your Windows desktop, click on Start. Select All Programs. Click on Accessories. Select Paint. Microsoft Paint opens. TIP: Image Editing Software Microsoft Paint is an easy-to-use image editing program that is included with Windows and does not need to be purchased separately. You may prefer to edit images with software like Adobe Photoshop or Photoshop Elements. The MU Division of Information Technology (DOIT.Missouri.edu) offers Photoshop classes. Opening an Image File in Paint Click on the Paint tab.

2 Select open. This will open a new window where you can browse and select your image file. When you hover your mouse over the desired file, a popup will display information about the image, including its file size and dimensions. This file is 4,256 pixels wide by 2,832 pixels high. The file size is 9.44 MB (9,677 KB) -- too large for a web page. To prepare an image for use on a web page, it can be resized, or as shown in this guide, both cropped and resized. Select the file you wish to work with and click Open. Cropping the Image The file opens in the Paint workspace. The thumbnail shown here in this guide illustrates that the photo is so large only the upper left corner of the photo can be seen in the Paint workspace when the file is first opened. Cropping Images for the Web Page 2

3 Before it is cropped, the image can be resized so the area to be cropped is visible in the workspace. Click on Resize. The Resize and Skew box pops up. It will display that the current file size is 100% horizontal and 100% vertical. The image can be resized by entering a percentage or by entering a pixel size. Check Pixels to resize by pixel size. With Pixels checked, you will now see the width and height of the image in pixels. This image is 4,256 pixels wide by 2,832 pixels high. For this example, we will resize the image to be 700 pixels wide. This will allow the entire image to be seen on the Paint workspace. IMPORTANT! Maintain aspect ratio must be checked. This will make sure the height of the image is adjusted to be proportional to the new width entered. Paint automatically calculates a proportional new height of 465 for this new width of 700 and enters it in the corresponding box. Click OK to resize the image. Cropping Images for the Web Page 3

4 Now the image is ready to be cropped. Click select and a menu will drop down. Click Rectangular selection. The cursor image will change to look like a crosshair. Drag the crosshair down and across over the area to be included in the cropped image. The dimensions of the photo and the area selected to crop will be displayed under the photo at the bottom of the workspace. In this step, the main focus is on selecting the desired image. After cropping, the new image can be further resized to smaller or larger dimensions. A selection area will be marked by dotted lines. The selection can be changed by dragging on the small rectangles at the corners and mid-line. Cropping Images for the Web Page 4

5 Click Crop. The new cropped image is displayed in the workspace. The width and height of the cropped image are shown at the bottom of the Paint window. A 425-pixel-wide image would fit on a My MU Health web page as a relatively large image. If this size is OK for its intended use, the image can now be saved and uploaded to the appropriate SiteMaker Graphics folder. The cropped image could also be made a smaller size so there would be more room for other content next to it on a web page. To resize, follow the steps shown on page 3 above, then save the new size image. See page 8 for an example of two sizes of this image placed on a web page. Saving the Image for the Web To save the cropped image, click the Paint tab. Save as JPEG picture is selected because the image in this example is a photo. Cropping Images for the Web Page 5

6 Image file types for the web are JPG (JPEG) and GIF. Use JPG for photos and better quality drawings. Use GIF for most drawings or if a transparent background is needed. PNG files may also be used on the web, especially if you need higher resolution/quality or a transparent background, but they usually have larger file sizes. Navigate to the folder where you wish to save the image. Enter a file name. The file name should indicate what the picture shows. It is helpful to include the pixel size for future reference and to help distinguish the image from others in the folder. The example image is named HealthScreen_425x268 because it is 425 by 268 pixels. Make sure the correct file type is checked JPEG in this example. Click Save. Previewing an Image in the Internet Explorer Browser After you upload your image file to your folder in the SiteMaker Graphics library, you will be able to preview it in the image Preview pane. If you would like to see how it will look on a web page before you upload it, you can preview it in a web browser. Here s how: Open Internet Explorer. Click on the File tab. Select Open Cropping Images for the Web Page 6

7 In the pop up Open box, click Browse. You may see the message No items match your search if the selected file type is HTML Files. Click the arrow for the dropdown menu of file types and select the image file type you are searching for: JPEG, GIF or PNG. You can also select All Files to see all file types. Select the desired image. Note that in this example the file size is 102 KB This image was also later resized to 200 x 126 pixels with a file size of 59 KB see that image preview below. Click Open. Cropping Images for the Web Page 7

8 Click OK. The image will open in the browser window and you can see how it would look on a web page. And this is a preview of the image resized smaller after being cropped. See below for how the two images look on a My MU Health web page. Appearances will vary based on individual computer monitors and screen resolutions. An image that is 425 pixels wide by 268 pixels high placed on a web page and aligned left. An image that is 200 pixels wide by 126 pixels high placed on a web page and aligned left. Cropping Images for the Web Page 8

9 Feedback and ideas for improving this guide or the Toolbox website are welcome. Please or use the feedback form at Note: Do not contact for support and training. See contacts below. IMPORTANT! TO REQUEST WEB SUPPORT, TRAINING AND NEW SITES: Contact the Help Desk at phone or Help Desk, Hospital (UMHS) and ask to have the request directed to Information Delivery (Information Management) Cropping Images for the Web Page 9

ADOBE TRAINING CS6 PHOTOSHOP BASICS: EDITING PHOTOS & WORKING WITH TEXT - 1

ADOBE TRAINING CS6 PHOTOSHOP BASICS: EDITING PHOTOS & WORKING WITH TEXT - 1 ADOBE TRAINING CS6 PHOTOSHOP BASICS: EDITING PHOTOS & WORKING WITH TEXT Photoshop is the leading professional software for editing and adjusting photos, images and other graphic projects. It is a very

More information

Image Management Guideline Managing Your Site Images

Image Management Guideline Managing Your Site Images Managing Your Site Images Topics Covered Contents = Go to Topic 1. Free Resize/Image Editing Tools 2. Resize Images Using Picresize.com 3. Uploading Images Quick Guide 4. Image Gallery Management 5. Replacing

More information

Creating an Image Gallery Asset in OU Campus 4/23/15

Creating an Image Gallery Asset in OU Campus 4/23/15 Creating an Image Gallery Asset in OU Campus 4/23/15 IMPORTANT: To create a new image gallery, you must first crop all of your images to the same dimensions and save them to a folder on your computer.

More information

IrfanView Manual Image Software

IrfanView Manual Image Software IrfanView Manual Image Software helpline4life This not a complete manual for IrfanView. We only want to cover enough information for you to be able to resize and crop images so that you can send them to

More information

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.

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. This section describes how to add content to your pages including text, Microsoft Office documents, images, Flash, and other media content. Inserting Text To add text to your document, you can type the

More information

ACADEMIC TECHNOLOGY SUPPORT Advanced OU Campus: 2014 Template Asset Image Gallery using Photoshop

ACADEMIC TECHNOLOGY SUPPORT Advanced OU Campus: 2014 Template Asset Image Gallery using Photoshop ACADEMIC TECHNOLOGY SUPPORT Advanced OU Campus: 2014 Template Asset Image Gallery using Photoshop ats@etsu.edu 439-8611 ATS Website Table of Contents: Select a Gallery Type... 1 Select and Resize Images...

More information

USER GUIDE PowerPhoto CRM

USER GUIDE PowerPhoto CRM USER GUIDE PowerPhoto CRM 2013 2015 Contents CONFIGURING POWERPHOTO Add, Remove, Set Default, Set Record Image, Thumbnail & View Text Display Original File Save Original File Resize Photo Resize Height

More information

Creating a Website with Publisher 2016

Creating a Website with Publisher 2016 Creating a Website with Publisher 2016 Getting Started University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2017 KSU Division of University Information

More information

Centricity 2.0 Section Editor Help Card

Centricity 2.0 Section Editor Help Card Centricity 2.0 Section Editor Help Card Accessing Section Workspace In order to edit your section, you must first be assigned Section Editor privileges. This is done by the Director of your Site, Subsite,

More information

Large images added to a webpage can have a detrimental effect to your site.

Large images added to a webpage can have a detrimental effect to your site. 1. Photo Resizing Large images added to a webpage can have a detrimental effect to your site. Large images are slow to load and can frustrate users of your site who may leave your site rather than wait

More information

Adobe Photoshop CS2 Reference Guide For Windows

Adobe Photoshop CS2 Reference Guide For Windows This program is located: Adobe Photoshop CS2 Reference Guide For Windows Start > All Programs > Photo Editing and Scanning >Adobe Photoshop CS2 General Keyboarding Tips: TAB Show/Hide Toolbox and Palettes

More information

BONUS! SPECIAL REPORT

BONUS! SPECIAL REPORT BONUS! SPECIAL REPORT How to Add Value to Your Administrative Procedures Documentation: Creating Screenshots, Graphics, and Custom Bullets By Julie Perrine, CAP-OM, MBTI Certified Founder and CEO, All

More information

Rich Text Editor Quick Reference

Rich Text Editor Quick Reference Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted

More information

COMSC-031 Web Site Development- Part 2. Part-Time Instructor: Joenil Mistal

COMSC-031 Web Site Development- Part 2. Part-Time Instructor: Joenil Mistal COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal Chapter 9 9 Creating Pages with Frames You can divide the display area of a Web browser into multiple panes by creating frames.

More information

Graphics Upload & Guidelines in MSB

Graphics Upload & Guidelines in MSB Form or Screen: Manage Graphics Updated: 2/27/18 QRG Doc. #: Q.SA.005 Business Use: Images are used in MSB to help promote a product or provide an actual image of a product offering. Graphics Guidelines:

More information

Page 1. Fireworks Exercise

Page 1. Fireworks Exercise Page 1 Fireworks Exercise 1. Create a New Fireworks Document - File>New. For this exercise, choose 800 for width, 600 for height, resolution 72 pixels/inch, canvas color to Transparent, then choose OK.

More information

Instructions for automatically masking a black background in Agisoft PhotoScan

Instructions for automatically masking a black background in Agisoft PhotoScan A Simple Photogrammetry Rig for the Reliable Creation of 3D Artifact Models in the Field: Lithic Examples from the Early Upper Paleolithic Sequence of Les Cottés (France) Instructions for automatically

More information

UTAS CMS. Easy Edit Suite Workshop V3 UNIVERSITY OF TASMANIA. Web Services Service Delivery & Support

UTAS CMS. Easy Edit Suite Workshop V3 UNIVERSITY OF TASMANIA. Web Services Service Delivery & Support Web Services Service Delivery & Support UNIVERSITY OF TASMANIA UTAS CMS Easy Edit Suite Workshop V3 Web Service, Service Delivery & Support UWCMS Easy Edit Suite Workshop: v3 Contents What is Easy Edit

More information

Tutorials by All Creative Designs. Picasa 5 (3.9) Photo Editing Tutorial. How to download, install and use the Picasa Photo Editor

Tutorials by All Creative Designs. Picasa 5 (3.9) Photo Editing Tutorial. How to download, install and use the Picasa Photo Editor Tutorials by All Creative Designs www.allcreativedesigns.com.au Picasa 5 (3.9) Photo Editing Tutorial How to download, install and use the Picasa Photo Editor How to web optimize your photos for use on

More information

GIMP WEB 2.0 BUTTONS

GIMP WEB 2.0 BUTTONS GIMP WEB 2.0 BUTTONS Web 2.0 Navigation: Bar with Icons WEB 2.0 NAVIGATION: NAVIGATION BAR WITH ICONS This navigation bar will be designed with four clickable text links and icon links. In the Menus section,

More information

Adding Pictures to Your Teacher Web Page

Adding Pictures to Your Teacher Web Page Your web page is divided into 3 columns. Originally, all teachers started with the same 2 Window areas and 4 basic components. Navigation buttons (Touts) are specific to different sections of the website.

More information

QRG: Adding Images, Files and Links in the WYSIWYG Editor

QRG: Adding Images, Files and Links in the WYSIWYG Editor QRG: Adding Images, Files and Links in the WYSIWYG Editor QRG: Adding Images, Files and Links in the WYSIWYG Editor... 1 Image Optimisation for Web use:... 2 Add an Image... 2 Linking to a File... 4 Adding

More information

Tips and Tricks for Photos

Tips and Tricks for Photos Tips and Tricks for Photos Photo Compression: If a photo is over 125KB in size, the image will be compressed to 125KB. Note: this could result in a reduction in quality. For users who upload photos larger

More information

Creating Interactive PDF Forms

Creating Interactive PDF Forms Creating Interactive PDF Forms Using Adobe Acrobat X Pro for the Mac University Information Technology Services Training, Outreach, Learning Technologies and Video Production Copyright 2012 KSU Department

More information

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

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App Adding a Photo Gallery Page The Photo Gallery Above the Summary tab, in the list of Current Pages, click on the New Page button. Choose Photo Gallery from the Available Page Types. Give the page a name.

More information

One of the most important forum skills you will need to master is that of copying and posting of images into the forum.

One of the most important forum skills you will need to master is that of copying and posting of images into the forum. Image Posting One of the most important forum skills you will need to master is that of copying and posting of images into the forum. At the bottom of each posting you make there is the option to upload

More information

PowerPoint Tips and Tricks

PowerPoint Tips and Tricks PowerPoint Tips and Tricks Viewing Your Presentation PowerPoint provides multiple ways to view your slide show presentation. You can access these options either through a toolbar on your screen or by pulling

More information

Create Project And Company Logos Quick Reference Guide

Create Project And Company Logos Quick Reference Guide Create Project And Company Logos Quick Reference Guide Newforma Project Cloud enables you to add two types of logos to your projects: Project Logo. The project logo appears in the upper left corner of

More information

14. Using Illustrator CC with Other Adobe Applications

14. Using Illustrator CC with Other Adobe Applications 14. Using Illustrator CC with Other Adobe Applications Lesson overview In this lesson, you ll learn how to do the following: Place linked and embedded graphics in an Illustrator file. Place multiple images

More information

Beginners Guide to Snippet Master PRO

Beginners Guide to Snippet Master PRO Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...

More information

A Guide to Processing Photos into 3D Models Using Agisoft PhotoScan

A Guide to Processing Photos into 3D Models Using Agisoft PhotoScan A Guide to Processing Photos into 3D Models Using Agisoft PhotoScan Samantha T. Porter University of Minnesota, Twin Cities Fall 2015 Index 1) Automatically masking a black background / Importing Images.

More information

GIMP ANIMATION EFFECTS

GIMP ANIMATION EFFECTS GIMP ANIMATION EFFECTS Animation: Text Word by Word ANIMATION: TEXT WORD BY WORD GIMP is all about IT (Images and Text) BACKGROUND IMAGE Before you begin the text animation, you will download a public

More information

Chapter 11 Graphics, the Gallery, and Fontwork

Chapter 11 Graphics, the Gallery, and Fontwork Getting Started Guide Chapter 11 Graphics, the Gallery, and Fontwork This PDF is designed to be read onscreen, two pages at a time. If you want to print a copy, your PDF viewer should have an option for

More information

File Cabinet Manager

File Cabinet Manager Tool Box File Cabinet Manager Java File Cabinet Manager Password Protection Website Statistics Image Tool Image Tool - Resize Image Tool - Crop Image Tool - Transparent Form Processor Manager Form Processor

More information

Create a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image...

Create a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image... 72 71 Create a Contact Sheet of Your Images................... 158 Design a Picture Package............ 160 73 Customize Your Picture Package Layout.... 162 74 Resample Your Image.................... 164

More information

Multimedia web page Board

Multimedia web page Board Page where the users have a space (board) to create their own compositions with graphics and texts previously inserted by the author; furthermore, the users will be able to write their own texts: Multimedia

More information

Pictures. Getting Started 1

Pictures. Getting Started 1 Getting Started 1 In this tutorial, we ll introduce you to importing, placing, and managing images on your website. Along the way, we ll also highlight some useful dos and don'ts. In this exercise, you

More information

Lava New Media s CMS. Documentation Page 1

Lava New Media s CMS. Documentation Page 1 Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the

More information

Image Optimisation. Image Dimensions...1 Image File Formats...2 Adding Images...5 Thumbnails...13 Summary...15

Image Optimisation. Image Dimensions...1 Image File Formats...2 Adding Images...5 Thumbnails...13 Summary...15 Table of Contents Image Optimisation Image Dimensions...1 Image File Formats...2 Adding Images...5 Thumbnails...13 Summary...15 Introduction Images are placed on a website to enhance its appearance. However,

More information

Common Image Sizes for Templates

Common Image Sizes for Templates Common Image Sizes for Templates There are 3 image sizes that you will you in the templates. Horizontal Banner (1) 960 pixels x 450 pixels Right Column Square (2) 400pixels x 400 pixels Slideshow Images

More information

Getting Started Guide. Chapter 11 Graphics, Gallery, Fontwork

Getting Started Guide. Chapter 11 Graphics, Gallery, Fontwork Getting Started Guide Chapter 11 Graphics, Gallery, Fontwork Copyright This document is Copyright 2010 2016 by the LibreOffice Documentation Team. Contributors are listed below. You may distribute it and/or

More information

FrontPage. Directions & Reference

FrontPage. Directions & Reference FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web Page...

More information

Creating a Website in Schoolwires

Creating a Website in Schoolwires Creating a Website in Schoolwires Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Navigating to an assigned section... 2 Accessing Site Manager... 2 Section Workspace

More information

Resizing and Renaming Images For Submitting By Jerry Koons

Resizing and Renaming Images For Submitting By Jerry Koons Submitting images for sharing at our monthly meetings is certainly one of the rewarding portions of the meeting. It provides an opportunity for the members to show the results of their various aspects

More information

Step-By-Step Instructions for Using InDesign

Step-By-Step Instructions for Using InDesign Step-By-Step Instructions for Using InDesign Before you even start a new document in InDesign, you will need to think about the size of your book as well as the number of pages you want to include (not

More information

MULTIMEDIA WEB DESIGN

MULTIMEDIA WEB DESIGN CLASS :: 02 02.02 2018 4 Hours THE AGENDA HOMEWORK 1 REVIEW [ Upload to Comm Arts Server ] :: Completed Questionnaire :: Best Works [Saved to Server] GIF ANIMATION DEMO :: Best Practices for GIF Animations

More information

Discovering Computers & Microsoft Office Office 2010 and Windows 7: Essential Concepts and Skills

Discovering Computers & Microsoft Office Office 2010 and Windows 7: Essential Concepts and Skills Discovering Computers & Microsoft Office 2010 Office 2010 and Windows 7: Essential Concepts and Skills Objectives Perform basic mouse operations Start Windows and log on to the computer Identify the objects

More information

ekaizen Lessons Table of Contents 1. ebook Basics 1 2. Create a new ebook Make Changes to the ebook Populate the ebook 41

ekaizen Lessons Table of Contents 1. ebook Basics 1 2. Create a new ebook Make Changes to the ebook Populate the ebook 41 Table of Contents 1. ebook Basics 1 2. Create a new ebook 20 3. Make Changes to the ebook 31 4. Populate the ebook 41 5. Share the ebook 63 ekaizen 1 2 1 1 3 4 2 2 5 The ebook is a tabbed electronic book

More information

Kidspiration 3 Basics Website:

Kidspiration 3 Basics Website: Website: http://etc.usf.edu/te/ Kidspiration is the visual learning tool for K-5 learners from the makers of Inspiration. With Kidspiration, students can build graphic organizers such as webs, concept

More information

Creating a Presentation

Creating a Presentation Creating a Presentation 1.1 Double Click the PowerPoint icon on the desktop Or Click on the start menu Type PowerPoint into the search box Click on the PowerPoint icon 1.2 Click Blank Presentation 1 How

More information

Real Estate Flyer. Projects 1

Real Estate Flyer. Projects 1 Projects 1 PagePlus provides a wide selection of design templates, which you can use as starting points for your own publications. In this project, we ll start with a real estate flyer template and customize

More information

KODAK Software User s Guide

KODAK Software User s Guide KODAK Create@Home Software User s Guide Table of Contents 1 Welcome to KODAK Create@Home Software Features... 1-1 Supported File Formats... 1-1 System Requirements... 1-1 Software Updates...1-2 Automatic

More information

ITP 101 Project 2 - Photoshop

ITP 101 Project 2 - Photoshop ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development

More information

ALES Wordpress Editor documentation ALES Research websites

ALES Wordpress Editor documentation ALES Research websites ALES Wordpress Editor documentation ALES Research websites Contents Login... 2 Website Dashboard... 3 Editing menu order or structure... 4 Add a new page... 6 Move a page... 6 Select a page to edit...

More information

RenWeb Handout Manual

RenWeb Handout Manual RenWeb Handout Manual Tiffany Gurgel October 2013 RenWeb Handout Manual Table of Contents Pre-Training Handout: Creating a Document as a PDF 2 Handout 1A: Adding Homework & Web Document 4 Handout 2A: Creating

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).

More information

Using Adobe Contribute 4 A guide for new website authors

Using Adobe Contribute 4 A guide for new website authors Using Adobe Contribute 4 A guide for new website authors Adobe Contribute allows you to easily update websites without any knowledge of HTML. This handout will provide an introduction to Adobe Contribute

More information

Getting Started Guide. Chapter 11 Graphics, the Gallery, and Fontwork

Getting Started Guide. Chapter 11 Graphics, the Gallery, and Fontwork Getting Started Guide Chapter 11 Graphics, the Gallery, and Fontwork Copyright This document is Copyright 2005 2008 by its contributors as listed in the section titled Authors. You may distribute it and/or

More information

Dazzle the Web with Dynamic Dreamweaver, Part II

Dazzle the Web with Dynamic Dreamweaver, Part II Dazzle the Web with Dynamic Dreamweaver, Part II In the second Dreamweaver workshop we will learn the following skills: 1. Adding hyperlinks to our home page 2. Adding images to our home page 3. Creating

More information

Image Rights Options: Using Banding, Branding, and

Image Rights Options: Using Banding, Branding, and Image Rights Options: Using Banding, Branding, and Watermarking Display ownership or other copyright information within your collection by using banding, branding, and watermarking options within CONTENTdm.

More information

Table of contents. Sliding Billboard DMXzone.com

Table of contents. Sliding Billboard DMXzone.com Table of contents About Sliding Billboard... 2 Features in Detail... 3 Before you begin... 11 Installing the extension... 11 The Basics: Creating a Simple Sliding Billboard Introduction... 12 Advanced:

More information

User Guide Belltech Systems, LLC

User Guide Belltech Systems, LLC User Guide Belltech Systems, LLC http://www.belltechsystems.com May, 2006 1. Introducing Belltech CaptureXT 2. Installation and Uninstallation Installation Running the Application Uninstallation 3. User

More information

How to use the Acrobat interface and basic navigation

How to use the Acrobat interface and basic navigation How to use the Acrobat interface and basic navigation The work area (Figure 1) includes a document pane that displays Adobe PDF documents and a navigation pane (on the left) that helps you browse through

More information

The following instructions cover how to edit an existing report in IBM Cognos Analytics.

The following instructions cover how to edit an existing report in IBM Cognos Analytics. IBM Cognos Analytics Edit a Report The following instructions cover how to edit an existing report in IBM Cognos Analytics. Navigate to Cognos Cognos Analytics supports all browsers with the exception

More information

SAVI Advanced The Basics

SAVI Advanced The Basics SAVI Advanced The Basics Help Topics The Basics Getting Started System Requirements Getting Started Using SAVI Advanced Exploring the Data in SAVI Advanced Viewing Change Over Time Identifying Target Geographies

More information

Microsoft Word

Microsoft Word OBJECTS: Shapes (part 1) Shapes and the Drawing Tools Basic shapes can be used to graphically represent information or categories. The NOTE: Please read the Objects (add-on) document before continuing.

More information

About Freeway. Freeway s Tools and Palettes

About Freeway. Freeway s Tools and Palettes About Freeway The most important thing to appreciate before you start a site in Freeway is how the process works, especially if you have tried other Web publishing software before. Freeway is not an HTML

More information

HTML Exercise 20 Linking Pictures To Other Documents Or Web Sites

HTML Exercise 20 Linking Pictures To Other Documents Or Web Sites HTML Exercise 20 Linking Pictures To Other Documents Or Web Sites Turning pictures into hyperlinks is nearly the same as what you learned in Exercises 4 and 5. If a picture is essential to a Web page,

More information

Session 7 MS Word. Graphics. Inserting Clipart, and Graphics Modify graphics Position graphics

Session 7 MS Word. Graphics. Inserting Clipart, and Graphics Modify graphics Position graphics Session 7 MS Word Graphics Inserting Clipart, and Graphics Modify graphics Position graphics Table of Contents Session 7 Working with Graphics... 1 The Toolbar... 1 Drawing Toolbar... 1 Picture Toolbar...

More information

User Guide clickbooq v4 r

User Guide clickbooq v4 r User Guide clickbooq v4 r.02.01.12 Introduction About clickbooq Welcome to clickbooq! clickbooq is an easy-to-use website creation, management, and hosting solution developed exclusively for professional

More information

Create Sponsor Scroll

Create Sponsor Scroll Appendix B Create Sponsor Scroll TABLE OF CONTENTS... 1 CREATE, ANIMATE AND UPLOAD SPONSOR LOGOS Create... 2 Animate... 5 Upload... 6 Please note, this process requires two different programs, which should

More information

XnView Image Viewer. a ZOOMERS guide

XnView Image Viewer. a ZOOMERS guide XnView Image Viewer a ZOOMERS guide Introduction...2 Browser Mode... 5 Image View Mode...14 Printing... 22 Image Editing...26 Configuration... 34 Note that this guide is for XnView version 1.8. The current

More information

How to export and save files

How to export and save files How to export and save files Illustrator is popular with designers because they can create graphics that can be used in a wide variety of applications. You can easily save your work for print, video, or

More information

Image Rights Options: Using Bands, Brands and Watermarks

Image Rights Options: Using Bands, Brands and Watermarks Image Rights Options: Using Bands, Brands and Watermarks Display ownership or other copyright information within your collection by using bands, brands, and watermark options within CONTENTdm. This tutorial

More information

Piktochart 101 Create your first infographic in 15 minutes

Piktochart 101 Create your first infographic in 15 minutes Piktochart 101 Create your first infographic in 15 minutes TABLE OF CONTENTS 01 Getting Started 5 Steps to Creating Your First Infographic in 15 Minutes 1.1 Pick a Template 1.2 Click Create and Start Adding

More information

Creating a 3D bottle with a label in Adobe Illustrator CS6.

Creating a 3D bottle with a label in Adobe Illustrator CS6. Creating a 3D bottle with a label in Adobe Illustrator CS6. Step 1 Click on File and then New to begin a new document. Step 2 Set up the width and height of the new document so that there is enough room

More information

Creating a Website in Schoolwires Technology Integration Center

Creating a Website in Schoolwires Technology Integration Center Creating a Website in Schoolwires Technology Integration Center Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Accessing Site Manager... 2 Section Workspace Overview...

More information

Photoshop Basics A quick introduction to the basic tools in Photoshop

Photoshop Basics A quick introduction to the basic tools in Photoshop Photoshop Basics A quick introduction to the basic tools in Photoshop Photoshop logo courtesy Adobe Systems Inc. By Dr. Anthony R. Curtis Mass Communication Department University of North Carolina at Pembroke

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual 1 Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several

More information

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel. Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take

More information

The Veranda House WORDPRESS MANUAL O ROURKE HOSPITALITY MARKETING OROURKEHOSPITALITY.COM

The Veranda House WORDPRESS MANUAL O ROURKE HOSPITALITY MARKETING OROURKEHOSPITALITY.COM The Veranda House WORDPRESS MANUAL TABLE OF CONTENTS Login... 3 Editing Existing Pages... 4 Adding New Pages... 6 Editing a Room Post... 7 Editing a Packages Post... 9 Editing/Adding Text... 11 Creating

More information

INFORMZ USER GUIDE: The Asset Manager

INFORMZ USER GUIDE: The Asset Manager INFORMZ USER GUIDE: The Asset Manager Version 1.0 January 29, 2014 ABOUT THIS GUIDE This guide provides an overview of the Asset Manager used by Informz. This guide covers the Asset Manager s basic functionality

More information

Sparqube Picture Column

Sparqube Picture Column Sparqube Picture Column Contents Overview... 2 Features... 3 Setup... 3 Requirements... 3 Installation... 3 Licensing... 4 Configuration... 7 How to Use... 12 Release Notes... 15 Page 1 Overview Sparqube

More information

Navigate to Cognos Cognos Analytics supports all browsers with the exception of Microsoft Edge.

Navigate to Cognos Cognos Analytics supports all browsers with the exception of Microsoft Edge. IBM Cognos Analytics Create a Crosstab The following instructions cover how to create a crosstab report in IBM Cognos Analytics. A crosstab is a report type in Cognos that displays an analytical look at

More information

iwebfolio.com If you need assistance with iwebfolio, there are several ways to look for help:

iwebfolio.com If you need assistance with iwebfolio, there are several ways to look for help: iwebfolio.com The Process Help If you need assistance with iwebfolio, there are several ways to look for help: 1. Explore the help options built within iwebfolio. There is always a Help link in the upper

More information

USER GUIDE MADCAP CAPTURE 7. Getting Started

USER GUIDE MADCAP CAPTURE 7. Getting Started USER GUIDE MADCAP CAPTURE 7 Getting Started Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document

More information

XnView 1.9. a ZOOMERS guide. Introduction...2 Browser Mode... 5 Image View Mode...15 Printing Image Editing...28 Configuration...

XnView 1.9. a ZOOMERS guide. Introduction...2 Browser Mode... 5 Image View Mode...15 Printing Image Editing...28 Configuration... XnView 1.9 a ZOOMERS guide Introduction...2 Browser Mode... 5 Image View Mode...15 Printing... 22 Image Editing...28 Configuration... 36 Written by Chorlton Workshop for hsbp Introduction This is a guide

More information

hdalbum User Designer Guide Collect Create Share Designer V 1.2

hdalbum User Designer Guide Collect Create Share Designer V 1.2 hdalbum User Designer Guide 2017 Collect Create Share Designer V 1.2 Table of Contents Contents Welcome to the hdalbum Designer... 2 Features... 2 System Requirements... 3 Supported File Types... 3 Installing

More information

Introduction to web page creation

Introduction to web page creation Introduction to web page creation Step 1: Planning website and page layouts... 2 Step 2: Demonstrating Mediator... 2 Step 3: Linking the pages... 6 Step 4: Exporting your files... 6 MatchWare Page 1 Step

More information

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

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually

More information

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand Photoshop is the software for image processing. With this you can manipulate your pictures, either scanned or otherwise inserted to a great extant.

More information

Adobe Acrobat Pro DC for Windows

Adobe Acrobat Pro DC for Windows Adobe Acrobat Pro DC for Windows Creating Interactive PDF Forms University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2017 KSU Division of University

More information

Working with Images and Multimedia

Working with Images and Multimedia CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.

More information

2. If a window pops up that asks if you want to customize your color settings, click No.

2. If a window pops up that asks if you want to customize your color settings, click No. Practice Activity: Adobe Photoshop 7.0 ATTENTION! Before doing this practice activity you must have all of the following materials saved to your USB: runningshoe.gif basketballshoe.gif soccershoe.gif baseballshoe.gif

More information

IMPORT GUIDE. PowerPhoto CRM 2013/2015

IMPORT GUIDE. PowerPhoto CRM 2013/2015 IMPORT GUIDE PowerPhoto CRM 2013/2015 Contents Import Register Configure Add, Remove, Set Default, Set Record Image, Thumbnail & View Text Display Original File Save Original File Resize Photo Resize Height

More information

The Official E-Portfolio Tutorial Guide

The Official E-Portfolio Tutorial Guide School of Education Last Updated: January 2009 The Official E-Portfolio Tutorial Guide Includes Instructions For: -Setting Up Dreamweaver -Editing Images Using Photoshop -Creating & Inserting Evidence

More information

Nauticom NetEditor: A How-to Guide

Nauticom NetEditor: A How-to Guide Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color

More information

Quick Guide for Photoshop CS 6 Advanced June 2012 Training:

Quick Guide for Photoshop CS 6 Advanced June 2012 Training: 3. If desired, click the desired tab to see the differences. Photoshop CS 6 Advanced Changing Workspace Note: Changing Workspace will change the Panel Group appears on the screen. The default Workspace

More information

Step 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.

Step 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor. All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step

More information

CREATING A BANNER IN PHOTOSHOP

CREATING A BANNER IN PHOTOSHOP CREATING A BANNER IN PHOTOSHOP 1 This tutorial will take you through how to create your own basic banner in Photoshop. We will go: A. Creating a background 1. Launch (Open) Photoshop CS5 The interface

More information