Lab #4 Reflection
Brandon Wilson
Lab #4 Reflection
September 29, 2018
In this lab, we were expected to make a table and fill it with specific colors, their hex code and the hue for ones that we were assigned, as well as some of our own choosing. This lab was pretty simple because making a table isn't too complicated, and filling it with the right information wasn't really much to do. First things first, I created 4 headings. One with my name, one with the name of the class, one with the date, and one with the name of the lab along with the number. As you can see, this table has many different colors, their hex number and the hue. I'll explain step by step how I made this table the way it displays below.
What I did first was create the table first. I used the <table> tag in order to start my table and ended it with a closing </table> tag. Just to make it big enough I did added an inline css style option with the width option within my table tag named "width:100%" which extended my table to see it more clear on the screen. To start a new row, under the table tag I added the <tr> tag which creates a new row. Within this tr tag I created 3 <th> tags which are table headings to apply the color name, hex # and hue. After that I closed the row using </tr> which is a closing table row tag. Then to make the rest of the table I repeated the same process but instead of using <th> I used <td> to fill under the table. I also forgot to mention that the 3 headings that I had (<th>) needed to be closed by </th> tags. The same concept applies to the <td> tags that need to be closed with a </td> tag. So once I had my table layout, I made sure to include information that was required for the lab, which were specific colors with their name, hex # and hue. To make the hues however, I used a more complicated method then I should have used. You could have just styled the <td> tag with an inline style to make the background color representing the color to its left, however I made an id for each color in the heading using internal CSS. Once I matched a color with its id, I attached the backround color to the <td> tag. Lastly, I changed the background color and the text of my headings, because white is too plain and I tend to like dark colors.
These skills are important for a web designer for many reasons. Knowing how to make a table would allow for them to store data in an organized format and know how to work with a table in general. Knowing how to apply a background color for a specific area is also important so you can color a part of the page without applying that color to everything. This particularly would be done to spotlight a part of the page and make it stand out to the users on your website. Being able to edit the table in general will be a must-know because if your website requires you to make one, you would need to know what goes where and what to edit to change something in the table. Obviously there are much more customization options for tables, but I haven't really gotten that much into it yet.
Lab #4 Reflection
September 29, 2018
In this lab, we were expected to make a table and fill it with specific colors, their hex code and the hue for ones that we were assigned, as well as some of our own choosing. This lab was pretty simple because making a table isn't too complicated, and filling it with the right information wasn't really much to do. First things first, I created 4 headings. One with my name, one with the name of the class, one with the date, and one with the name of the lab along with the number. As you can see, this table has many different colors, their hex number and the hue. I'll explain step by step how I made this table the way it displays below.
What I did first was create the table first. I used the <table> tag in order to start my table and ended it with a closing </table> tag. Just to make it big enough I did added an inline css style option with the width option within my table tag named "width:100%" which extended my table to see it more clear on the screen. To start a new row, under the table tag I added the <tr> tag which creates a new row. Within this tr tag I created 3 <th> tags which are table headings to apply the color name, hex # and hue. After that I closed the row using </tr> which is a closing table row tag. Then to make the rest of the table I repeated the same process but instead of using <th> I used <td> to fill under the table. I also forgot to mention that the 3 headings that I had (<th>) needed to be closed by </th> tags. The same concept applies to the <td> tags that need to be closed with a </td> tag. So once I had my table layout, I made sure to include information that was required for the lab, which were specific colors with their name, hex # and hue. To make the hues however, I used a more complicated method then I should have used. You could have just styled the <td> tag with an inline style to make the background color representing the color to its left, however I made an id for each color in the heading using internal CSS. Once I matched a color with its id, I attached the backround color to the <td> tag. Lastly, I changed the background color and the text of my headings, because white is too plain and I tend to like dark colors.
These skills are important for a web designer for many reasons. Knowing how to make a table would allow for them to store data in an organized format and know how to work with a table in general. Knowing how to apply a background color for a specific area is also important so you can color a part of the page without applying that color to everything. This particularly would be done to spotlight a part of the page and make it stand out to the users on your website. Being able to edit the table in general will be a must-know because if your website requires you to make one, you would need to know what goes where and what to edit to change something in the table. Obviously there are much more customization options for tables, but I haven't really gotten that much into it yet.
Comments
Post a Comment