Set Page Title

Title:

This will add the title inside the HTML
<TITLE> tag of your Preview Page.

Body Color / Background Image

bgColor:
Image:

Meta Tag

Name:
Content:

Graphic Image

Image:

Image Link

Link:
Image:

Animation (Image and links)

Images:	http://developer.netscape.com/docs/examples/dynhtml/visual/images/groupware_banner.gif http://developer.netscape.com/docs/examples/dynhtml/visual/images/netcenter_ad.gif http://developer.netscape.com/docs/examples/dynhtml/visual/images/comm_ad.gif http://developer.netscape.com/docs/examples/dynhtml/visual/images/company_and_products.jpg
Links:	http://home.netscape.com/download/ http://home.netscape.com/netcenter/ http://home.netscape.com/comprod/ http://home.netscape.com/company/
	Rotate every seconds

Text Hotlink

Link:
Text:

Button Link (Image with Text)

Link:
Image:
MouseOver:
Text:

Email Link

Image:
Address:
Text:

"Add Channel" Button

Name:
URL:
Icon:

Channel Finder Button

Icon:

Netcaster Button

Icon:

Set Table

Rows:
Colums:

Add Table

Rows:
Colums:

Ticker

URL:
Width:
Height:
bgColor:

add your own text/html file here...

Marquee

URL:
or Text:	You can add either a Marquee URL or Text including <B>Dynamic HTML</B>!
Direction:	left right top bottom

add your own text/html file here...

NewsBox

URL:
Width:	Height: bgColor:
Title:

add your own text/html file here...

Layer

Name (ID):		Visibilty:
URL:
Width:		Height:
bgColor:		Clip:

Custom Component

URL:

Add your own custom component here...

Applet

Class:
Width:	Height:
Codebase:
Params:

Notepad

Title:
Rows:
Colums:

Embedded Web Browser

Width:
Height:
bgColor:
fgColor:

under construction...

Embed Plug-in Media
e.g., Shockwave, VisualAudio...

URL:
WIDTH:
HEIGHT:

Simple Digital Clock

The time settings for this clock are set according to your computer system settings ...

bgColor:

Date

Font Size:
Color:

Text

Text:	My cool DHTML page ...
Font Size (1-7):
Font Color:
Font Face:

Dynamic Drawer Tab

Tab Image:
Drawer URL:
Drawer Text:	You can add either a "Drawer URL" or "Drawer Text" including <BR>Dynamic HTML!<P> Just clear the URL input field and whatever text/html is here will be the content of the drawer...<P>

MouseLink Widget (MouseOver)

MouseLink URL:
Tab Image:
Tab text:
Destination:

Add multiple kiosks ...

Visual DHTML (beta)

Getting Started

Start by opening a "New Page". This will give you a new "Preview Page" window to develop with, like with the demo. Then select from the Menubar or Widgets palette to add items to your page.

Don't hesitate to experiment. You can use the "Undo" and "Redo" options to go to your previous setting and re-set things at any time like traditional authoring tools.

During the development of your page you can also drag your items around and re-position them. For more helpful information, checkout the demo, support, or other Help menu options.

"Drag and Drop"

All items that you add to your page become individual "Drag and Drop" components within your page.

For Special Drag, click down with your left mouse button and then drag your item to where you want whenever you want. During the development of your page you can drag your items around and re-position them at any time...

Saving Your Page

You can save your Preview Page at any time during the development of your page. The following are some different ways to save it:

• Copy and paste the "Page Source" into another file by selecting the View|Page Source option from the Menu bar above.
• You can also select the Page|Save As... option from the menubar above. You will need to "Grant" the requested security privilege for this tool to save it on your hard disk. See securty info in FAQ.
• You can also choose the normal File|Save As... (Ctrl+S) option from the Preview Page window that you developed.

Visual DHTML (beta)

"Visual DHTML" is a visual development tool that's written in Dynamic HTML (DHTML) and let's you create your own DHTML-based content without writing any code yourself, including dynamic kiosk-style pages, webtops, channels, "Add Channel" pages, and "Preview Channel" pages for Netcaster as well as other DHTML wizardry.

Also, if you like something about the functionality of this tool, look at source code of this app or send email to dhtml-feedback@netscape.com. ...

By the way, more items and widgets are coming soon!

Demo of Visual DHTML

This will run a quick demo to give you an idea of what you can do with Visual DHTML. The demo will run for a few seconds and then you will be prompted to try customizing your own page... (Under Construction)

Support

• Send comments about Visual DHTML

• Frequently Asked Questions about Visual DHTML

• DHTML Resources for developers

• DHTML Sample Code

• DevEdge Online Technical Support

dhtml-feedback@netscape.com

Resize Page

Width:
Height:

(Under Construction)

Toolbar

Width:
Height:
bgColor:

Toolbar Item (icon)

Image:
Image (MouseOver):
Text (Alt):
Action:

Local Mailbox Link

Image:
Mailbox:
Text:

Net Search Link

Text:
bgColor:

HTML Form

Form Action:		Name:		method:
Element Type:		Name:		Value:
Element Type:		Name:		Value:
Element Type:		Name:		Value:
onSubmit:					color:

Preferences Widget

bgColor:

Demo Running...