lab13: Every CSS Tag

This lab was structured differently from the rest of the lbs because while other labs had a clear procedure or instructions to follow, this lab was open to mainly anything. The only rule governing our actions was that we must include most of the CSS tags that are available at w3schools. This meant that we had to create a new HTML and external CSS file, but the content of the HTML file was not important or even relevant. This was out of the normal, but was one of the more enjoyable labs to do because were free to do anything we wanted. It was a great opportunity to learn the more complex CSS tags which we didn't learn in class. 
In all honesty, the only things needed to do this lab is Dreamweaver and W3Schools, the rest is up to you. To learn and understand the more complex CSS tags without guidance is quite difficult, so even though this was one of the more enjoyable labs, it was also one of the most difficult. I had to learn very complex CSS tags that took a lot of time and detail to get right and for them to look pleasant to the eye. However, I feel that this lab was very helpful as a crash course into in depth CSS in a very limited amount of time. There are many new CSS tags I learned from w3schools that I want to implement in my future labs in project because overall it improves the style of the page. The main one that I want to use in the future is the navigation bar and the image gallery since they both took quite some time to understand and to set up; I don't want to forget how to do them is the actual reason. Overall, the skills I learned from this lab will not only help in the near future, but even in the distant future.


Comments

Post a Comment

Popular posts from this blog

Lab4-Color Table

Image
The directions for lab 4 was to create a table made up of hues and the corresponding hexadecimal value for the hue. In order to complete this lab a new HTML tag was introduced, the <table> tag which creates a table. however that isn't the only tag necessary to complete the lab we also needed to use the <tr> and <td> tags. tr signified a row on the table and td signified a row in the table; with all three tags we could create and manipulate a table into what we needed. The actual table we created consisted of three columns and twenty rows. The three columns are the color name, hexadecimal value, and the actual hue. Each row had a different hue and the first row is the titles for the columns. We didn't have regular colors, such as red or blue, we had absurd hues that had names you only see on crayons like Dark Magneta and Midnight Blue. Of course we didn't know the hexadecimal value of the hues; therefore we used w3schools to search up the values, it had it
Read more

Lab16: My First JavaScript

Image
This lab was the very first time we implemented JavaScript into our webpages. While we have been practicing JavaScript on code.org, that was the only platform we used. Now for the first time our website have HTML, CSS, and JavaScript. It may not be complex JavaScript, but it is a small step as an introduction. The lab was just create a button that when pressed would change the contents of the paragraph written. We also create a base format for our webpages so wouldn't have to keep repeating the same long process of writing the basic html codes. The button was quite easy to create because all that was needed to be done was to create a button tag inside a script tag. The script tag specifies that whatever inside the tag is pure JavaScript and the button tag is exactly was the name entities, a button. It was small step, but I suppose we will build off these skills until we eventually get into complex JavaScript.
Read more

MLH Local Hack Day 2017

Image
This past Saturday, December 2, Queens College hosted a local hackathon on their campus. As a student currently enrolled in a computer science class it was a great opportunity for me and other classmates to learn and showcase our skills. Walking into the hackathon was a little bit daunting because most if not all the participants were college students except for me and the other people from my class that also attended. However, once the actual event began I didn't feel out of place, on the contrary the people where very nice and welcomed me even though I was very young. The first secession/activity was a sort of free learning hour where we had the freedom of doing whatever we wanted. The organizers gave us a link to the MLH website and there were multiple activities that we were able to do, but they all involved programs that I was unfamiliar with and they all were very complex. Therefore, it was basically an hour of just learning what different programs did and the basic commands
Read more