Skip to Main Content

FREN 353: The French Chanson

Guide created for Professor Éva Pósfay, Spring 2022

Your Timeline!

To populate the course's timeline, add information to this spreadsheet.

And here is where you can see the timeline in action.

Adding Content to The Timeline

 

COLUMNS

INSTRUCTIONS

EXAMPLE

Date (A-D)

Required. This is for either the exact date of the song or the start date for a date range associated with the song. Year field is required as 4 digits. Fill in 2 digit Month and May if applicable. Ignore Time.

1955 02 25

End Date (E-H)

Optional. Use these fields only to enter the end date for a date range. Year field is required as 4 digits. Fill in 2 digit Month and May if applicable. Ignore Time.

1955 03 01

Display Date

Optional. If you apply a date range to a song, but want a single date to appear.

1955

Headline

Required. Main Title for your entry. Should be less than 4 words for clarity and will display in all-caps.

J'AI DEUX AMOURS

Text

Required. Your information about the song. Being concise is key: try not to have more than 2 paragraphs. Include links to the relevant audio files within the text and citation for any other sources referenced. HTML tags are required to make clickable links and format text appropriately.

<p><a href="https://youtu.be/gRfrUdsL4Pk">INA</a> non dubitatur quod cum le Casino de Paris le Casino de Parisvirtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis <a href="https://youtu.be/zBlJ4vfmFS8">Zaz</a>.</p> <p> non dubitatur quod cum le Casino de Paris le Casino de Parisvirtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis</p>

Media

Required. URL for a publicly visible image file. Note: must end with .jpg, .png, or .tiff to be usable.

https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Josephine_Baker_1950.jpg/170px-Josephine_Baker_1950.jpg

Media Credit

Required. Citation information for the source of the image file you selected. Use HTML tags to make clickable links and format text appropriately.

<a href="https://commons.wikimedia.org/wiki/File:Josephine_Baker_1950.jpg">Wikimedia Commons</a>

Media Caption

Required. Short description of the image, which also acts as alt-text for screen readers.

Portrait photograph by Rudolf Suroch of Josephine Baker. Havana, Cuba. 1950.

Media thumbnail, Type, Group

Not applicable

 

Background

Image or color to be the background for your entry

#333333 (dark grey - use 6 digit hex codes) or URL to image file

HTML Basics

Paragraphs: use <p> tags at beginning and end of each paragraph.

Example Code: <p>This is some text in a paragraph.</p>

Example Result: This is some text in a paragraph.

Links: use  <a> tags with the URL in the initial code in quotation marks.

Example Code: <a href="https://www.w3schools.com">Visit W3Schools.com!</a>

Example Result: Visit W3Schools.com!

Italics: use <em> tags at the beginning and end of each word/phrase.

Example Code: <em>Emphasized text</em>

Example Result: Emphasized text

Bold: use <strong> tags at the beginning and end of each word/phrase.

Example Code: <strong>Strong text</strong>

Example Result: Strong text

Image URLs

For this project, you'll have to capture the "Image URL" for pictures that you want to put into your Timeline. This is different from the URL of the page on which an image is displayed!

In general, here are the steps you'll follow to capture the correct URL:

  1. Find your image online (see advice on the "Online Images and Music" tab above)
  2. Right-click on the image you wish to use.
    Note: Be sure you're viewing the full sized image and not just a thumbnail size
  3. From the right-click menu, select the appropriate option:
    • Chrome or Safari: "Copy Image Address"
    • Firefox: "Copy Image Location"
    • Internet Explorer: Properties > Copy the URL address shown

Citing your sources

Image/Media Citations

Put a full citation into the "Media Credit" box in the spreadsheet.

Example: Image of cat. 2016, img1.wsimg.com/fos/sales/cwh/8/images/cats-with-hats-shop-06.jpg.

Text Citations

Cite your sources in text as usual. If you have any citations, then at the end of the text put a full bibliography entry enclosed in Paragraph tags. (You do NOT need to create hanging indents in web-based bibliographies.)

Example: <p>Piper, Andrew. “Rethinking the Print Object: Goethe and the Book of Everything.<em>PMLA</em>, vol. 121, no. 1,  Jan. 2006, pp. 124-38. JSTOR, <a href="https://www.jstor.org/stable/25486292">www.jstor.org/stable/25486292</a>.</p>