1 / 9

CSS Basics and Best Practices: Art 128 Interface Programming Presentation

Learn about setting styles in headers, using external style sheets, and controlling spacing with CSS. Practice creating HTML pages with linked CSS files. Get ready for next week's lesson on DIV elements. Assignment due: 01.22.07 Post assignment on class web page. Resources for HTML editing software provided.

adelong
Download Presentation

CSS Basics and Best Practices: Art 128 Interface Programming Presentation

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 2B

  2. :: Calendar

  3. :: Examples • CSS Gallery Sites • CSS Mania • CSS Vault • CSS Beauty • CSS Elite • CSS Remix • CSS Drive • CSS Website • CSS Reboot • CSS Zen Garden • (see our class web page for links to all of the above mentioned sites.

  4. :: Lesson • Setting styles in the header • Using external style sheets: • Making a new style sheet • Linking the style sheet to your html document • Controlling the spacing (margins and padding) • CSS: selector {property: value;}

  5. :: In-class Exercise • HTML with styles set in the header • <style> tags • THIS IS A BAD PRACTICE!!! • HTML with a linked external style sheet • THIS IS A GOOD PRACTICE!!!

  6. :: Assignment due :: 01.22.07 • HTML page with a linked CSS file • Post this assignment on your class web page • For those who will be working from home on your home computer, get Dreamweaver set up by defining your UH site (aim for the public_html folder). For those who do not have Dreamweaver, try these free HTML editors: • Taco (MAC) • Coffee Cup (PC). • Next week we will learn about DIV elements (generic block-level containers). Until then, check out these links: • http://www.w3schools.com/tags/tag_div.asp • http://www.htmlhelp.com/reference/html40/block/div.html

  7. :: post mortem • How smoothly did today’s class run? • What slowed us down? • What did we skip over? • How can we be more efficient in the future?

  8. :: Examples

More Related