Python Programming

Learning CSS

In this section, you will discover the resources we've provided to learn stylize webpages using Cascading Style Sheets. What you are doing is declaring the rules of your site design in an external file, which will be linked to the header of your webpages. This acts as a stylistic filter, adjusting fonts, headers, paragraphs, colours, backgrounds, link appearance, and much more. It is a very powerful way to control site design. 

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. 

Think of it this way. In a Word document, you adjust the appearance of elements as you produce the document - bold, italic, spacing, fonts, etc. Why not declare these rules up front, then just get to work?  That's what CSS does. It saves time and creates a cohesive look to your websites.

Website designers today develop and sell website templates stylized with CSS. That's what you get when you select WIX templates and more in creating a quick site.

CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.  (Wikipedia)

Assignment

First

It's important to have an environment you can run your code in, while coding. To meet this need, I've created a course in Khan Academy - Computer Programming. We won't complete all the sections. We will study the following section --> "Intro to HTML/CSS: Making Web Pages."

https://www.khanacademy.org/

The class code is --> EBZ3EXGM

Students create a user. You previously used an avatar and anonymous email account for Runescape Programming in Python. I have recorded these and know each student. 

Alternatively, you can create creating an avatar and using an email account where your personal information is not compromised. ex. User Luke Skywalker & email UseTheForce@gmail

Sign in,

a) Work through each section.

b) Complete training by reading, coding the examples, completing challenges.

c) You will create a major assignment in stages. This will be a personal portfolio that profiles your technology skills. The assignment is coming soon! Note that each page will profile a different skill area with examples of what you can do. These skills do not need to be specific to this course. Skills with Blender, Programming, Web Design, Photoshop, Film, Photography, Digital Art, etc. are fair game.  

A link is provided to Khan Academy.

Second

We've added links to W3Schools HTML and CSS. Think of this website as a place to look up syntax rules and run example code in an interactive window on the site. It's a great reference to have open while you're coding.

Third

You're going to learn a lot about colours on the web. So, we've created another link to W3 Schools colour selector. RBG, HEX, HSL. Oh my... here we go...