{\f47\fbidi \froman\fcharset0\fprq0{\*\panose 00000000000000000000}TimesNewRomanPSMT{\*\falt Times New Roman};}{\f48\fbidi \fswiss\fcharset0\fprq0{\*\panose 00000000000000000000}ArialMT{\*\falt Arial};}
{\f49\fbidi \froman\fcharset0\fprq0{\*\panose 00000000000000000000}TimesNewRomanPS-BoldMT{\*\falt Times New Roman};}{\f145\fbidi \fswiss\fcharset0\fprq2{\*\panose 020b0604030504040204}Tahoma;}
{\f177\fbidi \fnil\fcharset134\fprq2{\*\panose 02010600030101010101}@DengXian;}{\flomajor\f31500\fbidi \froman\fcharset0\fprq2{\*\panose 02020603050405020304}Times New Roman;}
{\fbimajor\f31503\fbidi \froman\fcharset0\fprq2{\*\panose 02020603050405020304}Times New Roman;}{\flominor\f31504\fbidi \froman\fcharset0\fprq2{\*\panose 02020603050405020304}Times New Roman;}
{\fbiminor\f31507\fbidi \froman\fcharset0\fprq2{\*\panose 02020603050405020304}Times New Roman;}{\f457\fbidi \froman\fcharset238\fprq2 Times New Roman CE;}{\f458\fbidi \froman\fcharset204\fprq2 Times New Roman Cyr;}
{\f460\fbidi \froman\fcharset161\fprq2 Times New Roman Greek;}{\f461\fbidi \froman\fcharset162\fprq2 Times New Roman Tur;}{\f462\fbidi \froman\fcharset177\fprq2 Times New Roman (Hebrew);}{\f463\fbidi \froman\fcharset178\fprq2 Times New Roman (Arabic);}
{\f464\fbidi \froman\fcharset186\fprq2 Times New Roman Baltic;}{\f465\fbidi \froman\fcharset163\fprq2 Times New Roman (Vietnamese);}{\f497\fbidi \fswiss\fcharset238\fprq2 Helvetica CE;}{\f498\fbidi \fswiss\fcharset204\fprq2 Helvetica Cyr;}
{\f504\fbidi \fswiss\fcharset186\fprq2 Helvetica Baltic;}{\f505\fbidi \fswiss\fcharset163\fprq2 Helvetica (Vietnamese);}{\f797\fbidi \froman\fcharset238\fprq2 Cambria Math CE;}{\f798\fbidi \froman\fcharset204\fprq2 Cambria Math Cyr;}
{\f800\fbidi \froman\fcharset161\fprq2 Cambria Math Greek;}{\f801\fbidi \froman\fcharset162\fprq2 Cambria Math Tur;}{\f804\fbidi \froman\fcharset186\fprq2 Cambria Math Baltic;}{\f805\fbidi \froman\fcharset163\fprq2 Cambria Math (Vietnamese);}
{\f2228\fbidi \fnil\fcharset204\fprq2 @DengXian Cyr;}{\f2230\fbidi \fnil\fcharset161\fprq2 @DengXian Greek;}{\flomajor\f31508\fbidi \froman\fcharset238\fprq2 Times New Roman CE;}{\flomajor\f31509\fbidi \froman\fcharset204\fprq2 Times New Roman Cyr;}
{\flomajor\f31511\fbidi \froman\fcharset161\fprq2 Times New Roman Greek;}{\flomajor\f31512\fbidi \froman\fcharset162\fprq2 Times New Roman Tur;}{\flomajor\f31513\fbidi \froman\fcharset177\fprq2 Times New Roman (Hebrew);}
{\flomajor\f31514\fbidi \froman\fcharset178\fprq2 Times New Roman (Arabic);}{\flomajor\f31515\fbidi \froman\fcharset186\fprq2 Times New Roman Baltic;}{\flomajor\f31516\fbidi \froman\fcharset163\fprq2 Times New Roman (Vietnamese);}
{\fhimajor\f31535\fbidi \fswiss\fcharset186\fprq2 Calibri Light Baltic;}{\fhimajor\f31536\fbidi \fswiss\fcharset163\fprq2 Calibri Light (Vietnamese);}{\fbimajor\f31538\fbidi \froman\fcharset238\fprq2 Times New Roman CE;}
{\fbimajor\f31539\fbidi \froman\fcharset204\fprq2 Times New Roman Cyr;}{\fbimajor\f31541\fbidi \froman\fcharset161\fprq2 Times New Roman Greek;}{\fbimajor\f31542\fbidi \froman\fcharset162\fprq2 Times New Roman Tur;}
{\fbimajor\f31543\fbidi \froman\fcharset177\fprq2 Times New Roman (Hebrew);}{\fbimajor\f31544\fbidi \froman\fcharset178\fprq2 Times New Roman (Arabic);}{\fbimajor\f31545\fbidi \froman\fcharset186\fprq2 Times New Roman Baltic;}
{\fbimajor\f31546\fbidi \froman\fcharset163\fprq2 Times New Roman (Vietnamese);}{\flominor\f31548\fbidi \froman\fcharset238\fprq2 Times New Roman CE;}{\flominor\f31549\fbidi \froman\fcharset204\fprq2 Times New Roman Cyr;}
{\flominor\f31551\fbidi \froman\fcharset161\fprq2 Times New Roman Greek;}{\flominor\f31552\fbidi \froman\fcharset162\fprq2 Times New Roman Tur;}{\flominor\f31553\fbidi \froman\fcharset177\fprq2 Times New Roman (Hebrew);}
{\flominor\f31554\fbidi \froman\fcharset178\fprq2 Times New Roman (Arabic);}{\flominor\f31555\fbidi \froman\fcharset186\fprq2 Times New Roman Baltic;}{\flominor\f31556\fbidi \froman\fcharset163\fprq2 Times New Roman (Vietnamese);}
{\fhiminor\f31576\fbidi \fswiss\fcharset163\fprq2 Calibri (Vietnamese);}{\fbiminor\f31578\fbidi \froman\fcharset238\fprq2 Times New Roman CE;}{\fbiminor\f31579\fbidi \froman\fcharset204\fprq2 Times New Roman Cyr;}
{\fbiminor\f31581\fbidi \froman\fcharset161\fprq2 Times New Roman Greek;}{\fbiminor\f31582\fbidi \froman\fcharset162\fprq2 Times New Roman Tur;}{\fbiminor\f31583\fbidi \froman\fcharset177\fprq2 Times New Roman (Hebrew);}
{\fbiminor\f31584\fbidi \froman\fcharset178\fprq2 Times New Roman (Arabic);}{\fbiminor\f31585\fbidi \froman\fcharset186\fprq2 Times New Roman Baltic;}{\fbiminor\f31586\fbidi \froman\fcharset163\fprq2 Times New Roman (Vietnamese);}}
\ltrch\fcs0 \f4\kerning1\insrsid10442697 \hich\af4\dbch\af31505\loch\f4 1.\tab }{\rtlch\fcs1 \af47 \ltrch\fcs0 \f47\expnd3\expndtw15\kerning1\insrsid10442697 \hich\af47\dbch\af31505\loch\f47 Which option did your team choose? Why?}{\rtlch\fcs1 \af47
\f47\expnd3\expndtw15\kerning1\insrsid10442697 \hich\af47\dbch\af31505\loch\f47 Add the link to the repository for this project:}{\rtlch\fcs1 \af47 \ltrch\fcs0 \f47\expnd3\expndtw15\kerning1\insrsid10442697 \loch\af47\dbch\af31505\hich\f47 \u8232\'3f}{
\f4\fs24\kerning1\insrsid10442697 \hich\af4\dbch\af31505\loch\f4 3.\tab }{\rtlch\fcs1 \af4\afs24 \ltrch\fcs0 \f4\fs24\expnd3\expndtw15\kerning1\insrsid10442697 \hich\af4\dbch\af31505\loch\f4 What did you find inside the two folders?}{\rtlch\fcs1
Find the comment that says question 4a. Add a screenshot below, or just paste the code including the tags.}{\rtlch\fcs1 \af47\afs24 \ltrch\fcs0 \f47\fs24\expnd3\expndtw15\kerning1\insrsid10442697
Find the comment for question 4b. Add a screenshot below, or just paste the code including the tags.}{\rtlch\fcs1 \af47\afs24 \ltrch\fcs0 \f47\fs24\expnd3\expndtw15\kerning1\insrsid10442697
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.}{\rtlch\fcs1 \af47\afs24 \ltrch\fcs0 \f47\fs24\expnd3\expndtw15\kerning1\insrsid10442697
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 t\hich\af4\dbch\af31505\loch\f4
he edited tag below. Reload the page in the browser. What changed, if anything?
\par {\listtext\pard\plain\ltrpar \rtlch\fcs1 \af4 \ltrch\fcs0 \f4\expnd3\expndtw15\kerning1 \hich\af4\dbch\af31505\loch\f4 d.\tab}\hich\af4\dbch\af31505\loch\f4 We saw the stylesheet.css in the browser
\f4\fs24\expnd3\expndtw15\kerning1\insrsid10442697 \hich\af4\dbch\af31505\loch\f4 Add a new row to the table, test it then paste your new line of code below}{\rtlch\fcs1 \af47\afs24 \ltrch\fcs0 \f47\fs24\expnd3\expndtw15\kerning1\insrsid10442697 .}{
\f4\fs24\expnd3\expndtw15\kerning1\insrsid10442697 \hich\af4\dbch\af31505\loch\f4 Now change the background-color of .rows? How were the two results different? Based on what you\hich\f4 \rquote \loch\f4
ve learned about id and class, what do you think the # and . mean?}{\rtlch\fcs1 \af47\afs24 \ltrch\fcs0 \f47\fs24\expnd3\expndtw15\kerning1\insrsid10442697
nd question 5d in stylesheet.css. add a background-image to the body element then paste the rule here}{\rtlch\fcs1 \af47\afs24 \ltrch\fcs0 \f47\fs24\expnd3\expndtw15\kerning1\insrsid10442697 .
Find question 6 in index.html. Change the content of the onclick from # to }{\rtlch\fcs1 \af5\afs21 \ltrch\fcs0 \f5\fs21\expnd3\expndtw15\kerning1\insrsid10442697 \hich\af5\dbch\af31505\loch\f5 goToCCI()\hich\af5\dbch\af31505\loch\f5 . }{\rtlch\fcs1
\af4\afs24 \ltrch\fcs0 \f4\fs24\expnd3\expndtw15\kerning1\insrsid10442697 \hich\af4\dbch\af31505\loch\f4 What happens when you press the button now? Look in index.js, can you find what\hich\f4 \rquote \loch\f4 s causing this change?}{\rtlch\fcs1
Goes to the }{\rtlch\fcs1 \af4\afs24 \ltrch\fcs0 \f4\fs24\expnd3\expndtw15\kerning1\insrsid469766 \hich\af4\dbch\af31505\loch\f4 Drexel CCI page, the link of the button.}{\rtlch\fcs1 \af47\afs32 \ltrch\fcs0
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 3;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 4;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 5;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 6;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 7;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 8;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 index 9;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 table of authorities;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 macro;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 toa heading;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Bullet;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Number;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List 3;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List 4;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List 5;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Bullet 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Bullet 3;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Bullet 4;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Bullet 5;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Number 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Number 3;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Number 4;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Number 5;\lsdqformat1 \lsdpriority10 \lsdlocked0 Title;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Closing;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Signature;\lsdsemihidden1 \lsdunhideused1 \lsdpriority1 \lsdlocked0 Default Paragraph Font;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text Indent;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Continue;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Continue 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Continue 3;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 List Continue 4;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Date;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text First Indent;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text First Indent 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Note Heading;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text 3;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text Indent 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Body Text Indent 3;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Top of Form;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Bottom of Form;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Normal (Web);\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Acronym;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Address;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Cite;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Code;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Definition;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Keyboard;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Preformatted;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Sample;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Typewriter;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 HTML Variable;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Normal Table;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 annotation subject;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 No List;
\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Outline List 1;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Outline List 2;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Outline List 3;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Table Simple 1;
\lsdqformat1 \lsdpriority1 \lsdlocked0 No Spacing;\lsdpriority60 \lsdlocked0 Light Shading;\lsdpriority61 \lsdlocked0 Light List;\lsdpriority62 \lsdlocked0 Light Grid;\lsdpriority63 \lsdlocked0 Medium Shading 1;\lsdpriority64 \lsdlocked0 Medium Shading 2;
\lsdpriority65 \lsdlocked0 Medium List 1;\lsdpriority66 \lsdlocked0 Medium List 2;\lsdpriority67 \lsdlocked0 Medium Grid 1;\lsdpriority68 \lsdlocked0 Medium Grid 2;\lsdpriority69 \lsdlocked0 Medium Grid 3;\lsdpriority70 \lsdlocked0 Dark List;
\lsdpriority64 \lsdlocked0 Medium Shading 2 Accent 2;\lsdpriority65 \lsdlocked0 Medium List 1 Accent 2;\lsdpriority66 \lsdlocked0 Medium List 2 Accent 2;\lsdpriority67 \lsdlocked0 Medium Grid 1 Accent 2;\lsdpriority68 \lsdlocked0 Medium Grid 2 Accent 2;
\lsdpriority69 \lsdlocked0 Medium Grid 3 Accent 2;\lsdpriority70 \lsdlocked0 Dark List Accent 2;\lsdpriority71 \lsdlocked0 Colorful Shading Accent 2;\lsdpriority72 \lsdlocked0 Colorful List Accent 2;\lsdpriority73 \lsdlocked0 Colorful Grid Accent 2;
\lsdpriority60 \lsdlocked0 Light Shading Accent 3;\lsdpriority61 \lsdlocked0 Light List Accent 3;\lsdpriority62 \lsdlocked0 Light Grid Accent 3;\lsdpriority63 \lsdlocked0 Medium Shading 1 Accent 3;\lsdpriority64 \lsdlocked0 Medium Shading 2 Accent 3;
\lsdpriority65 \lsdlocked0 Medium List 1 Accent 3;\lsdpriority66 \lsdlocked0 Medium List 2 Accent 3;\lsdpriority67 \lsdlocked0 Medium Grid 1 Accent 3;\lsdpriority68 \lsdlocked0 Medium Grid 2 Accent 3;\lsdpriority69 \lsdlocked0 Medium Grid 3 Accent 3;
\lsdpriority70 \lsdlocked0 Dark List Accent 3;\lsdpriority71 \lsdlocked0 Colorful Shading Accent 3;\lsdpriority72 \lsdlocked0 Colorful List Accent 3;\lsdpriority73 \lsdlocked0 Colorful Grid Accent 3;\lsdpriority60 \lsdlocked0 Light Shading Accent 4;
\lsdpriority61 \lsdlocked0 Light List Accent 4;\lsdpriority62 \lsdlocked0 Light Grid Accent 4;\lsdpriority63 \lsdlocked0 Medium Shading 1 Accent 4;\lsdpriority64 \lsdlocked0 Medium Shading 2 Accent 4;\lsdpriority65 \lsdlocked0 Medium List 1 Accent 4;
\lsdpriority66 \lsdlocked0 Medium List 2 Accent 4;\lsdpriority67 \lsdlocked0 Medium Grid 1 Accent 4;\lsdpriority68 \lsdlocked0 Medium Grid 2 Accent 4;\lsdpriority69 \lsdlocked0 Medium Grid 3 Accent 4;\lsdpriority70 \lsdlocked0 Dark List Accent 4;
\lsdpriority62 \lsdlocked0 Light Grid Accent 5;\lsdpriority63 \lsdlocked0 Medium Shading 1 Accent 5;\lsdpriority64 \lsdlocked0 Medium Shading 2 Accent 5;\lsdpriority65 \lsdlocked0 Medium List 1 Accent 5;\lsdpriority66 \lsdlocked0 Medium List 2 Accent 5;
\lsdpriority67 \lsdlocked0 Medium Grid 1 Accent 5;\lsdpriority68 \lsdlocked0 Medium Grid 2 Accent 5;\lsdpriority69 \lsdlocked0 Medium Grid 3 Accent 5;\lsdpriority70 \lsdlocked0 Dark List Accent 5;\lsdpriority71 \lsdlocked0 Colorful Shading Accent 5;
\lsdpriority63 \lsdlocked0 Medium Shading 1 Accent 6;\lsdpriority64 \lsdlocked0 Medium Shading 2 Accent 6;\lsdpriority65 \lsdlocked0 Medium List 1 Accent 6;\lsdpriority66 \lsdlocked0 Medium List 2 Accent 6;
\lsdpriority67 \lsdlocked0 Medium Grid 1 Accent 6;\lsdpriority68 \lsdlocked0 Medium Grid 2 Accent 6;\lsdpriority69 \lsdlocked0 Medium Grid 3 Accent 6;\lsdpriority70 \lsdlocked0 Dark List Accent 6;\lsdpriority71 \lsdlocked0 Colorful Shading Accent 6;
\lsdpriority46 \lsdlocked0 List Table 1 Light;\lsdpriority47 \lsdlocked0 List Table 2;\lsdpriority48 \lsdlocked0 List Table 3;\lsdpriority49 \lsdlocked0 List Table 4;\lsdpriority50 \lsdlocked0 List Table 5 Dark;
\lsdpriority51 \lsdlocked0 List Table 6 Colorful;\lsdpriority52 \lsdlocked0 List Table 7 Colorful;\lsdpriority46 \lsdlocked0 List Table 1 Light Accent 1;\lsdpriority47 \lsdlocked0 List Table 2 Accent 1;\lsdpriority48 \lsdlocked0 List Table 3 Accent 1;
\lsdpriority49 \lsdlocked0 List Table 4 Accent 1;\lsdpriority50 \lsdlocked0 List Table 5 Dark Accent 1;\lsdpriority51 \lsdlocked0 List Table 6 Colorful Accent 1;\lsdpriority52 \lsdlocked0 List Table 7 Colorful Accent 1;
\lsdpriority46 \lsdlocked0 List Table 1 Light Accent 2;\lsdpriority47 \lsdlocked0 List Table 2 Accent 2;\lsdpriority48 \lsdlocked0 List Table 3 Accent 2;\lsdpriority49 \lsdlocked0 List Table 4 Accent 2;
\lsdpriority50 \lsdlocked0 List Table 5 Dark Accent 2;\lsdpriority51 \lsdlocked0 List Table 6 Colorful Accent 2;\lsdpriority52 \lsdlocked0 List Table 7 Colorful Accent 2;\lsdpriority46 \lsdlocked0 List Table 1 Light Accent 3;
\lsdpriority47 \lsdlocked0 List Table 2 Accent 3;\lsdpriority48 \lsdlocked0 List Table 3 Accent 3;\lsdpriority49 \lsdlocked0 List Table 4 Accent 3;\lsdpriority50 \lsdlocked0 List Table 5 Dark Accent 3;
\lsdpriority51 \lsdlocked0 List Table 6 Colorful Accent 3;\lsdpriority52 \lsdlocked0 List Table 7 Colorful Accent 3;\lsdpriority46 \lsdlocked0 List Table 1 Light Accent 4;\lsdpriority47 \lsdlocked0 List Table 2 Accent 4;
\lsdpriority48 \lsdlocked0 List Table 3 Accent 4;\lsdpriority49 \lsdlocked0 List Table 4 Accent 4;\lsdpriority50 \lsdlocked0 List Table 5 Dark Accent 4;\lsdpriority51 \lsdlocked0 List Table 6 Colorful Accent 4;
\lsdpriority52 \lsdlocked0 List Table 7 Colorful Accent 4;\lsdpriority46 \lsdlocked0 List Table 1 Light Accent 5;\lsdpriority47 \lsdlocked0 List Table 2 Accent 5;\lsdpriority48 \lsdlocked0 List Table 3 Accent 5;
\lsdpriority49 \lsdlocked0 List Table 4 Accent 5;\lsdpriority50 \lsdlocked0 List Table 5 Dark Accent 5;\lsdpriority51 \lsdlocked0 List Table 6 Colorful Accent 5;\lsdpriority52 \lsdlocked0 List Table 7 Colorful Accent 5;
\lsdpriority46 \lsdlocked0 List Table 1 Light Accent 6;\lsdpriority47 \lsdlocked0 List Table 2 Accent 6;\lsdpriority48 \lsdlocked0 List Table 3 Accent 6;\lsdpriority49 \lsdlocked0 List Table 4 Accent 6;
\lsdpriority50 \lsdlocked0 List Table 5 Dark Accent 6;\lsdpriority51 \lsdlocked0 List Table 6 Colorful Accent 6;\lsdpriority52 \lsdlocked0 List Table 7 Colorful Accent 6;\lsdsemihidden1 \lsdunhideused1 \lsdlocked0 Mention;
5. Find the comment that says question 4a. Add a screenshot below, or just paste the code including the tags.
5. Find the comment that says question 4a. Add a screenshot below, or just paste the code including the tags.
1.
2.
1. Find the comment for question 4b. Add a screenshot below, or just paste the code including the tags.
1. Find the comment for question 4b. Add a screenshot below, or just paste the code including the tags.
1.
3.
1. 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.
1. 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.
cci-1.jpg, because I thought the design was nice.
<img src="cci-1.jpg">
<img src="cci-1.jpg">
1.
4.
1. 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?
1. 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?
8. 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.
8. 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.
9. 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?
9. 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?
1.
5.
1. 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?
1. 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?
1.
6.
1. Find question 5d in stylesheet.css. add a background-image to the body element then paste the rule here.
1. Find question 5d in stylesheet.css. add a background-image to the body element then paste the rule here.
1.
7.
1. A Little JavaScript
1. A Little JavaScript
2. 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?
2. 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?
\f0 \cf0 \kerning1\expnd0\expndtw0 d. \kerning1\expnd3\expndtw15
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?\
\fs24 \cf0 \kerning1\expnd0\expndtw0 a. \kerning1\expnd3\expndtw15
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.\
\
#header-row \{\
background-color: red;\
\}\uc0\u8232 \
\ls4\ilvl1\kerning1\expnd0\expndtw0 b. \kerning1\expnd3\expndtw15
Now change the background-color of .rows? How were the two results different? Based on what you\'92ve learned about id and class, what do you think the # and . mean?
\f0 \cf0 \kerning1\expnd0\expndtw0 c. \kerning1\expnd3\expndtw15
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?\
\
Margin gives space to the text or files within its border while padding is additional space to the already existing space to a border\