foxfirefey: Fox stealing an egg. (Default)
[personal profile] foxfirefey posting in [community profile] style_system

Class Notes

For people who participated in last week's exercises, thank you so much. Anybody who discovered options not working the way they should be got 10 DW points.

You can always look at the syllabus to see where we are. Our previous class was on S2 Background and the Customization Wizard.

Reading for the Week

This week's class is a day late, because I've been working on filling out the following reading aimed at people who need to learn the basics of CSS and HTML:

They are still not complete yet, in my opinion, and I'll be completing them as people start asking questions and needing guidance. I hope that we can work together on this, since I've never taught HTML/CSS from scratch before--if you have something you feel should be added, feel free to edit the wiki pages. Because so many of you are new to this, this portion of the class will span two weeks (as stated last week). This week, let's concentrate on getting a grasp on the basics of HTML and simpler CSS declarations, for those who don't know it yet. Next week, we'll go more in depth on topics that people ask about or need this week, and possibly throw in some bonus teachings on interesting new CSS3 rules.


Okay, for those of you who need a little crash course in HTML and CSS, CSS Lesson 1. It's a little bundle of files. When you unzip the folder, you'll find:

  • examples.html -- The HTML file to work with.
  • css/examples.css -- Edit this file in order to change the styling in the HTML file.
  • exercises.txt -- Has a list of exercises for people new to CSS to try. Note: centering the bigger image might be a little tricky if you're new to CSS, so don't be ashamed. I'll give solutions (and new exercises) next week.

If you are already pretty proficient with HTML and CSS, please get some practice with Browser Developing Tools if you don't know how to use them! Play around with exploring your journal and its current HTML/CSS. Test making out on-the-fly changes.

[personal profile] seleneheart has also prepared something very nice: an annotated version of the CSS for two different layout themes.

Date: 2011-04-24 07:43 am (UTC)
From: [personal profile] pippin
DIVs scare me.

Date: 2011-04-24 07:44 am (UTC)
exor674: Computer Science is my girlfriend (Default)
From: [personal profile] exor674
How do divs scare you?

(no subject)

From: [personal profile] pippin - Date: 2011-04-24 07:45 am (UTC) - Expand

(no subject)

From: [personal profile] pippin - Date: 2011-04-24 08:20 am (UTC) - Expand

(no subject)

From: [personal profile] pippin - Date: 2011-04-24 07:07 pm (UTC) - Expand

(no subject)

From: [personal profile] ninetydegrees - Date: 2011-04-24 07:09 pm (UTC) - Expand

(no subject)

From: [personal profile] pippin - Date: 2011-04-25 03:50 am (UTC) - Expand

(no subject)

From: [personal profile] fulminata - Date: 2011-04-25 03:10 pm (UTC) - Expand

(no subject)

From: [personal profile] pippin - Date: 2011-04-25 03:27 pm (UTC) - Expand

(no subject)

From: [personal profile] fulminata - Date: 2011-04-25 03:31 pm (UTC) - Expand

Date: 2011-04-24 08:45 am (UTC)
sunrisetr: (Default)
From: [personal profile] sunrisetr
And here I was wondering where this week's lesson was, and if I mixed up the days. Thank you!

Date: 2011-04-24 09:48 am (UTC)
tyger: A surskit with a heart above it.  Text: chuu! (pokémon - surskit)
From: [personal profile] tyger
....I haven't even started yet, but I have to say. You get my eternal gratitude for pointing out the Safari developer tools. *_______*
I don't have to switch to Firefox just when I want to check what class something's in! aljdgl;jea;l <3<3<3<3<3

(no subject)

From: [personal profile] tyger - Date: 2011-04-24 11:28 pm (UTC) - Expand

(no subject)

From: [personal profile] afuna - Date: 2011-04-25 01:36 pm (UTC) - Expand

(no subject)

From: [personal profile] tyger - Date: 2011-04-25 01:44 pm (UTC) - Expand

(no subject)

From: [personal profile] afuna - Date: 2011-04-25 01:46 pm (UTC) - Expand

(no subject)

From: [personal profile] tyger - Date: 2011-04-25 02:11 pm (UTC) - Expand

(no subject)

From: [personal profile] afuna - Date: 2011-04-27 04:32 am (UTC) - Expand

(no subject)

From: [personal profile] tyger - Date: 2011-04-27 04:42 am (UTC) - Expand

(no subject)

From: [personal profile] afuna - Date: 2011-04-27 04:44 am (UTC) - Expand

(no subject)

From: [personal profile] tyger - Date: 2011-04-26 02:34 pm (UTC) - Expand

(no subject)

From: [personal profile] tyger - Date: 2011-04-26 10:37 pm (UTC) - Expand

Date: 2011-04-24 08:38 pm (UTC)
silverflight8: Different shades of blue flowing on a white background like waves (Fractal)
From: [personal profile] silverflight8
*checks off name on attendance* :D

Date: 2011-04-25 12:13 am (UTC)
kitters: (Default)
From: [personal profile] kitters
Omgyay Dragonfly and annotated Bases. :DDDDDDD Thank you so much, you guys!

(no subject)

From: [personal profile] kitters - Date: 2011-04-26 10:32 pm (UTC) - Expand

(no subject)

From: [personal profile] seleneheart - Date: 2011-04-26 11:43 pm (UTC) - Expand

(no subject)

From: [personal profile] kitters - Date: 2011-04-26 11:53 pm (UTC) - Expand

Date: 2011-04-25 12:15 am (UTC)
erika: McKay from SGA with text from the Princess Bride:  Plato, Aristotle, Socrates?  Morons. (sga: morons!)
From: [personal profile] erika
Is there some place where I can get a journal to play with customization options and not take up a username token on DW and not have to worry about fucking up my main journal?

I mean, I could use my fanfic journal for it so it's not a big deal if the answer to my original question is no; I am just curious.

Date: 2011-04-25 12:17 am (UTC)
seleneheart: (Default)
From: [personal profile] seleneheart
If you look at the previous lesson, [personal profile] foxfirefey has set up a link where people can create temporary journals.

If you don't want to do that, you can create a testing community.

(no subject)

From: [personal profile] erika - Date: 2011-04-25 12:43 am (UTC) - Expand

(no subject)

From: [personal profile] seleneheart - Date: 2011-04-25 12:45 am (UTC) - Expand

Date: 2011-04-25 02:45 am (UTC)
pipisafoat: fry (tv: futurama) excited with arms in the air. text: yay! (yay!)
From: [personal profile] pipisafoat
I have had the web developer toolbar for a really long time and never really could learn how to do much of anything with it. Two minutes and I can actually Do Things now! Hooray! (Unexpected bonus, yay!)

Date: 2011-04-25 03:06 am (UTC)
lapillus: (Default)
From: [personal profile] lapillus
This is a bit tangential and probably too early in the curriculum, but, does DW have usage stats for various browsers around in a publicly accessible place? Since the reset is useful, but doesn't change what is implemented, it would be nice to be able to check how many folks using IE6 or the like.

(no subject)

From: [personal profile] lapillus - Date: 2011-04-25 03:59 am (UTC) - Expand

(no subject)

From: [personal profile] baggyeyes - Date: 2011-04-25 03:52 pm (UTC) - Expand

(no subject)

From: [personal profile] zvi - Date: 2011-04-25 03:20 am (UTC) - Expand

Date: 2011-04-25 03:30 am (UTC)
vilakins: (beta delta)
From: [personal profile] vilakins
I did last week's (and I'm not sure if not being able to add a background image to Modular counts as a bug or a feature of Modular) but since then my computer died and has to be replaced, I'm on someone else's in the meantime. Let's hope I have a new one by next week.

I do know a fair bit of HTML and some CSS from looking behind Dreeamweaver, and I look forward to learning more.

(no subject)

From: [personal profile] vilakins - Date: 2011-04-25 09:19 pm (UTC) - Expand

Date: 2011-04-25 06:22 pm (UTC)
dchan: Stick figure holding a flask and a test tube, with text: Stand back, I'm going to try SCIENCE (going to try science)
From: [personal profile] dchan
Ooh, you can actually (temporarily) edit on the fly using the browser development tools! I've used them quite a bit before to view code/see where it is on the page, but I was never able to figure out how to change things around to test different options before. (Much more useful than having to upload a whole new css file every time I want to tinker around with the style!)

Also poked around with last weeks lesson too....I did not realize you could change the background image/header through the wizard! I've always completely skipped the wizard in the past and just skipped to posting custom css files when I wanted to make changes, lol.

(no subject)

From: [personal profile] dchan - Date: 2011-04-25 06:46 pm (UTC) - Expand

Date: 2011-04-26 03:50 am (UTC)
adalger: Earthrise as seen from the moon, captured on camera by the crew of Apollo 16 (Default)
From: [personal profile] adalger
"* Decorate the title"

This is a little vague. Do you mean "make it look pretty" or something specific like make it [underlined|italic|strikethrough]?

Date: 2011-04-26 01:32 pm (UTC)
melyanna: (Failure)
From: [personal profile] melyanna
I must not have read the details here on the exercises all that closely. I was starting to worry that I'd missed something really obvious with centering the large image. Still not sure I did it the best way, but it's centered, at least.

(no subject)

From: [personal profile] melyanna - Date: 2011-04-26 04:05 pm (UTC) - Expand

Date: 2011-05-04 08:03 pm (UTC)
lurksnomore: what always happens to me when I knit.  Always. (Default)
From: [personal profile] lurksnomore
Well, after reading...stuff until I didn't think I could read and process anymore, I finally got almost all of the exercises done. The only thing I couldn't get it to do was center the larger image. I probably did something very wrong with the selectors or some such, but I got everything else! Now, on to last week! (does anyone have a time-turner handy that I could borrow for a bit? I'll return it--I promise!)

Date: 2011-05-06 06:13 am (UTC)
mergatrude: a hermit crab peering from it's shell with the text "lurker" (Default)
From: [personal profile] mergatrude
Hi! I haven't done this yet. Life kablooeied in my face, but I do want to get back to it. Hope you don't mind people trailing behind?

Date: 2011-05-07 08:20 am (UTC)
northern: pretty girl, reading in the stacks. text: "stacked." (stacked)
From: [personal profile] northern
Thank you! The stuff in this lesson is things I learned at Library school - great to look through and see that I know it! :D

Date: 2011-05-15 07:13 am (UTC)
tree: close up of a bird ([else] a symbol and)
From: [personal profile] tree
yay! i have finally finished this lesson! only 3 weeks late!

(no subject)

From: [personal profile] tree - Date: 2011-05-15 07:21 am (UTC) - Expand

Date: 2012-01-02 03:27 pm (UTC)
From: [personal profile] charlottetoolan
Exercises done!


Dreamwidth style system discussion

August 2017


Style Credit

Expand Cut Tags

No cut tags
Page generated Sep. 22nd, 2017 03:26 pm
Powered by Dreamwidth Studios