CSS Overview
This website is a portfolio containing different materials that I learned in class. The purpose of this website is to practice what we learned in class, so we can get more experience in working with CSS and HTML. We are using these webpages in order to get more experience in good website design and accessibility.
Unit 1: Accessibility
During this unit I learned about the basics of formatting and designing a website. One of the first things we did in class was learn about what makes a website good. We looked at several different websites that we found that had poor design and talked about them in class. This information was then used to create our own rubric to grade our websites on. One aspect of good design is the proper choice of colors that work to convey a message or feeling to the viewer. Different colors work to convey various different values. This can be seen with hues such as blue giving off a trustworthy and honest feeling. In this topic we also learned about different ways to pair colors to make appealing color palettes. We then used these methods to create color palettes based off of someone’s occupation. My favorite topic that we learned about was about accessible design in websites. Many people around the world struggle with disabilities that hinder their ability to use computers and other digital devices. One of the assignments that we did involved downloading a simulator that would mimic the experience of trying to navigate the internet with a disability. This assignment really showed me how many websites are not as user friendly when it comes to people with disabilities. Another issue that came up throughout this unit was the proper organization and planning of a website. Many websites that did score very high on our rubric struggles with navigational issues that made using the website difficult for the user. We took a deeper look into proper organization in our most recent assignment where we formatted a website and organized different pages to better fit the purpose of the site. One of the most challenging parts of this assignment was to place the different pages in places that would be easily accessible by the user.
Unit 2: HTML
In this unit we covered creating html files by using tags such as html, navigation, and paragraphs. We also learned about closing tags like closing navigation and closing paragraph. The second topic that we learned about was how to create html lists. The first list that we created was an unordered list using the opening and closing tags. Another thing that we learned was how to create links. To create a link that a user can use on your website you use the tags < a> and < /a>. My favorite part of this unit was learning about how to create data tables. To create a data table you insert the tags table in brackets (<>) and and /table in brackets (<>). When making a table you can also use different borders and colors to better represent your information. The last thing that we learned how to do is insert videos onto your website. I had a lot of trouble doing this because when I imputed my pages the videos would show up but they would not play properly. To properly insert a video you need different parts of your code that are responsible for adding elements that come together to make the video.
Unit 3: CSS
In this unit we learned about styling our websites using CSS. Our first lesson was an introduction to CSS, where we learned about how style sheets are used to cumulatively change the design and layout of a website. The next lesson was about using colors in CSS. Each color conveys a different feeling and emotion, so it is important to make sure that you choose colors that give off the message you want and work well with the other elements of your website. Our third lesson covered typography, which is the use of text on a web page. We used different fonts, styles, sizes, and weights to control the typography on our websites. The next thing we learned about was how to make specific elements stand out on our web pages by using the “Box Method”. We also learned how to incorporate hierarchy as a way to better organize our website to make it easier to find information. Our next lesson was surrounding classes and ids in CSS. A class is a tool used to style a group of elements to have the same attributes. An id however, is used to only change one specific element in a unique way. The final topic of CSS that we covered was page layouts. Through page layout we learned how to control the position of elements on our pages.
Unit 4
To be continued!
Unit 5
To be continued!
Unit 6
To be continued!
Unit 7
To be continued!