Skip to content

Working with Boxes in CSS

February 8, 2012

This week in EdTech502, we continued learning about CSS styles. I created a Netiquette page and arranged the information within floating boxes.

I enjoyed the research aspect of this project in reading several Netiquette pages for basic information. I then created a Netiquette page that would be relevant for undergraduate students at Messiah College where I work. I included references to the Community Covenant and other campus-specific documents to make the Netiquette rules more relevant to the intended audience.

At first I found the boxes confusing. It all feels a little overwhelming. But then I typed in my information first, and then formatted the divisions.  It was then much easier to create and float the boxes if I did all the work to create and format the page first.

This project made me wonder how the libguides on our library website are coded.  Libguides is a user-friendly web program that allows me as a librarian to quickly create subject guides for patrons. For instance, I have created libguides for my liaison departments such as Chemistry, as well as libguides for special projects such as ipad pilot projects. As you can see, these webpages are based on boxes.  I am now interested in looking at the source to determine how they design the code, yet make it so easy for me to create pages for my needs. It is of course much more complex than my simple page!

Advertisements
Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: