Displaying a TIFF in a Web Page

This tutorial will show you how to display a TIFF in a web page. Web browsers can display standard image formats such as GIF, JPG, and PNG files. Unfoturnately, web browsers won't display TIFF images.

Luckily for us, we have a secret weapon called QuickTime. Beyond having the ability to play QuickTime movies, QuickTime also supports a number of image formats including TIFF, Photoshop (PSD), PICT, Targa, and more. Visit the QuickTime Tech Specs page for a complete list of supported files.

Apple's QuickTime player is available for both Windows and Mac. Foturnately, QuickTime is installed on most computers. If the plugin isn't installed on the computer, we can take advantage of the auto install feature.

Below is a sample embed tag that will load the sample TIFF image (car.tif):

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="100%" HEIGHT="100%"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="car.tif">
<PARAM name="SCALE" VALUE="aspect">
</OBJECT>

The WIDTH and HEIGHT of the QuickTime plugin is set to 100%. This will make the plugin the same size as the web page in the browser.

The SRC attribute specifies the file to load. In our example, the file is in the same directory as the html file. If the file is in a different directory, specify the complete URL.

The SCALE parameter will specify how to scale the image. In our example, we set it to "aspect". This will maintain the aspect ratio. If you specify "1", the image will displayed in it original size.

NOTE: Because of the "Click to Activate" issue with Active X controls (ie QuickTime plugin), the image will not load until the plugin is clicked on. There is a solution for this problem. In short, the <OBJECT/> tags must be written in an external JavaScript file. Our example files below take care of this problem. To understand more about this issue, visit Apple's tutorial "Including QuickTime In A Web Page".

Demo:

Click to View Demo

Download Files (Right Click - Save Target As):

• car.tif (sample tiff)
• viewtiff.htm
• viewtiff.js

Resources:

• QuickTime Tech Specs
• Including QuickTime In A Web Page

Create Bullet, Number, and Definition Lists in HTML

Want to organize information in a reader-friendly way? Learn how to create attractive bullet, number, and definition HTML lists for your webpage.

Creating Webpage Frames

Framesets help organize your webpage's content, and they're easy to set up. Learn the basics to creating webpage frames.

How to Link Pages Within a Website

Adding internal links across your site is a great way to draw attention to certain information and make it easier to maneuver around your site. Learn how to link pages within a website.

Using Meta Data for Search

Not familiar with meta data, and how search engines use it to find your site? Learn what meta data is and how to implement it in HTML.

Link to Webpages in HTML

One of the beginner tricks in Web design is linking your pages to other websites. Learn how to create an HTML link in an anchor tag so you can link to your favorite sites.

Beginner's Guide To HTML

Whether you're looking to change the layout of your blog, or simply want to insert some funky effects into your website, HTML has long been the standard way of doing it. We're going to go through a little basic code to help you get going.


Beginner's Guide To HTML

Beginner's Guide To CSS

Learn what CSS is, and how it's used in web design. This film teaches you the very basics to give you a firm foundation to work from


Beginner's Guide To CSS

Formatting Text in HTML

If you want to create headings or add emphasis by using bold or italicized text, then these simple HTLM tags will do the trick. Learn how to format text in HTML.

What is HTML?

In computing, 'HyperText Markup Language ' (HTML) is a markup language designed for the creation of web pages with hypertext and other information to be displayed in a web browser. HTML is used to structure information — denoting certain text as headings, paragraphs, lists and so on — and can be used to describe, to some degree, the appearance and semantics of a document.

Originally defined by Tim Berners-Lee and further developed by the IETF with a simplified SGML syntax, HTML is now an international standard (ISO/IEC 15445:2000). Later HTML specifications are maintained by the World Wide Web Consortium (W3C).

Early versions of HTML were defined with looser syntactic rules which helped its adoption by those unfamiliar with web publishing. Web browsers commonly made assumptions about intent and proceeded with rendering of the page. Over time, the trend in the official standards has been to create an increasingly strict language syntax; however, browsers still continue to render pages that are far from valid HTML.

XHTML, which applies the stricter rules of XML to HTML to make it easier to process and maintain, is the W3C's successor to HTML. As such, many consider XHTML to be the "current version" of HTML, but it is a separate, parallel standard; the W3C continues to recommend the use of either XHTML 1.1, XHTML 1.0, or HTML 4.01 for web publishing.

Version history of the standard

• Hypertext Markup Language (First Version), published June 1993 as an Internet Engineering Task Force (IETF) working draft (not standard).
• HTML 2.0, published November 1995 as IETF RFC 1866, and declared obsolete/historic by RFC 2854 in June 2000.
• HTML 3.2, published January 14, 1997 as a W3C Recommendation.
• HTML 4.0, published December 18, 1997 as a W3C Recommendation.
• HTML 4.01, published December 24, 1999 as a W3C Recommendation.
• ISO/IEC 15445:2000 ("ISO HTML", based on HTML 4.01 Strict), published May 15, 2000 as an ISO/IEC international standard.
• XHTML 1.0, published January 26, 2000 as a W3C Recommendation, later revised and republished August 1, 2002.
• XHTML 1.1, published May 31, 2001
• (XHTML 2.0, W3C Working Draft)

There is no official standard HTML 1.0 specification because there were multiple informal HTML standards at the time. However, some people consider the initial edition provided by Tim Berners-Lee to be the definitive HTML 1.0. That version did not include an IMG element type. Work on a successor for HTML, then called "HTML+", began in late 1993, designed originally to be "A superset of HTML…which will allow a gradual rollover from the previous format of HTML". The first formal specification was therefore given the version number 2.0 in order to distinguish it from these unofficial "standards". Work on HTML+ continued, but it never became a standard.

The HTML 3.0 standard was proposed by the newly formed W3C in March 1995, and provided many new capabilities such as support for tables, text flow around figures, and the display of complex math elements. Even though it was designed to be compatible with HTML 2.0, it was too complex at the time to be implemented, and when the draft expired in September 1995 work in this direction was discontinued due to lack of browser support. HTML 3.1 was never officially proposed, and the next standard proposal was HTML 3.2 (code-named "Wilbur"), which dropped the majority of the new features in HTML 3.0 and instead adopted many browser-specific element types and attributes which had been created for the Netscape and Mosaic web browsers. Math support as proposed by HTML 3.0 finally came about years later with a different standard, MathML.

HTML 4.0 likewise adopted many browser-specific element types and attributes, but at the same time began to try to "clean up" the standard by marking some of them as deprecated, and suggesting they not be used.

Minor editorial revisions to the HTML 4.0 specification were published as HTML 4.01.

The most common extension for files containing HTML is .html, however, older operating systems, such as DOS, limit file extensions to three letters, so a .htm extension is also used. Although perhaps less common now, the shorter form is still widely supported by current software.

About this Terminology
This terminology is from The Wikipedia which is published under the GNU Free Documentation License.

Create Tables in HTML

Tables give a clean look to a webpage, and also help organize information in a reader-friendly way. Learn what three main tags you need to create a table in HTML.

Online HTML Editor eWebEditor Version 4.80 for Web Developers Now Available

eWebSoft, Inc., creator of eWebEditor, an advanced Web-based WYSIWYG online HTML editor for Web developers, announces that eWebEditor Version 4.80 is now available.

eWebEditor is an editing tool with an easy-to-use interface that allows end users to create and publish Web content without relying on client-side components or controls. A browser-based WYSIWYG, eWebEditor is an efficient tool for Web developers creating content-management applications, forums and newsletters. The eWebEditor allows developers to create buttons, toolbar items and Windows-like dialogs that encapsulate customized code. All data is visible in either WYSIWYG form or as HTML tags. For the end-user, all standard HTML capability is available, including table editing, image manipulation, color selection and text formatting.

eWebEditor version 4.80 brings Web developers a more advanced interface for the creation and development of Web content.

eWebEditor Version 4.80 has improved advanced host file review and share bank function buttons, which are designed to take full advantage of existing and shared files, including images library, flash library, multi-media library and enclosure library. Version 4.80 also has an improved interface effect, including a folder directory tree, four file types and multiple review modes. File review modes include detailed material mode, list mode, icon mode and thumbnail mode. Files can be ranged by name, type, file size and the time of modification.

Other features of the eWebEditor Version 4.80 online HTML editor include:

• support in 11 additional languages: Danish, Dutch, French, German, Italian, Japanese, Norwegian, Portuguese, Russian, Spanish and Swedish.
• the ability to optimize font size, name and color by style, as well as employ SPAN tab, which is in compliance with standard instead of FONT tab.
• the ability to optimize a multiple-language interface, improving the look of the dialog interface.
• an ASP Version that solves the repetition problem that may occur when there is large content.

More information about eWebEditor and eWebEditor Version 4.80 can be found online at http://www.ewebeditor.com/.

Source: PRWeb

HTML forms Next Generation

The ability to collect data from users and to submit it to servers has become a very important part of the Web. Forms are often supplemented by Web page scripts that enable the data to be checked as the user is filling out the form and before sending it to the server. These scripts can get quite complicated to develop and to maintain, making it interesting to explore ideas for replacing such scripts by equivalent declarative approaches.

XForms-Tiny is an incremental extension of HTML4 forms that can be deployed on today's Web browsers using an open source cross-browser JavaScript library that works on Internet Explorer 6 and 7, Firefox 1.5 and 2, Opera 9, Konqueror 3.5, and Safari, When delivered via HTTP as a compressed file, the download size is only 6 Kilo Bytes.

XForms-Tiny provides authors with the means to use simple JavaScript expressions for validating field values and spreadsheet-like formulae for computed fields, but also the means to describe repeating groups of fields, e.g. for line items in a purchase order. XForms-Tiny further provides for suppression of irrelevant parts of forms and context dependent control over which fields must be filled out. All this is possible without the page author needing to write any lines of client-side script.

This talk will present XForms-Tiny and place it in the context of related work (Web Forms 2.0, XForms-Basic, and XForms full) as well as the challenges for dealing with the small displays on mobile devices.

You will also learn about new approaches for browser-based editors that avoid the pitfalls of designMode and which are paving the way for a replacement for spreadsheets, browser-based editing of slide presentations and much more.



For more information, visit the W3 site:

http://www.w3.org/2007/03/html-forms

Bold, Italics, and Underlined Text using HTML

Short video tutorial on how to use HTML to make text bold, italicized, and underlined.