Lab 10 Reflection

     In Lab 10 we used external CSS to stylize our webpage about our favicon. The same way we started lab 9 we opened up a new HTML file. But instead of setting up the style tags we opened up another document, a .css file. Before continuing any further I made sure both of these files were saved in the same folder. Then, in the HTML file I linked the document to the CSS file in the head using the <link> tag. The link tag had 3 attributes; rel, type, and href. The rel, or relation to the document, was "stylesheet" and the type, for type of document, was "text/css". For href I was able to put the name of the CSS file since the CSS and HTML file were in the same folder, so it will be able to find the stylesheet.
     After linking the two files the way I stylized the webpage was just like how I stylized the webpage for lab 9. The way I selected items and changed the value of their property remained the same because CSS is used the same way in between <styles> and externally. The only difference between internal and external CSS is that in internal you refer to the same document to change looks while in external you switch between documents to change looks.
     These skills are important to a web designer because they further expand a web designer's ability to style a web page using CSS. In lab 9 the use of internal CSS made the styling process less tedious, more organized, and a bit faster. With external CSS all of those advantages are mostly retained but you are able to style multiple pages using the same sheet. All an HTML file needs to use an external CSS file is a link to it in its head. meaning multiple HTML files could be linked to the same style sheet. This can prove very convenient for making sites where pages are mostly the same style. This also helps cut down development time for web designers that need to meet tight deadlines since you aren't repeating code over and over again.

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

Current Events #10 (MP3 #1)

Image
     For almost the beginning of human history people have been facilitating commerce, the method of which changing from time period from to time period. The earliest method of commerce was barter. In short, a good or service from one party is exchanged for a good or service from another party. As time went on other methods of commerce formed involving a form of currency. Early currencies consisted of things that everyone wanted such as gold, silver, furs, and even spices like salt. Currency eventually became paper, with the holder being able to go to a bank an exchange it for gold in some cases. In the modern day most countries use paper bills and metal coins as their form of currency but a new form of currency gained a lot of attention just a year ago, cryptocurrency.      Cryptocurrency, unlike the other forms of currency before it, is completly digital. Unlike with material currency, which you can use to buy something from a physical store, cryptocurre...
Read more

Lab 9 Reflection

Image
     In Lab 9 we employed the use of internal CSS to make a webpage about our favicon. The first thing we did was open up a new HTML document. Before I did anything I set up the <styles> tags in between the <head> tags in the document. The reason I did this was because in between these style tags I could change the look of my page through use of CSS. After doing this I continued as usual, adding elements in the body of the HTML document that I wanted in my page. But when it came to changing looks I went to the style tags instead of using inline CSS like I did before.      CSS works differently from the <styles> tags than from inline. When working with CSS from these tags you must first use a selector to select the item; usually an element, class, or id; that you want to change the look of. Once you've typed the selector of the item you must insert curly brackets after the selector. Inside these curly brackets is where most of the styling ...
Read more