Skip to content

Category Archives: WebTeacherTips

Now Available: How to Create a Responsive Web Site Using Dreamweaver CS 5.5

I’ve been thinking of writing about using the Dreamweaver CS 5.5 interface to create media queries lately. Dreamweaver’s system works, but it isn’t easy to figure out and doesn’t match up with what you read in articles by Ethan Marcotte and other responsive design gurus. The interface doesn’t explain itself well, and offers very little [...]

Should Your Blog Use Responsive Web Design?

Two trends converged during 2011. One from the world of Internet connected devices and the other from web site design world. Statistics show that more people are connected to the Internet through some sort of mobile device than through a desktop or laptop computer. Web designers are scrambling to make sure that web pages are [...]

Styling Lists 101

This week I’ve been sharing some material I wrote as handouts for a CSS class at UNM Continuing Ed. Here’s the one about styling lists. Styling Lists Lists are probably the most useful element on the web. They make things easier to read and they are great for navigation. Bullet/numeral styles For list-style-type on an [...]

Styling Text 101

Here’s another of the handouts I prepared for a Continuing Ed class in CSS at UNM. Styling Text There are many ways to control the typography on your HTML pages. Fonts Fonts are chosen in font-families. Usually pick more than one. Pick fonts that are all serif fonts and then end the list with the [...]

CSS Selectors 101

I’m preparing some handouts for an 8 hour continuing ed class in Cascading Style Sheets I’ll be teaching at UNM. The class doesn’t get a book so I have to write everything up myself. I thought I’d share some of the handouts here. The first installment: CSS Selectors. CSS uses rules to apply styles to [...]

Guest post: Ten Ways to Generate Better Site Content

Content Management is a relatively new term in the web world. It’s a concept that has taken on particular importance as the marketing paradigm continues to transition to the digital world. Before, your website was a static entity, a virtual sign post pointing to your brick and mortar business. Today, your website should be considered [...]

Curation in an Age of Information Overload

Information. There’s so much of it. What’s a teacher to do to help filter out the debris and collect the gems? One solution is Twitter lists. Set up a list of people on Twitter who say things you want your students to notice. Then go to paper.li and create an account. Set it up to [...]

Guest Post: 7 Things Everyone in Your Organization Should Know

This weekend, I attended the Online News Association Conference in Boston. It was a great gathering of multimedia developers and those concerned with all things digital – quite a fantastic event. I had the opportunity to participate on a panel called “If I Were in Charge, I’d…” Proposals for the panel were solicited before the [...]

The Secret of Building a Table with Dreamweaver

It’s easy peasy to create a table in Dreamweaver. It’s not so easy to create a table in Dreamweaver that sticks to the ideal of separation of content from presentation and uses CSS rather than HTML to determine presentation. If you want to build a table for your web page that does use best practice [...]

Modifying an hReview microformat to include HTML from schema.org

Google, Yahoo and Bing announced schema.org yesterday. Many sites are generated from structured data, which is often stored in databases. When this data is formatted into HTML, it becomes very difficult to recover the original structured data. Many applications, especially search engines, can benefit greatly from direct access to this structured data. On-page markup enables [...]