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 ;

Labels: HTML, Tips

HTML and ALT+

Labels: HTML, Reference

Quick graphic reinforcement

Labels: Fonts, General, HTML, Tips

What size are your relatives?

Labels: CSS, Fonts, HTML, Tips, Tutorials

How to HTML

Labels: HTML, Internet, Reference, Tutorials

ASP and HTML

Step 1 : Create a simple HTML Form where users can insert their email addresses and an ASP page which will receive the Form email address from the HTML page and insert it into the database.

Step 2 : Create a simple Access database to store user's email addresses.

Step 3 : A simple admin ASP page from where you can send email messages to all the users whose email addresses are present in the database.

Step 4 : An ASP page from where the users can delete their email addresses from the database if they later choose to.

Labels: HTML, Internet, Tutorials

Transfer data

Some simple guidance of how to transfer data from Excel or Access into HTML web pages using XML data files. VBA programs can be used to export data tables from Excel or Access into simple XML files. There are several examples of using different methods to display the XML and XSL files on web pages in order to quickly share your data with others.

Labels: General, HTML, Tutorials

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




See all Topics

internet

Labels: General, HTML, Internet

Why's A 65?

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

Labels: Code, HTML

Umpty ump definitions and references — maybe even a googol.

"Every File Format in the World"

This is a list of file name extension or suffixes that indicate the format or usage of a file and a brief description of that format.

KAR

MIDI file (text+MIDI) (Karaoke)

Labels: Code, HTML

Test the wind electronically

"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."

Labels: HTML, Internet, Tutorials

When you need more than one

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.

Labels: HTML, Tips, Tutorials

Fancy functionals

"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

Labels: Code, HTML, Layout, Tutorials

A CSS exercise

Labels: CSS, HTML, Layout, Templates, Tutorials

Basics and Beyond

"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."

Labels: General, HTML, Internet, Tutorials

An overview

"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."

Labels: Code, HTML, Tutorials

Move on


<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

Labels: HTML, Tips

Display codes

–  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;)

Labels: HTML

• Site Types
  
• Ecommerce
  
• Navigation
  
• Basic Page Types
  
• Managing Collections
  
• Page Elements
  and
  
• Visual Design

Labels: Code, General, HTML, Layout, Templates, Tips

Page spice

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.

Labels: Code, HTML, Tips

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

Labels: HTML

Art in 16x16 pixels

"FavIcon from Pics is an online tool that can generate a favicon from a picture, logo or other graphic of any size/resolution. It was also the first online tool that simplified the creation of favicons using a regular image without requiring manual edits."

" Here's a roundup of some of the favicons that caught my eye. Please click through to the sites themselves, to see how the favicon works (or not) with the site. Maybe it will get you thinking about your own site's favicon."

Labels: HTML, IE, Internet

"The Ultimate"

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



See all Topics

internet

Labels: Code, CSS, HTML

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

Labels: CSS, HTML

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.)



See all Topics

internet

Labels: CSS, Graphics, HTML, Tips

Information rich site

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."

"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."

Labels: CSS, Expression, HTML

Screen-magnification or zoom

"[Participants] told us that they often copied and pasted material into Word where they could enlarge the font even more and make it bold, thus rendering it easier for them to see."

"We have not done a good job of catering to these screen-magnification or zoom users. Using CSS, it's easy to do, as we shall soon see. And moreover, using CSS to develop zoom layouts is almost exactly what developers of handheld and PDA browsers are doing in their quest for small-screen rendering of wide, multicolumn web pages."

Labels: CSS, HTML, Layout, Tips

Book smarts

"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)

Labels: HTML

Hyperlink to page numbers

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




See all Topics

internet

Labels: HTML, Links

Formating tools

Labels: Addin, Color, HTML, Tips

Add news to your site

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."

Labels: General, HTML

Collection of helpful utilities

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

Labels: HTML

Before or after

"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."

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}

Labels: CSS, HTML, Layout

HTML Preview

Such as:
HTML TEST BED



See all Topics

internet

Labels: Code, HTML, Internet

One file web pages

Features in Internet Explorer 5 +

Here are the Save As choices available in an application such as Word:

• Web Page, Complete means that the contents of the page (including any pictures) will be saved into a folder as separate files, similar to those on the server hosting the site.
  
  
• Web Page, HTML only means that only the HTML information will be saved. This option and Web Page, Complete will enable you to open the file for viewing in Internet Explorer (or any other browser) at a later time, even when you are offline.
  
  
• Web Archive means that the page will be saved, along with any images it contains, as a single file. You can view a Web Archive later without being connected to the Internet.
  
  
• Text File means that only the text on the page will be saved, not the HTML (or any other) formatting, including graphics.

MIME Encapsulation of Aggregate HTML Documents (MHTML)

Short Summary of the MHTML Standard



See all Topics

internet

Labels: Expression, HTML, Internet

Pick your target

<a target="_blank" href="TCC/Blog/blogger.html">Blog</a>

<base target="_blank">

Labels: Code, HTML

HEADING

More tutorials

Stephanos Piperoglou has written a number of tutorials on Web design and construction.
From HTML 101 to I Shot the Serif and The Seven Habits of Effective Web Sites .

About HTML with Style

W3 Schools

Also:
HTML Tutorials



See all Topics

internet

Labels: HTML

Screen fonts preview

"The Typetester is an online application for comparison of the fonts for the screen. Its' primary role is to make web designer's life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated."

Labels: HTML, Internet, Tips

Map through the forest

"Ok. Let's set the record straight. There is no official guide for each and every CSS shorthand property value. So let's work together and put one together shall we?

Ok. Straight to the business. Anytime I've ran into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you're supposed to be set on your way.

Well well. Over the years, I've found quite some interesting unknown quirky facts about these shorthands. . . hence this Guide was born."

Labels: CSS, HTML, Internet

Standards

Also:

New Line



See all Topics

internet

Labels: HTML

Shift Enter

When you hit the Enter key, the FrontPage/Expression Web editor inserts an HTML <p> (paragraph) tag. This appears as a double line space in a Web browser.

To insert a single line space (or line break) via an HTML <br> tag, just hold down the Shift key and hit Enter.

This happens when you use the

Enter key

Here's what happens with
Shift +Enter

You could also use Insert>Break... Normal Line Break, but that takes too long.

By the way, if you want your code to be XHTML compliant, use lower case for the elements and pair every <p> with a closing </p>

Differences with HTML

Single elements can be used with a built in closer such as:
<hr /> or <br />



See all Topics

internet

Labels: HTML

More than dot com

Domain

Dynamic URL