Skip to content
Snippets Groups Projects
Select Git revision
  • master default
1 result

labAnswers.md

Blame
    • Forked from Dr.Pirmann / CI101Week56Lab
    This fork has diverged from the upstream repository.
    labAnswers.md 2.34 KiB

    Week 5/6 – HTML, JavaScript, and Websites

    Lab Answer Sheet

    Due 11:59 pm November 4, 2019

    Lab Section #: 066

    Student Full Names:

    Gavin Bromberg DeAngelo Buxton

    Week 5

    2.     Which option did your team choose? Why?

    3.     Add the link to the repository for this project:
                git@gitlab.cci.drexel.edu:trp74/CI101Week56Lab.git
    4.     What did you find inside the two folders?
                logos and nodes module

    5.     HTML Edits
    6.     Find the comment that says question 4a. Add a screenshot below, or just paste the code including the tags.
    8.     Find the comment for question 4b. Add a screenshot below, or just paste the code including the  tags.
    10.     Find question 4c and add a value to the src attribute (currently #). Which logo did you choose, and why? Also, paste the edited line of code here.

      cci-1.jpg, because I thought the design was nice.

    12.     Find question 4d and add the relative address of stylesheet.css to the href of the link tag. (hint, unlike the images, stylesheet.css is in the same folder as index.html) Paste the edited tag below. Reload the page in the browser. What changed, if anything?

    14. <link rel="stylesheet" href="stylesheet.css">

    15. We saw the stylesheet.css in the browser

    17.     Add a new row to the table, test it then paste your new line of code below.

    18.     CSS Edits
    19.     In stylesheet.css, change the background-color of #header-row. Reload the html page in your browser, what happened? Paste the changed CSS rule here.

    20.     Now change the background-color of .rows? How were the two results different? Based on what you've learned about id and class, what do you think the # and . mean?
    22.     Find question 5c in stylesheet.css. Notice how the button has a margin of 5px and a padding of 5px. What happens if you change the margin? The padding?
    24.     Find question 5d in stylesheet.css. add a background-image to the body element then paste the rule here.
    26.     A Little JavaScript
    27.     Find question 6 in index.html. Change the content of the onclick from # to goToCCI(). What happens when you press the button now? Look in index.js, can you find what's causing this change?