Bookmark and Share

Enter your email address:

Delivered by FeedBurner



Home Page













Subscribe here
Add to My Yahoo!
This page is powered by Blogger. Isn't yours?

Host your Web site with PureHost!


eXTReMe Tracker
  Web http://www.klippert.com



  Saturday, February 13, 2010 – Permalink –

Quotes and Apostrophes

HTML codes


A left double quote is “
A right double quote is &rdquo ;
A left single quote is &lsquo ;
A right single quote is &rsquo ;


OfZenandComputing.com






See all Topics

Labels: , ,


<Doug Klippert@ 3:04 AM

Comments: Post a Comment


  Monday, January 25, 2010 – Permalink –

Character Codes

HTML and ALT+


Here's another table with the codes needed to insert characters that do not appear on the keyboard:

Keyboard Shortcuts





See all Topics

Labels: , , ,


<Doug Klippert@ 3:45 AM

Comments: Post a Comment


  Thursday, January 21, 2010 – Permalink –

CSS Coding

Put by the keyboard

Cascading Style Sheets (CSS) is a simple way to define styles (e.g. fonts, colors, spacing) on Web pages.
Of course there is coding involved. Here is a printable cheat sheet you can keep close at hand.

LeslieFranke.com






See all Topics

Labels: , ,


<Doug Klippert@ 3:34 AM

Comments: Post a Comment


  Tuesday, January 12, 2010 – Permalink –

Scroll Text

Automated GIF



WigFilp.com





See all Topics

Labels: , , ,


<Doug Klippert@ 3:49 AM

Comments: Post a Comment


  Tuesday, December 08, 2009 – Permalink –

What's the Expression?

FrontPage, we knew you well


Microsoft has retired FrontPage in favor of an application called Expression Web Designer.

It is part of four programs that will make up the Expression suite.

Channel9.MSDN.com has a series of videos on the quartet.

Here's the one on FrontPage/ Expression
Expression - Part Four: Web

Also:
Expression - Part One: The Overview

Expression - Part Two: Design

Expression - Part Three: Blend


[Edited entry from 12/5/2006]




See all Topics

Labels: ,


<Doug Klippert@ 3:35 AM

Comments: Post a Comment


  Sunday, November 15, 2009 – Permalink –

Color News

A multidiscipline subject


Here is a study about how color effects a reader's choice of concentration.

It was intended for newspaper publishers, but the same knowledge can be used in Web design, PowerPoint, or any other reporting application. Word and Excel will also benefit.

Color, Contrast, and Dimension in News Design

ColorProject

The Poynter Institute is a school for journalists, future journalists, and teachers of journalists.
Poynter.org



[Edited entry from 11/8/2006]




See all Topics

Labels: , , , , , , ,


<Doug Klippert@ 3:01 AM

Comments: Post a Comment


  Wednesday, November 11, 2009 – Permalink –

Cheap Certification

Bargain deal


Becoming certified can be expensive and time consuming.
Here's a way to be certified as an HTML Developer, or ASP Developer.

  • Study and train for your certificates at no cost
  • Study and train for your certificates when it is convenient
  • Study and train for your certificates from your own computer
  • Complete your studies in a few weeks
  • Take your exams over the Internet

W3 Schools

Even if you don't take the test, the tutorials are free!


 [Edited entry from 11/3/2006]


See all Topics

Labels: ,


<Doug Klippert@ 3:41 AM

Comments: Post a Comment


  Friday, October 16, 2009 – Permalink –

Plan for your Site

Outline then do


Always a good idea. Pre-plan and then do. Too often projects are started without a plan and too often plans are made and not carried through.

"When creating a website there are several different tools and methods available, but it is important to plan the steps. This guide will help outline the important steps required for website creation and promotion. Information in this document should help readers avoid many pitfalls and save time throughout the process."

  1. Inception and Planning

  2. Design

  3. Construction

  4. Promotion
CompTechDoc.org:
Website Creation Tutorial



[Edited entry from 9/26/2006]


See all Topics

Labels: , ,


<Doug Klippert@ 3:13 AM

Comments: Post a Comment


  Saturday, October 10, 2009 – Permalink –

Web Furnishings

Clips, buttons, templates


ZeroWeb.org accepts submissions and provides free downloads of web ingredients.

Website Layouts
Clean
Heavy
Strange
Premium

Web Graphics

Clipart


Zeroweb.org -- Free website layouts and templates, clipart, graphics and website tools.


[Edited entry from 9/20/2006]




See all Topics

Labels: , , ,


<Doug Klippert@ 3:07 AM

Comments: Post a Comment


  Tuesday, October 06, 2009 – Permalink –

Unicode is Big

More symbols and letters


This free download lets you see and select more characters in the Unicode set. The Unicode Character Grid shows all assigned characters and private use characters in Unicode 5.2.




Here's a blog covering Scripts, Unicode, Character Encoding and BabelStone Stuff
BableStone Blog



[Edited entry from 9/14/2006]




See all Topics

Labels: , , , , , , ,


<Doug Klippert@ 3:15 AM

Comments: Post a Comment


  Sunday, October 04, 2009 – Permalink –

Who dat?

And Where


Let's say you wanted to set up a web site for your friend Bob, who lives in Bosnia-Hercegovina. Would you know that the root zone code was .ba and that the contact person has an office at:

Universtiy Telinformatic Centre (UTIC)
Zmaja od Bosne 8 (objekat 33)
Sarajevo 71000
Bosnia-Hercegovina

See:
International Assigned Numbers Association:
Root-Zone Whois Information

There is also a page that defines such top level domains as .COM and .NET.
Generic Top-Level Domains

BTW.
Sorry feline fanatics,
"The .cat domain is reserved for the Catalan linguistic and cultural community and is sponsored by Fundació puntCat"



[Edited entry from 9/11/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:47 AM

Comments: Post a Comment


  Tuesday, September 29, 2009 – Permalink –

Collection of the Good Ones

Striking sites


Here is a collection of well designed sites that make use of CSS.

How do you pick the sites?

Well first they have to be done in CSS. Tables can only be used for tabular data. Second they just have to look good to me. Beauty is in the eye of the beholder so I do not expect every site that is posted to be liked by everyone or even anyone. Also do not expect a site to be posted just because you sent it in.

With the large amount of submissions I get daily and the increasing number of showcase sites, getting your site into the Vault will now be more challenging. I look for use of color, typography, whitespace, IA and how they all fit overall in the site's structure.



CSSVault.com



[Edited entry from 9/4/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:58 AM

Comments: Post a Comment


  Monday, September 21, 2009 – Permalink –

Should Employees Blog?

What are the rules?


Blogging has spread throughout the internet. It's not just geeks yelling in an echo room or kids babbling in MySpace. Corporate blogging is a reality.

What should the guidelines be?

Michael Hyatt has put together some suggestions for his company:
Like many companies, we have struggled with what guidance to give to our bloggers. I personally checked with several companies. None had formalized a set of blogging rules or written guidance.
One Microsoft blogger told me that the only rule his company provided was, "Be smart." I thought we probably needed a little more guidance than that, so several of us cooked up a list of "Blogging Terms and Conditions." Our corporate counsel has also had a crack at it.

Working Smart
The alternative to working hard!:
Blog Terms and Conditions


[Edited entry from 8/26/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:51 AM

Comments: Post a Comment


  Wednesday, September 16, 2009 – Permalink –

Relative Font Sizes

What size are your relatives?



Relative font sizes make websites more accessible and easier to read - but they're not much help unless the person using the site can find a way to actually change text size.

Here's a simple solution for text resizing:

Power To The People: Relative Font Sizes
Article by Bojan Mihelac

Original link from Lockergnome

[Edited entry from 8/19/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:46 AM

Comments: Post a Comment


  Saturday, September 05, 2009 – Permalink –

HTML Tutorials

How to HTML



Ezpression Web/FrontPage can quickly create good looking web sites. If you want more versatility and the ability to edit the underlying HTML (Hyper Text Markup Language ), look at these sites:

HTML Code Tutorial (NCSA )

Chris's FrontPage Info Web

Outfront Webmasters

And others:

FrontPage Solutions

[Edited entry from 8/6/2006]




See all Topics

Labels: , , ,


<Doug Klippert@ 3:26 AM

Comments: Post a Comment


  Tuesday, September 01, 2009 – Permalink –

Is It Christmas Yet?

Ideas to consider


All right, when this was posted, August was just put to bed. Still if you are going to do something for the holidays, you might want to start now.

37signals.com has a good selection of suggestions, tutorials, and links the will help you decorate your site. Elves are extra.


37signals is here to help. In these pages you'll find dozens of ideas for improving the holiday customer experience at your site. Each idea is accompanied by examples taken from top retail sites (we've visited hundreds of sites over the past two holiday seasons seeking smart techniques).


Is your Site Ready?



[Edited entry from 8/2/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:55 AM

Comments: Post a Comment


  Saturday, August 22, 2009 – Permalink –

Self Help

Get started in the right direction


The Office of Technology Services of Towson University, located in Towson, Md., provides Self-Help Training Documents for many applications.

They are available for many levels of knowledge. They’re clean, clear, and concise.
  • Access

  • Adobe Acrobat

  • Dreamweaver

  • Excel

  • FrontPage

  • Microsoft Office Tools

  • Outlook

  • Outlook Web Access

  • PowerPoint

  • Publisher

  • Visio

  • Windows

  • Word Art

  • Word
Tech Docs



[Edited entry from 7/21/2006]



See all Topics

Labels: , , , , , , , ,


<Doug Klippert@ 3:03 AM

Comments: Post a Comment


  Wednesday, August 19, 2009 – Permalink –

FrontPage-Expression Links

Connect for information


Tina Clarke, Microsoft MVP - FrontPage, has a number of sites. Here is one that collects links to knowledge tidbits.

AccessFP - FrontPage Resources

She also has a blog, which contain more hints about the new FP "Expression Web Designer"

Frontpage Blog



[Edited entryfrom 7/17/2006]




See all Topics

Labels: ,


<Doug Klippert@ 3:03 AM

Comments: Post a Comment


  Wednesday, August 12, 2009 – Permalink –

Animated GIFs

For use on the Web or PowerPoint


  • Harry the cat.com

    3,000+ Royalty Free Copyrighted Animated Gifs for non-commercial use

  • Fg-a.com

    Free Gifs & Animations, also editors, guestbook's, etc.

  • Gifs.net

    1,500 FREE Animated Gifs and many other items (gifs, jpgs, letters, buttons, backgrounds, etc.)

  • Web Developer.com

    There are more than 300 of them from which to choose.
[Edited entry from 7/9/2006]

See all Topics:

 

Labels: , ,


<Doug Klippert@ 3:58 AM

Comments: Post a Comment


  Monday, August 10, 2009 – Permalink –

Military Clipart

Thousands of items


If you find the need for Armed Forces photos and art, here is the place to look.
Regardless of your opinion about their present mission, the military does present a spectacular visage.



"06/17/06 - An F/A-18E Super Hornet aircraft sits at the ready as storm clouds pass overhead aboard the Nimitz-class aircraft carrier USS Ronald Reagan (CVN 76) in the Philippine Sea June 17, 2006.
(U.S. Navy photo by Photographer's Mate 2nd Class Aaron Burden)

All of these files are in the public domain unless otherwise indicated. However, we request you credit the photographer/videographer as indicated or simply "Department of Defense."


HqDA.Army.Mil - Clipart


[Edited entry from 7/7/2006]




See all Topics

Labels: , , , , ,


<Doug Klippert@ 3:59 AM

Comments: Post a Comment


  Tuesday, August 04, 2009 – Permalink –

Web Things to Remember

A few small things you shouldn't forget


The Web Workshop suggests that these four items are among the many you should make sure are used correctly on your web page:
  • The Page Title

  • The Background Color

  • The Submit Button in Forms

  • Non-Breaking Spaces

[Edited entry from 7/1/2006] See all Topics

Labels: , ,


<Doug Klippert@ 3:28 AM

Comments: Post a Comment


  Wednesday, July 29, 2009 – Permalink –

Test Your Web Site

How does your site score?


Here are a collection of tools that can be used to analyze your web site for validity.

Sorry, it doesn't check for source information reliability.


Readability Test
The readability test analyses a Web page to determine how readable it is.
CSS Analyzer
The CSS analyzer tests for basic accessibility errors such as color contrast and units of measurement.
Luminosity Contrast Ratio Analyzer (Beta)
Tests whether foreground and background colour combinations are sufficient using a new algorithm developed by Trace R&D Center.
Color Contrast Analyzer
The color contrast analyzer tests whether the contrast between the background and the foreground is sufficient.
Image Analyzer
The image analyzer tests Web pages to ensure that images have been specified properly.
Link Analyzer
The link analyzer lists all links on a page with an icon to indicate whether or not the link resolved successfully.

Juicystudio.com:
Quality Assurance


[Edited entry from 6/23/2006]




See all Topics

Labels: , , ,


<Doug Klippert@ 3:55 AM

Comments: Post a Comment


  Wednesday, July 15, 2009 – Permalink –

Restore Defaults

Office 2003 redo


To reset the original settings in Office 2003, follow these steps.
Make sure that you back up your files before you follow these steps.
  1. 1. Start any Office 2003 program.
  2. On Help menu, click Detect and Repair.



  3. Click to select the Discard my customized settings and restore default settings check box, and then click Start.
  4. Quit the application, and then click Ignore.
  5. Click OK when you receive the following message:
    Reset of setting to default succeed.

Microsoft Office Diagnostics in 2007 replaces Diagnose and Repair:

Howtogeek.com


[Edited entry from 6/7/2006]


See all Topics

Labels: , , , , ,


<Doug Klippert@ 3:22 AM

Comments: Post a Comment


  Friday, July 03, 2009 – Permalink –

CSS, PHP, and all that stuff

Collections of suggestions


Under the belief that more information leads to more understanding, here is a site that may help you round the corners of web design and function. Besides CSS templates there are PHP code nibblets.


In 2003 artypapers was created by R. Marie Cox as a springboard for ideas and a working space of technical implementation -- a place to test and build an extendable collection of core classes (alliteration!) that acts as an application framework for a diverse set of projects and applications.

artypapers.com

Also:
Links and Discussion About the Best CSS Resources Available on the Web.
CSS Help Pile


[Edited entry from 5/22/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:56 AM

Comments: Post a Comment


  Sunday, June 28, 2009 – Permalink –

30 Days Hath

One Day at a Time


Here's how to add a calendar to your web page.


Publishing Outlook Calendars on the Internet or an Intranet
(From THE definitive Outlook/Exchange site - Slipstick.com.)

Other methods:

Htmlgoodies.com
It's actually just a simple table with a couple of additions. (free)

HTMLCal
HTMLCAL is a Web calendar maker and editor that lets you maintain a group calendar for your Web site or intranet.
This software will let you maintain live calendars on your site that anyone can view or update from any Web browser. ($25)

Htmlcalendar.com
HTML Calendar Maker Pro was designed with ease of use in mind. Now you can type your events quickly and easily and they will be transformed into a customized and professional monthly calendar within seconds. Simply follow the on-screen tutorial to create your calendar and then place the finished web page on your site. It's perfect for planning for the weeks ahead or noting past historic events. ($26.50 +)

All about Calendars by:

Claus Tøndering


[Edited entry from 5/13/2006]




See all Topics

Labels: , , , ,


<Doug Klippert@ 3:00 AM

Comments: Post a Comment


  Sunday, June 21, 2009 – Permalink –

Clip Art at Home

Install more


Do you remember all of the clip art that was available locally with Office XP?

When you have an Internet connection, you have access to the Office Online collection, but if you would like more clip art installed on your machine:


A small amount of sample clip art images was included The 2007 Office systems and Office 2003 and is part of the "local collection" that is searched when you do not have Internet access to the Microsoft Office Online Clip Art and Media Web site. Office 2003 no longer included a media content CD with additional clip art. However, the Microsoft Office XP Media Content CD can still be installed locally or on a network share.

The Office XP Media Content CD contains approximately 35,000 clips that are a subset of the clips that are available on the Microsoft Office Online Clip Art and Media Web site. The Office XP Media Content CD was included with Microsoft Office XP Professional, Microsoft Office XP Standard, and Microsoft Publisher 2002 Deluxe Edition.

To install the contents of the Office XP Media Content CD on a computer, follow these steps:
  1. Exit all programs that are running

  2. Insert the Office XP Media Content CD into the CD drive or into the DVD drive
    (Hold down the SHIFT key to prevent the program from automatically starting. If Microsoft Windows Installer automatically starts, click Cancel)

  3. Click Start, click Run, type the following command, and then click OK:
    msiexec.exe /i CD_drive:\CAG.MSI ADDLOCAL=ALL /qb
(CD_drive is the letter of the drive that contains the Office XP Media Content CD)
Support.Microsoft.com
How to add clip art to Clip Organizer in a 2007 Office system and in Office 2003



[Edited entry from 5/5/5006]



See all Topics

Labels: , , , , , , ,


<Doug Klippert@ 3:53 AM

Comments: Post a Comment


  Saturday, June 20, 2009 – Permalink –

Scripts You Can Use

DHTML, Javascripts, PHP


Dynamic Drive provides original DHTML & Javascripts to enhance your web site.

There is an extensive collection as evidenced by this TOC.


  • Calendars

  • Date & Time

  • Document Effects

  • Dynamic Content

  • Form Effects

  • Games

  • Image Effects

  • Links & Tooltips

  • Menus & Navigation

  • Mouse and Cursor

  • Scrollers

  • Text Animations

  • User/System Preference

  • Window and Frames
From

DynamicDrive.com


[Edited entry from 5/4/2006]


See all Topics

Labels: ,


<Doug Klippert@ 3:36 AM

Comments: Post a Comment


  Saturday, June 13, 2009 – Permalink –

World's a Web

Join the group


Daniel Will-Harris is a designer and author. He has put together a web site with step-by-step instructions about how to set up your own web site.

" Everyone and their dog needs to build a web site these days. But even with the best software there's all sorts of stuff a mammal has to understand before it can create a truly useful site.

eFuse.com offers information, inspiration, and assistance written in plain English by professional writers and designers so it's easy to understand and use. eFuse.com is for everyone who wants to build a more attractive and effective web site. Learn what you need, painlessly. No experience necessary. You'll be web-savvy in no time.

Take a look at the site map.
eFuse.com:
Site Map

Learn how to Plan, Design, Build and Grow your web site



[Edited entry from 4/27/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:30 AM

Comments: Post a Comment


  Sunday, June 07, 2009 – Permalink –

Preview Resolution

Browser View


To see what your web page will look like in other browsers, go to File>Preview in Browser.




[Edited entry from 4/20/2006]




See all Topics

Labels: ,


<Doug Klippert@ 3:23 AM

Comments: Post a Comment


  Sunday, May 31, 2009 – Permalink –

Unicode and other Characters

Why's A 65?


Underlying the intriguing prose spread across the monitor screen are numbers and more numbers.

Joel Spolsky, a New York software developer has written a combination history/tutorial about this numeric-literary liason.

He calls it:


"The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!)"


Unicode and Character sets


[Edited entry from 4/11/2006]




See all Topics

Labels: , , ,


<Doug Klippert@ 3:00 AM

Comments: Post a Comment


  Thursday, May 14, 2009 – Permalink –

Forms on the Web

Fill in the blank


As long as you have FrontPage extensions on your server, you can create original forms for your site.

(yoiu can also create forms wth Expression Web)

You can use forms on your Web site to:
  • Retrieve contact information from site visitors (for example, guest books)
  • Receive feedback about your Web site
  • Accept orders and gather shipping and billing information
  • Conduct surveys
  • Provide online registration
  • Offer search box mechanisms
  • Prompt users to log in to your Web site
Expression.Microsoft:
Forms with Expression

Office.Microsoft.com:
About creating forms in FrontPage 2003

Feedback Forms:
Feedback Forms for Your Website

Flash tutorial
FrontPage Forms



[Edited entry from 3/20/2006]

See all Topics

Labels: ,


<Doug Klippert@ 3:47 AM

Comments: Post a Comment


  Thursday, May 07, 2009 – Permalink –

More Cascading Style Sheet Help

Tutorials, Tools, and Links

"Cascading Style Sheets separate the presentation from the structural markup of a web site. By applying a CSS style you have the ability to keep the structure of your document lean and fast, while controlling the appearance of the content.

HTML was intended as the structural markup language. This language focuses on the roles that the different elements of a document have to play, not how they have to look. CSS has been invented and developed for the Internet. It is not an adapted tool from print or programming, but a means of enhancing HTML."

Mako4CSS.com
  • CSS Creator site is a place for you to learn about and create CSS, Cascading Style Sheets. The CSS Forum is a place where you can discuss CSS page layouts, positioning, bugs and just about anything related to cascading style sheets. The forum is new, free and most of all needs people like you to create a community. Talk about CSS, ask questions, find solutions, and help each other learn at the CSS Forum.

  • The original CSS Creator is a CSS generator, which you can use to create styles and test them on your site. If you are learning CSS have a look and see how changes will affect your site and generate the styles. The CSS Creator has been used tested on 5266 urls.

  • The CSS Layout Generator will generate layouts with a flexible center column and fixed width left and or right column. All columns will be the same length, the layout can be centered on the page or full width and a header and footer can be easily added. 10545 CSS Layouts have been generated.

  • A light weight multi level menu, which uses a very small JavaScript file for browsers with bad CSS support. The markup of the menu is simply unordered lists, it can support multiple levels and will degrade to a simple unordered list if CSS is turned off.

  • A Useful CSS Links page has been added to the site and contains great links to CSS tutorials, tools, tips from all over the web.

CSS Creator.com Also see: New York Public Library Online Style Guide [Edited entry from 3/12/2006] See all Topics

Labels: , ,


<Doug Klippert@ 3:25 AM

Comments: Post a Comment


  Wednesday, May 06, 2009 – Permalink –

Who was that font I saw you with last night?

That was no font, that was my typeface


You can find the Fonts supplied with some Microsoft products
Select a product name from the list to get a list of fonts supplied with that product.

Microsoft's Typography is an interesting site to poke around in.

Here are some books I use for reference material:

Words into Type

by Marjorie E. Skillin, Robert Malcolm Gay ISBN 0139642625


Stop Stealing Sheep & Find Out How Type Works


by Erik Spiekermann, E.M Ginger ISBN 0201703394


The Elements of Typographic Style

by Robert Bringhurst ISBN 0881791326

A font can be defined as a collection of characters with the same style and size. A typeface is the design of the characters regardless of size or style. The terms are used interchangeably today.


[Edited entry from 3/11/2006]




See all Topics

Labels: , , , , , ,


<Doug Klippert@ 3:06 AM

Comments: Post a Comment


  Wednesday, April 22, 2009 – Permalink –

Survey On Line

Test the wind electronically


Surveys can be used to appraise the sentiments of your audience, or just to gather data.

Here is a tutorial about how to use the FrontPage tools.


"Designing surveys is an art unto itself, requiring careful analysis, skill, and an absolute attention to detail. On the other hand, coding or developing a Web page that contains an electronic form that collects the data from a willing participant is often just as arduous.

FrontPage makes developing and publishing a Web form or survey a breeze. Moreover, it doesn't require that you know any programming or scripting languages that interactively collect and dynamically display results from a database as you will see in this tutorial."



Creating Online Surveys Using Microsoft FrontPage

by William C. Jeansonne


Also:

Survey Forms


[Edited entry from 2/24/2006]




See all Topics

Labels:


<Doug Klippert@ 3:54 AM

Comments: Post a Comment


  Tuesday, April 14, 2009 – Permalink –

Border Magic with CSS

Consistent formatting



Cascading Style Sheets can be helpful in applying dependable format characteristics to web sites. Like Styles, CSS provides a reference point when a certain look is called for.

Stu Nicholls provides directions for "Fluid" borders:
"If you resize your browser window you will see that these borders are fluid and stay in shape. Resize the text and they will also stay in shape."


Even in this static shot, you can see some nice possibilities.

Fluid Borders to with CSS



[Edited entry from2/16/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:01 AM

Comments: Post a Comment


  Tuesday, April 07, 2009 – Permalink –

Multiple Page Forms

When you need more than one

You've seen them before; web forms that accept input and then take you to another page for more data entry.

Here is a step by step tutorial:
This article describes how to create a multipage form in Microsoft Office FrontPage 2003. Each page of the form contains navigation buttons to move to the previous page or the next page. Additionally, the last page of the form contains a Submit button and a Reset button.


Support.Microsoft.com:
How to create a multipage form in FrontPage



[Edited entry from 2/9/2006]




See all Topics

Labels: ,


<Doug Klippert@ 3:19 AM

Comments: Post a Comment


  Sunday, March 29, 2009 – Permalink –

Web Magazine

The difference between a blog and a magazine is thin


Here's on online mag that collects information, direction, and designs for web sites


"A List Apart Magazine (ISSN: 1534-0295) explores the design, development, and meaning of web content, with a special focus on techniques and benefits of designing with web standards.

Steal our code? Copy our content?

ALA's content is protected by copyright shared jointly by the magazine and its writers, but our source code is freely available to all."

A list Apart


[Edited entry from 1/31/2006]




See all Topics

Labels: , , ,


<Doug Klippert@ 3:20 AM

Comments: Post a Comment


  Monday, March 23, 2009 – Permalink –

More CSS

Can't get enough


Demonstrations, Layouts, Menus


This site provides a wealth of examples about how to use Cascading Style Sheets.

Poke around and then come back when your project calls for something different.


"Because my site deals with experimental CSS that is exactly what you get JUST CSS, no javascript or any other programming language has been used in any of the demonstrations."


CSS Play by Stu Nicholls


[Edited entry from 1/25/2006]




See all Topics

Labels: , ,


<Doug Klippert@ 3:38 AM

Comments: Post a Comment


  Tuesday, February 24, 2009 – Permalink –

Form Design

Fancy functionals


Here is a discussion about how to design a form for use on the web.

"Computers are supposed to make our lives easier, not more difficult. As usability-conscious designers, we can make our users' lives easier by thinking about the way people interact with our websites, providing clear direction, and then putting the burden of sorting out the details in the hands of the computers—not the users.

It's that last part that we're going to focus on here. We've all heard and read about big usability mistakes time and time again: "Don't use images or flash for navigation," "Don't use Javascript for links," and I certainly hope we're all applying those lessons in our work. It's often the smallest usability quirks, however, that create the biggest annoyances for users, especially when it comes to HTML forms. Follow these guidelines, and you'll be off to a good start."


  • Use the right field for the task
  • Give them room to type
  • Shorten your forms and question "mandatory" fields
  • Mark mandatory fields clearly
  • Provide descriptive labels for all of your fields
  • Let the computer, not the user, handle information formatting
  • Use informative error messages
  • Don't return users to an altered form
Sensible Forms Brian Crescimanno



[Edited entry from 12/21/2005]



See all Topics

Labels: , ,


<Doug Klippert@ 3:10 AM

Comments: Post a Comment


  Tuesday, February 17, 2009 – Permalink –

RSS with Expression Web/FrontPage

Roll your own

If you like the idea of building your own RSS feed, read on.

"Learn about RSS and how to programmatically create an RSS file for your FrontPage 2003 Web site. The download that accompanies this article contains a VBA project and an XSLT file that you can use to generate and display RSS feeds.

If you spend any time on the Internet, you have probably heard of RSS, and you may decide that you need an RSS feed for your Web site. An RSS feed is an Extensible Markup Language (XML) file that people can use to keep up to date with the content on a Web site. RSS feeds are frequently associated with weblogs (blogs), but you can use them for any Web site.

If you have a Web site that contains content that you frequently update, such as articles or stories, you may want an RSS feed to help your customers keep up with your updates. This article explains the XML behind RSS and provides a Microsoft Office FrontPage 2003 Visual Basic for Applications (VBA) project that you can use to programmatically generate an RSS feed for your FrontPage Web site. The download for this article includes an Extensible Stylesheet Language Transformation (XSLT) file that you can use to display the RSS XML file in a browser."

Microsoft Developers Network:
Creating an RSS Feed for Your FrontPage Web Site

[Edited entry from 12/13/2005]




See all Topics

Labels: ,


<Doug Klippert@ 3:35 AM

Comments: Post a Comment


  Monday, February 09, 2009 – Permalink –

Photo Gallery

A CSS exercise


FrontPage had a Photo gallery template, and you can also save a PowerPoint show as a web page.

For another take on the problem, here are the instructions needed to create a gallery using CSS.

Click here to see what it might look like:



How to Create a Photographic Gallery Using CSS
By Stu Nicholls


[Edited entry from 12/5/2005]



See all Topics

Labels: , ,


<Doug Klippert@ 3:16 AM

Comments: Post a Comment


  Tuesday, February 03, 2009 – Permalink –

Internet 099

Basics and Beyond


A San Francisco company called Learn the Net has produced a basic on-line tutorial about the Internet.

If you need a fundamental primer, this might be a place to look.

It is not a series of scaled down "baby talk" lessons. You can drill down though the meaning of 403/404 error codes and links to WW3 Generic URI Syntax (RFC 2396) standards.

That is if you know how to drill down.

"Throughout Learn the Net--in fact on most web pages--you will see words that are in color and often underlined. By clicking on these words, known as hypertext, you jump to other places on the page, to other pages on the site, or to other resources on the Internet."


www.LearntheNet.com




[Edited entry from 11/27/2005]



See all Topics

Labels: , ,


<Doug Klippert@ 3:08 AM

Comments: Post a Comment


  Sunday, February 01, 2009 – Permalink –

MailTo Shortcut

Just a quick note


You can create a shortcut on your desk top that will start or switch to your default email application. You can also fill in parts of the message if you want.

Right-click an empty spot on the desktop and choose New>Shortcut.
In the box that says "Type the location of the item", enter something like:

mailto:All@Once.com.



The University of Nebraska at Lincoln has some other entries you may want to try. They are intended as HTML hyperlink references, but some of them work as shortcuts too.
MailTo

Outfront.net also has some information:
Getting More From 'mailto'

[Edited entry from 11/30/2005]


See all Topics

Labels: , , , , ,


<Doug Klippert@ 3:50 AM

Comments: Post a Comment


  Sunday, January 25, 2009 – Permalink –

Email Icons

Foil the spoilers


If you include an email address it can be read be the evil robot of the web.
Nexodyne.com will create a free email icon graphic to be used in place of a mail hyperlink.



You could also use this piece of Javascript to avoid R2D2.

(user in this case would be "MyJunkMail.Place"
mydomain would be "Gmail.com")


<script language="JavaScript">
<!-- Begin
user = "myaddress";
domain = "mydomain";
document.write('<a href=\"mai' + 'lto:' + user + '@' + domain + '\">');
document.write(user + '@' + domain + '</a>');
// End -->
</script>
<noscript>
Here goes some text that can be seen if Javascript is disabled.
</noscript>


(from SB Projects.com)

[Edited enty from 11/22/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 3:35 AM

Comments: Post a Comment


  Friday, January 23, 2009 – Permalink –

Java and All That Jazz

Free code


One way to jazz up a boring web site is to use scripting to present random images or create interesting menus. You could learn to do it yourself, or borrow from the stars.

JavaScript-2.com is a source for free JavaScript Codes.

Find FREE JavaScript codes quickly and easily with the only search engine that searches all the top Java Script libraries, offering a total of over 8,000 free JavaScripts.


[Edited entry from 11/20/2005]




See all Topics

Labels: , , ,


<Doug Klippert@ 3:05 AM

Comments: Post a Comment


  Friday, January 16, 2009 – Permalink –

Code Your Web Site

An overview


One of the reasons the Web has expanded so rapidly is the ease of writing simple HTML.

When you want to add more bells and sirens, FrontPage has some built in tools to ease the process.
"In the early 1990s, Web sites were simple. Basic HTML allowed programmers to design sites that relayed basic information to Internet users but that could do little else.

Today, Web sites are often sophisticated and complex. Rather than a static place to present information, Web sites frequently act like business partners, performing complex tasks that can help run and even improve a business or personal endeavor.
To take full advantage of a Web site and truly make it work for you, you need professional coding tools. Microsoft Office FrontPage 2003 provides several new, powerful coding tools that will help you to create dynamic, interactive sites that can do more for you.

FrontPage 2003 coding tools (also Expression Web)can help you to generate clean, efficient code, while also giving you more control over the code. These tools can also help you to increase and apply your knowledge of coding languages.

This article will introduce you to the FrontPage 2003 coding tools and show you how you can use them to code faster and more accurately."


Pump up your Web site
with coding tools


[Edited entry from 11/6/2005]

See all Topics

Labels: ,


<Doug Klippert@ 3:35 AM

Comments: Post a Comment


  Thursday, January 08, 2009 – Permalink –

Send the Viewer on their Way

Move on


If you have an old site that people still address, or a web page that has been moved, see this code and the explanations.

<html>

<head>
<meta http-equiv="REFRESH" content="3; URL=http://WWW.MiniByteTech.com">
</head>

<body bgcolor="#FFFFFF" text="#000000">


The operative line is:

<meta http-equiv="REFRESH" content="3; URL=http://WWW.MiniByteTech.com">


The value of content is in seconds.
The new location for this web site is WWW.MiniByteTech.com! You will automatically be redirected in 3 seconds. If your browser doesn't automatically load, click <a href="http://WWW.MiniByteTech.com">HERE</a>.

</body>
</html

PCMag.com:
Routing Your Web Site Visitors

Help2Go.com:
Redirecting a Web page

ISiteBuild.com:
How to Redirect a Web Page Using a 301 Redirect

This tools help you determine if the redirect you have created is Search Engine Friendly:

WebConfs.com:
Redirect Checker




[Edited entry from 11/2/2005]



See all Topics

Labels: , , ,


<Doug Klippert@ 3:45 AM

Comments: Post a Comment


  Wednesday, December 31, 2008 – Permalink –

Photos on a Web Page

For all the world to see


A photo gallery is a Web page that contains a collection of photos arranged in a specific layout. Microsoft FrontPage provides four different layouts that you can use to arrange your graphics.



Photo Gallery

PowerPoint:
  1. Open your Microsoft Office FrontPage 2003 Web site.
  2. On the File menu, click Import.
  3. In the Import dialog box, click Add File.
  4. In the Add File to Import List dialog box, browse to the Microsoft Office PowerPoint presentation that you want to import, select it, and then click Open.
  5. Click OK.
"You can use the Web to give others access to your presentation by publishing it to a Web server or another computer that is accessible to those you want to view the presentation with a Web browser. When you publish a presentation, a copy of it is created in a file location you choose. You can publish from a presentation that is in .ppt format or that is saved as a Web page or Single File Web page."


Publishing to the Web



[Edited entry from 10/25/2005]

See all Topics

Labels: ,


<Doug Klippert@ 3:50 AM

Comments: Post a Comment


  Wednesday, December 24, 2008 – Permalink –

Privacy and the Net

What happens on your computer, stays . . .

Here are some protection suggestions:
"Links to numerous pages on the Web where home users can find software and information relevant to Windows PC privacy and security.

It also contains a rudimentary "checklist" of basic steps that home PC users can take to enhance their privacy and security while using the Internet.
Finally, you'll find a set of resources developed by the author of this site to help you protect your privacy and security on the Internet, including information about Pretty Good Privacy (PGP) and the Gnu Privacy Guard (GPG)."

Protecting Your Privacy & Security

by Eric Howes
University of Illinois at Urbana-Champaign

Also:
Microsoft:
Security at home

Also see:
Security and the Net


[Edited entry from 10/17/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 3:27 AM

Comments: Post a Comment


  Tuesday, December 23, 2008 – Permalink –

Pictures Toolbar

Control your graphics


FrontPage Picture bar

You may have used this toolbar in other applications; you may want to get to know it even better.

These tutorials looks at the toolbar which includes several easy-to-use features to tweak, enhance and position graphic images after they are inserted into a Expression Web/FrontPage web page.

OutFront.net:

The FrontPage Pictures Toolbar part I

The FrontPage Pictures Toolbar part II

The FrontPage Pictures Toolbar part III
  • Insert an Image from File also insert images from the FrontPage Clip Organizer or obtain free clipart online at Microsoft's Design Gallery Live
  • Text can be placed directly on a GIF image.
  • Automatically create a thumbnail of a larger image.
  • Position Absolutely
  • Bring Forward/Send Backward
  • Rotate Left/Right
  • Flip Horizontal/Vertical
  • More/Less Contrast
  • More/Less Brightness
  • Crop
  • Line Style
  • Format Picture
  • Set Transparent Image
  • Color
  • Bevel
  • Resample
[Updated entry from 10/1/2004]


See all Topics

Labels: ,


<Doug Klippert@ 3:00 AM

Comments: Post a Comment


  Saturday, November 08, 2008 – Permalink –

E-mail Delivery Design

Don't look like spam



A discussion:
"Transactional email can be a website's customer service ambassador, but messages must first survive a ruthless selection process in the user's in-box. Differentiating your message from spam is thus the first duty of email design.

Email is one of a website's most powerful tools for strengthening customer service and increasing users' confidence and trust in the site. Confirmation messages and other automated transactional email can complete the user experience: they reach out to customers in ways that are otherwise impossible for websites, which must sit still and wait for users to approach."


From Dr. Jakob Nielsen's Alertbox

Automated Email From Websites to Customers


[updated entry from 8/14/2005]



See all Topics

Labels: ,


<Doug Klippert@ 3:33 AM

Comments: Post a Comment


  Thursday, November 06, 2008 – Permalink –

PhotoShop Blog Templates

Design suggestions


I haven't done any remodeling of this blog in awhile, but when I do I'll be looking at Jennifer Apple's site:

www.PhotoshopSupport.com

"Once you choose a blogging service and set up an account, you will be provided with a standard blog template. But this template will suffer from a cookie-cutter design, and if you don't personalize it your blog may become lost. To be noticed your blog needs to make a splash - as there are more than ten million blogs out there. So what we'll concentrate on here is working with some design elements that can help you add more zing to your blog."

Tips For Blog Templates & Blog Design In Photoshop

Here are a few of the link categories:

  • Inspiring blog designs
  • Free fonts for blogs
  • Free photos for blogs
  • Free blog templates
  • Free blog backgrounds, tiles & patterns
  • Free color schemes for blogs



[Edited entry from 8/11/2005]



See all Topics

Labels: ,


<Doug Klippert@ 3:52 AM

Comments: Post a Comment


  Monday, October 27, 2008 – Permalink –

HTML Character References

Display codes


Alan Wood's Web Site provides a lot of reference material. From over 1400 ingredients of pesticides¹ to Unicode and HTML resources.

In HTML, fonts and symbols can be generated from the numeric character reference or from the character entity reference.

–  or en dash

(&#8211; or &ndash;)

— or em dash

(&#8212; or &mdash;)

‡ or double dagger

(&#8225; or &Dagger;)

™ or trade mark

(&#8482; or &trade;)

∑ or n-ary summation, sum of

(&#8721; or &sum;)

√ or square root, radical sign

(&#8730; or &radic;)
HTML 4.0 Character Entity References

[Edited entry from 7/31/2005]



See all Topics

Labels: , ,


<Doug Klippert@ 2:59 AM

Comments: Post a Comment


  Thursday, October 23, 2008 – Permalink –

Alternate Bullets

High caliber


There are other images that can be used as bullets in Word, PowerPoint, and HTML.
Allan Wyatt's Word Tips:

Using Words as Bullets


Netmechanic.com:

Make Custom Bullets
Using CSS


Shauna Kelly:

How to control bullets in Microsoft Word

Ins and outs of bullets and numbering in Word


Dubbo College :
(an easy five hours drive from Sydney, four hours from Newcastle and a ten hour drive from Melbourne and Brisbane.)



Paragraph Bullets


Troubleshooting Bullets and numbering


Also see:
Beyond Bullets.com

Beyond Bullet Points, the book

[Edited entry 7/25/2005]




See all Topics

Labels: , , ,


<Doug Klippert@ 2:19 AM

Comments: Post a Comment


  Tuesday, October 14, 2008 – Permalink –

Design Patterns

More suggestions


Martijn van Welie of Welie.com, has a collection of designs for web sites, GUI designs, and MobileUI designs.

Patterns

Some topics covered are:
  • Site Types
  • Ecommerce
  • Navigation
  • Basic Page Types
  • Managing Collections
  • Page Elements
    and
  • Visual Design

(As suggested by John Walkenbach's blog: j-walkblog.com)

[Edited entry from 7/13/2005]



See all Topics

Labels: ,


<Doug Klippert@ 1:28 AM

Comments: Post a Comment


  Saturday, October 04, 2008 – Permalink –

Script Bling

Page spice


Would you like to add an animation to your web page but don't know how to script?
SimplyTheBest.Net has a nice selection that can be easily pasted into your code.

Here are a few examples:

Animated page title script
A script that lets you animate the page title in the browser.

Animated message page
This script displays text messages on an introduction page before redirecting it to another page.

Bouncing image script
A script with which you can make an image bounce across the page.

Circling images
A script that will draw a circle consisting of a set of images around your mouse pointer.

Dynamic animation
This script can be used to fly text or images onto the browser screen from different directions.

Falling images
With this script you can make images fall down and then disappear from your page.

Floating images
A script that will float one or several images around the screen.

Search light
This DHTML script creates a search light effect on images using a start/stop link.

Transition effects
A script you can use to create transitions between images.

Text animation
A script to animate and fade in and/or fade out with text.

See:
Animation scripts

[Edited entry from 6/29/2005]



See all Topics

Labels: , ,


<Doug Klippert@ 6:18 AM

Comments: Post a Comment


  Wednesday, September 17, 2008 – Permalink –

Free Photos

and other graphics


Robin Good has compiled a list of places that provide royalty free images.

" Finding quality images and photos for complementing an important article, essay or news report is already quite a challenge for many. Imagine when the goal is not just too find good images, but find some that you could openly and freely use without needing to pay royalties or one-time publishing rights to someone."


Free Photographs and Other Visuals


A dozen sources are listed including:
PD Photo.org

"PDPhoto.org is a repository for free public domain photos. Unless something is clearly marked as being copyrighted, you can assume it is free to use. But if you intend to use an image you find here for commercial use, please be aware that standards for such use are higher. Specifically, you should assume no model release was obtained. And pictures featuring products or property should be used with care. The photos are here to be used, but I don't want you to get either of us in trouble over it."



Copyright Information


[Edited entry from 6/6/2005]



See all Topics

Labels: , , ,


<Doug Klippert@ 4:30 AM

Comments: Post a Comment


  Wednesday, September 10, 2008 – Permalink –

Free Web Templates

and Flash Movies




"Want a great new look for your website? Free Layouts.com offers you just that - select from our huge database of complete "look and feel" designs. Professional, sports, technical and others — they are all here. Free Web Templates are available for you to download now.

Look around and download your favorite page layouts — for free. Also, submit templates of your own and increase traffic to your website greatly. Currently over 500 free HTML templates and 50 Flash templates for you to download!"

Free Layouts.com

[Edited entry from 5/29/2005]



See all Topics

Labels: ,


<Doug Klippert@ 4:36 AM

Comments: Post a Comment


  Tuesday, August 26, 2008 – Permalink –

Jargon translation

Tech Stuff for the Web


"There are many Web technologies, from simple to complex, and explaining each in detail is beyond the scope of this article. However, to help you get started with developing your own Web sites, beyond simple WYSIWYG designing of Web pages in FrontPage, this article provides brief definitions of the major Web technologies along with links to sites where you can find more information, tutorials, and reference documentation."



Introduction to Web Technologies for FrontPage Users


If you have seen or heard these terms, and want a definition with links to more background material, this maybe the place to start.

  • Access
  • ActiveX Controls
  • Apache
  • ASP
  • ASP.NET
  • C#
  • CGI
  • CSS
  • Databases
  • Ecma International
  • FrontPage Server Extensions
  • HTML
  • IETF
  • Internet Information Services
  • Java
  • JavaScript (JScript/ECMAScript)
  • MySQL
  • Oracle Database
  • Perl
  • PHP
  • SharePoint Team Services
  • SQL Server
  • VBScript
  • Visual Basic .NET
  • Windows SharePoint Services
  • World Wide Web Consortium
  • XML
  • XSLT


[Edited entry from 5/13/2005]




See all Topics

Labels: , , ,


<Doug Klippert@ 3:07 AM

Comments: Post a Comment


  Saturday, August 16, 2008 – Permalink –

Copywriting for the Web

Writing resources


..."the personal website of Matt Pfeffer. It is an experiment more than anything. An attempt to learn a thing or two, get some exercise, maybe have a laugh now and then.
Everything here is either trivial, or wrong."

ProvenanceUnknown.com


Principles of copywriting for the web

"The guidelines this document describes will tell you how to improve the user experience on your site. They apply to web copy generally - both marketing copy and navigational (or instructional or "guide") copy - and their value is indirect but significant: Observing them will improve your site's ability to do its job well. "

Web copy style

"This style guide seeks to serve as a resource for anyone writing or editing web copy, and to document some of the conventions that distinguish good writing, as published on the web, from writing published in other media."

Got Editing?
"I am glad to provide free editing help to nonprofit organizations and independent web publishers. The offer is generally for one-time edits of a web site, or of any reasonable amount of web content."


[Edited entry from 5/1/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 3:44 AM

Comments: Post a Comment


  Thursday, July 24, 2008 – Permalink –

HTML/CSS Resource

"The Ultimate"


You may be put off by the home page for this site, but drill deeper.
Blooberry.com
Brian Wilson

The Author has compiled a very well arranged collection of references.


You might want to go directly to:

Index D O T HTML
T h e A d v a n c e d H T M L R e f e r e n c e

Or

Index D O T CSS
T h e A d v a n c e d C S S R e f e r e n c e

Brian is looking for volunteers to expand the authoring base for this site. If you would like to participate, here is a link to his email address:
Blooberry Email

[Edited entry from 3/31/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 4:34 AM

Comments: Post a Comment


  Wednesday, July 09, 2008 – Permalink –

Cascading Style Sheets

Good tutorial and reference


"Cascading Style Sheets (abbreviated CSS) add a new dimension to our pallet of Web design tools. They have the potential to allow a webmaster to control the appearance of countless web pages with one single file.

This file, known as a "Style Sheet", can be referenced by any number of web pages to define how certain areas of text appear on those pages.

With a simple change to this style sheet (to the font face, color, size, highlighting, border, or other properties), any page in the entire web site can instantly and easily be altered, eliminating the need to go through and change every single HTML tag.

In addition, style sheets add a number of other features, such as being able to specify text size in terms of points, highlighting text, using borders without the hassle of tables, defining paragraph indents, margins, and object positioning. They even provide the ability to layer elements over one another!"



University of Miami at Coral Gables:
Cascading Style Sheets


Also:
Documents and Materials

  • Beginning HTML
  • Advanced HTML
  • Cascading Style Sheets
  • Microsoft Excel
  • Microsoft PowerPoint
  • Microsoft Word

These documents are "PDF" files

[Edited entry from 3/15/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 6:42 AM

Comments: Post a Comment


  Wednesday, July 02, 2008 – Permalink –

Very Clever CSS Playground

I didn't know you could do that!


"This site documents my attempts at understanding and exploring the possibilities of CSS. From standard navigation links to my more bizarre experimental techniques.

All my examples are produced with JUST CSS, no javascript, or any other language, has been used in any of the examples. The demonstrations are designed to work in all the latest browsers, but, if you're lucky, some may also work in earlier versions."


Stu Nicholls' Navigation Gallery.

Here are two of the examples demonstrated:

Messing about in boats
Hover over a picture and it enlarges to 100%

Also:



The Streaker
A piece of animation done with CSS alone, no Java.

(I haven't figured out how to use situational CSS in a blog, so you'll have to go to Stu's site to see if the guy gets to the other door.)

[Edited entry from 3/9/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 4:51 AM

Comments: Post a Comment


  Saturday, June 21, 2008 – Permalink –

CSS Crib Sheet

Information rich site


When you get serious about web design, CSS or Cascading Style Sheets will add flexibility to your toolbox.


Mezzoblue .com has a wealth of information including:

CSS Crib Sheet

"You will no doubt come across many quirky layout issues when building a site with CSS. You'll end up banging your head against a wall time and again. This is an attempt to make the design process easier, and provide a quick reference to check when you run into trouble."


And:

A Roadmap to Standards
"The old-timers had to figure out the hard way all the tricks and techniques we now take for granted; lucky folks who came in later (myself included) can benefit from their sweat and tears.

In the end, when your skill using standard-based design eclipses your skill using old-school table-based methods, you’ll look back and marvel at how much more sense it makes to layout a page with CSS."


The RSS link is here

[Edited entry from 2/24/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 5:07 AM

Comments: Post a Comment


  Wednesday, June 04, 2008 – Permalink –

Style Guide

Book smarts


These suggestions may help design your own web site. Unlike the library employees, you don't have to follow all the rules!


New York Public Library Style Guide

"This Style Guide for the Branch Libraries of the New York Public Library explains the markup and design requirements for all Branch Libraries web projects, along with various standards and best practices."

XHTML Guidelines
The rules of XHTML as compared to HTML—an easy transition

What is XML?
A brief introduction to the foundation of XHTML

XHTML Benefits
Four key benefits of converting from HTML to XHTML

XHTML Authoring Tips & Tools
Simplifying the work process—includes tips on thinking structurally, and tools for hand-coders and Dreamweaver users

XHTML Accessibility Tips
Making sure your pages can be read by all visitors, browsers, and devices

XHTML Validation
Ensuring interoperability by avoiding errors and sticking to standards
CSS Guidelines
Tips on authoring and linking to Style Sheets

Steal These Style Sheets!
Style Sheets for your use in Library projects

CSS Validation
Ensuring that your Style Sheets are error-free (same as XHTML validation)


[Edited entry from 2/2/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 8:08 AM

Comments: Post a Comment


  Wednesday, May 28, 2008 – Permalink –

More Java?

It's in the script


Here is a descriptive article from Microsoft's Office Online:


Jazz up your Web site with JavaScript

"Have you ever wanted to add a pop-up window to your Web site? Maybe you've wanted to add a hyperlink that closes the page or to display the current date and time. You can add all of these features and more by using JavaScript: A scripting language that can be used to add functionality to a Web page or a Web site, or to enhance the look of one. JavaScript scripts can run on any type of client or server computer."


Also:
JavaScript.com

Days Remaining in Year
Use this script to calculate the number of days between now and the end of the year.
Popup Checkbox Navigation Menu
This script opens a small popup window containing a checkbox navigation menu.
Form Field Help
Add a help link to each section in your form. When clicked, an explanation is given of what is required and a box is offered where the information can be entered and transferred to the form.
Image Viewer
Use this script to display different images without opening a new window. Click the links to change the displayed image right in the current page.
Random Password Generator
This script can be used to generate random passwords for improved password strength


JavaScriptKit.com

  • Free JavaScripts
  • JavaScript Tutorials
  • Free Java applets
  • Advanced JavaScript Tutorials
  • DHTML/ CSS Tutorials
  • Web building tutorials
  • JavaScript Reference


Java and all that free jazz

[Edited entry from 1/25/2005]




See all Topics

Labels: ,


<Doug Klippert@ 7:04 AM

Comments: Post a Comment


  Thursday, May 22, 2008 – Permalink –

Dynamic Web Templates

DWTs


"FrontPage 2003 introduced Dynamic Web Templates, a new and sophisticated type of Web page template that enables you to share a layout among several pages in a site, preserve specific regions of content from unwanted changes, and save time when you begin to manage the Web pages on your Web site.

By creating a Dynamic Web Template, you can make regions on attached pages available for other authors to add and modify content, while preventing changes to other regions on the same page. This provides you with control to preserve the layout of the pages and the template itself. When you update the content in a Dynamic Web Template, you can update the attached Web pages simultaneously."



Microsoft:
Create a master Web page layout
by using Dynamic Web Templates

Change the master page layout
by using Dynamic Web Templates

Also:

Dynamic Web Template Interchange Guidelines

"The Dynamic Web Template Interchange Guidelines have been established by a consortium of web designers and developers in an effort to provide webmasters using a third party DWT the ability to cross over from one design to another with relative ease. The goal of the DWTIG is not to standardize design; rather, to standardize the method in which the content is added to a DWT through Editable Regions within the design."

FrontPage Learning Center:
FrontPage 2003 Dynamic Web Template Packages

Themesets.net:
Help with FrontPage 2003 Dynamic Web Templates (DWT)

FP Techniques > Dynamic Web Templates
by Tina Clarke

[Edited entry from 1/17/2005]




See all Topics

Labels: ,


<Doug Klippert@ 5:44 AM

Comments: Post a Comment


  Friday, May 16, 2008 – Permalink –

Link to PDF

Hyperlink to page numbers


The article tells how to link to named locations, but in most cases all you'll need is the page number:

Linking to Pages or Destinations Within PDFs
Dan Shea Associate Editor

Linking To Specific Pages

This is significantly simpler than linking to named destinations because it doesn't require any special steps to be taken in the preparation of the PDF file. I personally favor the page-linking method for this reason. In order to link through to a specific PDF page, begin with the domain, as you would for any web link:


http://www.mydomain.com/

Then add the name of the PDF document:


http://www.mydomain.com/myPDF.pdf

Then append "#page=" followed by the desired page number. For example, if you were looking to link to page 7:


http://www.mydomain.com/myPDF.pdf#page=7

So in all, the HTML link code would be:


<a href="http://www.mydomain.com/myPDF.pdf#page=7">Link text</a>


Example:

Also see:

Infoworld.com
Page-addressable PDF

Suggested in Scott Hanselman's Blog:
Addressing a PDF at the Page Level with an URL

[Edited entry from 1/10/2005]




See all Topics

Labels: , ,


<Doug Klippert@ 6:12 AM

Comments: Post a Comment


  Thursday, May 01, 2008 – Permalink –

Color pickers

Formating tools


Colorcode Generator

Color Scheme

Color Schemer

Colorcombo

Iconico

Irfanview

Kira's Web Toolbox

Mediagods.Com

Pagetutor.Com

Visbone



Also:

Unsafe ColorMatch to see web color combinations.

More Color Matching Tools

[Edited entry from 1/1/2005]




See all Topics

Labels: ,


<Doug Klippert@ 6:05 AM

Comments: Post a Comment


  Thursday, April 10, 2008 – Permalink –

Web News

Add news to your site



You can add information from other RSS or Atom sites to your own web page.


FeedSweep from Howell Developments takes care of the scripting. You only have to paste a short piece of code on your page. You can choose which feeds to display.

FeedSweep understands:


  • RSS 1.0 and variants
  • RSS 2.0 and variants
  • Atom 0.3
  • Slashdot Backslash


"Including up-to-date information from other web sites and news services bolsters your site's content and lets your visitors know they can come back to get updates on topics that are related to their interests. FeedSweep is a new, free service that allows anyone to include news feeds on his or her web site.

Create a Basic FeedSweep to browse and preview any of these styles, or create an Advanced FeedSweep and make your own style.

FeedSweep uses industry-standard JavaScript to draw news feed information on to web sites, so it is compatible with all the popular web browsers.

Plus, it's free."

I was pointed here by a reference on Excel News

[Edited entry from 12/1/2004]




See all Topics

Labels: , ,


<Doug Klippert@ 5:00 AM

Comments: Post a Comment


  Friday, March 21, 2008 – Permalink –

Free HTML Tools

Collection of helpful utilities




AXCEL216's MAX Speeed WinDOwS Tricks + Secrets:

HTML Authoring
Webmaster Resources

GIF + JPEG Shrinkers
Do you have large GIFs/JPEGs cluttering your internet/server space? Are your web pages loading too slow?

HTML Validators
These HTML/CSS/DHTML/XHTML validators check the accuracy of your code, reporting all aspects of design and eventual errors, flaws, invalid links etc

HTML Editors
Offline HTML + text editors

[D]HTML, XML, CSS + Java[Script] Resources
Java No Java... JavaScript dedicated web sites

FTP Transfer Tools
FTP transfer clients + FTP server tools


[Edited entry from 11/23/2004]




See all Topics

Labels: , ,


<Doug Klippert@ 7:36 AM

Comments: Post a Comment


  Saturday, March 08, 2008 – Permalink –

Site Maps

Point the way



"As a Web designer and HTML builder, one of the first places I visit on a Web site is the site map. The site map shows an entire overview of the structure of the site, and more importantly, indicates how much effort was put into usability testing during the site's construction.




Learn how to chart a better site map
By Jim Kukral -Builder.com


According to Jakob Nielsen's Alertbox Usability Study on Site Maps

"27 percent of users turn to site maps when asked to learn about a site's structure. If your site map is poorly designed, you may lose 27 percent of your Web visitors. That could translate into millions of dollars of missed sales for an e-commerce site, or a massive amount of missed leads for a service company."


(A Site Map is a guide to a web site used by visitors. A Sitemap is a file used by search engines to index entries on a site. )

[Edited entry from 12/25/2004]




See all Topics

Labels: , ,


<Doug Klippert@ 7:17 AM

Comments: Post a Comment


  Sunday, January 27, 2008 – Permalink –

Web Accessibility Checker

Make it easy



Accessibility features in FrontPage

"Accessibility, the design of HTML documents for accessibility by people with disabilities, is such an important aspect of the Internet today that the Worldwide Web Consortium (W3C) has adopted a set of guidelines for designing accessible Web sites. The Web Content Accessibility Guidelines (WCAG) closely follow Section 508 of the U.S. Rehabilitation Act.

For some Web sites, adherence to the WCAG is not optional; it is a necessity. Expression Web/FrontPage 2003 has tools for evaluating the accessibility of an entire Web site, identifying elements that violate the guidelines, and finding ways to correct the violations. The accessibility checker provides all of this functionality in a single dialog box.

To access the accessibility checker on the Tools menu click Accessibility (Accessibility Reports). You can use the accessibility checker to check a single page or an entire Web site. The accessibility checker checks for varying levels of accessibility and specifically for adherence to Section 508 of the U.S. Rehabilitation Act. You can check for errors or warnings, and you can add a manual checklist."


MSDN:
Adding Rules to the Accessibility checker


University of Toronto:
Adaptive Technology Resource Center (ATRC)



Making Your Web Site Accessible to the Blind
Cynthia Says

[Edited entry from 12/18/2004]




See all Topics

Labels: ,


<Doug Klippert@ 6:59 AM

Comments: Post a Comment


  Monday, January 21, 2008 – Permalink –

Page-break CSS

Before or after


You can put a break on a web page like you can in a document.
A Cascading Style Sheet makes it simple

"The stub-ends left when paragraphs end on the first line of a page are called widows. They have a past but not a future, and they look foreshortened and forlorn."


Orphans are parts of a paragraph that begin on the previous page. An orphan has a future, but no past.

The only paging properties supported by Internet Explorer 7, Safari 3 and Firefox 2 are page-break-before and page-break-after.
The page-break-before and page-break-after properties enable you to say that a page break should occur before or after the specified element. The following example starts a new page every time an h1 heading is encountered and after every .section block.
h1 {
page-break-before:always }
.section {
page-break-after:always}


Etiquette of Pagination



See all Topics

Labels: , ,


<Doug Klippert@ 6:20 AM

Comments: Post a Comment


  Saturday, December 22, 2007 – Permalink –

FuzzyPad

HTML Preview



There you are, out in the wilderness of PCdom without a copy of FrontPage around. How do you find out what HTML tags looks like?
(fire up notepad, save the file, open with a browser)

Try FuzzyPad

There are no text files to save and reload. Just write a few lines of text, a few tags, even paste some text in the box from some other application if you want. When you press the button, it will show you how what's in the box will look when run through the web browser your using now.



HTML Preview
Preview HTML in a new window by entering it into the form. This script allows you to pass anything to a new window.
Instructions help you create a preview on your own web page.

Such as:
HTML TEST BED

[Edited entry from 11/7/2004]




See all Topics

Labels: , , ,


<Doug Klippert@ 6:31 AM

Comments: Post a Comment


  Wednesday, December 12, 2007 – Permalink –

Images Sources

No cost


After awhile the graphics in Office Clipart or even the ones found on Microsoft's Office online appear the same.

Here is a list of 100 locations for royalty free stock images.




Free stock images



See all Topics

Labels: , , ,


<Doug Klippert@ 5:50 AM

Comments: Post a Comment