Styling on the Web (CSS & SLD)
|
|
- Winifred Mitchell
- 6 years ago
- Views:
Transcription
1 Styling on the Web (CSS & SLD) Barend Köbben <b.j.kobben@utwente.nl> ITC Dept. of GeoInformation Processing INTERNATIONAL INSTITUTE FOR GEO-INFORMATION SCIENCE AND EARTH OBSERVATION
2 THE CARTOGRAPHIC COMMUNICATION PROCESS Barend Köbben 2
3 Steps in cartographic design Geospatial data analysis Translation: geospatial data characteristics => choice of visual variables Choice of representation method (type of map) cartographic grammar (thematic/topographic) mapping Application of choices 3
4 CARTOGRAPHIC GRAMMAR Rules of thumb for effective cartographic communication Why do we actually bother to use visualisation rules...? Barend Köbben 4
5 5
6 6
7 7
8 8
9 Based on the semiology of graphics Jacques Bertin: Sémiologie Graphique. (Mouton, Paris/Den Haag, 1967) First to systematically describe how graphics work : How the human mind finds meaning in graphical symbols Barend Köbben 9
10 Cartographic Grammar Barend Köbben After JH Geels (1988) 10
11 TOPOGRAPHIC MAPS 11
12 THEMATIC MAPS 12
13 ROAD MAPS TOPO OR THEME? 13
14 WebCartography 14
15 separating style from content Part of separation of concerns : in computer science, separation of concerns is a design principle for separating a computer program into distinct sections, such that each section addresses a separate concern. ITC - University of Twente / Barend Köbben; GIP dept. 15
16 separating style from content In webpages: HTML is used for organization of webpage content CSS is used for definition of content presentation style (and Javascript defines how the content interacts with the user) Note that we can also include styling directly in the HTML definitions - a relic of older versions ITC - University of Twente / Barend Köbben; GIP dept. 16
17 separating style from content In OGC geo-webservices: WMS, WFS or WCS is used for the content SLD is used for definition of content presentation style Note that in WMS we can also include styling directly in the WMS definition, or have a fixed default style ITC - University of Twente / Barend Köbben; GIP dept. 17
18 why separate style & content? publication of same content in multiple presentation formats based on user preferences, different web browsers, the type of device being used, the geographic location of the user, etc. devices not able to understand the styling still display the content Site-wide consistency Bandwidth Accessibility ITC - University of Twente / Barend Köbben; GIP dept. 18
19 Implementations of this concept Many implementations exist. For our work the most relevant are: CSS = Cascading Style Sheet standard from W3C specifically for webpages in conjunction with HTML SLD = Styled Layer Descriptors standard from OGC specifically for geowebservices in conjunction with WMS & WFS ITC - University of Twente / Barend Köbben; GIP dept. 19
20 CSS: Cascading Style Sheets CSS defines how HTML elements are to be displayed CSS Styles were added to HTML 4.0 CSS is a cascading series of styling rules ITC - University of Twente / Barend Köbben; GIP dept. 20
21 CSS principle: Rules A small HTML document: <HTML> <HEAD> </HEAD> <BODY> <H1>Bach's home page</h1> <P>Bach was a prolific composer. </BODY> </HTML> To set the text color of the H1 elements to red, you can write the following CSS rule: h1 { color: red } ITC - University of Twente / Barend Köbben; GIP dept. 21
22 CSS principle: Rules The rule can be added 'inline'... <HTML> <HEAD> <STYLE type="text/css"> h1 { color: red } </STYLE> </HEAD> <BODY> <H1>Bach's home page</h1> <P>Bach was a prolific composer. </BODY> </HTML> ITC - University of Twente / Barend Köbben; GIP dept. 22
23 CSS principle: Rules...or can be referenced in an external file <HTML> <HEAD> <LINK rel="stylesheet" href="bach.css" type="text/css"> </HEAD> <BODY> <H1>Bach's home page</h1> <P>Bach was a prolific composer. </BODY> </HTML> ITC - University of Twente / Barend Köbben; GIP dept. 23
24 CSS principle: Rules h1 { color: red } A CSS rule consists of two parts: selector 'h1' (not case-sensitive!) declaration 'color: red' the declaration has two parts: property name 'color' property value 'red' ITC - University of Twente / Barend Köbben; GIP dept. 24
25 CSS principle: cascading A CSS rule inherits from the rules on its parents, and can add to (or override) parts of it: body { font-family: "Courier"; font-size: 12pt; } h1 { font-size: 16pt; color: red; } This will result in all the text in the page being 12pt black (the default colour), except the H1, that will be 16pt red. ITC - University of Twente / Barend Köbben; GIP dept. 25
26 OWS: Open Web Services & related Encodings A set of Implementation Specifications for (vector)data encoding: Geographic Markup Language (GML) Keyhole ML (KML) Data Access: Metadata: Catalog Service Web (CSW) Service configurations: OWS Context Web Feature Service (WFS) Web Coverage Service (WCS) Portrayal: Web Mapping Service (WMS) Symbology Encoding & Styled Layer Descriptor for WMS (SESLD) ITC - University of Twente / Barend Köbben; GIP dept. 26
27 Preserving and describing styles In basic WMS, styling is done by WMS server Information about styling is not available seperately XML formatting for describing styles: Styled Layer Descriptor (SLD) 27
28 Styled Layer Descriptor (SLD) Specification for an XML file to apply styles based on selection criteria against a map or feature service (typically WFS or WMS) Style sheet for symbolizing vector or raster data Not an interface specification 28
29 Using an SLD WMS Client Web Browser GetMap Map Fetch Reference references GetFeature Web Map Server Features Web Feature Server XML SLD Doc Add to WMS get request: SLD=reference_SLD_URL 29
30 OGC:SLD = Styled Layer Descriptor Add-on specification to OGC:WMS SLD-enabled WMS Enables custom styling Data at the server does not have to change Client software either: sends SLD XML document refers to SLD on server 30
31 SLDs as Digital Cartographic Models DCMs stored seperately from data XML: processing by XML tools (as with GML, GetCapabilties, SVG, etc) classification rules using Filters most usual cartographic symbology supported: casing for roads patterned fills text labelling symbol libraries in raster (GIF, PNG) orvector (SVG) minimum- & maximum-scales for visualisation 31
32 Portrayal specifications: SLD The OGC Styled Layer Descriptor (SLD) standard defines a language for expressing styling of geospatial data: XML format to allow user-defined symbolization Can be used to portray the output of WMS, WFS & WCS ITC - University of Twente / Barend Köbben; GIP dept. 32
33 Portrayal specifications: SLD SLD was defined in: OGC Styled Layer Descriptor Implementation Specification, Version Subsequently the functionality of SLD has been split into two specifications: OGC Symbology Encoding Implementation Specification, Version OGC Styled Layer Descriptor profile of the Web Map Service Implementation Specification, Version GeoServer implements the SLD standard, as well as some parts of the SE and WMS-SLD standards. ITC - University of Twente / Barend Köbben; GIP dept. 33
34 Elements of SLD The root element for an SLD is <StyledLayerDescriptor>. It contains Layers and Styles elements which describe how a map is to be composed and styled. There are several Layers types: NamedLayer UserLayer InlineFeature <StyledLayerDescriptor version="1.0.0"> <NamedLayer> <Name>Walking Route</Name> <UserStyle> <Title>Walking Route</Title> <FeatureTypeStyle> <Rule> <Title>My Routes</Title> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#ff0000</cssparameter> <CssParameter name="strokewidth">6px</cssparameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle> </UserStyle> </NamedLayer> </StyledLayerDescriptor> ITC - University of Twente / Barend Köbben; GIP dept. 34
35 Elements of SLD Layers contain one or more Style elements which describe how a map is to be composed and styled. Styles in turn contain one or more Rules and Filters. <StyledLayerDescriptor version="1.0.0"> <NamedLayer> <Name>Walking Route</Name> <UserStyle> <Title>Walking Route</Title> <FeatureTypeStyle> <Rule> <Title>My Routes</Title> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#ff0000</cssparameter> <CssParameter name="strokewidth">6px</cssparameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle> </UserStyle> </NamedLayer> </StyledLayerDescriptor> ITC - University of Twente / Barend Köbben; GIP dept. 35
36 OGC:Filter Custom XML query language SQL in XML (almost) Spatial and non-spatial query capabilities: Logical Spatial Comparative 36
37 OGC:Filter SQL: select * from roads where roadtype = 1 OGC:Filter: <Filter> <PropertyIsEqualTo> <PropertyName>roadtype</PropertyName> <Literal>1</Literal> </PropertyIsEqualTo> </Filter> 37
38 Rules & Filters A <Rule> is applied when its filter condition (if any) is true for a feature: <Rule> <Filter> <PropertyIsGreaterThan> <PropertyName>POPULATION</PropertyName> <Literal>100000</Literal> </PropertyIsGreaterThan> </Filter> This rule will be applied when the feature's population attribute value > ITC - University of Twente / Barend Köbben; GIP dept. 38
39 <Rule> element contains: Tag Req? Description <Name> No Specifies a name for the rule. <Title> No Specifies a title for the rule. The title is used in display lists and legends. <Abstract> No Specifies an abstract describing the rule. <Filter> No Specifies a filter controlling when the rule is applied. <MinScaleDenominat or> No Specifies the minimum scale denominator (inclusive) for the scale range in which this rule applies. If present, the rule applies at the given scale and all smaller scales. <MaxScaleDenominat or> No Specifies the maximum scale denominator (exclusive) for the scale range in which this rule applies. If present, the rule applies at scales larger than the given scale. <PointSymbolizer> 0..N Specifies styling as points. <LineSymbolizer> 0..N Specifies styling as lines. <PolygonSymbolizer > 0..N Specifies styling as polygons. <TextSymbolizer> 0..N Specifies styling for text labels. <RasterSymbolizer> 0..N Specifies styling for raster data. ITC - University of Twente / Barend Köbben; GIP dept. 39
40 <Symbolizer> acts like a painter <FeatureTypeStyle > <Rule> <Title>My Routes</Title> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#ff0000</cssparameter> <CssParameter name="stroke-width">6px</cssparameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle> ITC - University of Twente / Barend Köbben; GIP dept. 40
41 <Symbolizer> acts like a painter <FeatureTypeStyle > <Rule> <Title>My Routes</Title> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#ff0000</cssparameter> <CssParameter name="stroke-width">6px</cssparameter> </Stroke> </LineSymbolizer> <LineSymbolizer> <Stroke> <CssParameter name="stroke">#ffffff</cssparameter> <CssParameter name="stroke-width">5px</cssparameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle> ITC - University of Twente / Barend Köbben; GIP dept. 41
42 More information CSS reference and tutorial: Creating SLDs can be done using QGIS: any layer style can be exported to an SLD file Validating these styles can be done in the Geoserver interface Geoserver SLD Cookbook: docs.geoserver.org/stable/en/user/styling/sld-cookbook/ ITC - University of Twente / Barend Köbben; GIP dept. 42
INTERACTIVE STYLE GENERATION FOR LAYER VISUALIZATION THROUGH A WMS
INTERACTIVE STYLE GENERATION FOR LAYER VISUALIZATION THROUGH A WMS Maldonado Ibáñez, Ana (MS) 1 Moya Honduvilla, Javier (BS) 2 Manso Callejo, Miguel Ángel (MS) 3 Mercator Research Group (Universidad Politécnica
More informationTowards a Declarative Portrayal and Interaction Model for GIS and LBS
Towards a Declarative Portrayal and Interaction Model for GIS and LBS Thomas Brinkhoff Institute for Applied Photogrammetry and Geoinformatics (IAPG) FH Oldenburg/Ostfriesland/Wilhelmshaven (University
More informationCARTODB: VISUALIZE SPATIAL DATA ON THE WEB Thematic Mapping of Enschede socio-economic data
CARTODB: VISUALIZE SPATIAL DATA ON THE WEB Thematic Mapping of Enschede socio-economic data Barend Köbben Version 2.1 [Enschede] November 7, 2014 Contents 1 The CartoDB web application 1 2 Mapping socio-economic
More informationLecture note on the history and principles of geo-webservices
A SHORT INTRODUCTION TO GEO-WEBSERVICES Lecture note on the history and principles of geo-webservices Barend Köbben Version 1.0 February 24, 2010 Contents 1 From monolithic to distributed GIS architectures
More informationAiM 8.0 Quick Reference Guide Styled Layer Descriptor (SLD)
AiM 8.0 Quick Reference Guide 2015 AssetWorks LLC 1777 NE Loop 410, Suite 1250 San Antonio, Texas 78217 (800) 268-0325 TABLE OF CONTENTS INTRODUCTION... 3 SLD... 4 MODIFYING THE.SLD FILE... 4.SLD FILE
More informationEXERCISE: Publishing spatial data with GeoServer
EXERCISE: Publishing spatial data with GeoServer Barend Köbben Ivana Ivánová August 30, 2015 Contents 1 Introduction 2 2 GeoServer s main concepts 2 3 Publishing spatial dataset to the GeoServer 5 3.1
More informationINTERACTIVE STYLE GENERATION FOR LAYER VISUALIZATION THROUGH A WMS
MALDONADO IBÁÑEZ - MOYA HoNDUVILLA - MANso CALLEJO: INTERACTIVE STYLE GENERATION... INTERACTIVE STYLE GENERATION FOR LAYER VISUALIZATION THROUGH A WMS Maldonado Ibáñez, Ana 1 Moya Honduvilla, Javier Manso
More informationTutorial International Standards. Web Map Server (WMS) & Web Feature Server (WFS) Overview
ISO/TC 211 17 th Plenary & Associated Meetings Berlin, Germany, DIN Institute / 2003-10-31 Advisory Group on Outreach Tutorial International Standards Web Map Server (WMS) & Web Feature Server (WFS) Overview
More informationExtending SLD and SE for cartograms
Extending SLD and SE for cartograms Emanuel Rita José Borbinha Bruno Martins IST / INESC-ID - {emanuelrita; bruno.g.martins; jlb}@ist.utl.pt Abstract Thematic maps are intended to provide statistical information
More informationStandards, GML and AIXM. Dr. David Burggraf Vice President Galdos Systems Inc
Standards, and AIXM Dr. David Burggraf Vice President Galdos Systems Inc Copyright Galdos Systems Inc. May 6, 2010 Geography Markup Language: What is it? A modeling language for geographic features A set
More informationOpen Geospatial Consortium, Inc.
Open Geospatial Consortium, Inc. Date: 2009-09-11 Reference number of this document: OGC 09-015 Version: 0.3.0 Category: Public Engineering Report Editor: Craig Bruce OGC OWS-6 Styled Layer Descriptor
More informationIntegrated Map Tool. Overview, Current Status, and Things to Come
Integrated Map Tool Overview, Current Status, and Things to Come Integrated Mapping and Analysis Tool (IMAT) map widget Integrated Mapping Tool IMAT Reusable components for portrayal, query, analysis,
More informationLeveraging OGC Services in ArcGIS Server. Satish Sankaran Yingqi Tang
Leveraging OGC Services in ArcGIS Server Satish Sankaran ssankaran@esri.com Yingqi Tang ytang@esri.com Agenda Interoperability Enablers OGC and esri OGC Web Services ArcGIS and OGC Web Services - @ version
More informationWeb Map Servers. Mark de Blois. Septembre 2016
Web Map Servers Mark de Blois Septembre 2016 Learning Objectives After this lecture you will be able to understand web map servers as used in Web-GIS applications Introduction A Web Map Server is a computer
More informationLeveraging OGC Services in ArcGIS Server
Esri International User Conference San Diego, CA Technical Workshops Jul.14 th 2011 Leveraging OGC Services in ArcGIS Server Satish Sankaran Yingqi Tang Agenda Interoperability
More informationInteractive Web Mapping: Overview
Interactive Web Mapping: Overview Overview of how geospatial data is formatted requested supplied consumed by/for web technologies 2 Definitions Analysis exploring and modeling geospatial phenomena Mapping
More informationLeveraging OGC Services in ArcGIS Server. Satish Sankaran, Esri Yingqi Tang, Esri
Leveraging OGC Services in ArcGIS Server Satish Sankaran, Esri Yingqi Tang, Esri GIS Creating and Managing Geo Information Products - Proprietary - Open Specifications - Standards Dissemination of Geo
More informationIntroduction to INSPIRE. Network Services
Introduction to INSPIRE. Network Services European Commission Joint Research Centre Institute for Environment and Sustainability Digital Earth and Reference Data Unit www.jrc.ec.europa.eu Serving society
More informationGeoServer - WMS and WPS - Rendering Transformations - Point Clustering
GeoServer - WMS and WPS - Rendering Transformations - Point Clustering Point Cluster: The Point Stacker rendering transformation is a Vector-to-Vector transformation which displays a data set of points
More informationScripting for Multimedia LECTURE 5: INTRODUCING CSS3
Scripting for Multimedia LECTURE 5: INTRODUCING CSS3 CSS introduction CSS Level 1 --> CSS Level 2 --> CSS Level 3 (in modules) More than 50 modules are published Cascading style sheets (CSS) defines how
More informationStreet Smart SLD examples. Versie NL Datum: 20 oktober CycloMedia Technology B.V.
Versie NL171020 Datum: 20 oktober 2017 2 Index INDEX... 2 1. INTRODUCTION... 3 2. SLD/SE 1.1... 4 2.1 POINT... 4 2.1.1 Marker as point symbolizer... 4 2.1.2 Marker as point symbolizer with stroke... 4
More informationA Framework of Feature-Level Transportation Geospatial Data Sharing Systems
A Framework of Feature-Level Transportation Geospatial Data Sharing Systems Zhong-Ren Peng, Ph.D. Director Center for Advanced Spatial Information Research Associate Professor Department of Urban Planning
More informationGeoServer, The Open Source Solution for the interoperable management of geospatial data
GeoServer, The Open Source Solution for the interoperable management of geospatial data Ing. Andrea Aime, GeoSolutions Ing. Simone Giannecchini, GeoSolutions Outline Who is GeoSolutions? Quick intro to
More informationEsri Support for Geospatial Standards
APRIL 2017 ArcGIS Is Open and Interoperable Esri Support for Geospatial Standards Copyright 2017 Esri All rights reserved. Printed in the United States of America. The information contained in this document
More informationMarushka Server. Product Specification
Introductory Information Product Marushka Server represents a new generation of tools (devices) for publication and use of GIS data in the Internet and intranet. It is built on component technology in.net
More informationAssignments (4) Assessment as per Schedule (2)
Specification (6) Readability (4) Assignments (4) Assessment as per Schedule (2) Oral (4) Total (20) Sign of Faculty Assignment No. 02 Date of Performance:. Title: To apply various CSS properties like
More informationIntroduction to GeoServer
Tutorial ID: This tutorial has been developed by BVIEER as part of the IGET web portal intended to provide easy access to geospatial education. This tutorial is released under the Creative Commons license.
More informationDanubeGIS User Manual Document number: Version: 1 Date: 11-Nov-2016
DanubeGIS User Manual Document number: Version: 1 Date: 11-Nov-2016 Imprint Published by: ICPDR International Commission for the Protection of the Danube River ICPDR 2016 Contact ICPDR Secretariat Vienna
More informationSDI Tecnological Components and Standards
SDI Tecnological Components and Standards Salvador Bayarri sbayarri@gmail.com World Bank Consultant Contents The SDI architecture model Software components: the SDI stack Basic services Metadata SDI access
More informationMulti-source Cartography in Internet GIS
Multi-source Cartography in Internet GIS Peter van Oosterom, Theo Tijssen, Ingrid Alkemade, Marian de Vries Delft University of Technology, Department of Geodesy, Section GIS-technology Thijsseweg 11,
More informationConnecting Distributed Geoservices: Interoperability research at ITC
AGILE Interoperability Workshop, Lyon, April 23rd, 2003 Connecting Distributed Geoservices: Interoperability research at ITC Barend Köbben & Rob Lemmens {kobben,lemmens}@itc.nl International Institute
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 informationInternational Organization for Standardization Technical Committee 211 (ISO/TC211)
Esri Support for Geospatial Standards: Open Geospatial Consortium (OGC) International Organization for Standardization Technical Committee 211 (ISO/TC211) An Esri White Paper April 2015 Copyright 2015
More informationApplication Development in Web Mapping 1.
University of West Hungary, Faculty of Geoinformatics László Kottyán Application Development in Web Mapping 1. module ADW1 Web Technologies and Geospatial Standards SZÉKESFEHÉRVÁR 2010 The right to this
More informationADDING CSS TO YOUR HTML DOCUMENT. A FEW CSS VALUES (colour, size and the box model)
INTRO TO CSS RECAP HTML WHAT IS CSS ADDING CSS TO YOUR HTML DOCUMENT CSS IN THE DIRECTORY TREE CSS RULES A FEW CSS VALUES (colour, size and the box model) CSS SELECTORS SPECIFICITY WEEK 1 HTML In Week
More informationINTEGRATION OF DISASTER EVENT DATA INTO SPATIAL DATA INFRASTRUCTURES
INTEGRATION OF DISASTER EVENT DATA INTO SPATIAL DATA INFRASTRUCTURES B. Stollberg a, *, T. De Groeve a, A. Hirner a, L. Vernaccini a, S. Paris a a Joint Research Centre of the European Commission, Institute
More informationINSPIRE: The ESRI Vision. Tina Hahn, GIS Consultant, ESRI(UK) Miguel Paredes, GIS Consultant, ESRI(UK)
INSPIRE: The ESRI Vision Tina Hahn, GIS Consultant, ESRI(UK) Miguel Paredes, GIS Consultant, ESRI(UK) Overview Who are we? Introduction to ESRI Inc. and ESRI(UK) Presenters ArcGIS The ESRI Solution to
More informationLeveraging OGC Standards on ArcGIS Server
Leveraging OGC Standards on ArcGIS Server Satish Sankaran Interoperability and Standards Team James Michel III ESRI Intel Team ArcGIS Server Complete Interoperable Server-Based GIS Desktop Explorer Web
More informationD4.5 Public Information System. FORCIP+: Forest Roads for Civil Protection
D4.5 Public Information System FORCIP+: Forest Roads for Civil Protection Project title Call identifier Project acronym Forest Roads for Civil Protection (FORCIP+) Call for proposals 2015 for prevention
More informationWeb Information System Design No.4 Put Style to Web Documents. Tatsuya Hagino
Web Information System Design No.4 Put Style to Web Documents Tatsuya Hagino (hagino@sfc.keio.ac.jp) 1 Web Page Components Combine orthogonal technologies content style programming style JavaScript Programming
More informationOpen Geospatial Consortium, Inc.
Open Geospatial Consortium, Inc. Date: 2010-08-18 Reference number of this document: OGC 10-127r1 Category: OGC Public Engineering Report Editor: Roger Brackin OGC OWS-7 Engineering Report - Aviation Portrayal
More informationWhat is CSS? NAME: INSERT OPENING GRAPHIC HERE:
What is CSS? NAME: INSERT OPENING GRAPHIC HERE: Highlight VOCABULARY WORDS that you need defined. Put a? mark in any area that you need clarified. 1 What is CSS? CSS stands for Cascading Style Sheets Styles
More informationSOMAP-OSGEO WORKSHOP Open GIS and Modern Webmapping Vienna, November 2014
SOMAP-OSGEO WORKSHOP Open GIS and Modern Webmapping Vienna, 24 25 November 2014 Barend Köbben November 12, 2014 Contents 1 A short introduction to Geo-webservices 5 2 Introduction to the OSGeoLive system
More informationOpen Geospatial Consortium (OGC) and Web Services (WMS, WFS)
Open Geospatial Consortium (OGC) and Web Services (WMS, WFS) Responsible persons: Regula Stopper (Overall) Ionut Iosifescu Enescu (Content) Samuel Wiesmann (Revision) Olaf Schnabel (Revision) Content
More informationINTRODUCTION TO CSS. Mohammad Jawad Kadhim
INTRODUCTION TO CSS Mohammad Jawad Kadhim WHAT IS CSS Like HTML, CSS is an interpreted language. When a web page request is processed by a web server, the server s response can include style sheets,
More informationLab Introduction to Cascading Style Sheets
Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,
More information[ ]..,ru. GeoServer Beginner's Guide. open source^ software server. Share and edit geospatial data with this open source.
GeoServer Beginner's Guide Share and edit geospatial data with this open source software server Stefano lacovella Brian Youngblood [ ]..,ru open source^ PUBLISHING community experience distilled BIRMINGHAMMUMBAI
More informationSetting Up and Deploying Geospatial Data Shares Using the QGIS Server Application
Setting Up and Deploying Geospatial Data Shares Using the QGIS Server Application Donald L. Schrupp Wildlife Ecologist Colorado Division of Wildlife (retired) Quantum GIS (QGIS) Applications QGIS is not
More informationThe GeoPortal Cookbook Tutorial
The GeoPortal Cookbook Tutorial Wim Hugo SAEON/ SAEOS SCOPE OF DISCUSSION Background and Additional Resources Context and Concepts The Main Components of a GeoPortal Architecture Implementation Options
More informationSuperGIS Server 3.2 Value Edition Specification
SuperGIS Server 3.2 Value Edition Specification 20140826 Specification 1. All of the services support SOAP (Simple Object Access Protocol). 2. Use map file created by SuperGIS Desktop as map services SuperGIS
More informationITNP43: HTML Lecture 4
ITNP43: HTML Lecture 4 Niederst, Part III (3rd edn) 1 Style versus Content HTML purists insist that style should be separate from content and structure HTML was only designed to specify the structure and
More informationGML, WFS and SVG: A New Frontier of Internet GIS
GML, WFS and SVG: A New Frontier of Internet GIS Zhong-Ren Peng Director Center for Advanced Spatial Information Research Associate Professor Department of Urban Planning University of Wisconsin-Milwaukee
More informationDeveloping a Free and Open Source Software based Spatial Data Infrastructure. Jeroen Ticheler
Developing a Free and Open Source Software based Spatial Data Infrastructure Jeroen Ticheler 1 License This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.
More informationuser manual GeoViewer DB Netze Fahrweg
user manual GeoViewer DB Netze Fahrweg Register of Infrastructure Updated: Juli 2018 Release: 1.11.0 Page 1 von 32 Content 1 List of illustrations 3 2 Basics 4 2.1 Components 4 2.1.1 Interfaces 4 2.1.2
More informationSEXTANT 1. Purpose of the Application
SEXTANT 1. Purpose of the Application Sextant has been used in the domains of Earth Observation and Environment by presenting its browsing and visualization capabilities using a number of link geospatial
More informationThe Butterfly Effect. A proposal for distribution and management for butterfly data programs. Dave Waetjen SESYNC Butterfly Workshop May 10, 2012
The Butterfly Effect A proposal for distribution and management for butterfly data programs Dave Waetjen SESYNC Butterfly Workshop May 10, 2012 http://butterfly.ucdavis.edu Citizen Science based Observation
More informationEsri Support for Geospatial Standards: OGC and ISO/TC211. An Esri White Paper May 2015
Esri Support for Geospatial Standards: OGC and ISO/TC211 An Esri White Paper May 2015 Copyright 2015 Esri All rights reserved. Printed in the United States of America. The information contained in this
More informationIntroduction to Autodesk MapGuide EnterpriseChapter1:
Chapter 1 Introduction to Autodesk MapGuide EnterpriseChapter1: In this chapter, you review the high-level key components that comprise Autodesk MapGuide Enterprise. The Autodesk MapGuide Studio, an integral
More informationORACLE FUSION MIDDLEWARE MAPVIEWER
ORACLE FUSION MIDDLEWARE MAPVIEWER 10.1.3.3 MAPVIEWER KEY FEATURES Component of Fusion Middleware Integration with Oracle Spatial, Oracle Locator Support for two-dimensional vector geometries stored in
More informationAn Open Source Software approach to Spatial Data Infraestructures.
Second Part INSPIRE and SDI: heterogeneous GI accessing solution An Open Source Software approach to Spatial Data Infraestructures. Study of different scenarios Second Part: INDEX I. Intro: SDI: Beginings,
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 2
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 2 Plan for the next 4 weeks: Introduction to HTML tags, creating our template file Introduction to CSS and style Introduction to JavaScript
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More informationIntroduction to Autodesk MapGuide EnterpriseChapter1:
Chapter 1 Introduction to Autodesk MapGuide EnterpriseChapter1: In this chapter, you review the high-level key components that make up Autodesk MapGuide Enterprise. The Autodesk MapGuide Studio, an integral
More informationWeb Services for Geospatial Mobile AR
Web Services for Geospatial Mobile AR Introduction Christine Perey PEREY Research & Consulting cperey@perey.com Many popular mobile applications already use the smartphone s built-in sensors and receivers
More informationConsolidation Team INSPIRE Annex I data specifications testing Call for Participation
INSPIRE Infrastructure for Spatial Information in Europe Technical documents Consolidation Team INSPIRE Annex I data specifications testing Call for Participation Title INSPIRE Annex I data specifications
More informationAchieving Interoperability using the ArcGIS Platform. Satish Sankaran Roberto Lucchi
Achieving Interoperability using the ArcGIS Platform Satish Sankaran Roberto Lucchi Thank you Please fill out the session survey in your mobile app Select [Achieving Interoperability using the ArcGIS Platform]
More informationViewer Features. DataBC Mashup Framework (DMF)
Viewer Features DataBC Mashup Framework (DMF) Copyright 2014 Ministry of Labour, Citizens' Services and Open Government All Rights Reserved. Printed in Canada The information contained in this document
More informationOPEN SOURCE SOLUTIONS FOR SURVEYORS
2 nd Sabah International Surveyors Congress 11 th 12 th March 2014 OPEN SOURCE SOLUTIONS FOR SURVEYORS Presented By : Sr Alexander Chong Director, Jurukur Antarabangsa The Benefits Of Closed Proprietary
More informationChapter 3 Style Sheets: CSS
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE JEFFREY C. JACKSON Chapter 3 Style Sheets: CSS 1 Motivation HTML markup can be used to represent Semantics: h1 means that an element is a top-level heading
More informationCarmenta Server Product Description
White paper Carmenta Server Product Description Carmenta AB, Tel +46-31-775 57 00, www.carmenta.com P315 121RD, 2010 Carmenta reserves the right to change the specifications at any time and without notice.
More informationProviding Interoperability Using the Open GeoServices REST Specification
2013 Esri International User Conference July 8 12, 2013 San Diego, California Technical Workshop Providing Interoperability Using the Open GeoServices REST Specification Satish Sankaran Kevin Sigwart What
More informationOGC,, WMS and WFS. Strategic Goals. The Vision and the Mission
The Vision and the Mission OGC,, WMS and WFS Vision: Realization of the full societal, economic and scientific benefits of integrating electronic location resources into commercial and institutional processes
More informationCOMS 359: Interactive Media
COMS 359: Interactive Media Agenda Review CSS Preview Review Transparent GIF headline Review JPG buttons button1.jpg button.psd button2.jpg Review Next Step Tables CSS Introducing CSS What is CSS? Cascading
More informationOpen Geospatial Consortium, Inc.
Open Geospatial Consortium, Inc. Date: 2009-08-17 Reference number of this document: OGC 09-012 Version: 0.3.0 Category: Public Engineering Report Editor: Craig Bruce OGC OWS-6 Symbology-Encoding Harmonization
More informationInteroperability and Standards Supports in ArcGIS
Esri International User Conference San Diego, California Technical Workshops July 26, 2012 Interoperability and Standards Supports in ArcGIS Satish Sankaran, Esri Yingqi Tang, Esri Agenda Esri s participation
More informationWeb Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh
Web Programming and Design MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Plan for the next 5 weeks: Introduction to HTML tags Recap on HTML and creating our template file Introduction
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 informationMRK260. Week Two. Graphic and Web Design
MRK260 Week Two Graphic and Web Design This weeks topics BASIC HTML AND CSS MRK260 - Graphic & Web Design - Week Two 2 Lesson Summary What is HTML? Introduction to HTML Basics Introduction to CSS Introduction
More informationCSS Cascading Style Sheets
CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with
More informationDistributed Map Animation Services for Spatiotemporal Datasets
Distributed Map Animation Services for Spatiotemporal Datasets A. Sayar Key Words: Distributed Systems; animation; GIS; animated map; spatiotemporal data. Abstract. Maps are an excellent way to present
More informationCREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1
CREATING A WEBSITE USING CSS Mrs. Procopio CTEC6 MYP1 HTML VS. CSS HTML Hypertext Markup Language CSS Cascading Style Sheet HTML VS. CSS HTML is used to define the structure and content of a webpage. CSS
More informationAccessing OGC Services To access OGC WMS and WFS open the service in the directory that you want to consume, and click on either WMS or WFS.
Using Web Services Web Services Overview This user guide contains instructions on how to consume a range of services through a range of both web based and desktop GIS applications. Web services are a live
More informationCascading Style Sheets Level 2
Cascading Style Sheets Level 2 Course Objectives, Session 1 Level 1 Quick Review Chapter 6 Revisit: Web Fonts Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your Site s Navigation Begin
More informationSkill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)
Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.4 Use graphics and objects on Web Page (7 hrs) 323.4.1 Insert foreground features 323.4.2 Modify image attributes 323.4.3
More informationThe Benefits of CSS. Less work: Change look of the whole site with one edit
11 INTRODUCING CSS OVERVIEW The benefits of CSS Inheritance Understanding document structure Writing style rules Attaching styles to the HTML document The cascade The box model CSS units of measurement
More informationGEOSPATIAL ENGINEERING COMPETENCIES. Geographic Information Science
GEOSPATIAL ENGINEERING COMPETENCIES Geographic Information Science The character and structure of spatial information, its methods of capture, organisation, classification, qualification, analysis, management,
More informationCITS1231 Web Technologies. Introduction to Cascading Style Sheets
CITS1231 Web Technologies Introduction to Cascading Style Sheets The Problems with HTML Poor Coding No consistency in the way a document is developed. The same markup can often be written a number of ways.
More informationFramework specification, logical architecture, physical architecture, requirements, use cases.
Title: A5.2-D3 3.3.1 Alignment Editor Specification Editor(s)/Organisation(s): Thorsten Reitz (Fraunhofer IGD) Contributing Authors: Thorsten Reitz (Fraunhofer IGD), Marian de Vries (TUD) References: A1.8-D4
More informationMEXICO 2015, ilab XALAPA
MEXICO, ilab XALAPA http://tiny.cc/gslmex15 CSS CSS CASCADING STYLE SHEETS Color Advantages SAVES TIME - write CSS once and then reuse same sheet in multiple HTML Pages PAGES LOAD FASTER - Just write one
More informationThe use of OpenSource technologies for distributing historic maps and creating search engines for searching though the catalogues
The use of OpenSource technologies for distributing historic maps and creating search engines for searching though the catalogues Manfred Buchroithner*,János Jeney*+** * Technical University Dresden **
More informationWeb Design and Development ACS-1809
Web Design and Development ACS-1809 Chapter 4 Cascading Style Sheet Cascading Style Sheets A style defines the appearance of a document A style sheet - a file that describes the layout and appearance of
More informationXML: Introduction. !important Declaration... 9:11 #FIXED... 7:5 #IMPLIED... 7:5 #REQUIRED... Directive... 9:11
!important Declaration... 9:11 #FIXED... 7:5 #IMPLIED... 7:5 #REQUIRED... 7:4 @import Directive... 9:11 A Absolute Units of Length... 9:14 Addressing the First Line... 9:6 Assigning Meaning to XML Tags...
More informationSession 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties
Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html
More informationIntroduction THE OPENGEO ARCHITECTURE
Introduction Putting maps on the web used to be very very difficult. It required specialized software, and more important, specialized knowledge about the kinds of data and processes used to create cartographic
More informationWelcome to the Introduction to Mapbender
0 Welcome to the Introduction to Mapbender Author: Astrid Emde Author: Christoph Baudson Version: 1.0 License: Creative Commons Date: 2010-08-30 1 Table of Contents 1 Project Overview 2 1.1 Geoportal Framework
More informationDeveloping Data Extraction and Dynamic Data Visualization (Styling) Modules for Web GIS Risk Assessment System (WGRAS)
Master Thesis in Geographical Information Science nr 82 Developing Data Extraction and Dynamic Data Visualization (Styling) Modules for Web GIS Risk Assessment System (WGRAS) Daniel Assefa 2018 Department
More informationRegarding the quality attributes, the architecture of the system must be:
The SDSS System Overview This chapter gives an overview of the software architecture of the RiskChanges SDSS system. One of the objectives within the project is the development of a SDSS system for probabilistic
More informationCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Mendel Rosenblum 1 Driving problem behind CSS What font type and size does introduction generate? Answer: Some default from the browser (HTML tells what browser how)
More informationCreating and Building Websites
Creating and Building Websites Stanford University Continuing Studies CS 21 Mark Branom branom@alumni.stanford.edu Course Web Site: http://web.stanford.edu/group/csp/cs21/ Week 3 Slide 1 of 16 Week 3 Agenda
More informationSDI SOLUTIONS FOR INSPIRE: TECHNOLOGIES SUPPORTING A FRAMEWORK OF COOPERATION
SDI SOLUTIONS FOR INSPIRE: TECHNOLOGIES SUPPORTING A FRAMEWORK OF COOPERATION Roberto Lucchi 1, Marten Hogeweg 1, Guenther Pichler 2 1 Esri, Redlands, CA, USA 2 Esri Kranzberg, Germany 1 Vision INSPIRE
More information