Design and Build GIS Websites Like a Pro

Introduction

You’ve no doubt heard the saying “Less is More” or “Keep it Simple Stupid!” (KISS).  These terms apply quite well when applied to user interface design for web based GIS applications.  When we present important information to our users, we want that information to be seen.  Our customers should not have to hunt through the site to try and find the important bits of data that we want them to consume.  Our job as web developers and designers is to communicate our meaning and content clearly.

Your primary focus when creating the user interface for a web based GIS application is to create applications with a narrow focus that are easy and intuitive to use.  It is likely that your end users will already be familiar with and understand how to use the navigation components of a map.  They will expect to be able to navigate through the rest of your application in the same ways.

A narrowly focused application is of utmost importance.  Don’t try to recreate your desktop GIS software in a web environment.  It will take far too long to develop and will only frustrate your users.  The addition of too many buttons, tools, and menus can really detract from the core functionality you want to provide your users.

In this course you will learn fundamental techniques for designing and building effective and engaging GIS websites.  We’ll start with the theoretical foundations behind the construction of effective websites and then quickly move to designing the application with wireframing, using HTML/CSS/JavaScript to build the site, examining what HTML5 and CSS3 have to offer us as web designers and developers, and finally we’ll learn how to incorporate our GIS functionality into the design.  The end result will be a GIS application that is easy to understand and use as well as attractively designed.

Course Modules

  • The Quest for Great Web Design
  • Fundamentals of HTML
  • Fundamentals of CSS
  • Introduction to the ArcGIS Server JavaScript API
  • Putting it all Together

16 GISP Credit Hours

Course Formats and Pricing

Available Anytime!

Our self-paced classes are delivered through our online training platform.  You will be emailed instructions for creating a login and activating your course.  All lectures are pre-recorded so you can progress through the course at your own pace.  The same applies to the exercise.  The course does not have an expiration date.

You can also register for classes using our registration form.

Brandon Clark
Brandon ClarkAlabama Power
Knowledgeable instructor, well paced class, applicable information covered, hands-on style
Matt Gubitosa
Matt GubitosaU.S. EPA
"I strongly and highly recommend it" -- Matt Gubitosa, U.S. EPA
Joseph Monti
Joseph Monti
Definitely got me "over the hump" of being able to grasp Python.
Chris Pollard
Chris PollardDelaware Valley Regional Planning Commission
"Very informative and knowledgeable course. It help determine which direction I should take my further GIS and web programming skills." -- Chris Pollard (Delaware Valley Regional Planning Commission)
Jason Warzinik
Jason WarzinikBoone County, MO
"I have attended a number of instructor lead  training courses offered by ESRI, which are great in their own right, but the Mastering the ArcGIS Server JavaScript API course gets much more in-depth than they often do.  I really liked the recommended reading, they helped expand the terms being covered in lecture to concrete examples that could be related back to my work more directly instead of just having the lecture and exercises alone.  I learned a lot andwill recommend this and other GeoSpatial Training courses to the GIS'ers I know. Thanks for putting this course together and offering it ...
Michael Philp
Michael PhilpCity of Springville, UT
"Really good course material. Very relevant subject matter." --Michael Philp (City of Springville, UT)
Chris Hickin
Chris HickinNYC Fire Dept
"These courses are great. I am so pressed for time this is the only way I can acquire extra skills these days. Thank you Eric for all your hard work!" -- Chris Hickin (NYC Fire Dept.)
Pal Herman Sund
Pal Herman Sund
"I really enjoyed the Python/ArcGIS course. For me the right balance between detail and overview. Good work!" - Pal Herman Sund
Kyle Lockhart
Kyle LockhartEscambia County, FL
"I thought the course was very organized. The style of presentation and the lesson format worked well together. It made the informationeasy to understand."  -- Kyle Lockhart (Escambia County, FL)
Aleeta Zeller
Aleeta ZellerChattanooga RPA
Class was well organized, well paced and I learned a lot