Lab 4 Reflection

     In Lab 4 we practiced creating tables which included changing the background color of certain things only. To create a table we used the <table> tag. Within the table, however, there are more tags to use. After the table tag we used the <tr> tag. What this tag does is create a new row in the table. Between the <tr> tags can come <th> or <td> or both. <th> makes a table heading, meaning that the text between this tag will default to be bold so it looks like a heading. <td> is used for inputting information in the table other than headings, so if this is a data table <td> is used to put in numbers and they won't be bold like the heading. In this lab we were to create a table consisting of 3 columns and 16 rows. In each row the name of a color had to be stated along with its hex number in HTML and a display of the actual color (make the background of one cell the color being stated).
     We started by creating a table row. Within this row were three entries, to create 3 columns, all of which were headings noting which column would state the name, which column would state hex number, and which column would contain the actual color. The next rows after this contained actual data entries according to what the heading required, meaning an actual color name followed by its hex number and the color itself were the items in the row. Inputting the color name and hex was easy since it was just a matter of typing text in between <td> tags. To make the background color of a cell match the color being stated in the row inline CSS was required. Within each <td> tag meant to display a color the 'style' attribute was used. This attribute was set equal to 'background-color' and the background color was set to the color mentioned in the table.
     It is important for a web designer to know these skills because being able to make and style a table is a step forward in knowing how to make an organized menu/directory. A website containing many pages will need a menu or directory to navigate. A menu is essentially a table with a few more feature such as drop down. Learning how to make a table is not the same as making a menu but it is a step towards it. The organizational skills and styling skills needed in making a table will carry over to making a directory and will help a web designer make things easy to find.

Comments

Post a Comment

Popular posts from this blog

Favicons

Image
     Favicons are small square graphics, ranging from 17 x 17 px to 28 x 28 px in preferred size, that give a graphical representation of the site the user is visiting. The favicon appear in the address bar on the left. The main reason websites use favicons is to improve their user's experience. Favicons, by giving a graphical representation of their site, make it easy for the user to recognize the site they're on while they might be switching tabs or scrolling through a list of bookmarks. A favicon adds to a website's uniqueness by making it stand out and different from other sites through use of graphics.      To create a favicon you need a favicon generator, a software where you can design your favicon. Sites may be owned by businesses that have logos to represent themselves but when it comes to favicons simply converting the image file for the logo into a .ico (file format that favicons use) may not be optimal. Favicons have a limited size, biggest siz...
Read more

Favorite Teacher Project Reflection

Image
     The second project for DD this year was about creating a website in appreciation of your favorite teacher. This project was a lot like the our first project except it revolved around a teacher and not movies, otherwise, it required all the same skills we learned in the first project. Just like in the first project, the beginning steps were not in the computer, rather, they were on paper. After deciding which teacher to make the site about (Ms. Sakhno), I begun by creating wireframes both of the website itself and how the folders for the project would be organized. My website wireframe consisted of 4 pages all with relative links that took the user to all the other pages from any single page. There was a home page, which explained the purpose of the site and why the teacher I chose was my favorite, a biography page, which described the teacher's life up until now, a subject page, which discussed the subject the teacher taught, a trivia page, which displayed an infog...
Read more

Lab 20 Reflection

Image
     Lab 20 incorporated many of the things we learned from Lab 18, with the functionality holding many similarities. In Lab 20 we were to create a webpage that compares 2 numbers, x and y. The user is supposed to be able to see if x is greater than y, y is greater than x, x and y are equal, etc. The interface is similar to Lab 18; there is an area to input two values, there is an area with many buttons that lead to a specific outcome, and there is an area to view what the outcome is. Unlike Lab 18, the buttons don't perform an arithmetic operation on the 2 values but check if a certain comparison between the 2 values is true or false. The result area, instead of displaying the result of an arithmetic operation done on 2 numbers, displays if a certain comparison between 2 values is true or false, essentially displaying the result of clicking the now comparison buttons.      I started Lab 20 just like I started Lab 19, by duplicating the code for Lab 18. T...
Read more