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

See all Topics internet

DNS FAQ

Domain Name System

Here's a concise collection of answers about the inner workings of the internet.

For instance:

What is DNS (Domain Name System)?

Websites have both a "friendly" address, called a Uniform Resource Locator (URL) and an IP address. People use URLs to find websites, but computers use IP addresses to find websites. DNS translates URLs into IP addresses (and vice versa). For example, if you type http://www.microsoft.com into the address bar in your web browser, your computer sends a request to a DNS server. The DNS server translates the URL into an IP address so that your computer can find the Microsoft web server.

DNS FAQ


See all Topics internet

MHTML

One file web pages

When a web page is created using HTML, the coding is normally contained in one file and the graphics in separate folders.

The Mime HTML or MHT/MHTML format changed that.

Starting with Office 2000 as an add-in and carried through XP as a "Web Archive" option, the format emerged in Office 2003 as a "Single file web page" selection in the File Save As dialog box.

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

New Window

Pick your target

Expression Web/FrontPage/HTML provides the opportunity to choose how a page opens when you click on a hyperlink.

Create a hyperlink as you usually would by selecting the text (or graphic) you want to use for the link.

Choose Insert > Hyperlink...
(or use Ctrl-K or the toolbar icon as a shortcut),
and locate the page in the current web or enter an address in the URL field.

On the right side of the Create Hyperlink window you'll see a button named "Target frame"; click the button.

You'll get the Target Frame dialog box.

In the "Common targets" field, select New Window.

Click OK, then click OK to close the Create Hyperlink dialog box.

Your hyperlink will now open a new browser window when clicked.



The code would appear like this:

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

To make it the page default, place the following code in the "head" section:

<base target="_blank">

See all Topics internet

W3C Validation

Standards

Web pages are written in a language called Hyper Text Markup Language; HTML
The latest version of HTML is 4.01.

There is a move to upgrade the code to Extensible Hyper Text Markup Language.

XHTML is compatible with XML (EXtensible Markup Language) allowing applications to more easily exchange data.

In preparation for making the change, edit your web pages so that element and attribute names are in lower case. XHTML is case-sensitive.

Use <p> rather than <P>.

Also end tags are required. Make sure that <p> is followed by </p>.

<br> should be written <br /> and <hr> as <hr />.

For more information see:

The W3C validation site


See all Topics internet

New Line

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

DOCTYPE

Customize

At the top of an HTML file source, you may see some code that indicates the version of HTML that is going to be used.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

The O'Reilly Net.com has a discussion:
DOCTYPE Explained.

"There are three variants on HTML 4.01, for example:

• HTML 4.01 Strict, which describes the structural portions of HTML 4.01 and does not provide any frame-related markup.
  
• HTML 4.01 Transitional, which includes the presentational markup such as >B< and >FONT<, but does not include frame-related markup.
  
• HTML 4.01 Frameset, which is the same as HTML 4.01 Transitional except that it adds a description of frame-related markup."

Also:
Fix Your Site With the Right DOCTYPE!
Choosing a DOCTYPE  
The global structure of an HTML document  


See all Topics internet

Browser Utensils

Tiny tools

Bookmarklets
Easy to use, free Java scripts.

"Bookmarklets are simple tools that extend the surf and search capabilities of Netscape and Explorer web browsers.

Bookmarklets are free.

Bookmarklets allow you to:

• Modify the way you see someone else's webpage.
  
• Extract data from a webpage.
  
• Search more quickly, and in ways not possible with a search engine.
  
• Navigate in new ways.

…and more. Over 150 bookmarklets are available."

Here's a list of available bookmarklets:

List of Offline Bookmarklets


See all Topics internet

Bullets and HTML

Some code

Bullets aren’t too difficult to create using HTML.

<ul>

<li>Apples</li>

<li>Pears</li>

<li>Bananas</li>

<li>Grapes</li>

</ul>

Here’s an article that goes into more detail:


Cryer.co.uk


See all Topics internet

Low Down Footer

CSS code

How to create a CSS footer that remains at the bottom of the page, regardless of content.

CSSStickyFooter.com


See all Topics internet

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 internet

Unicode is Huge

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 6+.



BablePad

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


See all Topics internet

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


See all Topics internet

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


See all Topics internet

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


See all Topics internet

Java ans 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.


See all Topics internet

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


See all Topics internet

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


See all Topics

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

See all Topics

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:
Daniel Eden: Animate CSS


See all Topics internet