Skip to main content

Building an Omeka Exhibit at the Fisher Fine Arts Library: HTML Help

A guide for using Omeka and Neatline in the humanities

Tech background for using Omeka

Omeka, unlike other platforms, does require some ability with HTML and CSS. The good news is, the better you are at markup, the more you can customize your site! I only had a bit of experience through a class I had taken last fall, so I kept to the basics, but do try playing around. In case you don't have much experience with HTML or CSS, the links on this page should help you enough to get your site going.

HTML Essential Training

This is a rather lengthy, but informative, Lynda tutorial. You'll have to authenticate in to watch it

 https://www.lynda.com/Web-Development-tutorials/HTML-Essential-Training/170427-2.html?org=upenn.edu

HTML tutorial

If you're looking for more of a refresher than a full course like the Lynda.com video, this 3 minute one should be of some use:

https://youtu.be/dD2EISBDjWM?list=PLr6-GrHUlVf_ZNmuQSXdS197Oyr1L9sPB

Learn HTML code: span

To link items to text, as I did in my exhibit, you will need to use Span tags. All of this markup will happen within the Source section of the WYSIWYG editor. An important thing to remember about span tags is that you need to close them! There's no error if you forget, the link just won't work and then you need to look over your work to see where you went wrong.

Short video on span tags: https://youtu.be/UuwiVehV27w

Web Content Accessibility Guidelines (WCAG)

Please be sure to keep users with accessibility issues, such as cognitive and visual impairment, in mind when designing your site. The guidelines established in the WCAG 2.0 give ways to make your Omeka site accessible to such users.

https://www.w3.org/TR/WCAG20/