www.smartwebby.com Tutorials

Adobe Fireworks CS4 Cool New Features
Get to know all the cool new features available in Adobe Fireworks CS4. Adobe Fireworks CS4, the latest offering from Adobe for Fireworks is out and catching on like fire! The amazing new features that have been released with this version are sure to impress even hard core Adobe Photoshop lovers. Features: Pages Panel, Styles Panel, Path Panel, Smart Guides and Tooltips, CSS Export, PDF Export, Guide Measure and Measurement Auto Shape, Align Panel, Auto Vector Mask, SlideShow, Text Wrapping, etc.

Server Side Includes (SSI)
Server Side Includes are files that have some commonly used code that can be reused by many pages in your site. When you use a SSI file the server takes the entire content of the file and inserts it into the page, replacing the include code.

Web Site Design Ideas
While designing a web site it is crucial that the site is attractive, fast-loading, user friendly, focuses on your content and has a high stickiness factor to it (that shows how long the visitor stays on your site). Instead of making very complex designs with less content or bare designs with cluttered content, we recommend that you find the right balance between both.

The Dreamweaver Template
you will learn what is a dreamweaver template, how to create dreamweaver templates and how to use them with ease.

Publishing your Site using Macromedia Dreamweaver
To set up your local and remote sites in dreamweaver, create a Dreamweaver site definition to allow you to manage the files within Dreamweaver.

Create Image maps using Macromedia Dreamweaver
An image map is basically used for placing multiple links on a single image. For example you have a medical site, where a photo of the human body should have links to different pages when different parts of the body are clicked.

Dreamweaver Tips
While working with dreamweaver we have come across some very useful tips that will surely benefit all macromedia dreamweaver users.

Links Without Underline
In this article we teach you how simple it is to create links with no underline.This is done using CSS Styles.

Cool Text Effects Using CSS Styles in Dreamweaver
Cascading Style Sheets (CSS) Styles are very useful for maintaining a web site since its appearance (controlled by properties of HTML tags) can be updated from just one file. They are also used to enhance your site's look. In this article you will learn how to make cool text effects using CSS Styles using Macromedia Dreamweaver.

CSS Styles Tutorial
Cascading Style Sheets (CSS) are a collection of formatting rules that control the appearance of content in a web page. They are very useful for maintaining a web site since its appearance (controlled by properties of HTML tags) can be managed from just one file. CSS Styles also enhance your site's look, accessibility and reduces file size.

Macromedia Dreamweaver Behaviors - Using JavaScript Behaviors
Macromedia Dreamweaver helps non-programmers (and beginners) use certain in-built javascript functions that are useful to any web project. The code generated is very well optimized so you needn't worry about performance.

Javascript Tip Boxes (IE4+) & (NN4+)
When writing content for your site you might want to give some tips or explainations for particular words or phrases. For this you might consider using DHTML Tip boxes that appear when a link is rolled over.

Image Map Drop Down Menus (IE4+) & (NN4+)
Use the following DHTML script to give a neat navigation for your site without much code involved. It is easy to integrate and modify for an amateur designer, however you need to have some knowledge of HTML.

Check All/Clear All links for dynamic check-boxes (IE4+ & NN4+)
In forms when using check boxes for a list of records that is generated dynamically (example: display of messages in your yahoo or hotmail inbox) you might want a simple feature of checking or clearing all the check boxes related to those records before deleting or moving. Use this simple script to do just so.

Javascript Phone Number Validation (IE4+) & (NN4+)
In forms when asking for phone numbers fields it is a good idea to use client side validation along with your programming language validation.

Javascript E-mail Address Validation (IE4+) & (NN4+)
In forms when using email ID fields it is a good idea to use client side validation along with your programming language validation.

SmartWebby's Guide to Simple Dynamic HTML (DHTML)
This javascript guide is especially for those who are trying their best to learn DHTML by dissecting code written by others and for people who don't know much about programming but are interested in making their web sites look Dynamic with simple add-ons.

Resetting forms using an Image Button (IE4+) & (NN4+)
In forms when using text boxes or text areas and check boxes you might need a reset button that is not the usual gray HTML button.

Text Box Characters Counter (IE4+)
In forms when using text boxes or text areas with limited character length (usually needed for forms that submit data to a database) it is always a good idea to tell the user how many characters they have remaining. The following example shows how you can do this. This is a very simple and cute idea to help the user know exactly how many characters he can type further. Do these small add-ons to your forms and they will look really professional.

Javascript Date Validation (IE4+) & (NN4+) - mm/dd/yyyy format
In forms when asking for date fields it is a good idea to validate the date value using client side (JavaScript) validation along with your programming language validation. The following example shows how you can do this for the mm/dd/yyyy format.