CPSC 481 Tutorial 10 Expression Blend. Brennan Jones (based on tutorials by Bon Adriel Aseniero and David Ledo)
|
|
- Felicia Burns
- 6 years ago
- Views:
Transcription
1 CPSC 481 Tutorial 10 Expression Blend Brennan Jones (based on tutorials by Bon Adriel Aseniero and David Ledo)
2 Expression Blend Enables you to build rich and compelling applications for the desktop and web. Enables you to take full advantage of the underlying power of the platform. Rapid prototyping without writing code 3D transformations Pixel effects (blur, glow, ripple, etc.) Animation Visually edit the template of a control easily on the design surface, redesigning it to perfectly fulfill the function it will play within an application.
3 Basic Idea Design your interface in Expression Blend Code the logic and interaction in Visual Studio
4 Starting Expression Blend
5 Starting a Project Click on New Project if you want to start a project directly in Expression Blend. Choose this one for this tutorial. Click on Open Project if you want to use an existing project (which may have been created in Visual Studio).
6 Starting a Project Select WPF Application Name it Hit OK
7 The Interface Project/Solution viewer
8 The Interface Tools
9 Tools
10 The Interface Drawing Board
11 The Interface Objects and Timeline Layers
12 Objects This is where you see your Visuals Arranged as a reversed stack Visuals on the bottom are on top Also true for Visuals inside Containers which are inside another Container Think Layers and Groups
13 The Interface Object Properties
14 Properties Selecting a visual here brings up that visual s properties in here.
15 Properties Brushes Properties Used to edit the background fill, border stroke, opacity, etc. of a visual Uses RGB and alpha values or the hex value of a colour Nice resource for named colours: ours/500col.htm
16 Properties Appearance Used to change the appearance of a visual by setting its visibility and opacity, or adding effects to it such as blur or dropdown shadows
17 Properties Layout Used to change how the window will appear on the screen, or how a visual will flow with other visuals in a container. Use this to edit sizes, positions, and alignments.
18 Properties Some properties are only available to specific types of visuals. E.g., only windows can have an icon property or a window state property (maximized, minimized, etc.). These properties can be set in the Code Behind as well.
19 Coding Choose View Split View To view the XAML Editor
20 Coding You can code directly in Expression Blend, BUT it is highly suggested to use Visual Studio in parallel with it for coding. Why? Because you gain access to Visual Studio s rich set of tools for coding (refactor, debugger, etc.). Use Expression Blend for designing the GUI, use Visual Studio to code the logic.
21 Hands On We will create a picture viewer application using Expression Blend and Visual Studio. Functionalities: 1. Home screen 2. Page to see all photos 3. View each photo
22 PicturO
23 Window Select the window Change its width & height to 800x600
24 Window Select Background Change the Background colour to #FF353535
25 Window WindowStyle = None ResizeMode = NoResize Title = PicturO
26 Window Rename the grid contained in the window to MainGrid. Insert a new grid within it, call it SplashGrid.
27 Grids For both the MainGrid and SplashGrid: Set the width and height to Auto Set the HorizontalAlignment and VerticalAlignment to Stretch
28 Start Screen
29 Start screen Path: BackgroundShape TextBlock: P TextBlock: AppTitle Button: ViewPhotosButton Button: ExitButton Button: MinimizeButton
30 Animation Can be done in C# WPF using Storyboards. Can also be done easily using Expression Blend.
31 Animation On the Object & Timeline tab, click + This will add a Storyboard Resource
32 Animation As the Animation starts to record Edit a Visual s property at a starting time then add a new Keyframe to the ending time and put in the new value of the property.
33 Controls Visuals such as Buttons, Containers, and Shapes are called Controls. They have an underlying template specifying how they should look. The template is customizable.
34 Custom Button Add a Button to your window Right click -> Edit Template -> Create Empty Call it TileButton You can then apply this template to other buttons later on
35 Custom Button Good Interfaces should be responsive, so let us add feedback to our custom button when it gets hovered over. Add these: Cover: A transparent rectangle on top of the button Content: The content (text) presenter HoverColor: The coloured rectangle that shows up when the button gets hovered over
36 Custom Button Click + Property Change the second and third dropdowns to: IsMouseOver and True respectively On the Triggers tab, add the IsMouseOver = true event This means that every time the mouse is over our button, the animation will be triggered
37 Custom Button On the first row under the Activated when tab, select grid on the first dropdown box
38 Custom Button Click + on the Actions when activating tab Add a new Storyboard The Storyboard will then start recording
39 Custom Button Now our button gives us feedback Add an event to it that closes the app in Visual Studio ExitButton.Click this.close();
40 Applying our Template Add a minimize button to our app (if not already there) Right click on the button -> Edit Template -> Apply Resource -> choose your template Add an event to it MinimizeButton.Click this.windowstate = WindowState.Minimize
41 Photos
42 Create a new grid This is where we will show our photos It has a ScrollViewer that has a UniformGrid inside of it called PhotoViewerGrid
43 Visibility Separate our different views into Grids (if not already done) If SplashGrid is visible, then PhotoGrid should be hidden, and vice versa
44 Photo Tile Here, we will need to load photos into tiles which we call PhotoTiles Create a Grid, and inside it, add an Image control and a TextBlock The Image control will contain our photo The TextBlock will contain the title of the photo
45 Photo Tile Great! We now have a PhotoTile But wait Do we really want to do this for every photo we have? No! Use UserControls
46 User Controls User-defined Controls (e.g., CommentBox) that can be used as templates within a project. Useful for when you have multiple things that should look the same but have different content.
47 Photo Tile Right click and turn our PhotoTile grid into a UserControl We can now reuse it for many photos!
48 Loading Photos On the Code Behind Create a Class called PhotoDB This class will have a LoadPhotos method and will contain all of the paths to our photos in a string array
49 Loading Photos In PhotoDB.cs: class PhotoDB { private string[] photos = { }; public string[] Photos { get { return this.photos; } } } public void LoadPhotos(string path) { try { photos = System.IO.Directory.GetFiles(path); } catch (Exception) { // Do nothing } }
50 Loading Photos We will then access the photos in this class and create PhotoTileControls for each of them, then add them to the PhotoViewerGrid
51 Viewing a Photo
52 Viewing a Photo Again, we will create a UserControlfor this Start with drawing a grid that has TextBlock, an Image control, and a StackPanel for comments Turn it into a UserControl called PhotoPageControl
53 Viewing a Photo Go to the code where we create each PhotoTileControl and subscribe to its MouseDown event Add this
54 Viewing a Photo Collapse all of the other views Create an instance of the PhotoPageControl and populate it with the data from the PhotoTileControl
55 Viewing a Photo Now, clicking on a PhotoTile will open up a photo page. But we re stuck! We can t go back to the photo list from the photo page. Solve this by adding a back button inside the PhotoPageControl.
56 Viewing a Photo
57 Extending this To allow for comments within the PhotoPageControl, create a CommentBox UserControl that has TextBlocks for the name of commenter and the comment, and a delete button. Add TextBoxes so that when someone types on it and presses Enter (or a send button), it will generate a CommentBox with the respective data from the TextBox fields. Append the CommentBox to a Scrollable StackPanel within the PhotoPageControl.
58 Extending this NO! You cannot submit this example app as your project. You may reuse code from this example, as long as you citeit. Hope you learned something new!
CPSC Tutorial 9 Blend & Animations
CPSC 481 - Tutorial 9 Blend & Animations (based on previous tutorials by Alice Thudt, Fateme Rajabiyazdi, David Ledo, Brennan Jones, and Sowmya Somanath) Today Blend & Animations Using Blend Hands on example
More informationSilverlight Invaders Step 0: general overview The purpose of this tutorial is to create a small game like space invaders. The first thing we will do is set up the canvas of design some user controls (
More informationYes, this is still a listbox!
Yes, this is still a listbox! Step 1: create a new project I use the beta 2 of Visual Studio 2008 ( codename Orcas ) and Expression Blend 2.0 September preview for this tutorial. You can download the beta2
More informationPowerPoint 2010 Quick Start to a Presentation
PowerPoint 2010 Quick Start to a Presentation Backstage View Button Similar to old File button 1 On opening a new presentation, from Slides choose a Layout for a particular template, e.g. a title page.
More informationCS3240 Human-Computer Interaction Lab Sheet Lab Session 2
CS3240 Human-Computer Interaction Lab Sheet Lab Session 2 Key Features of Silverlight Page 1 Overview In this lab, you will get familiarized with the key features of Silverlight, such as layout containers,
More informationCPSC Tutorial 6
CPSC 481 - Tutorial 6 More WPF (based on previous tutorials by Alice Thudt, Fateme Rajabiyazdi, David Ledo, Brennan Jones, Sowmya Somanath, and Kevin Ta) Introduction Contact Info li26@ucalgary.ca Please
More informationCS3240 Human-Computer Interaction Lab Sheet Lab Session 3 Designer & Developer Collaboration
CS3240 Human-Computer Interaction Lab Sheet Lab Session 3 Designer & Developer Collaboration Page 1 Overview In this lab, users will get themselves familarise with fact that Expression Blend uses the identical
More informationSPARK. User Manual Ver ITLAQ Technologies
SPARK Forms Builder for Office 365 User Manual Ver. 3.5.50.102 0 ITLAQ Technologies www.itlaq.com Table of Contents 1 The Form Designer Workspace... 3 1.1 Form Toolbox... 3 1.1.1 Hiding/ Unhiding/ Minimizing
More informationGIMP WEB 2.0 ICONS. Web 2.0 Icons: Circle Completed Project. Notice that the default new layer background fill is transparency. Click the Ok button.
GIMP WEB 2.0 ICONS WEB 2.0 ICONS: CIRCLE ICON OPEN GIMP or Web 2.0 Icons: Circle Completed Project Step 1: To begin a new GIMP project, from the Menu Bar, select File New. At the Create a New Image dialog
More informationMy own Silverlight textbox
My own Silverlight textbox Step 1: create a new project I use the beta 2 of Visual Studio 2008 ( codename Orcas ) for this tutorial. http://msdn2.microsoft.com/en-us/vstudio/aa700831.aspx. You can download
More informationtruechart Menubar Documentation HighCoordination GmbH Version 1.0.2,
truechart Menubar Documentation HighCoordination GmbH Version 1.0.2, 2017-05-05 Table of Contents 1. Introduction.............................................................................. 1 2. Installing
More informationCPSC Tutorial 5 WPF Applications
CPSC 481 - Tutorial 5 WPF Applications (based on previous tutorials by Alice Thudt, Fateme Rajabiyazdi, David Ledo, Brennan Jones, and Sowmya Somanath) Today Horizontal Prototype WPF Applications Controls
More informationCS3240 Human-Computer Interaction Lab Sheet Lab Session 4 Media, Ink, & Deep Zoom
CS3240 Human-Computer Interaction Lab Sheet Lab Session 4 Media, Ink, & Deep Zoom CS3240 Lab SEM 1 2009/2010 Page 1 Overview In this lab, you will get familiarized with interactive media elements such
More informationWorking with Symbols and Instances
Chapter 3 Working with Symbols and Instances Learning Objectives After completing this chapter, you will be able to: Create new symbols Edit the symbols and instances Create and edit button symbols Import
More informationAnimating the Page IN THIS CHAPTER. Timelines and Frames
e r ch02.fm Page 41 Friday, September 17, 1999 10:45 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally
More informationTable 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 informationLAYOUT. Chapter 3 of Pro WPF : By Matthew MacDonald Assist Lect. Wadhah R. Baiee. College of IT Univ. of Babylon
LAYOUT Chapter 3 of Pro WPF : By Matthew MacDonald Assist Lect. Wadhah R. Baiee. College of IT Univ. of Babylon - 2014 Loading and Compiling XAML (See Codes in your Textbook) There are three distinct coding
More informationGIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP
GIMP WEB 2.0 ICONS Web 2.0 Banners: Download E-Book WEB 2.0 ICONS: DOWNLOAD E-BOOK OPEN GIMP GIMP is all about IT (Images and Text) Step 1: To begin a new GIMP project, from the Menu Bar, select File New.
More informationProgramming Windows, Sixth Edition
Programming Windows, Sixth Edition Charles Petzold Table of Introduction xvii i-'-f..?.'!. ELE MENTALS Chapter 1 Markup and Code 3 The First Project 3 Graphical Greetings 9 Variations in Text 13 Media
More informationCPSC Tutorial 5
CPSC 481 - Tutorial 5 Assignment #2 and WPF (based on previous tutorials by Alice Thudt, Fateme Rajabiyazdi, David Ledo, Brennan Jones, Sowmya Somanath, and Kevin Ta) Introduction Contact Info li26@ucalgary.ca
More informationUI Elements. If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI)
UI Elements 1 2D Sprites If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI) Change Sprite Mode based on how many images are contained in your texture If you are
More informationBASICS OF MOTIONSTUDIO
EXPERIMENT NO: 1 BASICS OF MOTIONSTUDIO User Interface MotionStudio combines draw, paint and animation in one easy easy-to-use program gram to save time and make work easy. Main Window Main Window is the
More informationUser Guide. DrawAnywhere.com: User Guide
DrawAnywhere.com: User Guide DrawAnywhere.com is an online diagramming & flow charting application with the look & feel of a desktop application! User Guide http://www.drawanywhere.com August, 2007 Table
More informationWorking With Images: Intermediate Photoshop
Working With Images: Intermediate Photoshop Viewing Information in the Layers Palette 1. Choose File > Open and open the Start.psd file in the Lesson01 folder located in the PS_Workshop folder on the desktop.
More informationanimation, and what interface elements the Flash editor contains to help you create and control your animation.
e r ch02.fm Page 43 Wednesday, November 15, 2000 8:52 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally
More informationHands-On Lab. Hello Windows Phone
Hands-On Lab Hello Windows Phone Lab version: 1.1.0 Last updated: 12/8/2010 CONTENTS OVERVIEW... 3 EXERCISE 1: CREATING WINDOWS PHONE APPLICATIONS WITH MICROSOFT VISUAL STUDIO 2010 EXPRESS FOR WINDOWS
More informationContent Elements. Contents. Row
Content Elements Created by Raitis S, last modified on Feb 09, 2016 This is a list of 40+ available content elements that can be placed on the working canvas or inside of the columns. Think of them as
More informationAdobe After Effects Tutorial
Adobe After Effects Tutorial GETTING STARTED Adobe After Effects CC is a video effects software that can be used to create animated graphics and video special effects. Whether you plan to green screen
More informationUsing Masks for Illustration Effects
These instructions were written for Photoshop CS4 but things should work the same or similarly in most recent versions Photoshop. 1. To download the files you ll use in this exercise please visit: http:///goodies.html
More informationSHAPES & TRANSFORMS. Chapter 12 of Pro WPF : By Matthew MacDonald Assist Lect. Wadhah R. Baiee. College of IT Univ.
SHAPES & TRANSFORMS Chapter 12 of Pro WPF : By Matthew MacDonald Assist Lect. Wadhah R. Baiee. College of IT Univ. of Babylon - 2014 Understanding Shapes The simplest way to draw 2-D graphical content
More informationTutorial. Movicon NExT. Tutorial. Ver.3.3
Movicon NExT Tutorial Ver.3.3 Tutorial Tutorial Table of Contents 1. GETTING STARTED WITH AUTOMATION PLATFORM.NEXT... 3 1.1. MOVICON.NEXT TUTORIAL INTRODUCTION... 3 1.2. THE MOVICON.NEXT MODULES... 3
More informationCentricity 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 informationGoldfish 4. Quick Start Tutorial
Goldfish 4 Quick Start Tutorial A Big Thank You to Tobias Schilpp 2018 Fishbeam Software Text, Graphics: Yves Pellot Proofread, Photos: Tobias Schilpp Publish Code: #180926 www.fishbeam.com Get to know
More informationStep 1: Create A New Photoshop Document
Snowflakes Photo Border In this Photoshop tutorial, we ll learn how to create a simple snowflakes photo border, which can be a fun finishing touch for photos of family and friends during the holidays,
More informationDesigner Reference 1
Designer Reference 1 Table of Contents USE OF THE DESIGNER...4 KEYBOARD SHORTCUTS...5 Shortcuts...5 Keyboard Hints...5 MENUS...7 File Menu...7 Edit Menu...8 Favorites Menu...9 Document Menu...10 Item Menu...12
More informationAdobe Fireworks CS Essential Techniques
Adobe Fireworks CS4 HOW-TOs 100 Essential Techniques Jim Babbage 170 Adding Structure to # 79 Your Documents Creating a Master Page You can only have one Master Page per file, and you can easily set any
More informationA Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018
+ v 1.4 Updated May 25, 2018 Table of Contents 1. Introduction...................................................................................3 2. Logging In.....................................................................................4
More informationMicrosoft 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 informationHow do I make a basic composite or contact sheet?
How do I make a basic composite or contact sheet? FotoFusion enables you to make a grid-style layout and use text tags to create labels under image frames. This is useful for making simple composites and
More informationAdobe Premiere Pro CC 2015 Tutorial
Adobe Premiere Pro CC 2015 Tutorial Film/Lit--Yee GETTING STARTED Adobe Premiere Pro CC is a video layout software that can be used to create videos as well as manipulate video and audio files. Whether
More informationHAPPY HOLIDAYS PHOTO BORDER
HAPPY HOLIDAYS PHOTO BORDER In this Photoshop tutorial, we ll learn how to create a simple and fun Happy Holidays winter photo border! Photoshop ships with some great snowflake shapes that we can use in
More informationFlash Album Generator 2 Manual Version 1.0. About Flash Album Generator 2. Flash Album Generator 2 Manual version 1.0 DMXzone.com
Flash Album Generator 2 Manual Version 1.0 Flash Album Generator 2 Manual Version 1.0...1 About Flash Album Generator 2...1 Converting a Flash Album Generator 1 gallery...6 Creating a new album...7 Editing
More informationMach4 CNC Controller Screen Editing Guide Version 1.0
Mach4 CNC Controller Screen Editing Guide Version 1.0 1 Copyright 2014 Newfangled Solutions, Artsoft USA, All Rights Reserved The following are registered trademarks of Microsoft Corporation: Microsoft,
More informationGrade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007
Grade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007 1. Open Microsoft Word 2007. Word will start up as a blank document. 2. Change the margins by clicking the Page Layout tab and clicking
More informationMicrosoft Word 2007 on Windows
1 Microsoft Word 2007 on Windows Word is a very popular text formatting and editing program. It is the standard for writing papers and other documents. This tutorial and quick start guide will help you
More informationAdobe 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 informationFundamentals of XAML and Microsoft Expression Blend
10553A - Version: 1 22 April 2018 Fundamentals of XAML and Microsoft Expression Blend Fundamentals of XAML and Microsoft Expression Blend 10553A - Version: 1 3 days Course Description: This 3-day course
More informationGIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP
GIMP WEB 2.0 ICONS WEB 2.0 ICONS: STICKY NOTE Web 2.0 Icons: Sticky Note GIMP is all about IT (Images and Text) OPEN GIMP Step 1: To begin a new GIMP project, from the Menu Bar, select File New. At the
More informationNetscape Composer: Working with Tables
Why tables? Netscape Composer: Working with Tables Tables on the Web can be divided into two categories: data display and page layout. Although the method for making both kinds of tables is the same, it
More informationManaging Objects 6. Introduction. In This Chapter CHAPTER
Managing Objects 6 CHPTER Introduction Every object has properties every caption, every graphic, every highlight box. This chapter focuses on the properties that are common to most object types, whether
More informationCS3240 Human-Computer Interaction
CS3240 Human-Computer Interaction Lab Session 3 Supplement Creating a Picture Viewer Silverlight Application Page 1 Introduction This supplementary document is provided as a reference that showcases an
More informationCreating a Flyer. Open Microsoft Publisher. You will see the list of Popular Publication Types. Click the Blank Page Sizes.
Creating a Flyer Open Microsoft Publisher. You will see the list of Popular Publication Types. Click the Blank Page Sizes. Double click on Letter (Portrait) 8.56 x 11 to open up a Blank Page. Go to File
More informationAdobe Illustrator. Always NAME your project file. It should be specific to you and the project you are working on.
Adobe Illustrator This packet will serve as a basic introduction to Adobe Illustrator and some of the tools it has to offer. It is recommended that anyone looking to become more familiar with the program
More informationWeek 5 Creating a Calendar. About Tables. Making a Calendar From a Table Template. Week 5 Word 2010
Week 5 Creating a Calendar About Tables Tables are a good way to organize information. They can consist of only a few cells, or many cells that cover several pages. You can arrange boxes or cells vertically
More informationClip Art and Graphics. Inserting Clip Art. Inserting Other Graphics. Creating Your Own Shapes. Formatting the Shape
1 of 1 Clip Art and Graphics Inserting Clip Art Click where you want the picture to go (you can change its position later.) From the Insert tab, find the Illustrations Area and click on the Clip Art button
More informationKrita Vector Tools
Krita 2.9 05 Vector Tools In this chapter we will look at each of the vector tools. Vector tools in Krita, at least for now, are complementary tools for digital painting. They can be useful to draw clean
More informationAGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials
AGENT123 Full Q&A and Tutorials Table of Contents Website IDX Agent Gallery Step-by-Step Tutorials WEBSITE General 1. How do I log into my website? 2. How do I change the Meta Tags on my website? 3. How
More informationExpression Design Lab Exercises
Expression Design Lab Exercises Creating Images with Expression Design 2 Beaches Around the World (Part 1: Beaches Around the World Series) Information in this document, including URL and other Internet
More informationTips and Techniques for Designing the Perfect Layout with SAS Visual Analytics
SAS2166-2018 Tips and Techniques for Designing the Perfect Layout with SAS Visual Analytics Ryan Norris and Brian Young, SAS Institute Inc., Cary, NC ABSTRACT Do you want to create better reports but find
More information9 Using Appearance Attributes, Styles, and Effects
9 Using Appearance Attributes, Styles, and Effects You can alter the look of an object without changing its structure using appearance attributes fills, strokes, effects, transparency, blending modes,
More informationDescription: Learn how to create a beautiful pumpkin using Bitmaps for Textures and the Gradient Fill Editor to colour the shapes.
Title: PUMPKIN Software: Serif DrawPlus X8 Author: Teejay Joyce Website: Tutorials by Teejay Skill Level: Intermediate Supplies: None Description: Learn how to create a beautiful pumpkin using Bitmaps
More informationPART I: INTRODUCTION TO WINDOWS 8 APPLICATION DEVELOPMENT CHAPTER 1: A BRIEF HISTORY OF WINDOWS APPLICATION DEVELOPMENT 3
INTRODUCTION xix PART I: INTRODUCTION TO WINDOWS 8 APPLICATION DEVELOPMENT CHAPTER 1: A BRIEF HISTORY OF WINDOWS APPLICATION DEVELOPMENT 3 The Life of Windows 3 From Windows 3.1 to 32-bit 4 Windows XP
More informationTelerik Corp. Test Studio Standalone & Visual Studio Plug-In Quick-Start Guide
Test Studio Standalone & Visual Studio Plug-In Quick-Start Guide Contents Create your First Test... 3 Standalone Web Test... 3 Standalone WPF Test... 6 Standalone Silverlight Test... 8 Visual Studio Plug-In
More informationWord 2013 Quick Start Guide
Getting Started File Tab: Click to access actions like Print, Save As, and Word Options. Ribbon: Logically organize actions onto Tabs, Groups, and Buttons to facilitate finding commands. Active Document
More informationVideo Xpress Quick Startup Guide
Quick Startup Guide Video Xpress Quick Startup Guide Installation Windows Please, refer to the Video Xpress User Manual 4.0 for detail system requirements. 1] Insert the installation CD and click on Note:
More information[MS10553]: Fundamentals of XAML and Microsoft Expression Blend
[MS10553]: Fundamentals of XAML and Microsoft Expression Blend Length : 3 Days Audience(s) : Developers Level : 200 Technology : Microsoft Expression Blend Delivery Method : Instructor-led (classroom)
More informationEXCEL + POWERPOINT. Analyzing, Visualizing, and Presenting Data-Rich Insights to Any Audience KNACK TRAINING
EXCEL + POWERPOINT Analyzing, Visualizing, and Presenting Data-Rich Insights to Any Audience KNACK TRAINING KEYBOARD SHORTCUTS NAVIGATION & SELECTION SHORTCUTS 3 EDITING SHORTCUTS 3 SUMMARIES PIVOT TABLES
More informationChapter 6 Formatting Graphic Objects
Impress Guide Chapter 6 OpenOffice.org Copyright This document is Copyright 2007 by its contributors as listed in the section titled Authors. You can distribute it and/or modify it under the terms of either
More informationSNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC
Photo Effects: Snowflakes Photo Border (Photoshop CS6 / CC) SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC In this Photoshop tutorial, we ll learn how to create a simple and fun snowflakes photo border,
More informationUSER GUIDE: EDITOR. Drag & drop system: Content Manager Style Editor Add Elements Undo/Redo Save...
USER GUIDE: EDITOR Drag & drop system:... 2 1. Content Manager... 3 2. Style Editor... 5 3. Add Elements... 6 4. Undo/Redo... 13 5. Save... 13 When we access Zeendo s website editor, we can see a series
More informationOverview of Adobe Fireworks
Adobe Fireworks Overview of Adobe Fireworks In this guide, you ll learn how to do the following: Work with the Adobe Fireworks workspace: tools, Document windows, menus, and panels. Customize the workspace.
More informationUnderstanding Acrobat Form Tools
CHAPTER Understanding Acrobat Form Tools A Adobe Acrobat X PDF Bible PDF Forms Using Adobe Acrobat and LiveCycle Designer Bible Adobe Acrobat X PDF Bible PDF Forms Using Adobe Acrobat and LiveCycle Designer
More informationBforartists Reference Manual - Copyright - This page is under Public Domain. Editors
Editors Introduction...2 Hidden menus...2 The Header menu...2 Flip to Top...2 Collapse Menus...2 Hide Editortype menu...3 Maximize Area - Tile Area...3 The editor type menu...3 Area Options...3 Split area...3
More informationNE Fundamentals of XAML and Microsoft Expression Blend
NE-10553 Fundamentals of XAML and Microsoft Expression Blend Summary Duration 3 Days Audience Developers Level 200 Technology Microsoft Expression Blend Delivery Method Instructor-led (Classroom) Training
More informationhdalbum 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 informationAdobe Illustrator CS5 Part 2: Vector Graphic Effects
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Illustrator CS5 Part 2: Vector Graphic Effects Summer 2011, Version 1.0 Table of Contents Introduction...2 Downloading the
More informationAdvanced Special Effects
Adobe Illustrator Advanced Special Effects AI exercise preview exercise overview The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects
More informationLearning to use the drawing tools
Create a blank slide This module was developed for Office 2000 and 2001, but although there are cosmetic changes in the appearance of some of the tools, the basic functionality is the same in Powerpoint
More informationekaizen 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 informationintroduction what you'll learn
introduction Jetpack is a plugin made by the same people that made Wordpress. By installing Jetpack you add a variety of useful modules to your Wordpress website. To use Jetpack on your website you need
More informationAdobe Flash CS4 Part 4: Interactivity
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 4: Interactivity Fall 2010, Version 1.0 Table of Contents Introduction... 2 Downloading the Data Files... 2
More informationOnPoint s Guide to MimioStudio 9
1 OnPoint s Guide to MimioStudio 9 Getting started with MimioStudio 9 Mimio Studio 9 Notebook Overview.... 2 MimioStudio 9 Notebook...... 3 MimioStudio 9 ActivityWizard.. 4 MimioStudio 9 Tools Overview......
More informationADOBE PHOTOSHOP Using Masks for Illustration Effects
ADOBE PHOTOSHOP Using Masks for Illustration Effects PS PREVIEW OVERVIEW In this exercise, you ll see a more illustrative use of Photoshop. You ll combine existing photos with digital art created from
More informationHow to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?
BASIC GAUGE CREATION The Video VBox setup software is capable of using many different image formats for gauge backgrounds, static images, or logos, including Bitmaps, JPEGs, or PNG s. When the software
More informationArtOfTest Inc. Automation Design Canvas 2.0 Beta Quick-Start Guide
Automation Design Canvas 2.0 Beta Quick-Start Guide Contents Creating and Running Your First Test... 3 Adding Quick Verification Steps... 10 Creating Advanced Test Verifications... 13 Creating a Data Driven
More informationAdobe Flash Course Syllabus
Adobe Flash Course Syllabus A Quick Flash Demo Introducing the Flash Interface Adding Elements to the Stage Duplicating Library Items Introducing Keyframes, the Transform Tool & Tweening Creating Animations
More informationSharePoint 2010 Site Owner s Manual by Yvonne M. Harryman
SharePoint 2010 Site Owner s Manual by Yvonne M. Harryman Chapter 9 Copyright 2012 Manning Publications Brief contents PART 1 GETTING STARTED WITH SHAREPOINT 1 1 Leveraging the power of SharePoint 3 2
More informationSPECIFICATIONS Insert Client Name
ESSENTIAL LMS BRANDING SPECIFICATIONS Insert Client Name Creation Date: June 23, 2011 Last Updated: July 11, 2017 Version: 16.5 Page 1 Contents Branding Elements... 3 Theme Management... 3 Header Images...
More informationPhotoshop 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 informationOpenForms360 Validation User Guide Notable Solutions Inc.
OpenForms360 Validation User Guide 2011 Notable Solutions Inc. 1 T A B L E O F C O N T EN T S Introduction...5 What is OpenForms360 Validation?... 5 Using OpenForms360 Validation... 5 Features at a glance...
More informationGuide to Editing Map Legends
Guide to Editing Map Legends Map legends explain map symbols and are crucial to the communication of a map s message. Effective legends are created with careful consideration of labels and text, classes,
More informationAdding Text and Images. IMCOM Enterprise Web CMS Tutorial 1 Version 2
Adding Text and Images IMCOM Enterprise Web CMS Tutorial 1 Version 2 Contents and general instructions PAGE: 3. First steps: Open a page and a block to edit 4. Edit text / The menu bar 5. Link to sites,
More informationAdobe Flash CS4 Part 2: Working with Symbols
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 2: Working with Symbols Fall 2010, Version 1.0 Table of Contents Introduction...2 Downloading the Data Files...2
More informationFLIR Tools+ and Report Studio
Creating and Processing Word Templates http://www.infraredtraining.com 09-20-2017 2017, Infrared Training Center. 1 FLIR Report Studio Overview Report Studio is a Microsoft Word Reporting module that is
More informationIntermediate Microsoft Word 2010
Intermediate Microsoft Word 2010 USING PICTURES... PAGE 02! Inserting Pictures/The Insert Tab! Picture Tools/Format Tab! Resizing Images! Using the Arrange Tools! Positioning! Wrapping Text! Using the
More informationEnterprise Portal Train the Trainer User Manual WEB PARTS
Enterprise Portal Train the Trainer User Manual WEB PARTS Version 1.2.1 Date: January 31, 2012 Table of Contents Table of Contents... 2 1 I Need To... 3 2 Media Web Part... 10 3 Content Editor... 15 4
More informationSmartView. User Guide - Analysis. Version 2.0
SmartView User Guide - Analysis Version 2.0 Table of Contents Page i Table of Contents Table Of Contents I Introduction 1 Dashboard Layouts 2 Dashboard Mode 2 Story Mode 3 Dashboard Controls 4 Dashboards
More informationDesigning Forms in Access
Designing Forms in Access This document provides basic techniques for designing, creating, and using forms in Microsoft Access. Opening Comments about Forms A form is a database object that you can use
More informationWord 3 Microsoft Word 2013
Word 3 Microsoft Word 2013 Mercer County Library System Brian M. Hughes, County Executive Action Technique 1. Insert a Text Box 1. Click the Insert tab on the Ribbon. 2. Then click on Text Box in the Text
More informationOverview of the Adobe Dreamweaver CS5 workspace
Adobe Dreamweaver CS5 Activity 2.1 guide Overview of the Adobe Dreamweaver CS5 workspace You can access Adobe Dreamweaver CS5 tools, commands, and features by using menus or by selecting options from one
More information