During this week, Professor Devon presented Cascading Style Sheets, commonly referred to as CSS. I learned that CSS separates an online page's style from its structure i.e. HTML. It can be incorporated using three distinct methods: inline, internal, and external. Through lab practice, I learned how to select elements using classes and ID attributes, and then I started styling them to make my website look better.
Linking CSS files to HTML documents is one idea that I feel secure about after this class. It has become clearer to me how the HTML text and its accompanying CSS file relate to each other, and I also understand the structure of the <link> tag, which is <link rel="stylesheet" href="style.css">. I appreciate the coding skills videos offered by Prof, as they facilitate the process of reviewing each step again. Because of that, I can now confidently style HTML elements with simple CSS rules, including padding to navigation bars and changing text colors.
However, all this new information and coding-specific terms is a bit overwhelming. I'm having a hard time with the complicated syntax of CSS, especially when it comes to using different types of selectors to choose items. It seems difficult to remember all the terms and their usage. I particularly struggled with float declaration. Also, my website didn't have a lot of pictures so I couldn't apply all the steps discussed in class and lab. So, I plan on working on that as well.
By changing styles with CSS, as an Instructional Designer, I can make material that is interesting, easy for everyone to access, and in line with instructional goals. Also, learning how important it is to test code often and early on will help me speed up the development process and reduce the number of mistakes in my teaching design projects. I look forward to learning more about CSS and developing my skills.
留言