GSEOS Data Display Language Description
|
|
- Colin Washington
- 5 years ago
- Views:
Transcription
1 Technische Universität Braunschweig Data Display Language Description Revision 1.5 IDA July 2003 Prepared by Hagen Schmidt
2 Data Display Ref.: IDA Page: 2 of: 32 Tables and Figures Scope Purpose of this Document Change Record Reference Documentation Abbreviations Introduction Data Display Configuration Language General Syntax General Properties Set the Data Display Background Color Set the Data Display Background Picture Set the Background Style Items Item Types Static Text Static Pictures Group Boxes Command Buttons Scalar Numeric Items Numeric Field Items Text Reference Items String Items Image Items Bargraphs Plot Items Item Properties Arrangement AutoRange AutoX AutoY BorderStyle Caption ColorN Expression Font FormatString FuncX FuncY History IsLogarithmic NumFormatX / NumFormatY Picture RangeX RangeY Rectangle ScaleX ScaleY Scroll... 31
3 Data Display Ref.: IDA Page: 3 of: ShowGrid ShowScale SeparatorString TextAlign UnderLength UsePicture Zoom... 32
4 Data Display Ref.: IDA Page: 4 of: 32 Tables and Figures Table 1 Change Record... 5 Table 2 Abbreviations... 5 Table 3 Key Word Quick Reference... 8 Figure 1 Example of a Static Text Figure 2 Example of a Static Picture Figure 3 Example of a Group Box Figure 4 Example of a Command Button Figure 5 Example of a Single Numeric QLook Item Figure 6 Example of an Array Item Figure 7 Example of a Text Reference Figure 8 Example of a String Item Figure 9 Example of an Image Item Figure 10 Example of a bargraph Figure 11 Example of a plot y (x)... 24
5 Data Display Ref.: IDA Page: 5 of: 32 1 Scope 1.1 Purpose of this Document Purpose of this document is to describe the language of the Data Display configuration files to enable the configuration of Data Displays by editing the files as text. 1.2 Change Record Table 1 Change Record Date Revision Author Affected Sections 6/7/ Schmidt all sections 7/10/ Schmidt 3 10/11/ Schmidt 3 11/18/ Schmidt all sections 1/25/ Schmidt 3 7/25/ Schmidt Reference Documentation All related documents are listed in the Document Index IDA Abbreviations Table 2 Abbreviations Ground Support Equipment Operating System
6 Data Display Ref.: IDA Page: 6 of: 32 2 Introduction The configuration of all QLook Items will be stored in the Data Display configuration files (with the extension.scn ). This file contains simple ASCII text. All statements are single line-oriented. It should be used one statement per single line at maximum (empty lines are ignored). The configuration file starts with the general properties as background color and - picture. Thereafter all QLook Items will be specified as item blocks. A simple configuration file is shown as below: // // // Counter.scn // // Color = {0x00FF00FF}; Picture = "\picture.bmp"; UsePicture = {1}; TextRef { Rectangle = {30, 11, 152, 60}; Font = {"Comic Sans MS", 128, 700, 0}; TextAlign = {2}; Color0 = {00FF0000, 00FFFFFF}; Color1 = { , 00FFFF00}; Color2 = {00FFFFFF, FF}; Color3 = { , 0000FFFF}; Color4 = {004080FF, 0000FF00}; Expression = "Count (_SelfStimulationTicker.ul & 0xf)"; FormatString = "%d"; Arrangement = {1, 1}; Zoom = {1, 1}; Scroll = {0, 0}; BorderStyle = {0}; } NOTE: The format and syntax of the Data Display configuration files are internal - changes of it can not be excluded afterwards.
7 Data Display Ref.: IDA Page: 7 of: 32 3 Data Display Configuration Language 3.1 General Syntax The Data Display configuration files consist of line oriented ASCII text. It starts with the general properties to specify the Data Display background. Thereafter all single QLook Items will be specified as item blocks. The general structure of all property statements is: keyword = "property string"; to set string values or keyword = {property value list}; to set single numeric values or value lists Items are specified in blocks. The general structure of item blocks is: keyword the item key word { block start property statement 1; first property statement property statement 2; next property statement property statement n; last property statement } block end In Table 3 Key Word Quick Reference all valid key words are listed.
8 Data Display Ref.: IDA Page: 8 of: 32 Table 3 Key Word Quick Reference Key Word Description { start of block } end of block [ start of sub block (multi plots) ] end of sub block (multi plots) // comment Arrangement Array AutoRange AutoX AutoY BarGraph BorderStyle Button Caption Color Color0 Color1 Color2 Color3 Color4 Expression FixPic FixText Font FormatString GroupBox arrangement of arrays.(number of rows and columns) vector data item, (data array) flag to enable auto arrangement of arrays flag to enable auto scaling of the x-axis flag to enable auto scaling of the y-axis graphical item to display arrays as bars style of the border of group boxes button to send commands caption of an item color of Data Display background colorset " 2" (fore- and background color) colorset " 1" (fore- and background color) default colorset (fore- and background color) colorset "1" (fore- and background color) colorset "2" (fore- and background color) item expression in Language static picture item static text item font style of an item format string to define the numeric output in data items (like printf in C) group box item
9 Data Display Ref.: IDA Page: 9 of: 32 Key Word History Image IsLogarithmic Item ItemInfo ListView NumFormatX NumFormatY Picture Plot RangeX RangeY Rectangle ScaleX ScaleY Scroll SeparatorString ShowGrid ShowScale String TextAlign TextRef UnderLength UsePicture Zoom Description history depth of y (n) / y(x) data items (plots) vector data item as picture (bitmap) flag to enable logarithmic scaling of the x- and y-axis scalar data item bubble help text list view data item Format string for x-axis labeling Format string for y-axis labeling used picture file of the Data Display or a static picture item y (n) or y (x) data item (plot) minimum and maximum of the x-axis minimum and maximum of the y-axis item rectangle in logical coordinates (left, top, width and height) minor and major unit of the x-axis minor and major unit of the y-axis scrolling position (image) definition of a character sequence between the columns in arrays flag to enable a horizontal/vertical grid on bargraphs / plots flag to enable x- and y-axis string item text alignment of items (left or right aligned or centered) text reference item flag to display array items with under length or not flag if the background of the data display or the item is to fill with the picture or solid color zoom factors of the image data item (numerator and denominator)
10 Data Display Ref.: IDA Page: 10 of: General Properties To specify the background there are three key words: Color, Picture, UsePicture. The general properties are usually found at start of the Data Display configuration file, but they can be placed to any location outside the item blocks Set the Data Display Background Color Any color of the 24 bit RGB color space can be use to specify the background color. The background color will be specified as long integer RGB value in hexadecimal format: Color = {0x00FF00FF}; Set the Data Display Background Picture All pictures in the common Microsoft Windows Bitmap format (extension.bmp ) can be chosen to tile the background. The file path is either relative to the screen directory path - the file path must be start with \ - or full defined: Picture = "\picture.bmp"; or Picture = "C:\BackGrounds\picture.bmp"; Set the Background Style The kind of background will be choose with the statement: UsePicture = {n};" n = "1": tile the background with the picture n = "0": set background as solid color
11 Data Display Ref.: IDA Page: 11 of: Items All QLook Items stored in the configuration files are specified in blocks. The item block starts with the item specifier. In the next line the block will be opened with the key word {. After all property lines the block will be finished with the key word } : keyword the item key word { block start property statement 1; first property statement property statement 2; next property statement property statement n; last property statement } block end The property keywords of all QLook Items are identical, but they may not have an effect at all.
12 Data Display Ref.: IDA Page: 12 of: Item Types Static Text Key Word Description FixText Display static text on screen in any font and font size, multiple lines are possible. Used Properties Rectangle Caption Font TextAlign Color2 item rectangle text to display text font text alignment fore- and background color Example FixText { Rectangle = {0, 0, 134, 45}; Caption = "FixText\ntext is fixed! Font = {"Comic Sans MS", 48, 400, 0}; TextAlign = {2}; Color2 = { , 00FFFFFF}; } Figure 1 Example of a Static Text
13 Data Display Ref.: IDA Page: 13 of: Static Pictures Key Word Description FixPic Display static picture on screen using a Windows Bitmap file. Used Properties Rectangle Picture item rectangle file path of the bitmap file to show (*.bmp) Example FixText { Rectangle = {0, 0, 100, 40}; Picture = "\picture.bmp } Figure 2 Example of a Static Picture
14 Data Display Ref.: IDA Page: 14 of: Group Boxes Key Word Description GroupBox Display a background rectangle below all items to group it. Used Properties Rectangle Caption Font TextAlign Color2 BorderStyle item rectangle caption of the box caption text font caption text alignment fore- and background color style of the border around the box Example GroupBox { Rectangle = {0, 0, 104, 38}; Caption = "Group Box"; Font = {"Arial", 10, 600, 0}; TextAlign = {0}; Color2 = { , 00C0C0C0}; BorderStyle = {1}; } Figure 3 Example of a Group Box
15 Data Display Ref.: IDA Page: 15 of: Command Buttons Key Word Description Button button to send any commands Used Properties Rectangle Caption Font Color2 button rectangle button caption caption text font fore- and background color Expression commnd expression to send after actuation Example Button { Rectangle = {0, 0, 20, 6}; Caption = "Beep"; Font = {"Arial", 10, 700, 0}; Color2 = { , 00C0C0C0}; Expression = "_Beep ();"; } Figure 4 Example of a Command Button
16 Data Display Ref.: IDA Page: 16 of: Scalar Numeric Items Key Word Description Used Properties Item single numeric QLook Item Rectangle Font TextAlign Color2 item rectangle item font alignment of the item fore- and background color Example Expression FormatString Language expression of the item Item { Rectangle = {0, 0, 70, 7}; Font = {"Courier New", 18, 400, 0}; TextAlign = {0}; Color2 = { , 00FFFFFF}; Expression = _SelfStimulationTicker.ul"; FormatString = "%d 0x%08X"; } format string to define the data output (like printf format string in C) Figure 5 Example of a Single Numeric QLook Item
17 Data Display Ref.: IDA Page: 17 of: Numeric Field Items Key Word Description Used Properties Array QLook Item as numeric array Rectangle Font UnderLength Color2 Expression FormatString SeparatorString Arrangement AutoRange item rectangle item font shorter or full font height fore- and background color Language expression of the item format string to define the data output (like printf format string in C) charaters between the single columns number of columns and rows of the array enble/disable automatic arrangment Example Array { Rectangle = {0, 0, 166, 6}; Font = {"Courier New", 9, 400, 0}; UnderLength = {0}; Color2 = { , 00FFFFFF}; Expression = _BTIF.bmp FormatString = "%08X"; SeparatorString = " "; Arrangement = {8, 2}; AutoRange = {0}; } NOTE: The used font in arrays must have a fixed size of all characters. Figure 6 Example of an Array Item
18 Data Display Ref.: IDA Page: 18 of: Text Reference Items Key Word Description TextRef QLook Item as text reference Used Properties Rectangle Font TextAlign item rectangle item font alignment of the item Color0 fore- and background color level -2 Color1 fore- and background color level -1 Color2 default fore- and background color (level 0) Color3 fore- and background color level +1 Color4 fore- and background color level +2 Example Expression FormatString Language expression of the item format string to define the data output (like printf format string in C) TextRef { Rectangle = {0, 0, 27, 8}; Font = {"Courier New", 20, 900, 0}; TextAlign = {0}; Color0 = {00FFFFFF, FF}; Color1 = { , 0000FFFF}; Color2 = { , 00FFFFFF}; Color3 = { , 0000FFFF}; Color4 = {00FFFFFF, FF}; Expression = Count (_SelfStimulationTicker.ul % 10)"; FormatString = "%d"; } Figure 7 Example of a Text Reference
19 Data Display Ref.: IDA Page: 19 of: String Items Key Word Description Used Properties String QLook Item as text string Rectangle Font TextAlign Color2 Expression item rectangle item font alignment of the item fore- and background color Language expression of the item Example String { Rectangle = {0, 0, 91, 8}; Font = {"Arial", 20, 900, 0}; TextAlign = {2}; Color2 = { , 00FFFFFF}; Expression = "This is a string item!"; } Figure 8 Example of a String Item
20 Data Display Ref.: IDA Page: 20 of: Image Items Key Word Description Used Properties Image QLook Item as bitmap Rectangle Color2 Expression Zoom Scroll item rectangle fore- and background color Language expression of the item predefined zoom factors (numerator and denominator) scrolling position of the displayed image Example Image { Rectangle = {0, 0, 41, 6}; Color2 = { , 00FFFFFF}; Expression = "_BTIF.bmp"; Zoom = {1, 1}; Scroll = {10, 3}; } Figure 9 Example of an Image Item
21 Data Display Ref.: IDA Page: 21 of: Bargraphs Key Word Description BarGraph graphical QLook Item as bar graph Used Properties Rectangle Font Color2 Color3 Expression ShowScale ShowGrid IsLogarithmic RangeY ScaleX ScaleY AutoX AutoY item rectangle item font fore- and background color of the bars fore- and background color of the axises Language expression of the item enable x-/y-axis enable horizontal/vertical grid is x-/y-axis logarithmic value range of displayed y-axis minor/major unit of the x-scale minor/major unit of the y-scale auto scaling of the x-axis auto scaling of the y-axis Example BarGraph { Rectangle = {4, 46, 322, 40}; Font = {"Times New Roman", 9, 400, 0}; Color2 = { , 00FFFFFF}; Color3 = {00A00000, 00FF8080}; Expression = "History.db[0, 200]"; ShowScale = {0, 1}; ShowGrid = {1, 1}; IsLogarithmic = {0, 0}; RangeX = {0, 0}; ScaleX = {5, 25}; RangeY = {-0.5, 0.5}; ScaleY = {0.25, 0.5}; AutoY = {0, 0, 0, 0}; }
22 Data Display Ref.: IDA Page: 22 of: 32 Figure 10 Example of a bargraph
23 Data Display Ref.: IDA Page: 23 of: Plot Items Key Word Description Plot graphical QLook Item as plot (y (n) / y (x)) Used Properties Rectangle Font [n] FuncX FuncY ShowScale ShowGrid IsLogarithmic NumFormatX RangeX ScaleX AutoX NumFormatY RangeY ScaleY AutoY History Color2 Color3 item rectangle item font start of plot # n expression for x-coordinate expression for y-coordinate enable x-/y-axis enable horizontal/vertical grid is x-/y-axis logarithmic format string for x-axis labeling value range of displayed x-axis minor/major unit of the x-scale auto scaling of the x-axis format string for y-axis labeling value range of displayed y-axis minor/major unit of the y-scale auto scaling of the y-axis number of points in the plot (history depth) fore- and background color of the plot fore- and background color of the axises
24 Data Display Ref.: IDA Page: 24 of: 32 Example Plot { Rectangle = {5, 109, 326, 59}; Font = {"Courier New", 9, 400, 0}; [0] { FuncX = {"sin (_SelfStimulationTicker.ul* )", 0, 0}; FuncY = {"sin (_SelfStimulationTicker.ul* )", 0, 1}; ShowScale = {1, 1}; ShowGrid = {1, 1}; IsLogarithmic = {0, 0}; NumFormatX = "%g"; RangeX = {1338.8, 1350}; ScaleX = {0.4, 2}; AutoX = {1, 1, 1, 1}; NumFormatY = "%g"; RangeY = {-0.999, }; ScaleY = {0.003, 0.015}; AutoY = {1, 1, 1, 1}; History = {40}; Color2 = {000000FF, 00FFFFFF}; Color3 = { , 00C0C0C0}; } } Figure 11 Example of a plot y (x)
25 Data Display Ref.: IDA Page: 25 of: Item Properties All items use equal property key words to specify its properties. In the sections below the usage of all property key words are described Arrangement To specify the number of columns and rows of array items the key word Arrangement is used: Arrangement = {columns, rows}; AutoRange If the user enables this flag, the array will arrange automatically in its respective size. The number of columns or rows correlates to the size of the return value of the G-language expression. AutoRAnge = {flag}; AutoX The scaling of the x-axis can be set as automatic or as user defined: AutoX = {IsMinAuto, IsMaxAuto, IsMajUnitAuto, IsMinUnitAuto}; IsMinAuto: 1: automatic scaling of the minimum 0: user defined scaling of the minimum IsMaxAuto: 1: automatic scaling of the maximum 0: user defined scaling of the maximum IsMajUnitAuto: 1: automatic scaling of the major unit 0: user defined scaling of the major unit IsMinUnitAuto: 1: automatic scaling of the minor unit 0: user defined scaling of the minor unit
26 Data Display Ref.: IDA Page: 26 of: AutoY The scaling of the y-axis can be set as automatic or as user defined: AutoY = {IsMinAuto, IsMaxAuto, IsMajUnitAuto, IsMinUnitAuto}; IsMinAuto: 1: automatic scaling of the minimum 0: user defined scaling of the minimum IsMaxAuto: 1: automatic scaling of the maximum 0: user defined scaling of the maximum IsMajUnitAuto: 1: automatic scaling of the major unit 0: user defined scaling of the major unit IsMinUnitAuto: 1: automatic scaling of the minor unit 0: user defined scaling of the minor unit BorderStyle There are three styles of group boxes: group boxes without border: style = 0 group boxes with a border in 3D-style: style = 1 group boxes with an outer border: style = 2 To set the style use the statement: BorderStyle = {style}; Caption Some items like GroupBox, FixText or Button use a caption. To specify the caption text use the statement: Caption = "Caption Text";
27 Data Display Ref.: IDA Page: 27 of: ColorN All items own a fore- and a background color. The default color is Color2. All items except text references use this statement only. In text references the used color index is depend on the item value: Color0 = {Foreground, Background}; Level "-2" Color1 = {Foreground, Background}; Level "-1" Color2 = {Foreground, Background}; Level "0" (default) Color3 = {Foreground, Background}; Level "+1" Color4 = {Foreground, Background}; Level "+2" The correlation of value and color index is defined in the Language source file in the declaration of the used text reference Expression To define a data item any valid expression in Language can be used. This allows most possible flexibility of data handling. The expression is stored as text string: Expression = "Data Expression"; Font It is possible to use any font in all items. You should use a fixed font in data arrays only: Font = {"FontFace", Size, Weight, IsItalic}; FontFace: the font to use Size: Weight: IsItalic: the font size in points the font weight 1: italic style 0: regular style
28 Data Display Ref.: IDA Page: 28 of: FormatString The format string define the data output like printf in C. It is stored as text string: FormatString = "Format"; Any combination of following format identifiers is supported: %d signed decimal output (radix = 10) %u unsigned decimal output (radix = 10) %x or %X hexadecimal output (radix = 16) %b binary output (radix = 2) %c output as character %f output as floating point value (floating point notation always) %e output as floating point value (scientific notation always) %g output as floating point value (best notation for the current value) (Strings as %s and pointers as %p are not supported.) FuncX Definition of the x-value for a plot. Any valid expression in Language can be used. This allows most possible flexibility of data handling. The expression is stored as text string: FuncX = {"X Data Expression", FunctionType, IsTriggeredOnThis}; FunctionType: 1: x-coordinate is n (y (n)) 0: x-axis is a function (y (x)) IsTriggeredOnThis: 1: plot will be triggered by this expression 0: plot will not be triggered by this expression
29 Data Display Ref.: IDA Page: 29 of: FuncY Definition of the y-value for a plot. Any valid expression in Language can be used. This allows most possible flexibility of data handling. The expression is stored as text string: FuncY = {"Y Data Expression", FunctionType, IsTriggeredOnThis}; FunctionType: IsTriggeredOnThis: 0: y-coordinate is a function 1: plot will be triggered by this expression 0: plot will not be triggered by this expression History Define the number of displayed tuple of a plot item. If the plot is defined as f = y (n), the history is the width of the x-axis [0..History] IsLogarithmic The scaling of the axis can be set as linear (default) or as logarithmic: IsLogarithmic = {IsXAxisLogarithmic, IsYAxisLogarithmic} IsXAxisLogarithmic: 1: x-axis is logarithmic scaled 0: x-axis is linear scaled IsYAxisLogarithmic: 1: y-axis is logarithmic scaled 0: y-axis is linear scaled NumFormatX / NumFormatY The labeling of both axes is defined as format strings like printf in C. It is stored as text string: NumFormatX = "Format"; NumFormatY = "Format";
30 Data Display Ref.: IDA Page: 30 of: Picture Define the file path of the picture to show in static picture items. The picture file must be stored in any Microsoft Windows Bitmap file format (file extension.bmp ): Picture = "PictureFilePath"; RangeX The range of the x-axis is stored with the statement: RangeX = {Minimum, Maximum}; RangeY The range of the y-axis is stored with the statement: RangeY = {Minimum, Maximum}; Rectangle The position and size of any item is stored with the statement: Rectangle = {Top, Left, Width, Height}; You should note that most items are calculating its size at runtime so that any changes of Width and Height may not have any affect ScaleX The scaling of the x-axis units is stored with the statement: ScaleX = {MajorUnit, MinorUnit}; ScaleY The scaling of the y-axis units is stored with the statement: ScaleY = {MajorUnit, MinorUnit};
31 Data Display Ref.: IDA Page: 31 of: Scroll If the size of a displayed image exceeds the item, scroll bars are viewed. The position of the scroll bars is stored with the statement: Scroll = {horizontal_position, vertical_position}; ShowGrid A grid over a bargraph or plot can be enabled with the statement: ShowGrid = {ShowXGrid, ShowYGrid}; The grid is built of vertical lines out the x-axis and horzontal lines out the y-axis at the major units ShowScale Both axis can be enabled or disabled: ShowScale = {ShowXAxis, ShowYAxis}; SeparatorString You can define a sequence of characters to separate the single columns in array items (mostly are used spaces): SeparatorString = "Separator"; TextAlign The text or viewed data values of the most items can be aligned to the left or right border or may be centered: TextAlign = {Alignment}; Alignment 0: left aligned 1: right aligned 2: centered
32 Data Display Ref.: IDA Page: 32 of: UnderLength Array items may are displayed with under length (the whole font height) or with shorter height (numeric only): UnderLength = {ShowUnderLength}; ShowUnderLength 0: Show array rows with shorter font height 1: Show array rows with full font height UsePicture The background of the data display as some items can be filled with a texture or plain color: UsePicture = {IsBitmap}; IsBitmap 0: Fill with plain color 1: Fill with a texture (bitmap) Zoom To predefine a zoom factor used by image items you may use the statement: Zoom = {Numerator, Denominator}; The zoom factor will be calculated by: Zoom = Numerator Denominator
Introduction to Web Design CSS Reference
Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:
More informationIntroduction to Web Design CSS Reference
Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:
More informationJASCO CANVAS PROGRAM OPERATION MANUAL
JASCO CANVAS PROGRAM OPERATION MANUAL P/N: 0302-1840A April 1999 Contents 1. What is JASCO Canvas?...1 1.1 Features...1 1.2 About this Manual...1 2. Installation...1 3. Operating Procedure - Tutorial...2
More informationWorking with Charts Stratum.Viewer 6
Working with Charts Stratum.Viewer 6 Getting Started Tasks Additional Information Access to Charts Introduction to Charts Overview of Chart Types Quick Start - Adding a Chart to a View Create a Chart with
More informationSession 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style
Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use
More informationUser Interface Controls
User Interface Controls Documentation for User Interface Module OriginLab Corporation 2/18/2015 User Interface Controls 1 1.1 Introduction...1 1.2 UIM Objects...1 1.2.1 Creating Objects...4 1.2.2 Naming
More informationAdding CSS to your HTML
Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,
More informationHydroOffice Diagrams
Hydro Office Software for Water Sciences HydroOffice Diagrams User Manual for Ternary 1.0, Piper 2.0 and Durov 1.0 tool HydroOffice.org Citation: Gregor M. 2013. HydroOffice Diagrams user manual for Ternary1.0,
More informationPlotting. Documentation. DDBSP - Dortmund Data Bank Software Package
Plotting Documentation DDBSP - Dortmund Data Bank Software Package DDBST Software & Separation Technology GmbH Marie-Curie-Straße 10 D-26129 Oldenburg Tel.: +49 441 361819 0 Fax: +49 441 361819 10 E-Mail:
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationCSS Selectors. element selectors. .class selectors. #id selectors
CSS Selectors Patterns used to select elements to style. CSS selectors refer either to a class, an id, an HTML element, or some combination thereof, followed by a list of styling declarations. Selectors
More informationProgramming in C# Project 1:
Programming in C# Project 1: Set the text in the Form s title bar. Change the Form s background color. Place a Label control on the Form. Display text in a Label control. Place a PictureBox control on
More informationCSS: The Basics CISC 282 September 20, 2014
CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML
More informationColour and Number Representation. From Hex to Binary and Back. Colour and Number Representation. Colour and Number Representation
Colour and Number Representation From Hex to Binary and Back summary: colour representation easy: replace each hexadecimal "digit" with the corresponding four binary digits using the conversion table examples:
More informationVisual C# Program: Resistor Sizing Calculator
C h a p t e r 4 Visual C# Program: Resistor Sizing Calculator In this chapter, you will learn how to use the following Visual C# Application functions to World Class standards: Opening Visual C# Editor
More informationCascading Style Sheet Quick Reference
Computer Technology 8/9 Cascading Style Sheet Quick Reference Properties Properties are listed in alphabetical order. Each property has examples of possible values. Properties are not listed if they are
More informationAppendix D CSS Properties and Values
HTML Appendix D CSS Properties and Values This appendix provides a brief review of Cascading Style Sheets (CSS) concepts and terminology, and lists CSS level 1 and 2 properties and values supported by
More information3. The first step in the planning phase of a programming solution is to sketch the user interface.
Chapter 2: Designing Applications TRUE/FALSE 1. For an application to fulfill the wants and needs of the user, it is essential for the programmer to plan the application jointly with the user. ANS: T PTS:
More informationCSS. https://developer.mozilla.org/en-us/docs/web/css
CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties
More information5 Control Reference! "! # $ # % " &
5 2 Control Definition Parts Reference Controls are the functional components of the parts which contain them. A control is called by either the Operation Parameter (must be enabled) or by a program. If
More informationINFS 2150 Introduction to Web Development
INFS 2150 Introduction to Web Development 3. Page Layout Design Objectives Create a reset style sheet Explore page layout designs Center a block element Create a floating element Clear a floating layout
More informationINFS 2150 Introduction to Web Development
Objectives INFS 2150 Introduction to Web Development 3. Page Layout Design Create a reset style sheet Explore page layout designs Center a block element Create a floating element Clear a floating layout
More informationWonderware FactorySuite
Wonderware FactorySuite InTouch Supplementary Components User s Guide Revision 2.0 Last Revision: 2005 Invensys Systems, Inc. All rights reserved. No part of this documentation shall be reproduced, stored
More informationVisual C# Program: Temperature Conversion Program
C h a p t e r 4B Addendum Visual C# Program: Temperature Conversion Program In this chapter, you will learn how to use the following Visual C# Application functions to World Class standards: Writing a
More informationChapter 12: FORMATTING TEXT
Disclaimer: All words, pictures are adopted from Learning Web Design (3 rd eds.) by Jennifer Niederst Robbins, published by O Reilly 2007. PART III: CSS FOR PRESENTATION Chapter 12: FORMATTING TEXT CSc2320
More informationSmartLCD. Programmer s Guide and Application Notes
SmartLCD Programmer s Guide and Application Notes October 14, 1999 SmartLCD Programmer s Guide And Application Notes The following documentation is supporting material for the SmartLCD sample programs.
More informationMicrosoft Excel 2007
Microsoft Excel 2007 1 Excel is Microsoft s Spreadsheet program. Spreadsheets are often used as a method of displaying and manipulating groups of data in an effective manner. It was originally created
More informationCascade Stylesheets (CSS)
Previous versions: David Benavides and Amador Durán Toro (noviembre 2006) Last revision: Manuel Resinas (october 2007) Tiempo: 2h escuela técnica superior de ingeniería informática Departamento de Lenguajes
More informationUsing Microsoft Excel
Using Microsoft Excel Formatting a spreadsheet means changing the way it looks to make it neater and more attractive. Formatting changes can include modifying number styles, text size and colours. Many
More informationSTIPlotDigitizer. User s Manual
STIPlotDigitizer User s Manual Table of Contents What is STIPlotDigitizer?... 3 Installation Guide... 3 Initializing STIPlotDigitizer... 4 Project GroupBox... 4 Import Image GroupBox... 5 Exit Button...
More informationMatDeck User Manual. Contents
MatDeck User Manual Contents Table of Pictures... 2 1 Activate license - Help tab... 6 2 MatDeck basics... 7 2.1 Document list area... 7 2.2 Document area... 8 2.2.1 Data types... 8 2.2.2 Variables...
More informationWORD XP/2002 USER GUIDE. Task- Formatting a Document in Word 2002
University of Arizona Information Commons Training Page 1 of 21 WORD XP/2002 USER GUIDE Task- Formatting a Document in Word 2002 OBJECTIVES: At the end of this course students will have a basic understanding
More informationWelcome Please sit on alternating rows. powered by lucid & no.dots.nl/student
Welcome Please sit on alternating rows powered by lucid & no.dots.nl/student HTML && CSS Workshop Day Day two, November January 276 powered by lucid & no.dots.nl/student About the Workshop Day two: CSS
More informationWeb Development & Design Foundations with HTML5
Web Development & Design Foundations with HTML5 KEY CONCEPTS Copyright Terry Felke-Morris 1 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets from print
More informationMICROSOFT EXCEL Working with Charts
MICROSOFT EXCEL 2010 Working with Charts Introduction to charts WORKING WITH CHARTS Charts basically represent your data graphically. The data here refers to numbers. In Excel, you have various types of
More informationContents. Table of Contents. Table of Contents... iii Preface... xvii. Getting Started iii
Contents Discovering the Possibilities... iii Preface... xvii Preface to the First Edition xvii Preface to the Second Edition xviii Getting Started... 1 Chapter Overview 1 Philosophy Behind this Book 1
More informationTutorial 3 - Welcome Application
1 Tutorial 3 - Welcome Application Introduction to Visual Programming Outline 3.1 Test-Driving the Welcome Application 3.2 Constructing the Welcome Application 3.3 Objects used in the Welcome Application
More informationWeb Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 3 CSS BASICS Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets
More informationStreamServe Persuasion SP4 PageIN
StreamServe Persuasion SP4 PageIN User Guide Rev A StreamServe Persuasion SP4 PageIN User Guide Rev A 2001-2009 STREAMSERVE, INC. ALL RIGHTS RESERVED United States patent #7,127,520 No part of this document
More informationWEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5
WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 LEARNING OUTCOMES In this chapter, you will learn how to... Describe the evolution of style sheets from print media to the Web List
More informationMicrosoft Excel 2002 M O D U L E 2
THE COMPLETE Excel 2002 M O D U L E 2 CompleteVISUAL TM Step-by-step Series Computer Training Manual www.computertrainingmanual.com Copyright Notice Copyright 2002 EBook Publishing. All rights reserved.
More informationSubmission Guideline Checklist
Submission Guideline Checklist Please use this checklist as a guide to ensure that files are correctly prepared for submission. Please ensure that you have read the detailed Instructions for Authors before
More informationSetup Examples. RTPView Project Program
Setup Examples RTPView Project Program RTPView Project Program Example 2005, 2007, 2008, 2009 RTP Corporation Not for reproduction in any printed or electronic media without express written consent from
More information2.1. Project Information and Protection Global Settings Working with Tags... 15
2.1. Project Information and Protection... 1 2.2. Global Settings... 3 2.2.1. Languages...4 2.2.2. Font Templates...5 2.2.3. Picture Database...6 2.2.4. Sound Database...10 2.2.5. Text Database...12 2.3.
More informationChapter 4. Introduction to XHTML: Part 1
Chapter 4. Introduction to XHTML: Part 1 XHTML is a markup language for identifying the elements of a page so a browser can render that page on a computer screen. Document presentation is generally separated
More informationMATLAB Introduction to MATLAB Programming
MATLAB Introduction to MATLAB Programming MATLAB Scripts So far we have typed all the commands in the Command Window which were executed when we hit Enter. Although every MATLAB command can be executed
More informationTechnical Documentation Version 7.3 Output
Technical Documentation Version 7.3 Output These documents are copyrighted by the Regents of the University of Colorado. No part of this document may be reproduced, stored in a retrieval system, or transmitted
More information3.1 Introduction. 3.2 Levels of Style Sheets. - HTML is primarily concerned with content, rather than style. - There are three levels of style sheets
3.1 Introduction - HTML is primarily concerned with content, rather than style - However, tags have presentation properties, for which browsers have default values - The CSS1 cascading style sheet specification
More informationCMPT 165: More CSS Basics
CMPT 165: More CSS Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 14, 2011 1 The Favorites Icon The favorites icon (favicon) is the small icon you see
More informationData Representation From 0s and 1s to images CPSC 101
Data Representation From 0s and 1s to images CPSC 101 Learning Goals After the Data Representation: Images unit, you will be able to: Recognize and translate between binary and decimal numbers Define bit,
More informationVector dialog box displaying properties of a polygon type layer named world. Section list indicated.
Page 1 of 22 Properties Description Clicking on the Layer/Properties menu item invokes the layer properties dialog box. The layer properties dialog box comes in two different forms (refer to subtopics
More informationManaging Trends. About Trends CHAPTER. Send documentation comments to
CHAPTER 11 Trends provides historical data of a node in the network over a period of time. When the value of a node in the specified trend changes, the changes are recorded in the trend logs and displayed
More informationCSS Styles Quick Reference Guide
Table 1: CSS Font and Text Properties Font & Text Properties Example(s) font-family Font or typeface font-family: Tahoma font-size Size of the font font-size: 12pt font-weight Normal or bold font-weight:
More information- HTML is primarily concerned with content, rather than style. - However, tags have presentation properties, for which browsers have default values
3.1 Introduction - HTML is primarily concerned with content, rather than style - However, tags have presentation properties, for which browsers have default values - The CSS1 cascading style sheet specification
More informationReport Composer Version 6.0. What's New
Report Composer Version 6.0 What's New Contents INTRODUCTION TO VERSION 6.0...3 INTRODUCTION...3 USER MANUAL...3 CUSTOMER COMMUNICATIONS & SUPPORT...4 TERMINOLOGY CHANGES...4 CONVERSION FROM PREVIOUS VERSIONS...5
More informationITSE 1401 Web Design Tools Lab Project 4 (Expression Web 4 - Units M, N, O, P) Last revised: 1/9/14
(Expression Web 4 - Units M, N, O, P) Last revised: 1/9/14 Directions: Perform the tasks below on your personal computer or a lab computer. Professor Smith shows the score points for each activity in parentheses.
More informationCOSC 2206 Internet Tools. CSS Cascading Style Sheets
COSC 2206 Internet Tools CSS Cascading Style Sheets 1 W3C CSS Reference The official reference is here www.w3.org/style/css/ 2 W3C CSS Validator You can upload a CSS file and the validator will check it
More informationDesktop Studio: Charts. Version: 7.3
Desktop Studio: Charts Version: 7.3 Copyright 2015 Intellicus Technologies This document and its content is copyrighted material of Intellicus Technologies. The content may not be copied or derived from,
More informationHTML-5.com itemscopehttp://data-vocabulary.org/breadcrumb<span itemprop="title">html 5</span> itemscopehttp://data-vocabulary.
HTML-5.com HTML-5.com is an HTML User's Guide and quick reference of HTML elements and attributes for web developers who code HTML web pages, not only for HTML 5 but for HTML coding in general, with demos
More informationCSS Cheat Sheet Version: 10 Last revision date:
CSS Cheat Sheet Version: 10 Last revision date: 2014-11-12 Content Blocks How to make rounded corners for text elements:.mobisit-contentblock-cls { border-radius: 10px; You can change the 10px to any other
More informationDevelop great research posters using Microsoft PowerPoint
www.qps.qut.edu.au Develop great research posters using Microsoft PowerPoint A step-by-step guide QUT PRINTING SERVICES A step-by-step guide This step-by-step guide will assist you to understand the purpose
More information<excelunusual.com> Easy Zoom -Chart axis Scaling Using VBA - by George Lungu. <www.excelunusual.com> 1. Introduction: Chart naming: by George Lungu
Easy Zoom -Chart axis Scaling Using VBA - by George Lungu Introduction: - In certain models we need to be able to change the scale of the chart axes function of the result of a simulation - An Excel chart
More informationCode Finix Label Designer V 1.0 User Guide
Code Finix Label Designer V 1.0 User Guide Introduction Welcome, Code Finix Label Designer is a family of professional labeling software products that brings a complete barcode printing solution for desktop
More informationEinführung in Visual Computing
Einführung in Visual Computing 186.822 Rasterization Werner Purgathofer Rasterization in the Rendering Pipeline scene objects in object space transformed vertices in clip space scene in normalized device
More informationMatrox MuraControl for Windows
Matrox MuraControl for Windows User Guide (for software version 6.00) 20179-301-0600 2017.09.25 Contents About this user guide... 6 Using this guide... 6 More information... 6 Overview... 7 Supported Matrox
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationSR272 User Guide Stanford Research Systems, Inc. All Rights Reserved
SR272 User Guide 2001 Stanford Research Systems, Inc. All Rights Reserved Table of Contents INTRODUCTION... 3 HARDWARE/SOFTWARE CONFIGURATION... 4 CONFIGURING THE SR245 COMPUTER INTERFACE... 4 CONNECTING
More informationDesktop Studio: Charts
Desktop Studio: Charts Intellicus Enterprise Reporting and BI Platform Intellicus Technologies info@intellicus.com www.intellicus.com Working with Charts i Copyright 2011 Intellicus Technologies This document
More informationMedia Types & Media Features
Media Types & Media Features Same HTML, Different CSS R. Scott Granneman r Jans Carton 1.6 2008 R. Scott Granneman Last updated 2018-08-21 You are free to use this work, with certain restrictions. For
More informationGuide to WB Annotations
Guide to WB Annotations 04 May 2016 Annotations are a powerful new feature added to Workbench v1.2.0 (Released May 2016) for placing text and symbols within wb_view tabs and windows. They enable generation
More informationMicrosoft Word Chapter 1. Creating, Formatting, and Editing a Word Document with Pictures
Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures Objectives Enter text in a Word document Check spelling as you type Format paragraphs Format text Undo and
More informationVariables Data types Variable I/O. C introduction. Variables. Variables 1 / 14
C introduction Variables Variables 1 / 14 Contents Variables Data types Variable I/O Variables 2 / 14 Usage Declaration: t y p e i d e n t i f i e r ; Assignment: i d e n t i f i e r = v a l u e ; Definition
More informationWaveVision 5 Software
WaveVision 5 Software Data Acquisition and Analysis Tool User s Guide October 2008 Table of Contents 1.0 The WaveVision 5 System 3 2.0 Overview.. 4 2.1 Features and Capabilities of WaveVision 5 Software
More informationTABLE OF CONTENTS. i Excel 2016 Basic
i TABLE OF CONTENTS TABLE OF CONTENTS I PREFACE VII 1 INTRODUCING EXCEL 1 1.1 Starting Excel 1 Starting Excel using the Start button in Windows 1 1.2 Screen components 2 Tooltips 3 Title bar 4 Window buttons
More informationPROBLEM SOLVING AND OFFICE AUTOMATION. A Program consists of a series of instruction that a computer processes to perform the required operation.
UNIT III PROBLEM SOLVING AND OFFICE AUTOMATION Planning the Computer Program Purpose Algorithm Flow Charts Pseudo code -Application Software Packages- Introduction to Office Packages (not detailed commands
More informationl l l l l l l Base 2; each digit is 0 or 1 l Each bit in place i has value 2 i l Binary representation is used in computers
198:211 Computer Architecture Topics: Lecture 8 (W5) Fall 2012 Data representation 2.1 and 2.2 of the book Floating point 2.4 of the book Computer Architecture What do computers do? Manipulate stored information
More informationCrystal Reports. SYS-ED/COMPUTER EDUCATION TECHNIQUES, INC. (Crys Rept - 7.1) IDX: Page 1
A Absolute Formatting... 4:15 ActiveX Viewer... 1:16 Adding a Command to a Report... 10:14 Adding a Command to the Repository... 10:12 Adding a Custom Function to the Repository... 10:11 Adding a List
More informationChapter 2 Surfer Tutorial
Chapter 2 Surfer Tutorial Overview This tutorial introduces you to some of Surfer s features and shows you the steps to take to produce maps. In addition, the tutorial will help previous Surfer users learn
More informationInDesign Tools Overview
InDesign Tools Overview REFERENCE If your palettes aren t visible you can activate them by selecting: Window > Tools Transform Color Tool Box A Use the selection tool to select, move, and resize objects.
More informationStreamServe Persuasion SP4 AFPIN
StreamServe Persuasion SP4 AFPIN User Guide Rev A StreamServe Persuasion SP4 AFPIN User Guide Rev A 2001-2009 STREAMSERVE, INC. ALL RIGHTS RESERVED United States patent #7,127,520 No part of this document
More informationIntermediate HTML Using Dreamweaver
Intermediate HTML Using Dreamweaver Technical Support Services Office of Information Technology, West Virginia University OIT Help Desk: (304) 293-4444, oithelp@mail.wvu.edu http://oit.wvu.edu/training/classmat/
More informationIntroduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100
Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!
More informationTree and Data Grid for Micro Charts User Guide
COMPONENTS FOR XCELSIUS Tree and Data Grid for Micro Charts User Guide Version 1.1 Inovista Copyright 2009 All Rights Reserved Page 1 TABLE OF CONTENTS Components for Xcelsius... 1 Introduction... 4 Data
More informationUser Manual MS Energy Services
User Manual MS Energy Services Table of content Access 4 Log In 4 Home Page 5 Add pre-visualisations 6 Pre-visualisation with variables 7 Multiple pre-visualisations 8 Pre-visualisation window 8 Design
More informationIntroduction to the Visual Studio.NET Integrated Development Environment IDE. CSC 211 Intermediate Programming
Introduction to the Visual Studio.NET Integrated Development Environment IDE CSC 211 Intermediate Programming Visual Studio.NET Integrated Development Environment (IDE) The Start Page(Fig. 1) Helpful links
More informationDEVELOPING DATABASE APPLICATIONS (INTERMEDIATE MICROSOFT ACCESS, X405.5)
Technology & Information Management Instructor: Michael Kremer, Ph.D. Database Program: Microsoft Access Series DEVELOPING DATABASE APPLICATIONS (INTERMEDIATE MICROSOFT ACCESS, X405.5) Section 5 AGENDA
More informationKaleidaGraph Quick Start Guide
KaleidaGraph Quick Start Guide This document is a hands-on guide that walks you through the use of KaleidaGraph. You will probably want to print this guide and then start your exploration of the product.
More informationCSS3 Basics. From & CSS Visual Dictionary Learning Curve Books, LLC
CSS3 Basics From www.w3schools.com & CSS Visual Dictionary Learning Curve Books, LLC CSS Box Model Margin (top, right, bottom, left) Shorthand property, equivalent to Border-width border-style border-color
More informationStudy Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo
Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx
More informationsends the formatted data to the standard output stream (stdout) int printf ( format_string, argument_1, argument_2,... ) ;
INPUT AND OUTPUT IN C Function: printf() library: sends the formatted data to the standard output stream (stdout) int printf ( format_string, argument_1, argument_2,... ) ; format_string it is
More informationSTAR OFFICE CALC. Lesson 6
Lesson 6 STAR OFFICE CALC 1. command is used to insert special characters? a. Insert Characters b. Special characters Insert c. Insert Special characters d. None of these 2. icon is used to present the
More informationKODAK 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 informationWEEK NO. 12 MICROSOFT EXCEL 2007
WEEK NO. 12 MICROSOFT EXCEL 2007 LESSONS OVERVIEW: GOODBYE CALCULATORS, HELLO SPREADSHEET! 1. The Excel Environment 2. Starting A Workbook 3. Modifying Columns, Rows, & Cells 4. Working with Worksheets
More informationXYZ Mesh. Product. Gray Technical, LLC Copyright Gray Technical All Rights Reserved
Product XYZ Mesh Company Copyright License Gray Technical, LLC http://www.graytechnical.com/ XYZ Mesh Copyright Copyright 2015-2017 Gray Technical All Rights Reserved SOFTWARE LICENSE SOFTWARE REPRODUCTION:
More informationModule 2 (VI): CSS [Part 3]
INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2 (VI): CSS [Part 3] Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals
More informationOPRO Japan Co., Ltd.
OPRO Japan Co., Ltd. 6F, Shibashin-Mita Bldg., 3-43-15, Shiba, Minato-Ku, Tokyo, 105-0014, Japan. Web: www.opro.net/en Tel +81 3-5765-6510 Fax: +81 3-5765-6560 Copyright OPRO Japan Co., Ltd. 2010. All
More informationJCCKit Configuration Manual
JCCKit Configuration Manual Version 1.1 Author: Franz-Josef Elmer 14th December 2004 Contents 1 Concept 1 1.1 Introduction..................................... 1 1.2 Parameter Inheritance...............................
More informationCSS: Cascading Style Sheets
CSS: Cascading Style Sheets Computer Science and Engineering College of Engineering The Ohio State University Lecture 13 Evolution of CSS MIME type: text/css CSS 1 ('96): early recognition of value CSS
More informationREPORT DESIGNER GUIDE
REPORT DESIGNER GUIDE 2017 Advance BIM Designers Report Designer Guide This document has been very carefully prepared in the hope to meet your expectations and to answer all your questions regarding
More informationSTUDENT NAME ECDL: EXCEL MR BENNELL. This is an example of how to use this checklist / evidence document
This part contains an instruction, task or a skill which you need to sow evidence of being able to do Once you have completed a task and shown evidence of it write the date underneath the task instruction
More information