Skip to main content

Museums and the Web

An annual conference exploring the social, cultural, design, technological, economic, and organizational issues of culture, science and heritage on-line.

Using Grid-Based Web Design to Optimize Content Authoring and Presentation

Abstract

Grid-based web design and the corresponding tools provide an accelerated path for web designers, developers, and content authors alike with the added benefit of providing a cleaner and more structured presentation to web site visitors. By borrowing this design approach from print publications and applying it to the web, a common and simplified language can be utilized by all members of a web site team Free templates are available online to serve as starting points for creating sites with a fixed number of columns (usually twelve or sixteen). Designers are then freed to focus on style more than layout, developers can create powerful layouts simply by assigning CSS classes expressing column size, and content creators can use simple tools to create rich text and image layouts using the same column convention. All parties involved can speak a simplified column number sizing system as opposed to pixel dimensions. We will show how the Indianapolis Museum of Art has been using this technique to optimize our web development efforts in addition to WYSIWYG and WIKI tools that enable content authors.

Type: 

Mini-Workshop - teaches something or explores approaches

Authors

mgipson's picture
Matt is a Web Designer with a Bachelor’s degree in Computer Graphics Technology from Purdue University. He discovered his love for pixels as a kid playing video games and combined that with his love for drawing to end up where he is today. As the Senior Digital Graphic Designer at the IMA, Matt is...
cmoad's picture
Charlie leads the application development team towards providing open-source and reusable solutions for the IMA and the cultural community as a whole. His diverse programming background has helped the IMA provide internal solutions and bypass the communications barrier often experienced with museum...

Comments Syndicate content