New Media Production Week 1

Welcome! Syllabus!

Project One

Make me a MEmorial that is not a memorial.

Media/Requirements: HTML and CSS. Multiple pages. Images (probably altered with Photoshop). Perhaps video clips. Links. Scraps. Quirkiness. ATH. Abject.

Due Date: Sept. 19th / We will view/traverse/experience your MEmorials in class

Quick Fire Challenge #1 Walter Ong Remediation

It begins! Let’s play around.

Read through the Walter Ong. Take five sentences that you think are especially noteworthy.

Spend sometime (no more than 10 minutes) finding an image for each of your sentences. It is helpful is the images are (kind of) the same size.

Open Photoshop

In Photoshop, crop the images so that they are all the exact same size.

In Photoshop, use a filter on the images and adjust their brightness and color.

In Photoshop, put your quotes onto the images using the text tool. Try and keep the font consistent across all images. Make a least one word in each sentence a different color than the rest of the words in that sentence.

Bonus: Make an opaque box underneath your text so that the text is more legible (time permitting).

Unzip the file folder I emailed you. If you do not know what “unzip” means, then Google it. If you are feeling a bit cray-cray, ask me for help.

Find the folder called “images” in the unzipped folder I sent you. You will save your images here when you export them (next step)

Export your images from Photoshop as “.jpg” / Note that this is different from saving them as .psd. Save them as image1.jpg image2.jpg image3.jpg etc. Again, save them in the folder called “images.”

In the folder called images, right-click on the file called index.html and select “open with” some web browser (Chrome, Firefox)

Pretty cool, right? Just wait.

Homework

There are so many things to do. But I have arranged them into a list.

  1. Sign up for Twitter. Read my quick primer for Twitter.
  2. Follow me (@Oisin16). Post something cool with the hash tag #enc6422. Follow everyone else in the class as they post to the hash tag. Rejoice in newfound friendships.
  3. Download either Notepad++ (PC) or TextWrangler (mac).
  4. Familiarize yourself with USF Apps.
  5. Re-read Ulmer’s preface, intro, and chapter 1. Read Chapters 2 and 3. Focus on your assignment: Make Me a MEmorial that is not a memorial.
  6. Read and do Duckett, pages 2-40 and 74-125. By “do,” I mean create an .html assignment sheet for our first project using at least 3 links and 2 images. Save this .html file in the “new-media” folder I gave you in our first class.
  7. As you make your assignment sheet, I will ask that you make it purely “content,” don’t deal with “form” at this point (in other words, use only html tags, do not use style rules yet–we will start that next week!)
  8. Sign-up for your URL and server space with BlueHost. You should not need to spend more than a the $4.95 a month (I don’t)–you don’t need any of those additional services. We will play with these sites (including a walkthrough for the WordPress install) next week.
  9. Purchase (i0S / recommended) / create an account for SuperBetter
  10. Tonight–Steam has Walking Dead Season 1 on sale for 6.24 since (rather than its usual 24.99). This sale ends at 10am tomorrow morning.
Print Friendly, PDF & Email
This entry was posted in Uncategorized. Bookmark the permalink.