This fall’s workshops all focused on different aspects of getting your UWM webspace up and running. In this workshop, we focus on how you might use your website for teaching.
To get started, check out these examples of course-related webpages:
(Using your UWM webspace or other websites to teach? Send ’em in, and we’ll add them to the list!)
As you can see, there are several ways instructors use websites for their classes:
More generally, I see three major ways that these and other instructors use websites for their courses:
What other uses do you see on these sites? On others? What other uses can you imagine being beneficial for the classes you teach?
Finally, why would you want to do any of this? What benefits and limitations do you see to moving these and other kinds of work for class online?
Cascading Style Sheets (CSS) allows you to organize the look of several pages across a website without having to manage the look of each page individually. (Think of how you’d use styles in Word or InDesign.) The Wikipedia entry on CSS, of course, is chock-full of good information.
Of course, there’s more:
And like most things, if you do a search for “CSS” and whatever it is you’re trying to figure out, you’ll find lots of answers.
Your first step toward using CSS should probably be to explore the links above, to familiarize yourself with what CSS is, what it can do, and how the language works.
Once you’re ready, start by mapping out on paper how you want your pages to look. (You can do this by hand or by getting fancy in InDesign or Photoshop.)
If you think of a website in Dreamweaver, there are multiple pages that make up the site. With CSS, there is an additional page to organize the look of the pages it’s attached to.
So next, in Dreamweaver, make your style sheet file (an external style sheet). Then, write your web pages (the content of your website) and link them to the external style sheet. Then, in your web pages, insert the div classes from your external style sheet file.
Sound easy enough?
Tables can help you to organize the layout of your webpages. Within the Adobe Dreamweaver online manual there’s a section dedicated to tables that should help you get started.
Finally, remember that you can do a search for doing just about anything – just remember to include the software information. For example, you can search for “Dreamweaver CS4 tables” and get a lot of useful hits.
Enter Dreamweaver, web development software that is available on campus computers, including the Mac laptops in 108.
If you missed the workshop or would like to reference what we talked about, here are the links:
If you’re going to build and maintain a website, you’ll need to use html at some point, often to correct or adjust what your web design software does. Learning about html can also help you to understand how this whole “web” thing got started and a bit of how it works. (The Wikipedia, of course, has a great entry on html.)
If you missed this workshop or want an electronic copy of the handout from the workshop, here is Anne’s basic html handout.