Core 2 Interaction: Lab – Questionnaire

This is the questionnaire index file. Replace this content with your responses from the prompts listed on the Dropbox Paper document.

1.Describe your previous experiences with coding.

I have taken the HTML/CSS/JS class last semester but am not really familiar with it.

2.How excited about learning code are you? Are you nervous about learning code? If so, why? What can I do in this class to help reduce this anxiety?

I am excited about learning code about also nervous about it. It is a new thing, I would hope could explain slowly.

3.How do you imagine coding fitting in with the rest of your design curriculum and career after college?

It would be really interesting to combine the design with the code. And I think coding is a useful skill for finding careers.

4.What text editor do you prefer to use?

I do not have the specific editor prefer to use.

5.Have you used GitHub before? Do you know what it is? Describe your understanding of GitHub.

I do have leard a little bit of using GitHub last semester, I think it is like a google drive that you can read the others works through their GitHub profoilo page. Which also could save the works on the GitHub that writing the code and publish the create website through Github.

6.Describe the relationship between HTML, CSS and JavaScript. Try using a unique analogy to describe this relationship. Bonus points for creative analogies

HTML is create the structure of the website, CSS is described how the website look like, and the JavaScript is made the side more interactive. To describe as the person, HTML is how the person body, CSS is how the people wear, JavaScipt is the personality to interact with others.

7.Using each HTML heading tag, list your favorite foods ranked by importance

milk tea

hot pot

Noodle

8.Create an unordered list and link to some of your favorite graphic design or development related websites. Include a paragraph on each site describing why it is important to you.

  • Color
  • This is a reference website for using colors.Which is really useful for me when I design a work and looking for the color match. You also can copy the colors RGB number or CMYK number that also is good for working in digital.

    9.Insert an image that brings you joy to the page. Make sure the image includes text that describes the image.

    sky

    10.Insert a video embed into the page (for example, a YouTube or Vimeo embed tag of a video of your choosing).

    11.Nest the following series of HTML tags inside each other, where each represents a new level. Make sure to maintain proper indentation.

    12.Create an ordered list of the top 5 countries you’d like to visit. Within each country, create another ordered list of the top cities you’d like to visit in that country. Maintain proper indentation and make sure you nest your ordered lists properly.

    Taiwan
  • Taipei
  • Taichung
  • Kaohsiung
  • Tainan
  • Yilan
  • Japan
  • Tokyo
  • Osaka
  • Kyoto
  • Fukuoka
  • Yokohama
  • United States
  • Los Angeles
  • San Francisco
  • Chicage
  • Denver
  • Las Vegas
  • Italy
  • Rome
  • Milan
  • Naples
  • Palermo
  • Genoa
  • Korea
  • Busan
  • Daegu
  • Daejeon
  • Gwangiu
  • Incheon
  • 13.Use pre tags to create a simple concrete poetry version of a Haiku or other poem you write. The poem should represent how you feel at this moment. * Hint: pre tags respect whitespace, you can add add lots of spaces and line breaks and they will show up like that when you view the web page.

    Gerard Manley Hopkins, ‘The Starlight Night’.

        Look at the stars! look, look up at the skies!
        O look at all the fire-folk sitting in the air!
        The bright boroughs, the circle-citadels there!
        Down in dim woods the diamond delves! the elves’-eyes!
        The grey lawns cold where gold, where quickgold lies … 

    15.Create an unordered list of at least 6 musical artists you like to listen to. Add a class to each list item that matches the genre of music of that artist.

    Lorde
    Jake Miller
    Gareth.T
    Georgia Wevster
    Sara Kays
    Griff

    16.Describe the difference between block, inline-block and inline elements.

    Inline elements can begin within a line. Blocks cannot begin within a line which always starts the new line.