Omeka basics - rteverson/fallofrome GitHub Wiki

There are two options to combine images, text, and your map in Omeka.

You have a simple page under your name. It uses basic html. You can find a primer on basic html here

To insert your map, have carto generate the ''Embed it'' html. It will look something like this:

<iframe width="100%" height="520" frameborder="0" src="https://rteverson.carto.com/builder/f9720c92-398a-4f64-8be6-3e6992fadd3e/embed" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

Note the width="100%" height="520". By altering those numbers you can change the shape of the map window. There are two kinds of measurements. 100%, is a relative measurement, 520 is in absolute number of pixels. I would recommend experimenting with something like width="100%" height="740"

1. Upload your image to omeka. If you click on "items --> add new item" you'll see something like this:

2. Under "Dublin Core" and "Item type metadata" you can add information about the image. This is useful if you plan to give the image a caption

3. Under "files" you can upload your image. Jpegs will work best.

4. Once you've uploaded your image, it will be visible in the "items" page. If you continually click on the image, you will eventually arrive at a page where the image takes up the whole window. This is the original image file, now uploaded to the web:

If you copy and paste the all of the text in the url bar, you'll have something like this:

https://fallofancientrome.ace.fordham.edu/files/original/34aea28e18e7d3236a3ae34bac26a003.jpg

5. With this, you can insert that image into any html document, with the following html. Replace the url I've used with your one:

<img src="https://fallofancientrome.ace.fordham.edu/files/original/34aea28e18e7d3236a3ae34bac26a003.jpg" alt="A View of Tivoli in Ruins" style="width:100%;height:100%;">

As with the map, you can size it relatively if you use percentages--like 74%--for width and height. This will resize the image for you. If you want absolute measurements, you can use numbers like ''style="width:100px;height:100px;"`` This will select a 100 pixel by 100 pixel square from your image to display. If you wish to use absolute numbers, you should know the pixel dimensions of your image.

Exhibitions are Omeka's way of arranging text and images.

1. Upload your image to Omeka as in 1-3 above.
2. Click on "exhibits-->add an exhibit." You'll see something like this:

3. You're welcome to experiment with the options here. The minimum fields to fill in are title, slug (customizes the last part of your exhibit's url), and credits.

4. To create a page, click "add page." There are several standard formats. "File with text" allows you to combine text and images.

5. This is relatively point and click.

You can add more than one image, and more than one content block, to each page. Under layout options you can also change the image size, and its position on the page.

To insert your map into the text block of an exhibition page in omeka, paste the url carto generates for you into a text window only after clicking on the < > button in the small tool bar just above where you type your text.

This tells omeka that you want the carto url to be read as html, and not treated as formatted text.

Note the width="100%" height="520". By altering those numbers you can change the shape of the map window. There are two kinds of measurements. 100%, is a relative measurement, 520 is in absolute number of pixels. I would recommend experimenting with something like width="100%" height="740"