Web Teacher

Tips on this blog

Dreamweaver Tips

• Using Dreamweaver to add labels to forms
• Adapting Dreamweaver CSS layouts to display:table rules
• What to do with Dreamweaver’s invitation to attach more than one style sheet
• Presentation: New CSS features in Dreamweaver CS3
• The Dreamweaver 8 toggle displaying CSS styles
• Dreamweaver 8 CSS Styles panel improvements
• Using Insert Div Tag in Dreamweaver MX 2004
• Modify Dreamweaver’s Default HTML New Document
• Dreamweaver MX Site Definitions on OS X
• Rebuild Dreamweaver’s Site Cache when Library Items Don’t Refresh

HTML Tips

• Document Outlines in HTML5
• HTML5: the new hgroup element
• New Link Relations in HTML5
• HTML 5 markup for blog posts
• The definition list
• Using cite in HTML
• The Joy of HTML
• Workaround for poor longdesc support
• Eliminate unwanted whitespace in Internet Explorer list rendering
• What is semantic markup and why should you care?

CSS Tips

• Resolving Conflicts in CSS
• How to look like a Wiz with RGBa
• CSS3 Transitions: The Basics
• Adding Borders to Data Tables with CSS
• Style a Fieldset with Rounded Corners using CSS
• Designing with Structural Thinking
• Style Fieldsets like a Pro
• Three examples of fieldsets styled with CSS
• The Cascade and ordering external stylesheet links
• The Cascade by Example
• Styling the Label Element with CSS
• Styling a fieldset with CSS
• Calculate the specificity of CSS selectors
• Attribute Selectors in CSS
• Tables, borders, and border-collapse
• Retrain your HTML 3.2 Brain to Think in CSS
• Using Firefox to Wage a Class War
• Using a backslash in CSS Hacks
• What is a wrapper div?
• Three steps to a 2 column layout
• Want to write CSS for a handheld?
• Testing CSS for handhelds

General Tips

• Tagging a PDF
• An explanation of the abbreviations in a DTD
• Presentation: Ten Checkpoints of a Web Standards Based Curriculum
• Make a slideshow with Fireworks CS3 (or not)
• Tip for Testing Web Pages Locally
• Checking on Link Popularity
• Turning off Cache in Safari
• Resizing Text on Windows with IE
• If It’s Yellow it Must be Google
• Getting Text Edit to Open an HTML file in plain text
• IE7′s new feed reader

Tips and articles published elsewhere

• Presentations on Slideshare
• Web Design 101: Floats at Digital Web Magazine
• Make Your Site Mobile Friendly at Think Vitamin
• BlogHer Web Standards Presentation (PowerPoint)
• Achieve Accessibility with Dreamweaver at Wise-Women.org
• The Early Bird Catches the CSS: Planning Structural HTML at Wise-Women.org
• Ten Minutes to WML at Wise-Women.org

The TGB Elder Geek

Under the name The TGB Elder Geek, I write articles for Time Goes By.

• Select, Cut, Paste and Copy
• Making Links
• Passwords
• Twitter
• Zooming
• Readability
• Keeping up with Technology
• Blog Subscriptions
• Love Your Address Bar
• Download and Install
• Resize a YouTube Video
• What do You Want to Know?
• You and Your Files, Part 1
• You and Your Files, Part 2
• Readable
• Select More than One
• Working with Photos
• Playing with Boxes
• The Big Mystery
• Secrets of Blog Commenting
• How to Use Facebook

eBook

A Beginner’s Guide: Writing CSS with Dreamweaver 8 available as an eBook. The principles explained in the ebook still apply to versions of Dreamweaver through CS3. The CSS interface in Dreamweaver CS4 is slightly changed.

Other Places where I write—a lot

• eHow Expert for Internet: I have hundreds of how-to articles about technology and the Internet at eHow.
• First 50 Words: writing prompts for creativity
• BlogHer Contributing Editor for Technology