Scribd Logo
Upload

Welcome to Scribd!

  • Digital Media Design: Dr. Will Kurlinkus

    Uploaded by

    wkurlinkus7386
    187 views12 pages
    ads

    Original Title

    Day1

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    ads

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    187 views12 pages

    Digital Media Design: Dr. Will Kurlinkus

    Uploaded by

    wkurlinkus7386
    ads

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 12

    DIGITAL MEDIA DESIGN

    Dr. Will Kurlinkus


    WHAT ARE WE GOING TO DO?

    ¤ Design: creating things to be used by people to act in


    the world (whether finding info on a website, learning
    from a video, or imagining a better future—we use
    designs to do things).
    1. Web: 20%
    2. Video: 20%
    3. Image & Doc: 20%
    4. Final: 30%
    ¤ Participation, homework, in-class activities, presentations:
    10%
    Design Writer: IDEO Design Jobs
    WHO ARE YOU?

    1. Name

    2. Major

    3. Year in school

    4. Something you’re good at/like to do in terms of


    multimodality (photography, playing music, crafting,
    scrapbooking, knitting, drawing, web design,
    photoshop, listening to podcasts, watching YouTube
    videos, etc.)
    WHO AM I?

    ¤ Technical and
    professional writer

    ¤ I study nostalgia
    designs
    WHAT ARE THE RULES?
    1. Come to class
    ¤ Each unexcused absence after two in a unit will result in a letter grade
    deduction
    ¤ 6 absences you fail

    2. Follow along and if you get behind ask a question

    3. Come to my office hours if you’re confused

    4. Use studio time seriously. This class is a lot of work if you don’t
    come to class ready to go.

    5. Turn in assignments on time having read the instructions

    6. Pay attention and take notes—I don’t want to repeat myself 1000
    times.
    What You Need

    ¤ Notebook

    ¤ Storage device (several gigs usb)

    ¤ Headphones

    ¤ Access to Adobe Suite will be helpful


    LET’S GET STARTED

    ¤ HTML: Hypertext mark up language. It’s not pretty. It’s for labeling things. (CSS is pretty.)

    ¤ Our textbook: w3schools

    ¤ Notepad on Windows:
    ¤ Windows 8 or later:
    ¤ Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
    ¤ Windows 7 or earlier:
    ¤ Open Start > Programs > Accessories > Notepa

    ¤ Our coding platform: text edit/Notepad


    ¤ Open Finder > Applications > TextEdit
    ¤ Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"
    ¤ Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".
    ¤ Then open a new document to place the code.

    ¤ Create another folder in this folder. Call it images

    ¤ Find a picture of yourself and put it in that folder. Rename the picture to something simple.
    Add some information

    ¤ Will Kurlinkus Bio

    ¤ Hometown: Roscoe, IL

    ¤ Website: wkurlinkus.com

    ¤ Job: Professor of English, Director of Technical Writing

    ¤ Favorite Author: Terry Pratchet

    ¤ Favorite Food: Candy

    ¤ Favorite Cat: NeNe


    Basic Webpage Structure

    <!DOCTYPE html>

    <html>

    <head>

    </head>

    <body>

    <!--note to self this is how I can take notes in my html without anyone
    knowing-->

    </body>

    </html>
    Parts of an HTML Tag
    ¤ This is an html element: <tagname>content goes
    here...</tagname>
    ¤ Most elements have an opening and a closing tag. Closing tags are
    indicated by a forward slash.
    ¤ Elements tell the browser how to read and display what is inside them

    ¤ Open elements (br and images, for example) don’t need an end
    tag.

    ¤ Many times elements contain attributes that give extra information


    about the element. They are always contained in the opening tag.
    ¤ Attributes often come in name value pairs: <tag name=“value”>
    ¤ <img src=“kitten.jpg”>
    Homework

    1. Mess around with HTML—if you couldn’t get something


    to work. Get it to work.

    2. Do the readings and be prepared to tell me some


    keywords/definitions about good design next time.

    3. Go to canva.com and sign up for a FREE account

    4. Be on the lookout for bad business websites/businesses


    that don’t yet have a website.

    You might also like