Today’s goals:
Today’s featured website:
- https://jenniferdewalt.com/color_clock.html– Watch the page color slowly change while the hex value changes
Your CSS Questions
- Questions: How can CSS have many different other applications in things other than visual design? How advanced can CSS get? How much more of CSS are we going to do? What else could CSS do? Are we going to use CSS all the time? How deep will we be diving into CSS? What is the end goal? Answer: We are going to use CSS this year to do the following: change the font and text color; add a background color and background image; layout a page (create sections such as headers and sidebars); create simple animations; and create responsively-designed, mobile-friendly websites. We will spend several months learning different pieces and will bring them together in different projects such as creating your own webpage.
- Question: How long have people been using CSS? Answer: Since the late ’90’s.
- Question: How complex can the box model become? Answer: The box model doesn’t get harder; there are basic concepts to learn that we are going to start today.
- Question: What tools do people use to enhance their webpages? Answer: Custom themes (free or paid); site builder tools from the web host; “easy” site builders such as Wix and Squarespace; Photoshop; icon fonts such as Font Awesome; free fonts such as Google Fonts; color tools such as the ones we looked at to help determine color palettes; stock image websites for high quality images
- Question: Could you make your own custom fonts, colors, etc.? Answer: Yes, you could create your own font (some very serious designers do). You can use a variety of color tools to determine the color you want and then experiment with different hue and saturation levels.
- Question: How do you link an external sheet to a website? Answer: Check out some example code here.
- Question: Is CSS used to also put in animations in websites? Answer: Yes, and we will do some basic animations with CSS and JavaScript this year.
- Question: How do you mix the angles of the background colors (if you have multiple)? Answer: It might be helpful to review our CSS gradient background class from October 26.
- Questions: Are there ways to specifically position either an image or text on a webpage? How can you isolate different background colors on a webpage? Answer: Yes, we will learn CSS positioning very soon! Once you learn the box model, you will discover that everything on your page could technically have its own background color or image. This is useful if you want to have separate sections of your webpage (like a header or footer) have a different background color or image.
CSS Box Model