Community MX Web Service Example

Community MX Web Service Example 1

Utilizing the getContent method

Title
Float: The Bugs (part three)
Keywords
CSS, 3px text jog, mystery margin, IE text jog, bugs, browser bugs, float, float bugs, three pixel bug, 3 pixel bug, 3px bug
Author
John Gallant,Holly Bergevin
Category
Type
Article
Description
Using floats for laying out pages, or parts of pages can sometimes be an exercise in frustration when browser bugs are encountered. In part three of our series exploring float bugs in Internet Explorer we describe the 3px text jog, what it really is, and what can be done to combat it in x/HTML pages.
Title
Happy 4th of July Weekend!
Keywords
Author
Category
Type
Article
Description

Have a Safe and Happy 4th of July!

Everyone at Community MX wishes to thank the brave men and women of the Armed Forces, and remember those who have lost their lives defending liberty.

To allow all of our partners to enjoy the long weekend with their families, CMX will not be releasing content on July 3rd and 4th. We will be back on Wednesday, July 5th, with two brand new pieces of content.

Enjoy your weekend!

Title
Happy 4th of July Weekend!
Keywords
Author
Category
Type
Article
Description

Have a Safe and Happy 4th of July!

Everyone at Community MX wishes to thank the brave men and women of the Armed Forces, and remember those who have lost their lives defending liberty.

To allow all of our partners to enjoy the long weekend with their families, CMX will not be releasing content on July 3rd and 4th. We will be back on Wednesday, July 5th, with two brand new pieces of content.

Enjoy your weekend!

Title
Happy 4th of July!
Keywords
Author
Category
Type
Article
Description

Have a Safe and Happy 4th of July!

Everyone at Community MX wishes to thank the brave men and women of the Armed Forces, and remember those who have lost their lives defending liberty.

To allow all of our partners to enjoy the holiday with their families, CMX will not be releasing content on Friday, July 4th. We will be back on Monday, July 7th, with two brand new pieces of content.

Enjoy your holiday!

Title
Happy 4th of July!
Keywords
Author
Category
Type
Article
Description
From all of us at Community MX -- Happy 4th of July!
Title
Happy Easter!
Keywords
Author
Category
Type
Article
Description

So that the Community MX partners may spend this holiday weekend with their friends and family, we will not be releasing any new content Good Friday. We'll be back on Monday the 24th with two brand new pieces of content. Enjoy the weekend!

Title
Happy Holidays From Community MX!
Keywords
Author
Category
Type
Article
Description
From all the partners at Community MX - Happy Holidays!!
Title
Happy Labor Day!
Keywords
Author
Category
Type
Article
Description
Community MX is taking the day off to spend with our families and will return with fresh content tomorrow.

Title
Happy Memorial Day!
Keywords
Author
Category
Type
Article
Description

Community MX wishes to thank the brave men and women of the Armed Forces, and remember those who have lost their lives defending liberty.

Have a safe and happy Memorial Day!

Title
Happy Thanksgiving from Community MX!
Keywords
Author
Category
Type
Article
Description


The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. However, we will be back Monday with two new articles.

Enjoy your holiday, and we'll see you on Monday!
Title
Happy Thanksgiving from Community MX!
Keywords
Author
Category
Type
Article
Description


The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. However, we will be back Monday with two new articles.

Enjoy your holiday, and we'll see you on Monday!
Title
Happy Veteran's Day
Keywords
Author
Category
Type
Article
Description

Happy Veteran's Day!





The partners of Community MX would like to thank all the members of our armed forces, past and present for their service to our country.

We will be back tomorrow with new content...see you then!

Title
How To Attack An Internet Explorer (Win) Display Bug
Keywords
IE bugs, CSS bugs, bug, float bug, Peekaboo bug, Escaping floats bug, Internet Explorer, position relative, holly hack, tan hack, mac-hack, hacks, descendant combinator, child combinator, universal selector, Star HTML
Author
John Gallant,Holly Bergevin
Category
Type
Article
Description
Many authors who desire to make the switch to tableless design begin with high hopes, only to be brought up short by what is sometimes known as the "Explorer bug suite." Although a full understanding of how IE "gets it wrong" may not be within reach for everyone, it is possible to get by with a few key bug fixing tools, which is what this article is going to teach you.

This article has been updated on 4/11/07. You may view the updated article here.
Title
Windows-Mac File and Printer Sharing
Keywords
OS X 10.3, panther, jaguar, mac, apple, file sharing, printer sharing, networking, windows sharing, Windows XP Pro
Author
Paul Newman
Category
Type
Article
Description
With the release of OS 10.3 (Panther), it's easier than ever to network Windows and Mac computers. But how do you share files and printers?

Turns out, Panther has made great strides in simplifying file and printer sharing as well. In this article, you'll learn how to share files between Windows XP and OS X, and how to add a shared Windows printer to your Mac.
Title
Wish You Were Here!
Keywords
Author
Category
Type
Article
Description
The many partners of Community MX that are attending TODCon wish you were all here with us!! Have a great weekend everyone!
Title
Viewing Folder Content with ASP
Keywords
getfolder method, viewing folder content, file system object
Author
Mustafa Basgun
Category
ASP
Type
Article
Description
Explains how to view folder content on our local hard drives by using ASP.
Title
Creating a Table-less Horizontal Looper in ASP
Keywords
asp,repeat region,loop,horizontal looper,looper,hlooper
Author
Tom Muck
Category
ASP
Type
Tutorial
Description
Dreamweaver has a Repeat Region server behavior that loops through your data and allows you to display it in a vertical or horizontal manner. If you want to display the data in a grid pattern, however, it requires a little more effort.

Typically, a Horizontal Looper extension or code is used to create a table and put your individual data sections in a table cell. In this tutorial I'll show how to do that using <div> tags and CSS without tables. This is a version of an article I did for PHP -- but for ASP instead. For this tutorial I'll assume you know how to use your database tools to create and manage databases, and how to create connections for ASP.
Title
Generic Form Processor Using CDONTS
Keywords
asp, cdo, cdonts,form,generic,process
Author
Martin Oliveira
Category
ASP
Type
Tutorial
Description
Many people spend a lot of time hand-coding forms so that the results of the form submission are emailed. Most of this time is spent on collecting all the form items, and building the email body. For simple forms (i.e., just a few fields), this task is quite easy. However, if you have larger forms, this process can become quite tedious and time consuming. The best solution, is a neat little trick that not many people know of using the request.form properties and methods

Martin Oliveira, known as "Oli" to those in the Cartweaver support newsgroups, is an extremely knowledgeable ASP programmer. If you own Cartweaver, one of the best Dreamweaver-targeted shopping carts on the market, then you probably know he's always there in the CW forums to answer your questions.
Title
Importing CSV Data Into an Access Database
Keywords
ASP VBscript, MDB, Access database, import CSV data, comma separated values
Author
Danilo Celic
Category
ASP
Type
Tutorial
Description
From time to time a client will ask if they can do a bulk upload to insert new data into a database, rather than the one item at a time that many content management systems allow. For example, the eCommerce site you've been working on may need to have 50 or more products to be added at a time, and boy, you don't want to be the one to type in each product one at a time. You may have included a multi-item insert into the site already, but even then, that's a lot of work to enter in all the new products. Now imagine if they add that many items every week, or multiple times a week, phew, worn off fingertips, for sure. Hmm, note to self, write producers of Law and Order about a computer crime idea. ;-).

One item at a time won't work, and even allowing multiple items to be inserted at once with a web page is still a pain. That's where bulk inserting from a CSV file can come in handy.
Title
Logging Page Execution Time in ASP: Part 1
Keywords
log, logging, ASP VBScript, Timer(), CSV, page execution time
Author
Danilo Celic
Category
ASP
Type
Tutorial
Description
As you're developing your applications, you may find that some pages are running slower than you'd expect them to (or rather you're getting frantic emails and voice mails from your client about pages running slow). Before you start running to refactor the coding of the page by recoding stored procedures and adding fancy caching mechanisms, you should first determine where the bottlenecks are in the application. Only after that will you know where to focus your efforts to get the most bang for the buck. For example, with a report that is only run once a quarter by your CFO, shaving a second off the rendering time of the report may not be the best use of your time (in your eyes anyway, don't ask the CFO) especially when compared to shaving a half-second of processing time off of pages that are run hundreds of times, if not thousands of times a day by your site visitors.

This article series will describe how to time the work your pages are performing to determine where your bottlenecks are located. This part of the series will use ASP VBScript to write out a log of timed activity to a CSV file so that you can process the results in Excel, Access, or some other analysis application. Example files are included in the support files for this article.
Title
Logging Page Execution Time in ASP: Part 2
Keywords
logging page execution times, ASP VBScript, Access, SQL Server
Author
Danilo Celic
Category
ASP
Type
Tutorial
Description
While using a flat file for logging page execution times can be useful, it's a little harder to readily get the results out of it. That's why some folks prefer to store the results into a database so that they can use the aggregating abilities that is built into SQL. This part of the article will cover inserting the data into a database and creating a reporting page that will show which page(s) are running long. If you haven't already, make sure to read the first part of this article: Logging Page Execution Time in ASP: Part 1.
Title
Redirecting Users When Logging In
Keywords
Dreamweaver, Log In User, logging in, redirect, access levels
Author
Danilo Celic
Category
ASP, ColdFusion, Dreamweaver, PHP
Type
Tutorial
Description
While the article Show and Hide Content Based on User Access Level discusses allowing content for multiple access levels (or user groups) to be held on the same page and showing portions of content based upon the user's group, sometimes you need each user group to get sent to different pages (perhaps within different folders). This article discusses how to enhance the existing Log In User Dreamweaver Server Behavior to allow redirecting users to specific pages based upon their access level when they log in.
Title
SQL Injection Attacks
Keywords
SQL injection attack, attacks, database, SQL Server, Oracle, MySql, Access.
Author
Heidi Bautista
Category
ASP, Database, SQL
Type
Article
Description
Security is the current favorite buzzword. Are your sites secure? Read on to learn about a popular, easy-to-learn, and extremely dangerous, security loophole - SQL injection attacks - used by hackers to compromise your database.
Title
ADO Connections
Keywords
DW, ADO, database connections
Author
Tom Muck
Category
ASP, Dreamweaver
Type
Article
Description
Dreamweaver and ADO provide a number of ways to connect to a variety of databases. This article serves as a quick reference to the required format for a wide variety of connection schemes.
Title
Tracking Users in the Global.asa File
Keywords
ASP, user tracking, global.asa
Author
Ray West
Category
ASP, Dreamweaver
Type
Article
Description
Classic ASP is not dead just yet, and there will be sites around for quite some time that still use it. Those sites need accurate counts of the visitors they are serving. This article teaches you to use the global.asa file in ASP to keep track of the number of users that are viewing your site at any give point in time.
Title
Access Level and Login for ASP
Keywords
login,password,username,user,log in,user authentication,logout,access level, dreameaver mx 2004, ASP, mysql, database
Author
Danilo Celic
Category
ASP, Dreamweaver
Type
Tutorial
Description
Dreamweaver contains quite a number of server-side code-related tools in its Application panel. In this tutorial, we'll be exploring some of the User Authentication tools in the Server Behaviors panel that allow you to password protect pages using ASP. While the steps in the tutorials will show ASP VBScript pages, the exact same steps can be taken with ASP JavaScript pages. This tutorial will show how to password protect your pages using username, password, and access level as defined within an Access or SQL Server database.
Title
Random Queries (recordsets) For ASP, ColdFusion and PHP
Keywords
random records, randomize, LIMIT, TOP, RND, NEWID, Rand, SQL Server, Access MDB, MySQL
Author
Danilo Celic
Category
ASP, PHP, ColdFusion, SQL
Type
Article
Description
While most data displays on web sites are in some predetermined, or even user specified order, such as search results of a products table in product name order, it can be quite beneficial to display data randomly, such as random banners, or even random on sale products on the home page. This article will discuss how you can use ASP VBScript with Access and MS SQL Server; PHP with MySQL; and ColdFusion with Access, MS SQL Server and MySQL to generate random results, be it a single random banner from your advertisers, or five random products that are currently on sale.
Title
Guarding Against Cross-site Scripting Attacks
Keywords
cross site scripting, XSS, cross-site, identity theft, login password theft, cookie theft, poisoning, hacker, hacking, regular expressions
Author
Heidi Bautista
Category
ASP, Programming
Type
Article
Description
Cross-site scripting (aka, XSS) attacks are nasty. Using a variety of techniques, hackers can steal sensitive data like usernames and passwords, steal or poison cookies, or simply deface the site. Read on to learn how to determine if your site is vulnerable to this type of attack and how to protect against it.
Title
Forms Authentication & Authorization Series: Part 3
Keywords
Security, ASP.Net, Authetication, Authorization
Author
Peter Ladka
Category
ASP.NET
Type
Article
Description
ASP.NET provides great built in functionality and tools for building secure web applications. In this article I will cover using Microsoft Access as the trusted source to authenticate against.
Title
ASP.NET 2.0: Generic Collections
Keywords
generics asp.net 2.0
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
One of the biggest problems that .NET 1.1 had was that its collections, for the sake of versatility, only dealt with the object data type. This way, you could store any data in there, from int to string, and the class would behave the same. Unfortunately, this created several issues ... from a usage perspective, it was unwieldy because you always had to cast the object back into usable form when you accessed it. And in some situations, this casting would cause performance issues, particularly when relating to value types.

With Generic collections, all of those problems go away because generics allow you to create customized "versions" of your generic template classes. So if you want your class to be able to interact with an int as easily as it interacts with a string, you can easily create a generic class with a placeholder type.

This article will cover the new Generic collection features in C# 2.0 which will help reduce your development time and increase your application's performance.
Title
ASP.NET Ad Manager
Keywords
Advertisement xml AdRotator serialization deserialization
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
ASP.NET has a really useful control, the <asp:AdRotator>, which allows you to specify a number of banner ads in an xml file. The control will then take care of the dirty work of displaying the banner ads. Unfortunately, the very fact that the configuration for the control is kept in an XML file sort of discourages people from using it. I mean, who wants to break open the FTP connection just to update a small configuration file.

The download accompanied with this article is a web interface for this ad xml file. It dynamically builds the display from the contents of the XML file, and allows you to update existing ads, delete ads, or add new ones.

The code is written in C# and ASP.NET 2.0 so that we can take advantage of advanced features such as C# generics.

Title
Auto Zip Downloads with ASP.NET
Keywords
#ZipLib SharpZipLib Compression ZIP GZIP
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
I once had a site that I helped to administer that, amongst other things, hosted a great deal of forms in .pdf format for their partners to download. In addition to the files being available separately, they were grouped together in zip files to ease several different tasks (these were insurance agents). Unfortunately (for me), these files were updated quite often so I had to spend a lot of time updating and uploading the individual pdf document and each and every zip file that included it.

As you can probably guess, this was kind of error prone as I would forget to update a zip file from time to time. Eventually, I decided I had enough so I decided to automate the process.

This article shows you how to create a self-maintaining file packaging service for your site. Code is provided in C#
Title
Bayesian Filtering for the Rest of Us
Keywords
Bayesian filter probability statistics statistical data mining
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
Math, I don't know about you guys, but I could not stand it when I was in school. Well, hindsight being 20/20 and all, I have now learned in my old age as a programmer that math plays a big part n modern systems. Specifically, I have recently been digging into the implementation of Bayesian Spam Filters, a statistical method of determining whether an incoming email is spam or not. To be more specific, here's what Wikipedia has to say about Bayesian Spam Filters:

Bayesian email filters take advantage of Bayes' theorem. Bayes' theorem, in the context of spam, says that the probability that an email is spam, given that it has certain words in it, is equal to the probability of finding those certain words in spam email, times the probability that any email is spam, divided by the probability of finding those words in any email

The interesting thing about this method of classification is that it learns over time. The more you train it in how to differentiate spam from "ham", the better it gets at doing its job. The very idea that an application can take a look at an arbitrary piece of data like an email, and know what to do with it intrigues me.

By writing applications that learn over time and make decisions based on context, the art of application development is taken to the proverbial next level. The purpose of this article is to abstract the messy details of the implementation and give you cold hard code that you can implement in your own projects.

Code is presented in C#

Title
Demystifying .NET Compilers
Keywords
.NET Dynamic Link Library .dll .exe compiler Visual Studio.NET #Develop Notepad
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
Learn the ins and outs of compiling .NET source code using:

 

  • Notepad/Command Line compiler
  • #Develop
  • Visual Studio .NET

Armed with this knowledge, you will be able to create .dll's to encapsulate and modularize your code ... not to mention that you will be a hop and a skip away from writing desktop applications.

Title
Podcasting: The ASP.NET Way
Keywords
Podcast Podcasting XML HttpHandler ID3 mp3
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
Ok, now that you know the basics of Podcasting, I'm going to kick up the veritable notch a bit and show you how to publish a podcast the ASP.NET way. This application will automatically create a podcast feed and use the ID3 meta tags in the mp3 files to generate the content. The result is a fully working web application that you can deploy directly onto your web server (instructions included of course).

This application uses or references techniques covered in other CMX articles. If you wish to delve further into finding out exactly how something was done, you will find it in these articles.
Title
Protect Passwords Stored in the Database
Keywords
Hashing MD5 SHA1 Encryption Cryptography Security
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description

Learn how to protect passwords stored in your database from prying eyes by hashing them using the Cryptographic tools in the .NET framework

Learn about hashing algorithms such as

  • MD5
  • and SHA1

Code is presented in C# and VB.NET

Title
Rediscovering Microsoft
Keywords
Visual Web Developer, VWD, ASP.NET MVC
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
When Adobe released Dreamweaver CS4, one of the features conspicuously missing from the feature list was the .NET server model. If you still use the Microsoft stack to develop and host web applications and sites and haven't looked at the latest tools from Microsoft, then this the perfect opportunity to get up to speed on the latest Microsoft tech.

In this article we will learn how to set up your development environment, and also about the latest frameworks that Microsoft has to offer, such as entity framework and asp.net mvc
Title
Using ASP.NET 2.0's ObjectDataSource
Keywords
ObjectDataSource ASP.NET 2.0 QuerystringParameter FormView GridView
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
ASP.NET 2.0 has introduced a slew of new functionality. One of the most compelling features is the new bindable DataSources. Using a declarative programming model that has in the past made ColdFusion developers very popular, the new DataSource controls allow you to expose data from various sources including Databases, XML, and the focus of this article -- Custom objects.

The ObjectDataSource allows you to point at a custom object, which subsequently lets other bindable controls such as DropDownList and GridView controls automatically bind and manipulate your objects just by setting a few properties on a tag. The range of options available to you makes this declarative programming model quite an attractive option.

This article will show you how to create a custom class, and subsequently link that to GridView and FormView controls. These controls will give you full create, read, update, and delete functionality, all with just no code written.
Title
Utilizing Different Condition Structures in .NET
Keywords
conditions in .net, if then else, select case, try catch
Author
Mustafa Basgun
Category
ASP.NET
Type
Article
Description
This article explains how to utilize different condition structures in .NET, such as "If Then Else", "Try Catch" and "Select Case" statements, while developing a simple application named "Temperature Converter".
Title
Viewing SiteMaps via ASP.NET
Keywords
ASP.NET, sitemap, MapPath, Server.MapPath, try catch statement, System.IO Namespace
Author
Mustafa Basgun
Category
ASP.NET
Type
Article
Description
Before finalizing our web based applications, it's sometimes a good idea to review our site structure. A sitemap is a good way of seeing which files are are in which directories. In this article, we are going to write a utility that will allow us to automate the process of producing a sitemap. (Source code is provided in VB.NET.)
Title
Writing an Online Compiler with ASP. NET 2.0
Keywords
Online Compiler CodeDom
Author
Joel Martinez
Category
ASP.NET
Type
Article
Description
Have you ever found yourself at your cousin's farm needing to recompile your .NET website over their Linux based 56k modem? Perhaps you don't have Visual Studio.NET? Or maybe, you simply want an easy way to give .NET a try.

Well, your problems are solved. The download accompanied by this article includes an ASP.NET page that will allow you to compile .net code in either C# or VB.NET. The resulting binary file will reside in the web application's root directory where you can download it to your local computer.

The online compiler is written in C# and ASP.NET.
Title
XML Parsing in .NET - Part 1
Keywords
XML parsing, System.Xml, XmlDocument, XmlNode, XmlNodeList, GetNamedItem
Author
Mustafa Basgun
Category
ASP.NET
Type
Article
Description
ASP.NET provides various types of classes and objects that can be utilized to access and synchronize XML data. In this study, we are going to investigate the XmlDocument approach, which is a DOM (Document Object Model) based model. Using this approach, the XML data is manipulated without regard to the order in which the particular nodes appear.
Title
Tracking Newsletter Reads with .NET
Keywords
Asnychronous Delegate HttpHandler Email Newsletter Click-through tracking
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
Do you maintain a newsletter? Are you a spammer with a heart so black it wilts flowers as you pass? If you answered yes to either of those questions then this article is for you. One of the biggest questions you will probably have when sending email to a large number of recipients is, "Is my email actually being read?" I will show you how to track whenever an email is opened (and by extension, read) by using ASP.NET

This article will show you a technique you could use to track how many times an email is read by creating an image facade that ouputs an image, while at the same time running arbitrary code (a database update for example):
  1. Output an image using an HttpHandler
  2. Run two different pieces of code in parallel using Asynchronous Delegates.

Code is presented in C# and you do not need a compiler to use the code in the article download.

Title
ADO.NET Overview
Keywords
ADO ADO.NET .NET ASP.NET SQL database datagrid dataset datareader oledb sqlclient system.data server behavior C#
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
Anytime you hear the term, "Dynamic Web Application", chances are that there will be a database involved. Database access has become almost synonymous with dynamic because it is simply the easiest way of automating the display and maintenance of large data stores. This article will attempt to demystify the .NET Framework's data access component, ADO.NET.
Title
AJAX Auto-Save
Keywords
auto save autosave ajax.net
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
Imagine this ... you're working on typing out a large piece of text into a web form. Halfway through, you try to minimize the browser but instead close it instead. Congratulations, you've just lost all of your work.

One possible solution is to give the user a save button where they could periodically save their work. Unfortunately, when it comes to usability, you cannot assume or expect that the user will do anything. If the user doesn't remember to click save, then all of the development time you spent on that save feature will be wasted. But what if you could save it on their behalf?

AJAX To The Rescue!

Using AJAX.NET, this article will show you how to implement an auto-save feature that will periodically save their document. Other popular products already do this, just look at Microsoft Word, and Google's Gmail.

Sample code is presented in C#.
Title
AJAX.NET
Keywords
AJAX Asynchronous remote scripting XMLHttpRequest rich client
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
AJAX, it's the hottest thing since sliced bread right now. It stands for Asynchronous Javascript using XMLHttpRequest and the basic premise of it is that you can call serverside code from client side javascript without reloading the page. In essence, this gives almost limitless powers (as far as programming languages go) to the little script that could. The canonical example that started the whole craze was Google Suggest, where search results show up as you type.

In this article, I'm going to discuss a novel product (AJAX.NET) which is thankfully free, that takes all the guesswork out of creating AJAX applications. The code is presented in C# and you will not need a compiler to run it.
Title
ASP.NET 2.0 - Master Pages
Keywords
mater page templated templates
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
I remember the first website "job" I ever had. My uncle had a small sci-fi collectibles shop and wanted to sell his wares online. I jumped at the chance because I was quickly learning that without experience, I'd never be able to get a paid gig, and without a gig, I would never be able to get experience.

So there I was, webmaster of my very own website. I quickly set off creating product pages for every type of merch he sold: Star wars, Buffy the Vampire Slayer, Comics ... he had quite the stock. Everything was going peachy until he wanted to change the layout of the site. That thrust me into a week long project of changing every page, for every product. It was hell. And To top it off, once I was done he happened to be moving his shop's location which meant I had to update the address on Every. Single. Page.

What does this have to do with anything you might care about? Well, fast forward a few years to the here and now. Microsoft is about to release v2.0 of it's ASP.NET platform. One of the new features, and star of this article, is Master Pages.

Well, perhaps "new" is a misnomer. Originally created by a third-party developer when ASP.NET was first released, Master pages is now baked into the platform proper. It works by allowing you to define templates. Within these templates you define zones which implementing pages will fill with gobs and gobs of wonderful content. One quick change to the template, and you can have that address updated in a matter of seconds.

The code presented in this article only requires that you have a webserver running the latest version of ASP.NET 2.0. No compilation is needed to get up and running.
Title
ASP.NET and Several Methods for Updating a Last Modified Date
Keywords
created, modified, .net, date, C#, VB, asp.net, timestamp, Dreamweaver, SQL, CURRENT_DATE, CURRENT_TIME, CURRENT_TIMESTAMP, DateTime, FileInfo, file attributes
Author
Joann Lavrich
Category
ASP.NET
Type
Tutorial
Description
"Created on" and "Last modified" dates are commonly included objects on web pages. This can be quite useful in determining when the last time content was added to a web site. On the other hand, determining when the page was modified may be specifically for the information within the page itself either being entered or modified from a database or some other data source. Tracking changes to a web page can be from a variety of sources. The following methods are discussed: setting the last modified in Dreamweaver; using SQL queries to return the last modified date or current date; using the DateTime object; and setting the file timestamps in code.
Title
ASP.NET Windows Authentication
Keywords
asp.net integrated windows authentication iwa isinrole
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
When ASP.NET was introduced, it brought with it a fantastic way of securing your applications; Forms authentication ... a topic CMX has written about often.This allows you to dictate what users and/or groups have access to what directories in your application. And the great thing about this was that it was very simple to set up. This article is going to cover one specific method of authentication that ASP.NET offers; Windows authentication. You will normally find this in an internal network environment using Active Directory to handle users. As the size of your organization grows, you will find this sort of thing is more common than in your smaller businesses. ASP.NET offers unprecedented support for this environment (after all, it's all Microsoft) and as such, I will show you just how easy it is to configure things to run in such an environment.
Title
Atlas: UpdatePanel - Part 1
Keywords
ASP.NET, C#, UpdatePanel, Atlas, Ajax, GridView, ContentTemplate, SqlDataSource, VWD
Author
Heidi Bautista
Category
ASP.NET
Type
Tutorial
Description
The UpdatePanel class, available in Atlas, enables partial page updates. That means that you can specify the portion of the page that needs updating, based on some event being fired. For example, let's say you have a paged GridView along with all sorts of text, graphics, and nav links on your page. When the user clicks one of the GridView's page links the page posts back to get the data. The ideal situation would be for the GridView to be updated but everything else on the page to stay exactly the same and not be repainted or flicker or change in the least. The Atlas UpdatePanel control provides this functionality. And, it's remarkably easy to use, too.
Title
Creating A Swear Filter in ASP.NET
Keywords
ASP.NET Filter Swear Words Custom Rendered Control
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
Lets face it, the web is a jungle. If your site allows end users to supply content (such as message boards, or blog comments), you must assume that anything and everything will be supplied. This is obviously an issue depending on what/who your site is about. One of the most common solutions for this issue is to filter out swear words. Unfortunately, most of the implementations I've seen (and sadly, done) have mostly been hacked together at the last minute and certainly not reusable.

This article shows you how to create an ASP.NET control that is as simple to use as placing a tag around your content. Regardless of how your content was generated, whether dynamic, or a collection of other controls, anything. The filter is easily maintained in the web.config file so maintenance is a breeze.

Code is presented in C#.
Title
Custom Objects with AJAX.NET
Keywords
AJAX Asynchronous Javascript XMLHttpRequest serializable serialize
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
Watching the development of the AJAX.NET wrapper over the last few weeks has been a real treat. Many many new features and enhancements have been added since the last time I wrote about it. In this Tutorial, I'll show you how to pass custom business objects to and fro from server to client. By being able to move business objects back and forth from the server, AJAX.NET allows you to design your application using object oriented techniques. If done right, it could lead to tremendous productivity gains.

Code is presented in C# and no compiler is needed to use the techniques described within.
Title
Extending the ASP.NET AdRotator
Keywords
AdRotator Adfile Ads
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
ASP.NET's ad rotator control allows you to easily implement an ad campaign on your site. Unfortunately, the basic functionality of the built in control limits its uses because you can only have regular image-based ads. So to get around the problem, this article shows you how to use the , a custom server control that simply extends the built in control's functionality. Using the AdRotatorPlus, you will be able to serve regular images, Flash, text, and even ads from other ad networks.

In addition to instructions on how to use the custom server control, the article also offers insight into the construction of the server control. You will learn concepts such as object oriented programming, and software design patterns.

The code is presented in C# and ASP.NET 2.0 ... though some time is spent on discussion on how to get it running under ASP.NET 1.1
Title
Extending the ASP.NET URL Rewriter
Keywords
ASP.NET URL Rewriting Regular Expressions Regex, httpHandlers
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
In this installment of the ASP.NET URL Rewriting series, we're going to extend the URL rewriting to use Regular Expressions to evaluate and rewrite the URL. The regular expressions will be easily maintained by editing the web.config file.

Code is presented in C#

The ASP.NET URL Rewriter Series:
Simple URL Rewriting with ASP.NET
Extending the ASP.NET URL Rewriter
Title
Load Balancing - The ASP.NET Way
Keywords
HTTP Handler Config Configuration Handler web.config IConfigurationSectionHandler IHttpHandler ashx configSections sectionGroup
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
This article will explain how to write an HTTP Handler to spread file requests amongst several mirrors. You will learn how to:

1) Create a custom config handler to read custom XML sections out of your web.config file
2) Create an HTTP Handler

Code is presented in C#
Title
Renaming Uploaded Files with ASP.NET
Keywords
asp.net, file uploading, HtmlInputFile
Author
Mustafa Basgun
Category
ASP.NET
Type
Tutorial
Description
How to rename uploaded files in ASP.NET using the HtmlInputFile server control.
Title
Reusing Code with AJAX.NET
Keywords
AJAX.NET Asynchronous XMLHttpRequest code reuse
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
Asynchronous Javascript using XMLHttpRequest (AJAX) allows your client side code (i.e., Javascript) to make HTTP requests to the server. This opens up many opportunities to develop your software not only faster, but smarter. Code reuse has long been a tenet of Object Oriented programming. With AJAX, you can reuse code that you have written on the server-side which allows you to:
  1. Have less bugs since you only have to write the code once.
  2. Provide your users with more complex functionality.
  3. Access resources otherwise unavailable to your Javascript code

This article will show one such example of code-reuse. We will build a front-end to a fictional Paid Time Off (PTO) system. This system will have server-side code that takes two dates and figures out how many work hours are between the two dates -- taking into account holidays and weekends. We will then incorporate this into a client-side "hours preview" function that allows the employee to see how many work hours their request will span.

ASP.NET code will be written in C# and you will not need a compiler to run the samples.

Related Articles:

Title
Serializing & Deserializing XML with .NET
Keywords
XML Schema XSD Serialize Deserialize
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
You will often have to deal with XML when writing .NET code. The .NET Framework SDK has a command line tool called XSD.exe which greatly facilitates this. With it, you can generate code that you can use to read and edit XML files. This tutorial shows you how to use XSD.exe to generate code straight from XML files.

The techniques discussed in the article works with any XML format. You can easily apply this methodology to an RSS file and create an application that easily interacts with RSS feeds for example; the possibilities are endless (as long as they involve XML ;-) ).
Title
Simple URL Rewriting with ASP.NET
Keywords
URL Rewriting HTTP Handler
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
You've seen them before, the URLs with a querystring (the stuff after the ?) a mile long. There's no way the user will ever hope to remember that URL without bookmarking it. And what's worse, search engines don't seem to like following those links if they're too long. Ever since people started making dynamic websites, they have been in love with the querystring. But it's time to break free, take a stand, and start making our URLs simple, and easy to remember.

This article shows you how to create an ASP.NET HTTP Handler that will automatically redirect traffic from a nice URL, to one with querystring parameters behind the scenes without letting the user know what's going on. This allows you to use the same tried and true techniques for creating web applications that you've gotten used to, while at the same time giving your users the kind of URL Experience they deserve (did I just say URL Experience?).

Code is presented in C# and runs under ASP.NET 2.0

The ASP.NET URL Rewriter Series:
Simple URL Rewriting with ASP.NET
Extending the ASP.NET URL Rewriter
Title
The Rundown on ASP.NET MVC
Keywords
ASP.NET MVC
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
ASP.NET MVC is the latest web framework from Microsoft. This article will give an overview of the product, compare it with ASP.NET WebForms, and show you how easy it is to create functionality with the framework.
Title
Using the Google search API from ASP.NET
Keywords
Web Services SOAP Google API ASP.NET Proxy WSDL
Author
Jay Oliver
Category
ASP.NET
Type
Tutorial
Description
I'm sure just about everyone knows about the Google search engine by now. What everyone might not know is that you can utilize Google's search functionality right from within your own web applications. Not only is this a possibility, it's actually quite easy to do.

In this tutorial, we will cover:

  • Pre-requisites for using the Google API
  • Preparing and compiling the web service for use in your application
  • Invoking the web service
  • Listing the results
Code is presented in C#
Title
Working with Files in ASP.NET
Keywords
ASP.NET C# VB Visual Basic FILE IO I/O StreamReader StreamWriter File FileInfo
Author
Joel Martinez
Category
ASP.NET
Type
Tutorial
Description
File I/O operations has always been an integral part of any computing platform. The .NET framework gives you access to a very rich set of file capabilities. This short tutorial will give you the basic techniques for working with files and the file system in the .NET framework.

Learn to:

  • Write text files
  • Read text files
  • Fortify your file I/O code with exception handling
Code will be presented in both C# and Visual Basic.NET.
Title
Expression Web
Keywords
Expression Studio, Expression Web, review, web authoring tool
Author
Heidi Bautista
Category
ASP.NET
Type
Review
Description
Microsoft is seriously pursuing web designers these days, not just web developers. They already provide some pretty great authoring tools for developers. Visual Studio has been around forever but many designers find the design surface too ... minimal, shall we say. Visual Web Developer (VWD) Express Edition, the lighter-weight authoring tool introduced in 2005 is free, which is nice, but it's also targeted towards the developer audience.

Recently Microsoft launched a new initiative aimed at capturing the designer audience. Introducing Expression Studio: a suite of four products expressly designed for the web designer.
  • Expression Web - web authoring design tool
  • Expression Blend - user interface design tool that can incorporate multiple media types (vector and pixel art, video, audio, etc.)
  • Expression Design - illustration and graphic design tool
  • Expression Media - asset management tool, visually catalogues and organizes dozens of different media formats, based on the iView MediaPro product acquired by Microsoft in June, 2006.

This article reviews Expression Web - the web authoring tool included in Expression Studio.

Title
Using ASPMail on ASP.NET pages
Keywords
ActiveX control, ASPMail, ServerObjects, TlbImp.exe, type library importer, wrapper class, proxy object, asp, aspx, ASP.NET, .net, C#
Author
Heidi Bautista
Category
ASP.NET, ASP, C#
Type
Tutorial
Description
One of the problems developers can run into when convincing a client to upgrade to .NET is their client's investment in ActiveX controls. Depending on what they've purchased, the investment can be substantial. Wouldn't it be great if you could use those old ActiveX controls on your new ASP.NET pages? Well, you can. It takes an extra step or two, but the work is well worth the effort.

In this tutorial, you'll learn how to use the ever popular ASPMail ActiveX control from ServerObjects on an aspx page. After reading this tutorial, you'll be able to apply the information to any ActiveX control.
Title
Protect .zip and .exe Files on Your Server Using an HttpHandler - Part 1
Keywords
httphandler, httphandlers, handler, httpmodules, forms authentication, asp.net, aspx, asmx, ascx, asax, configuration files, config, web.config, machine.config, aspx page processing, IIS, application mapping, mappings, aspnet_isapi.dll, isapi, exe, zip, internet services manager, security
Author
Heidi Bautista
Category
ASP.NET, C#
Type
Article
Description
Forms authentication is a clever way to protect resources within specified folders of your website. The problem is, by default only ASP.NET resources (e.g., .aspx, .asmx, .ascx, .asax, .config files plus a couple others) are protected. But what if you have .zip files or .exe files in those folders as well? If not explicitly protected, users who know the location and name of the .exe or .zip file can simply browse to the file and download it from your server. Not a happy situation. Fortunately, there's a solution. In this two-part article, you'll learn how to protect non-ASP.NET resources. By the end of Part 2, you should be able to extend the paradigm to protect other types of files, as well.
Title
Why You Should Use HeaderTemplate and FooterTemplate in a Repeater
Keywords
asp:repeater, repeater, ul, li, good coding practices, headertemplate, footertemplate, asp.net
Author
Heidi Bautista
Category
ASP.NET, C#
Type
Article
Description
When it's possible to accomplish a goal in multiple ways, how do you decide which pattern to follow? In this article we'll explore one such conundrum: Let's say you have an asp:repeater than repeats the data using an unordered list. The question is: Where do you put the open and close ul elements? Do you really need a header and footer template? The answer is: yes! Sure, it sounds simple (and it is) but the example demonstrates an important coding practice that good programmers should recognize.
Title
Create a User Control in ASP.NET
Keywords
user control, watermark, @Control directive, @Register directive, ascx
Author
Heidi Bautista
Category
ASP.NET, C#
Type
Tutorial
Description
Dive into user controls! This tutorial shows you how to encapsulate the logic of an already-existing aspx page into a user control. Start taking advantage of the tag-based declarative syntax offered by user controls.
Title
Dynamically Manipulate Images with ASP.NET
Keywords
System.Drawing.Imaging, System.Drawing, System.IO, Server.MapPath, graphics, Graphics object, Image object, Bitmap object, Encoder, RotateFlip, DrawImage, SetPixel, photo corners
Author
Heidi Bautista
Category
ASP.NET, C#
Type
Tutorial
Description
Continue your education in graphics manipulation with ASP.NET. This tutorial walks you through image resizing given maximum width and height restrictions and how to add photo corners to your images to dress up your online photo albums. Along the way you'll learn more about working with the Graphics object, or canvas. (The code presented here is based on code developed in Dynamically Add a Watermark to an Image Using ASP.NET.)
Title
Nested Repeat Regions in ASP.NET
Keywords
ASP.NET, nested repeat region, nest, group, order, DataSet, DataGrid, DataGridItem, ItemIndex
Author
Heidi Bautista
Category
ASP.NET, C#
Type
Tutorial
Description
Using nested repeat regions is a great way to display data in a highly organized fashion. In this tutorial you'll learn how to use Dreamweaver's DataSet and DataGrid server behaviors to display the products from the Northwind sample database, grouped by category. You'll learn how to selectively display the category name just a single time, at the beginning of the list of products in that category, thus avoiding unnecessary and messy replication of redundant data. Dreamweaver's ASP.NET implementation really is customizable! Read on to find out how.
Title
Another CSS Picker in ASP.NET
Keywords
CSS, ASP.NET, stylesheet, isBrowser
Author
Heidi Bautista
Category
ASP.NET, C#, CSS, Programming
Type
Tutorial
Description
This article will show you an easy way to dynamically link to different CSS stylesheets based on practically any criteria you wish, for example, you can specify one stylesheet for IE users, another for FireFox users, and still another for all other browsers. This technique is particularly useful if your page renders differently in the various browsers and you need to make them consistent.
Title
Using the asp:Calendar Control - Part 5
Keywords
asp:Calendar, calendar, asp.net, C#, SQL Server database, SQLDataSource, parameter, parameters, SelectParameters, SelectCommand, DefaultValue, VisibleDate, DayRender, DayRenderEventArgs, DataView, DataTable, RowFilter, String.Format, Literal, class, performance tuning
Author
Heidi Bautista
Category
ASP.NET, C#, Database
Type
Article
Description
In this installment of the Using the asp:Calendar control series you'll build on the previous part that showed how to display information retrieved from a SQL Server database. In this part you'll learn how to add a OnSelectionChanged handler that displays additional details about the event(s) on the selected day. Along the way, you'll learn about optimizing your application to enhancement its performance.



The asp:Calendar Control Series:
Using the asp:Calendar Control - Part 1 - introduction to the control, describes basic functions and defaults. Shows the control embedded on a page.
Using the asp:Calendar Control - Part 2 - using the control in a popup page. Transferring the value from the popup to the main page.
Using the asp:Calendar Control - Part 3 - allowing the user to select an entire week or month. Additional styling options to customize both the look of the calendar and how it functions.
Using the asp:Calendar Control - Part 4 - displaying event data that's pulled from a database.
Using the asp:Calendar Control - Part 5 - displaying additional details for event(s) on the selected day. Performance tuning, too.
Title
Working with the asp:ListBox
Keywords
ListBox, databound, Page_Load, SelectedItem, SelectedValue, ListItemCollection, ListItem, single item selection, multiple item selection, single selection, multi-item selection, multi-select, asp.net, C#, DataSet, databind
Author
Heidi Bautista
Category
ASP.NET, C#, Database
Type
Article
Description
In this article, we are going to explore the web server control; when it's typically used, how it's populated and styled, and how you determine which item(s) are selected.
Title
Using the asp:Calendar Control - Part 4
Keywords
asp:Calendar, calendar, asp.net, C#, SQL Server database, SQLDataSource, parameter, parameters, SelectParameters, SelectCommand, DefaultValue, VisibleDate, DayRender, DayRenderEventArgs, DataView, DataTable, RowFilter, String.Format, Literal, class
Author
Heidi Bautista
Category
ASP.NET, C#, Database
Type
Tutorial
Description
In this installment of the Using the asp:Calendar control series you'll learn how to add information retrieved from a SQL Server database to the Calendar control. Along the way, you'll learn how to use a parameter with the SqlDataSource control to refine the SELECT statement used to retrieve the data for the month currently displayed in the calendar. You'll also learn how to use a RowFilter to extract event data for a particular day. And, finally, you'll learn one technique for displaying the retrieved event data in your calendar.

There are lots of possibilities when it comes to displaying the data. This tutorial will show you how to use a Literal control to display and style the event title.


The asp:Calendar Control Series:
Using the asp:Calendar Control - Part 1 - introduction to the control, describes basic functions and defaults. Shows the control embedded on a page.
Using the asp:Calendar Control - Part 2 - using the control in a popup page. Transferring the value from the popup to the main page.
Using the asp:Calendar Control - Part 3 - allowing the user to select an entire week or month. Additional styling options to customize both the look of the calendar and how it functions.
Using the asp:Calendar Control - Part 4 - displaying event data that's pulled from a database.
Title
Using An asp:CheckBoxList Control With Dynamic Data - Part 2
Keywords
CheckBoxList, stored procedure, sp, sproc, DataSet, server behavior, asp.net, C#, check box, checkbox, checkboxes, database, dynamic, populate, datasource, data source, selected, update
Author
Heidi Bautista
Category
ASP.NET, C#, Database, Programming
Type
Tutorial
Description
In Part 1 of this series, we learned how to populate an asp:CheckBoxList control with data from a SQL Server database. Part 2 covers how to update the database using a stored procedure that takes as input the selections made in the CheckBoxList control.
Title
Using Dreamweaver and .NET For Batch Updates - Part 1
Keywords
DataSet, Update Record server behavior, update, insert, DataGrid, ASP.NET, parameter, batch, IAttributeAccessor, HtmlGenericControl
Author
Heidi Bautista
Category
ASP.NET, C#, Database, Programming
Type
Tutorial
Description
The Update Record server behavior is convenient and easy to use when you need to update a single row of a table using values collected from a form. But what if you want to update many rows simultaneously and don't want to bother with filling out a form for each and every item? In this tutorial you'll learn how to modify Dreamweaver's Update Record server behavior to perform a batch update. With a bit of hand-coding you can still take advantage of Dreamweaver's built-in server behavior.
Title
Customized ASP.NET DataGrid: Making One Column Dependent Upon Another
Keywords
DataSet, DataGrid, Simple data field, Free form, ternary operator, ternary expression, IIf function, Page_Load, MM:If, server behavior, C#, customize, customization, methodology, master, detail, columns, column dependency
Author
Heidi Bautista
Category
ASP.NET, C#, Database, Programming, VB.NET
Type
Tutorial
Description
Learn how to use Dreamweaver to customize the display and functionality of your DataGrid. Along the way you'll learn about these other useful techniques:using the DataSet tag's Expression attribute to control when it gets executed; using a Free form column in a DataGrid; using a ternary expression (C#) / IIf function (VB) to control logic flow; using the MM:If server behavior to control what gets displayed.
Title
Searching for Data Using Wildcards in a Stored Procedure
Keywords
LIKE, wildcard, SQL, ASP.NET, C#, stored procedure, dataset, datagrid, mm:if, cssclass
Author
Heidi Bautista
Category
ASP.NET, C#, Database, SQL, VB.NET
Type
Tutorial
Description
This tutorial demonstrates how to create an ASP.NET page that searches for data in specific columns of a table. The technique described has the added advantage that the user can enter just a fragment corresponding to the data that resides in the table. You'll learn how to use the LIKE keyword and % wildcard in a stored procedure. And you'll see how the use of three Dreamweaver server behaviors nearly eliminates the need for you to write any code yourself!
Title
Uploading Files with ASP.NET
Keywords
ASP.NET, C#, VB, intput type=file, HtmlInputFile, HttpPostedFile, multipart/form-data, enctype, MIME type
Author
Heidi Bautista
Category
ASP.NET, C#, Javascript, VB.NET
Type
Tutorial
Description
In this article you'll learn how to upload files to your web server using ASP.NET. Back in the old classic ASP days, this was a fairly difficult job. Not anymore!

Read on to learn how to upload one or multiple files, all files types or just certain kinds (based on the MIME type), and how to save the file using the original name or a user-specified name.

The code is presented in C# and VB.

The File Uploading with .NET Series:
File Uploading with ASP.NET
File Uploading in ASP.NET - Part 2
File Uploading with ASP.NET - Part 3
Title
Automatically Add Headers and Footers to Every Page Using ASP.NET - Part 1
Keywords
Context, ASP.NET, C#, Context, clone, no cloning, global.asax, Application_BeginRequest, Application_EndRequest
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Learn how to add the same header and footer to every page in your site. You're probably already aware of several techniques, including using server-side includes and Dreamweaver templates. The problem is they all require you to clone code, which oftentimes creates a maintenance nightmare. In this series of articles, you'll learn how to leverage the Context object in ASP.NET to accomplish the same goal - without having to clone any code!
Title
Automatically Add Headers and Footers to Every Page Using ASP.NET - Part 2
Keywords
Context, ASP.NET, C#, Context, clone, no cloning, global.asax, Application_BeginRequest, Application_EndRequest, Filter, RegEx, regular expression, regular expressions, verbatim literal string
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Say it with me - "No more cloning!" That's right, you can add the same header and footer to every page in your ASP.NET website by modifying just the Global.asax. This article is the second in a series. You'll learn how to create a custom filter, which is used to insert the header and footer text in every .aspx page. This technique is better than the one described in Part 1 in that each page retains its own distinctive head section. And as an added bonus, you'll learn about a handy C# concept called verbatim literal strings.
Title
Generating Random Strings With .NET
Keywords
Random, RNGCryptoServiceProvider, username, password, generate, secure, strong password, modulus
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Learn how to create randomly generated usernames and passwords with .NET.

This article uses the the Random and RNGCryptoServiceProvider classes to generate random numbers, which in turn are used to create strings suitable for usernames and "strong" passwords. That is, passwords that pass the test of: at least eight characters long, containing letters, numbers, and special characters.

Pair this article with the series on Forms Authentication to help you create a truly secure site.

And, as an added attraction, this article uses the modulus operator. If you've never used it before, this article will give you a clearer idea of its usefulness.
Title
Making asynchronous Web service calls in ASP.NET
Keywords
web service, ASP.NET, asynchronous, synchronous, threads, threading
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Asynchronous web service calls aren't nearly as difficult to implement as they sound, which is nice because they offer the .NET developer a true performance boost. Read on to take advantage of this powerful technology.
Title
Protect .zip and .exe Files on Your Server Using an HttpHandler - Part 2
Keywords
httphandler, httphandlers, handler, httpmodules, forms authentication, asp.net, aspx, asmx, ascx, asax, configuration files, config, web.config, machine.config, aspx page processing, IIS, application mapping, mappings, aspnet_isapi.dll, isapi, exe, zip, internet services manager, security
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Forms authentication is a clever way to protect resources within specified folders of your web site. The problem is, by default only ASP.NET resources (e.g., .aspx, .asmx, .ascx, .asax, .config files plus a couple others) are protected. But what if you have .zip files or .exe files in those folders as well? If not explicitly protected, users who know the location and name of the .exe or .zip file can simply browse to the file and download it from your server. Not a happy situation. Fortunately, there's a solution. In this two-part article, you'll learn how to protect non-ASP.NET resources. By the end of Part 2, you should be able to extend the paradigm to protect other types of files as well.
Title
Reading From and Writing To Files Using ASP.NET
Keywords
ASP.NET, FileStream, StreamReader, StreamWriter, File I/O
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Learn about file I/O with ASP.NET: using streams, the System.IO namespace, stream readers and writers, plus some security concerns to keep in mind when you're working with files.
Title
SmartNavigation in ASP.NET
Keywords
ASP.NET, smart navigation, smartnavigation, smartnav, smartnav.js, scroll position, control focus, history, flickering, page directive, @page, web.config, pages element, aspnet_client, JavaScript, DefaultRedirect, Response.Redirect, Redirect, customErrors, AutoPostBack, CSS
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Just how "smart" is Smart Navigation? Well, if you want to persist the page's scroll position, persist control focus and stop the page from flashing between post backs, or keep the history uncluttered, then this is the ASP.NET feature for you. Just beware the known pitfalls!
Title
Tracing - A Better Way to Debug Your ASP.NET Applications
Keywords
Tracing, Trace directive, ASP.NET, debug, Response.Write, Trace.Write
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Tracing: a debugging tool that's easy to enable and disable. Get information about your page's execution - control hierarchy, session state, and application state - as well as form values, query string variables, and header info.
Title
Try/Catch and Exception Handling
Keywords
C#, ASP.NET, try catch, exception handling
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Using try/catch blocks in your code is easier than you might think. Plus, it's good coding practice. Pairing try/catch with proper exception handling can help to make your application more reliable, robust, and easier to maintain. This article introduces the concepts of exception handling and the try/catch using C#, but the principles apply to all .NET languages.
Title
Understanding ASP.NET's ViewState - Part 1
Keywords
EnableViewState, ASP.NET, ViewState, hidden form element, performance
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
ViewState is one of the great things about ASP.NET. It is responsible for keeping track of the values of the controls in your form such that when the page is posted back to the server, the values in the controls are retained. To fully appreciate the usefulness of viewstate, cast your memory back to when you used classic ASP to code web pages with forms. You had to explicitly set the values for the form elements in order for them to display the same values they had when the form was submitted. ViewState automatically handles this chore for us. By default, no less!

Of course, it's not as simple as that. Nothing, it seems, in ASP.NET is. In this article, we'll begin exploring the nuances.
Title
Verbatim Strings in ASP.NET
Keywords
verbatim string, strings, C#, ASP.NET, escape sequences, sequence.
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Working with verbatim strings in your ASP.NET C# pages makes life a lot easier when you've got to deal with pathnames or long cumbersome strings. Read on to learn how. And at the same time, learn more about string escape sequences.
Title
Whidbey: New ASP.NET Tags for Member Management
Keywords
Whidbey, ASP.NET, login, membership, roles
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Article
Description
Microsoft introduced the newest version of ASP.NET, code-named "Whidbey" at last month's PDC. Didn't attend? No problem. Read on for an overview of the new login, membership, and role classes. Get an early look at how Microsoft plans to simplify the ubiquitous task of member management.
Title
Conditionally Show and Hide the Contents of a DataGrid Cell
Keywords
DataSet, DataGrid, conditional, condionally, show, hide
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
Subscribers, thanks for giving us ideas for tutorials! This question popped up on the PL -.Net forum recently:

"Is it possible to conditionally show the contents of a cell? I have a cell that can be either true or false. I only want to show the contents of the cell if it is false."

Yes, indeed, that's possible, and this tutorial will explain how. Plus, you'll learn how to conditionally show the contents of one cell based on the true/false value in another cell.
Title
Dynamically Add a Watermark to an Image Using ASP.NET
Keywords
copyright, watermark, System.Drawing.Imaging namespace, System.IO namespace, Codec, encoder, jpg, gif, bitmap, Graphics object, mime type
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
Learn how to dynamically add a copyright notice (e.g., watermark) to an image before it's sent down to the browser. This technique is particularly useful when you have many, many images that you want copyright notices to appear on, but you don't want to take the time to add the notice to each and every image by hand.
Title
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Keywords
Visual Web Developer 2005 Express Edition, Cassini web server, Sql Server 20005 Express, registration, login authentication, CreateUserWizard, Login control, ASP.NET 2.0
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
This is the first article in what promises to be a long and fruitful series focusing on the ASP.NET 2.0 membership tags. Along the way you'll learn about Visual Web Developer 2005 Express Edition (VWD), the Cassini web server, and Sql Server 20005 Express.

The v2 membership tags greatly simplify what in v1.1 was a relatively complicated task. With a handful of controls you get the user interface, event handling, and database needed for all types of user authentication scenarios. This article includes registration and login pages written in C#.

The Exploring ASP.NET v2 Series:
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login control
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard control
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control
Title
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Keywords
Visual Web Developer 2005 Express Edition, Cassini web server, Sql Server 20005 Express, authentication, ASP.NET 2.0, configuration, administration, roles, access rules
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
Part 2 of the series exploring ASP.NET v2 membership tags, the MS Visual Web Developer 2005 Express Edition, and the Cassini web server. The emphasis of this part is using the built-in ASP.NET Web Site Administration tool to enable roles and create access rules such that certain folders are protected from unauthorized access.

The Exploring ASP.NET v2 Series:
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login control
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard control
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control
Title
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Keywords
Visual Web Developer 2005 Express Edition, VWD, Cassini web server, Sql Server 20005 Express, SQL Server 2000, ASP.NET 2.0, configuration, administration, roles, access rules, IIS, debug, machine.config
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
Ready to deploy your v2 app? This article will show you how to graduate to SQL Server 2000 and IIS.

In this part of the Exploring ASP.NET v2 series you'll learn how to use SQL Server 2000 instead of SQL Server 2005 Express to store the data needed for membership, roles, profiles, and personalization. The Express edition is great for development but it's not appropriate for deployment. This article shows you how to create the database, configure and populate it. In addition, you'll learn how to use IIS instead of Cassini to test and debug your pages.

The Exploring ASP.NET v2 Series:
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login control
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard control
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control

Approximate download size: 506k
Title
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login Control
Keywords
Visual Web Developer 2005 Express Edition, VWD, SQL Server 2000, ASP.NET 2.0, configuration, administration, roles, access rules, IIS, debug, machine.config, web.config, login control, layout template
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
In this part of the Exploring ASP.NET v2 series you'll learn how to customize the asp:Login control using VWD's built-in "chrome" feature, which allows you to convert the control to use a layout template. This allows for much greater flexibility in the look of the login form. Plus you can replace the auto-generated table markup with more accessible and css-friendly code that you provide. This article also discusses several of the login control's attributes, such as the "Remember me next time" checkbox, pages to redirect to upon success of failure, and form validation error messages.

The Exploring ASP.NET v2 Series:
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login control
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard control
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control
Title
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard Control
Keywords
Visual Web Developer 2005 Express Edition, VWD, SQL Server 2000, ASP.NET 2.0, configuration, administration, web.config, createuserwizardcontrol, wizard, layout template, navigation template, validator controls, css, accessibility
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
In this tutorial you'll learn about the CreateUserWizard control. Specifically, you'll see how this control is part of Microsoft's answer to handling navigation and state management in multi-step forms. You'll learn how to customize the contents in each of the two steps of the CreateUserWizard control, as well as how to customize the submit buttons in both steps. You'll see a real-life example of styling these forms using CSS. And you'll learn how to use many of the CreateUserWizard control's attributes; how to incorporate ASP.NET validator controls to ensure that the user enters proper information in each textbox; how to require a unique user name (a common feature of registration forms); how to automatically generate strong passwords (always a good idea); and how to create disabled user accounts and then enable those accounts using VWD's ASP.NET web site administration tool.

The Exploring ASP.NET v2 Series:
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login control
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard control
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control
Title
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Keywords
CreateUserWizard, asp.net, registration, password, web.config, requiresUniqueEmail, passwordFormat, maxInvalidPasswordAttempts, minRequiredPasswordLength, minRequiredNonalphanumericCharacters
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
The previous installment of this series described how to customize the control. You learned how to use editable templates to reorganize the textboxes, submit buttons, and other information presented by the control. Notably absent was how to modify the requirements for registration. For example, by default, the password must be at least seven characters long and contain one special character (e.g., one non-alphanumeric character). But what if you want more or less strict requirements? This tutorial will show you how to modify the web.config to get the requirements you want.

The Exploring ASP.NET v2 Series:
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login control
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard control
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control
Title
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control
Keywords
PasswordRecovery, asp.net, recover, reset, retrieve, password, web.config, passwordFormat, encrypted, hashed, mail settings, SMTP, enablePasswordRetrieval, enablePasswordReset, OnSendingMail, OnSendMailError, locked out
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
In this installment, we'll look at using the PasswordRecovery control. As you might guess this control is handy for users who have forgotten their passwords. The functionality baked into this control is fully integrated with the membership provider we've been working with all along. For example, the user registration page discussed in Parts 1 and 5 uses the CreateUserWizard control, which includes a security question and answer. The PasswordRecovery control uses that security question/answer in conjunction with the username to verify the identity of the user and then emails the password to the user.

This tutorial will show you how to use the PasswordRecovery control with passwords that hashed, encrypted, or stored as clear text. Along the way you'll learn how to how to set up the mail settings in the web.config so that the password can be emailed to the user.

The Exploring ASP.NET v2 Series:
Exploring ASP.NET v2 - Part 1: Membership Tags, VWD, and Cassini
Exploring ASP.NET v2 - Part 2: VWD's ASP.NET Web Site Administration Tool
Exploring ASP.NET v2 - Part 3: Graduate to SQL Server 2000 and IIS
Exploring ASP.NET v2 - Part 4: Customizing the asp:Login control
Exploring ASP.NET v2 - Part 5: Customizing the asp:CreateUserWizard control
Exploring ASP.NET v2 - Part 6: Customizing User Registration Requirements
Exploring ASP.NET v2 - Part 7: Using the PasswordRecovery Control
Title
Using the asp:Panel Control to Simplify Complex Forms
Keywords
Panel, ASP.NET, C#, validator, form
Author
Heidi Bautista
Category
ASP.NET, C#, Programming
Type
Tutorial
Description
In this tutorial you'll learn an easy method to break up long, tedious forms so that the user finds them easier to fill out and you have just a single file to maintain. The form elements are nested inside of asp:Panel controls so that you can show one panel at a time and hide the rest. The best part of this approach is that you don't have to worry about maintaining state. The ASP.NET Framework takes care of that for you. Even across multiple post backs. That allows you to refer to controls nested in hidden panels. Very convenient.
Title
ASP.NET Application Folders
Keywords
ASP.NET, ver 2, version 2.0, App_Code, bin, App_Data, App_Themes, App_Browsers, App_GlobalResources, App_LocalResources, App_WebReferences, security, HttpForbiddenHandler, web.config, theme, skin, master, resource, browser, discovery
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Article
Description
If you've worked with ASP.NET version 2.0 sites, you've probably seen folders like App_Themes and App_Data. But what are they and how are they used? Read on to find out.
Title
ASP.NET Session State and the web.config - Part 1
Keywords
session state, session variables, web.config, in-process out-of-process, ASPState, aspnet_wp.exe, w3wp.exe, aspnet_state.exe, InProc, StateServer, SQL Server, SQLServer, sessionState, system.web, cookies, cookieless, timeout, stateConnectionString, sqlConnectionString, stateNetworkTimeout, ASP, ASP.NET, C#, VB, Visual Basic
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Article
Description
ASP.NET session state made simple. In this 2-part article you'll learn how to set and use session variables; why session state management in ASP.NET is superior to classic ASP; and what to do with your web.config file to make it all work.

Part 1 covers the basics of session state managment and the web.config.
Title
ASP.NET Session State and the web.config - Part 2
Keywords
session state, session variables, web.config, in-process out-of-process, ASPState, aspnet_wp.exe, w3wp.exe, aspnet_state.exe, InProc, StateServer, SQL Server, SQLServer, sessionState, system.web, stateConnectionString, sqlConnectionString, ASP, ASP.NET
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Article
Description
ASP.NET session state made simple. In this 2-part article you'll learn how to set and use session variables; why session state management in ASP.NET is superior to classic ASP; and what to do with your web.config file to make it all work. Part 2 covers how to enable StateServer and SQLServer session state storage and the pros and cons of all three types of session state management.
Title
Converting from C# to VB
Keywords
C#, VB, convert, conversion, utility
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Article
Description
Face it. All programmers have a favorite language. And, we're usually pretty vehement about why it's the best choice, too! But it can be a real problem when you're searching for examples and all you find is code written in the other language! This article introduces you to a free online (and downloadable) tool that does a pretty good job of converting C# code into VB. The article also includes general and DW-specific tips to keep in mind when converting code by hand.
Title
Formatting Dates, Numeric Values, and Text on Your ASP.NET Pages - Part 1
Keywords
asp.net, c#, vb, format, formatting, web.config, culture, globalization, bindings tab, application panel, currency, format specifiers, AlphaCase
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Article
Description
Formatting values on your ASP.NET pages is easier than you might think. Dreamweaver offers built-in formatting options for many common formatting patterns for dates, numbers, and text. But sometimes you need uncommon formatting or maybe it's just plain easier to bypass DW and do it yourself in code view.

Learn when and how to use DW's built-in formatting options in Part 1. Part 2 will explore customizing your own date/time, number, and text formats.
Title
Formatting Dates, Numeric Values, and Text on Your ASP.NET Pages - Part 2
Keywords
asp.net, c#, vb, format, formatting, web.config, culture, globalization, bindings tab, application panel, format specifiers, format string, scaling, exponential notation, scientific notation, rounding, custom format
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Article
Description
Formatting strings in ASP.NET - without help from Dreamweaver. DW offers several built-in formatting options for many common formatting patterns for dates, numbers, and text, but sometimes you need uncommon formatting. That's when it's convenient to know how to apply your own standard and custom formats. In the second half of this two-part series, you'll learn how to create custom formatting for numbers and date/time values.
Title
VB's IIf Function vs C#'s Ternary Operator
Keywords
ternary operator, ternary expression, conditional operator, IIf function, C#, VB, VisualBasic, Visual Basic, DataSet
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Article
Description
What's better? C# or VB? It depends on a lot of factors. You can nearly always accomplish your objectives in either language but sometimes one is better suited than the other. Read on to learn about the similarities and differences between VB's IIf function and C#'s ternary operator.
Title
File Uploading in ASP.NET - Part 2
Keywords
ASP.NET, C#, VB, Insert Record server behavior, file upload, uploading, HtmlInputFile, String, Substring, LastIndexOf, GetType
Author
Heidi Bautista
Category
ASP.NET, C#, Programming, VB.NET
Type
Tutorial
Description
In this tutorial, we'll extend the file uploading paradigm to include simultaneously updating the database to record the name of the uploaded file. Of course, it only makes sense to update the database if the file upload was successful. So we'll first upload the file and then update the database, if appropriate, using the Insert Record server behavior. Code is presented in C# and VB.

The File Uploading with .NET Series:
File Uploading with ASP.NET
File Uploading in ASP.NET - Part 2
File Uploading with ASP.NET - Part 3
Title
Automatic Thumbnail Generation with ASP.NET
Keywords
server variable, mappath, SCRIPT_NAME, thumbnail, generator, FileInfo, GetFiles, Image class, save to disk, innerHtml
Author
Heidi Bautista
Category
ASP.NET, C#, VB.NET
Type
Tutorial
Description
Thumbnail generation is something all of us have to do at some time or another, so why not make it as simple and automated as possible? This ASP.NET tutorial shows you how to automatically generate and display thumbnail images.
Title
Sending Email From Your ASP.NET Application - Part 1
Keywords
email, MailMessage, SmtpMail, feedback form, ASP.NET, C#, VB
Author
Heidi Bautista
Category
ASP.NET, C#, VB.NET
Type
Tutorial
Description
This is one of the most common tasks for an ASP.NET developer. Fortunately, it's quick and easy. In this series of tutorials, we'll walk through the process of creating and sending email messages for a variety of scenarios.

Part 1 introduces you to the two ASP.NET classes used (MailMessage and SmtpMail) and demonstrates how to create a simple feedback form for your site. Later on we'll explore how to create nice-looking HTML messages that include images, links, and attachments. Sample code written in both C# and VB is included.

The Sending Email From Your ASP.NET Application Series:
Part 1
Part 2
Part 3
Part 4
Title
Sending Email From Your ASP.NET Application - Part 2
Keywords
ASP.NET, email, list, UrlContentBase, friendly names, Access, C#, VB, MailMessage, SmtpServer, base
Author
Heidi Bautista
Category
ASP.NET, C#, VB.NET
Type
Tutorial
Description
In this installment of the ASP.NET email series, you'll learn how to address your messages using friendly names in addition to the email addresses, use the MailMessage.UrlContentBase property to easily include images and links with relative paths, and send to a mailing list retrieved using a MM:DataSet tag.

Sample code in C# and VB.

The Sending Email From Your ASP.NET Application Series:
Part 1
Part 2
Part 3
Part 4
Title
Sending Email From Your ASP.NET Application - Part 4
Keywords
ASP.NET, email, C#, VB, MailMessage, SmtpMail, HtmlInputFile, HttpPostedFile, MailAttachment, attachment, binary, text, System.IO namespace, System.Web.Mail namespace, enctype, multipart, form-data
Author
Heidi Bautista
Category
ASP.NET, C#, VB.NET
Type
Tutorial
Description
In this installment of the ASP.NET email series, you'll learn how to send messages that include text and/or binary attachments.


The Sending Email From Your ASP.NET Application Series
Part 1
Part 2
Part 3
Part 4
Title
ASP.NET v2.0 - Using the SiteMapDataSource and Menu Controls
Keywords
SiteMapDataSource, Menu, site map provider, XmlSiteMapProvider, xml, web.sitemap, asp.net, ver 2.0, data source, siteMap, siteMapNode, xmlns, web.config, VWD
Author
Heidi Bautista
Category
ASP.NET, C#, XML
Type
Tutorial
Description
Constructing menus for navigation is a really common task. Version 2.0 of the ASP.NET Framework provides all sorts of tools to make this task easier. In this tutorial, you'll learn how to create a multi-level menu using the and controls and an XML file that supplies the data to display in the Menu.
Title
CSS Picker in ASP.NET
Keywords
IRequiresSessionState CSS Picker
Author
Joel Martinez
Category
ASP.NET, CSS
Type
Tutorial
Description
The first time I came across a site that allowed you to select your own stylesheet, I was amazed at the stunning simplicity of the technique, and the powerful effect it could have on the user experience. Seeing as how ASP.NET is my server language of choice, I wanted to show how easy it was to implement this functionality in your very own site.

This article will show you how to create a CSS picker with ASP.NET using a Session variable and an HttpHandler. Code is presented in C# and you do not need a compiler to run the sample provided with the article.
Title
Creating a Simple Blog Part 1
Keywords
asp,jsp,php,coldfusion,blog,rss,asp.net,content management
Author
Tom Muck
Category
ASP.NET, ColdFusion, Dreamweaver, ASP, Database, XML
Type
Tutorial
Description
Many people ask "how can I build my own blog?" This tutorial will show how to create a simple blog using point-and-click features of Dreamweaver. For that reason, this tutorial can be followed for any server model that Dreamweaver supports.
Title
Creating a Simple Blog: Part 6
Keywords
blog,dreamweaver,inverness,jumpstart,coldfusion,asp,jsp,sql,php,asp.net,rss,design,template
Author
Tom Muck
Category
ASP.NET, ColdFusion, Dreamweaver, ASP, Design, JSP, PHP
Type
Tutorial
Description
There have been five parts in the series on creating a simple blog. The first five parts focused on creating basic functionality to get a basic blog up and running using simple Dreamweaver design tools. This part will show how to incorporate the functionality into a more complex design — specifically, the latest CMX Jumpstart — Inverness. This tutorial will be equally applicable to ColdFusion, ASP, PHP, ASP.NET, or JSP because we will be using standard Dreamweaver server behaviors to create the blog. In the course of merging the dynamic blog into the design, you'll learn the following about merging content with design in general — how to find repeating items and make them dynamic, how to separate parts of an existing design into a module.
Title
Flash Remoting 101
Keywords
Flash,Flash Remoting,ASP.NET,ColdFusion,Java,J2EE,web services
Author
Tom Muck
Category
ASP.NET, ColdFusion, Flash
Type
Article
Description
When you hear the term "Flash Remoting", you might be wondering what exactly is being referred to. Macromedia's latest push towards the Rich Internet Application has at its core the Flash Remoting technology. This article will give you a brief introduction and show you the necessary requirements to getting it up and running on your machine and your web server.
Title
Base64 Encoding
Keywords
base64 encoding mime
Author
Joel Martinez
Category
ASP.NET, ColdFusion, Programming, PHP
Type
Article
Description
Your boss comes up to you, says that the requirements on the latest project have changed. You are now required to include an employee badge photo along with your company's replication feed. "But sir, the replication feed is an XML file ... how are we going to get an image into that?".

Enter Base64 Encoding. Though it doesn't come up every day, it's usefulness is undeniable, and your toolbox will be all the better for containing it. Code presented in this article will be in ASP.NET, Coldfusion, and PHP. We will discuss some situations where Base64 encoding will come in handy.
Title
Fun with the DataSet tag, Part 2
Keywords
DataSet, custom tag, ASP.NET, data source, records, SQL
Author
Heidi Bautista
Category
ASP.NET, Database
Type
Article
Description
Learn how to build your dynamic ASP.NET pages even faster by employing the power of the MM:DataSet tag to get and manipulate data prior to displaying it on your pages. In part one of this two-part article you'll learn the nuances of this custom tag's attributes and methods, including some performance tips. Part 2 will be all about examples; seeing the DataSet tag in action.
Title
Fun With the DataSet Tag: Part 1
Keywords
DataSet tag, ASP.NET, data source, records, SQL, OLE DB, C#, VB
Author
Heidi Bautista
Category
ASP.NET, Database
Type
Article
Description
Learn how to build your dynamic ASP.NET pages even faster by employing the power of the MM:DataSet tag to get and manipulate data prior to displaying it on your pages. In part one of this two-part article you'll learn the nuances of this custom tag's attributes and methods, including some performance tips. Part 2 will be all about examples; seeing the DataSet tag in action.
Title
ASP.NET v2.0 - Using the SqlDataSource and GridView Controls
Keywords
SqlDataSource, ASP.NET v2, SQL Server 2000, GridView, DropDownList, CssClass, data source, SelectParameters, ControlParameter, TemplateField
Author
Heidi Bautista
Category
ASP.NET, Database, Programming
Type
Tutorial
Description
In this tutorial you'll learn how to connect to the SQL Server database using VWD and how to get the connection string needed for the web.config. You'll learn how to use the SqlDataSource control to retrieve data from a SQL Server database. You'll see how the SqlDataSource can be used with a SELECT statement and with a stored procedure. And you'll learn how to create a SqlDataSource with or without parameters. You'll learn how to tell data-bound controls (DropDownList and GridView) where to get the data with which to populate the controls. Last but not least you'll learn how the process of getting data and binding the data to controls in ASP.NET v2.0 (and VWD) differs from the way you did it in DW with ASP.NET v1.1.
Title
Using An asp:CheckBoxList Control With Dynamic Data - Part 1
Keywords
CheckBoxList, stored procedure, sp, sproc, DataSet, server behavior, asp.net, C#, check box, checkbox, checkboxes, database, dynamic, populate, datasource, data source, selected, update
Author
Heidi Bautista
Category
ASP.NET, Database, Programming
Type
Tutorial
Description
Learn how to populate an asp:CheckBoxList control with data from a SQL Server database in Part 1. Part 2 covers how to update the database using a stored procedure that takes as input the selections made in the CheckBoxList control.
Title
Using Disk Files As the Data Source for a DropDownList, ListBox, CheckBoxList, or RadioButtonList
Keywords
DropDownList, ListBox, CheckBoxList, RadioButtonList, DirectoryInfo, GetFiles, data source, DataSource, DataBind, System.IO namespace, bind, DataBind
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#
Type
Tutorial
Description
This tutorial demonstrates how you can create a data source from a list of files on the server and bind that data source to four different controls: DropDownList, ListBox, CheckBoxList, or RadioButtonList.
Title
Advanced User Authentication with .NET and Dreamweaver - Part 3
Keywords
login, log in, logout, user greeting, Forms authentication, FormsAuthenticationTicket, ASP.NET, Dreamweaver, DataSet, Access database, C#, roles, personalization
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
This is Part 3 of the Advanced User Authentication with .NET and Dreamweaver series. You've created a great two-role authentication scheme using the first two parts of this tutorial series, but now your boss says you actually need three roles. Well, maybe four or five, he's not really sure. No problem. This tutorial takes you through the process of how to store and use role information from a database. And, while you're at it, impress your boss by throwing in some nifty site personalization, which is also covered in this tutorial.
Title
Batch Updates in ASP.NET - Part 2
Keywords
DataSet, DataGrid, OleDbConnection, connection string, OleDbCommand, Parameters, data adapter, SqlDataAdapter, OleDbDataAdapter, DataSource, data source, batch update, DataTable, DataRow, SelectCommand, DeleteCommand, UpdateCommand, OleDbCommandBuilder, GetChanges, AcceptChanges, RowState, DataBind
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
This tutorial explains how to perform a batch update in ASP.NET using strictly the .NET Framework. You can accomplish the same goal with Dreamweaver's Update Record server behavior, too. (See Using Dreamweaver and .NET For Batch Updates - Part 1.) Which method is best for you? Read both tutorials to learn the pros and cons of each approach.
Title
Creating Dependent Dropdown Lists with Dreamweaver MX04 and ASP.NET - Part 1
Keywords
ASP.NET, C#, dropdown list, dropdownlist, data-bound, AutoPostBack, OnSelectionChanged, DataSet, DataBind, view state, viewstate
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
Make smarter ASP.NET pages by implementing data-bound dependent dropdown lists. The selection in the first dropdown list dictates the contents of the second dropdown list.

Here in Part 1 you'll learn how to make the data-bound dropdown lists plus how to make the second one dependent on the first.

In Part 2, we'll extend the paradigm to three or more dropdown lists. Along the way you'll get a better understanding of view state and the Dreamweaver MM:DataBind custom tag.
Title
Creating Dependent Dropdown Lists with Dreamweaver MX04 and ASP.NET - Part 2
Keywords
ASP.NET, C#, dropdown list, dropdownlist, data-bound, data bound, AutoPostBack, postback, OnSelectionChanged, DataSet, DataBind, view state, viewstate, Access database, mdb, aspx
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
Make smarter ASP.NET pages by implementing data-bound dependent dropdown lists. The selection in the first dropdown list dictates the contents of the second dropdown list and the selection in the second dropdown list dictates the contents of the third dropdown list.

Part 1 showed how to make the data-bound dropdown lists plus how to make the second one dependent on the first.

Here in Part 2, we first extend the paradigm to three dropdown lists and then generalize the technique so that you can add as many dependent dropdown lists as you wish.
Title
Fun with the DataGrid tag, Part 1
Keywords
ASP.NET, DataGrid, DataSet, SQL
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
The ASP.NET DataGrid is a data-bound list control that uses a table to display and/or modify information. In this three-part tutorial, we'll take a look at creating DataGrids using Dreamweaver's DataGrid server behavior. You'll learn how to customize the look of the DataGrid and make it editable. In addition, you'll pick up some useful tips regarding the inter-relation between Dreamweaver's custom DataSet tag and the DataGrid control.
In part 1, we'll go over setting up your Dreamweaver site, connecting to the database, creating the data source for the DataGrid, and creating a simple DataGrid. Part 2 describes several techniques you can use to customize the appearance of the DataGrid. And Part 3 will cover making your DataGrid editable.
Title
Fun with the DataGrid tag, Part 2
Keywords
ASP.NET, DataGrid, DataSet, SQL
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
The ASP.NET DataGrid is a data-bound list control that uses a table to display and/or modify information. In this three-part tutorial, we'll take a look at creating DataGrids using Dreamweaver's DataGrid server behavior. You'll learn how to customize the look of the DataGrid and make it editable. In addition, you'll pick up some useful tips regarding the inter-relation between Dreamweaver's custom DataSet tag and the DataGrid control.
In part 1, we'll go over setting up your Dreamweaver site, connecting to the database, creating the data source for the DataGrid, and creating a simple DataGrid. Part 2 describes several techniques you can use to customize the appearance of the DataGrid. And Part 3 will cover making your DataGrid editable.
Title
Fun with the DataGrid tag, Part 3
Keywords
ASP.NET, DataGrid, DataSet, SQL
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
The ASP.NET DataGrid is a data-bound list control that uses a table to display and/or modify information. In this three-part tutorial, we'll take a look at creating DataGrids using Dreamweaver's DataGrid server behavior. You'll learn how to customize the look of the DataGrid and make it editable. In addition, you'll pick up some useful tips regarding the inter-relation between Dreamweaver's custom DataSet tag and the DataGrid control. In part 1, we'll go over setting up your Dreamweaver site, connecting to the database, creating the data source for the DataGrid, and creating a simple DataGrid. Part 2 describes several techniques you can use to customize the appearance of the DataGrid. And Part 3 will cover making your DataGrid editable.
Title
Toggle Between Showing All Rows and Showing a Paged View of Results
Keywords
DataSet, DataGrid, server behavior, paged view, repeat region, dataset paging, paging, custom paging, show region, mm:if, ternary expression, ternary operator, IIf function, C#, PageSize, CommandText, footer template, boundcolumn, templatecolumn
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database
Type
Tutorial
Description
Learn how to enhance the usability of a page of data by including a link that the allows the user to toggle between showing all rows and showing a subset of rows over a series of pages. This tutorial uses the Macromedia custom Dataset tag as well as several server behaviors (repeat region, dataset paging, show region) and the DataGrid tag to display data on the page. Two sample pages written in C# are included.
Title
Using the ASP.NET Insert Record Server Behavior - Part 1
Keywords
insert record server behavior, dataset, C#, VB, VB.NET, SQL Server, Access, ASP.NET, DataSet
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database, Programming, VB.NET
Type
Article
Description
This article shows you how to use the Insert Record server behavior to take data collected with a form and insert it into a table in a SQL Server database. It's fast and easy. You're likely to spend more time styling the form than doing the coding!
Title
Using the ASP.NET Insert Record Server Behavior - Part 2
Keywords
insert record server behavior, dataset, C#, VB, VB.NET, SQL Server, Access, ASP.NET, DataSet, textbox, dropdownlist, dropdown list, checkbox, radiobutton list, radiobuttonlist, validator, RequiredFieldValidator, RegularExpressionValidator, InitialValue
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database, Programming, VB.NET
Type
Article
Description
This article picks up where Part 1 left off. You'll get a better understanding of how to use the Insert Record server behavior with datatypes other than just strings and you'll learn how to add the necessary modifications to the MM:Insert tag so that it handles the ASP.NET validators that have been added to the form. The sample pages are provided in C# and VB.NET.
Title
Using DropdownLists, CheckBoxes, and TextBoxes in an Editable ASP.NET DataGrid
Keywords
ASP.NET, C#, c sharp, VB VB.NET, DataGrid, DataSet, Dropdown List, Check box, checkbox, text box, textbox, multi-line textbox, textarea
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Database, VB.NET
Type
Tutorial
Description
Learn how to easily add data-bound dropdown lists, checkboxes, and single and multi-line textboxes to your editable DataGrids. If you stick with these three types of controls you can still leverage Dreamweaver's built-in functionality provided by DreamweaverCtrls.dll to handle updating and deleting from your database. It's easier than you might think. Read on to learn this "trick of the trade."
Title
ASP.NET Validator Controls
Keywords
RequiredFieldValidator, CompareValidator, RangeValidator, RegularExpressionValidator, CustomValidator, ValidationSummary, ASP.NET, form validation
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Article
Description
Form validation has never been easier thanks for the new validator server controls included in the ASP.NET framework. Learn how to check for required entries, the expected data type, values within a specified range, patterns, etc. Plus, learn Dreamweaver tips and tricks for dropping these controls on your aspx page.
Title
CMX SendEmail User Control for ASP.NET Sites
Keywords
CMX SendEmail user control, asp.net, C#, VWD, DW, ver 2, validators
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Tutorial
Description
This article introduces you to the CMX SendEmail user control. Drop the control on your .aspx page and you immediately have a CSS-styleable contact form for your website.

The CMX SendEmail user control's ease of use is especially convenient when you're working with designers who are comfortable using tags but may not be familiar with code. Even if you're a hardcore programmer you may still find the control convenient since it effectively separates presentation from business/logic.
Title
Creating a ZIP File Backup of Your Website in ASP.NET
Keywords
zip, backup, archive, asp.net, #ziplib, ICSharpCode, free library, DirectoryInfo, FileInfo, recurse
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Tutorial
Description
This tutorial will show you how to backup a web site by creating a zip file that contains all files in the site. This task is made considerably simpler because of a cool, open source library available from ICSharpCode called #ziplib (pronounced sharp zip lib). I originally used this library to automate the backup for a bank site but there are endless possibilities when you stop to consider that this library allows you to create and add to an archive, as well as unpack the archive. This tutorial creates a ZIP file, but the library supports other formats, too, including GZip, Tar and BZip2.

The sample application automatically creates the zip file such that it contains every file in the website. In this tutorial, you'll learn how to use the DirectoryInfo and FileInfo classes to recurse through the site and then use the #ZipLib classes to add the files to zip archive.
Title
Server Behaviors: DataSet, Repeat Region, DataSet Paging, and Show Region
Keywords
DataSet, Repeat Region, DataSet Paging, Show Region, server behaviors, behavior, mm:if, expression, C#, Recordset, RecordSet Paging, Access, database, Application panel group, Bindings, headertemplate, footertemplate, itemtemplate, contentstemplate
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Tutorial
Description
Harness the power of Dreamweaver's built-in server behaviors. In this tutorial you'll learn how to: - retrieve data with the DataSet server behavior - display it with the Repeat Region server behavior - add paging links with the DataSet Paging server behavior - and show/hide the paging links using the Show Region server behaviors
Title
Using the asp:Calendar Control - Part 1
Keywords
asp:Calendar, calendar, asp.net, C#, insert record server behavior, mm:insert
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Tutorial
Description
The asp:Calendar control provides tons of built-in functionality that's quick and easy to leverage. Make your web pages even more professional-looking by allowing your users to input dates by selecting from a user-friendly calendar. Here in Part 1 you'll get a solid introduction to the control: how to add it to your page, how to customize the look of it, and most importantly, how to use the selected date.

The asp:Calendar Control Series:
Using the asp:Calendar Control - Part 1
Using the asp:Calendar Control - Part 2
Using the asp:Calendar Control - Part 3
Using the asp:Calendar Control - Part 4
Title
Using the asp:Calendar Control - Part 2
Keywords
asp:Calendar, calendar, asp.net, C#, popup page, popup window, RegisterClientScriptBlock, OnSelectionChanged
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Tutorial
Description
Further exploration of the asp:Calendar control. This part in the series places the calendar in a popup window and shows you how to transfer the selected date to the main window by handling the SelectionChanged event.

The asp:Calendar Control Series:
Using the asp:Calendar Control - Part 1
Using the asp:Calendar Control - Part 2
Using the asp:Calendar Control - Part 3
Using the asp:Calendar Control - Part 4
Title
Using the asp:Calendar Control - Part 3
Keywords
asp:Calendar, calendar, asp.net, C#, OnSelectionChanged, style tags, DayHeaderStyle, DayStyle, NextPrevStyle, OtherMonthDayStyle, SelectedDayStyle, SelectorStye, TitleStyle, TodayDayStyle, TodayDayStyle, CssClass
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Tutorial
Description
Further exploration of the asp:Calendar control. This part in the series shows you how to set up the calendar to allow the user to select a whole week or the entire month. You'll learn how to get the date(s) selected by the user. Plus, you'll learn quite a bit more about styling this versatile control.

The asp:Calendar Control Series:
Using the asp:Calendar Control - Part 1
Using the asp:Calendar Control - Part 2
Using the asp:Calendar Control - Part 3
Using the asp:Calendar Control - Part 4
Title
Using the asp:CheckBoxList control and determining which items are selected
Keywords
CheckBoxList, DropDownList, ListBox, RadioButtonList, OnClick, event handler, view state, C#, ASP.NET, check box, check boxes, determine, selection
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming
Type
Tutorial
Description
Learn how to create an asp:CheckBoxList control, configure its display characteristics, and determine which check boxes were selected. Along the way learn about creating an OnClick event handler and get a first hand look at the benefits of view state preservation in ASP.NET.
Title
ASP.NET Snippet - ShortenString
Keywords
snippet, ShortenString, C#, VB.NET, VB, DataSet, DataGrid, editable
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, Programming, VB.NET
Type
Tutorial
Description
Snippets on ASP.NET pages are great time-savers. This tutorial uses a snippet called ShortenString. The snippet contains a function wrapped in a server-side script block. ShortenString takes a long string and shortens it to a practical length. The tutorial includes the snippet (in C# and VB.NET) plus sample pages that use the snippet in an editable DataGrid. Rather than displaying a long cumbersome text block, the DataGrid shows abbreviated versions of the strings. Thus, the DataGrid takes up less space on the page and is easier to read. In edit mode, the DataGrid shows the complete, unabbreviated string in a multi-line textbox.
Title
Using the MM:If Custom Control on ASP.NET pages
Keywords
MM:If panel label conditional display DreamweaverCtrls
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, C#, VB.NET
Type
Article
Description
The <MM:If> custom control included in DreamweaverCtrls.dll is handy when you need a quick and dirty way to show/hide a section of your page. It has limitations, which we'll get into, but on the positive side, it's very easy to use. This article discusses how to use the <MM:If> control, where it works well and where it fails, and how the <asp:Panel> control can be used when the <MM:If> is unsuitable.
Title
Creating the database connection for your ASP.NET application
Keywords
database, SQL SERVER, OLE DB, connection string, web.config
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Database
Type
Tutorial
Description
One of the very first hurdles to cross when developing a new dynamic ASP.NET application is creating the connection to your database. In this tutorial you'll learn how to make both a SQL Server connectin and an OLE DB connection in Dreamweaver. You'll see how Dreamweaver takes you through a series of dialogs prompting you for information, provides a mechanism for you to test the connection, and writes the required code to your web.config file.
Title
Setting the SelectedIndex of an asp:DropdownList
Keywords
ASP.NET, DropdownList, DataGrid, DataSet, SelectedIndex, query string, SQL Server
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Database
Type
Tutorial
Description
Dive deeper into Dreamweaver MX and ASP.NET with this tutorial showing how to populate a DropdownList from a database, set the SelectedIndex of the dropdown, and retrieve specific information from the database based on either the dropdown's SelectedIndex or a query string. Throw in some additional info regarding order of events and data binding in ASP.NET and you've got one interesting ap!
Title
Using the Stored Procedure Server Behavior on ASP.NET Pages
Keywords
stored procedure, server behavior, DataSet, DataGrid, database, SELECT, MM:If
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Database
Type
Tutorial
Description
It's well known that using stored procedures is better practice over using embedded SELECT statements in your code. Dreamweaver has a built-in server behavior called Stored Procedure that makes this process much easier on ASP.NET pages. Read on to learn how.
Title
eCommerce and ASP.NET - Part 1: Create a Product Catalog and Use PayPal's Shopping Cart
Keywords
eCommerce, PayPal, ASP.NET, DataGrid, DataSet, C#, catalog, online store, shopping cart, add to cart, view cart
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Database, Programming
Type
Tutorial
Description
eCommerce is easier than you might think - when you have help from Dreamweaver and PayPal.

This is the first in a series of articles that describe how to use ASP.NET to develop eCommerce sites. In this installment, you'll learn how to build a simple, but effective, product catalog based on products in the Northwind sample database and hook your product catalog into PayPal to take advantage of their payment processing systems as well as their shopping cart.

In future articles we'll explore:
  • Adding features to your catalog (e.g., displaying one or more product images and using a paged catalog),
  • Taking advantage of other PayPal features (e.g., Instant Payment Notification and subscription services), and
  • Building your own shopping cart instead of relying on PayPal's cart.
Title
Convert an Existing Site to Use ASP.NET Master Pages and Themes
Keywords
ASP.NET v2.0, master page, master pages, theme, themes, contentplaceholder, app_themes North Pole, JumpStart
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Design, Programming
Type
Tutorial
Description
One of the great advantages in ASP.NET v2.0 is the introduction of master pages and themes. This tutorial presents a practical example of converting an existing site to use master pages and themes. Our example site is the Community MX North Pole JumpStart. You'll learn how to chop up the code to create the master page, where to put the theme files and how to modify the existing css file so that it works well with the theme. It's actually a very quick process and one that can be adapted to any JumpStart offered by Community MX.

Approximate download size: 320k
Title
Image Protection with Auto-Watermarking
Keywords
Author
Joe Marini
Category
ASP.NET, Dreamweaver, Fireworks
Type
Tutorial
Description
There's not much you can do to keep someone from stealing content from your Web site, especially those beautiful graphics you worked so hard on. You can, however, at least deter would-be thieves with a copyright notice - one that is automatically imprinted on all of your valuable images without touching the originals.
Title
ASP.NET and Dreamweaver's Application Panel
Keywords
Dreamweaver, ASP.NET, application, panel, databases, bindings, server behaviors, components, web services, dataset, datagrid, datalist, stored procedure, OLE DB, SQL Server
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Programming
Type
Article
Description
As an ASP.NET developer, you've undoubtedly used the Application Panel. But if you're like me, you probably explored it only to the extent necessary to get the current job done. In this article, we'll explore the features in the Application panel more thoroughly. Perhaps you'll find something really useful that you didn't know about before.
Title
Using Dreamweaver to access a web service from an ASP.NET page - Part 1
Keywords
web services, ASP.NET, WSDL, asmx
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Programming
Type
Article
Description
Take the mystery of out web services - Dreamweaver's built-in functionality will help you quickly and easily use web services.

Part 1 is a no-frills tutorial demonstrating the use of a web service on an ASP.NET page.

Part 2 will include the details left out of Part 1 regarding implementing web services with Dreamweaver and how to extend your knowledge from this one example to all kinds of web services.
Title
Using Dreamweaver to access a web service from an ASP.NET page - Part 2
Keywords
web services, ASP.NET, WSDL, asmx
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Programming
Type
Article
Description
Take the mystery of out web services - Dreamweaver's built-in functionality will help you quickly and easily use web services.

Part 1 is a no-frills tutorial demonstrating the use of a web service on an ASP.NET page.

Part 2 will include the details left out of Part 1 regarding implementing web services with Dreamweaver and how to extend your knowledge from this one example to all kinds of web services.
Title
New Property Inspectors for the ASP.NET form controls
Keywords
ASP.NET, property inspector, form controls, DataSet, DataGrid, asp:
Author
Heidi Bautista
Category
ASP.NET, Dreamweaver, Reviews
Type
Article
Description
Here's a sneak preview of the new property inspectors for the ASP.NET form controls in Dreamweaver MX 2004, and some of their more interesting features.
Title
Flash Remoting with .NET - Using the Custom Control
Keywords
Flash Remoting .NET Custom Control
Author
Peter Ladka
Category
ASP.NET, Flash, Programming
Type
Article
Description
Flash Remoting for .NET provides a powerful tools to allow you to use .NET to power you "Rich Internet Applications". This article will show you how to use the Flash custom control when passing data back and forth between your flash movies and .NET applications.
Title
Are you Google-Friendly?
Keywords
Google, search, optimize, optimization, ranking, sitemap, http handler, GSitemap.ashx, webmaster tools
Author
Heidi Bautista
Category
ASP.NET, General Business
Type
Article
Description
Is it possible to ensure that Google finds, crawls, and indexes your site? Well, no, there's no way to guarantee your site will be included in Google's index but you can make your site Google-friendly, thus improving your chances.

Google even provides the guidelines and tools. This article provides an overview of Google's Webmaster Tools and how you can use them to increase your Google-friendliness and in the process, hopefully, increase your ranking in the search results.

Added bonus for ASP.NET developers: learn about a freely available HTTP handler that converts your Web.sitemap to Google's preferred sitemap protocol.
Title
Generate a Google Sitemap Using ASP.NET
Keywords
Google, search, optimize, optimization, ranking, sitemap, http handler, GSitemap.ashx, webmaster tools, Bertrand Le Roy, Web.sitemap
Author
Heidi Bautista
Category
ASP.NET, General Business
Type
Tutorial
Description
Google's Webmaster Tools include a way for you to specify a sitemap file. Then, when Google indexes your site, it includes all the pages listed in the sitemap. At first blush you're probably thinking that you'll just use an ASP.NET .sitemap. After all, it's easy to create. You may even already have a .sitemap file that lists all the pages that you would want Google to index. The bad news is that Google doesn't support the format of ASP.NET .sitemap files. Bertrand Le Roy to the rescue.

Read on to learn how to use Bertrand's HTTP handler to convert your ASP.NET .sitemap file to Google's own sitemap format. In addition, this article shows you how to modify the HTTP handler so that it can deal with any ASP.NET .sitemap file, not just the default Web.sitemap file. If your default Web.sitemap contains an incomplete list of site pages you'll want to modify Bertrand's HTTP handler and use it to tell Google about an alternate .sitemap file. Providing Google with a robust sitemap to your site increases your odds of having all pages from your site included in their index.
Title
Getting Started with GotDotNet Workspaces
Keywords
source code control management SCM SCC workspaces version control
Author
Joel Martinez
Category
ASP.NET, General Business
Type
Review
Description
Project management is a topic that can, and will, have volumes upon volumes written about it. In the software field, those with years of experience will tell you that one of the most basic and useful parts of the software development process is a good source control management system.

The topic has been covered before here on CMX by our very own Arman Danesh in his 5 part series:
Using Source Code Management Software

GotDotNet Workspaces) is a unique service offered by Microsoft. My aim with this article isn't to extoll the virtues of using source control software, it is to expose the masses to the fact that such a wonderful tool exists. A few short months ago (as of this writing), they revised the software behind it so it's even faster than before (a common complaint when they first came out).

In the past, when you thought of hosted source control, the first (and just about only) thing that popped to mind was Sourceforge. Now, there are two drawbacks there:
  1. You've got to use CVS which, while it works, I can't say it's the most userfriendly product on the market.
  2. Sourceforge has to review and approve your project ... so they might just say no.

With the Workspaces, a few short clicks and you've got yourself a workspace!

Title
Visualizing Data with Google Maps
Keywords
google maps gis latitude longitude
Author
Joel Martinez,CMX
Category
ASP.NET, Javascript
Type
Tutorial
Description
"Where in the World is Carmen Sandiego", "Where's Waldo" ... What do these childhood books/games/shows have in common? The desire to geographically locate someone (or something). Whether it's a customer trying to find a specific store location, or a business attempting to understand the demographics of its customer base,this is a problem domain that has long intrigued the human race.

Google Maps has succeeded in creating a fantastic mapping product that arguably trumps the others in the field. The best thing about Google Maps is that they have opened up their API for people to innovate with. Several examples include Chicago Crime and MyWikiMap (formerly Cheap Gas). These are sites that have some set of data that lends itself well to geographic visualization.

This article will walk you through the process I took to write a Google Maps application that displays all of the members in my .NET usergroup for the purpose of demographic analysis. You will be able to download an easily customizable console application written in C# and instructions on how to integrate the result into a fully functional Google map that you can deploy to your website.

Now, you might ask yourself, "Why a console application, why not a .NET page that could be run to generate the actual JavaScript Google needs?" ... a fine question to be sure, unfortunately, the data retrieval process I describe in the tutorial involves contacting a third party website who's performance does not lend itself to being used in a production environment ... especially if the amount of data you have to display is significant. With a console application, you can run your data retrieval process manually and it doesn't matter how long it takes to grab all of the data.
Title
Running PHP under ASP.NET??
Keywords
PHP ASP.NET Phalanger php-compiler
Author
Joel Martinez
Category
ASP.NET, PHP
Type
Review
Description
I won't lie, I am a Microsoft lover. Their technology has been paying my salary for just about my entire career, and C# totally rocks in my quite humble opinion. But that being said, any programmer worth their salt knows that a specific technology is nothing more than a tool. If a given situation could be solved more efficiently with the use of non-Microsoft technology, then its your responsibility to investigate and (potentially) use said technology.

This article is going to review a nifty little project called Phalanger. Installing this on your ASP.NET web server allows you to deploy PHP code, even full applications like phpBB. Behind the scenes, the PHP code will be compiled to .NET code and run as an ASP.NET application.

The best thing about it is that you can, from PHP script, access .NET code (in your language of choice), and vice-versa. So if you have a nifty function written in PHP, you can use it in your .NET application. The Developers tout impressive performance improvements over the native PHP environement so this makes Phalanger an attractive target for your application platform.
Title
ASP.NET - Object Oriented Programming Basics
Keywords
Object Oriented Programming, ASP.NET
Author
Peter Ladka
Category
ASP.NET, Programming
Type
Article
Description
ASP.NET brings Object Oriented Programming to web application development. This article explores the difference between interpreted languages like ASP, PHP and Cold Fusion and an true OOP language in ASP.NET
Title
Cookieless Session State in ASP.NET
Keywords
session state, asp.net, cookie, cookieless, sessionState, web.config
Author
Heidi Bautista
Category
ASP.NET, Programming
Type
Article
Description
Need to maintain session state but can't use client-side cookies? Read on to learn how to implement cookieless session state in ASP.NET.
Title
Deciphering ASP.NET's web.config File
Keywords
web.config, ASP.NET, machine.config, appSettings, configuration, trace, customErrors, debug, authorization, authentication
Author
Heidi Bautista
Category
ASP.NET, Programming
Type
Article
Description
Learn how to get the most out of the ASP.NET web.config file. Set up custom error handling, store connection information, get tracing information, and more ...
Title
The Meaning of ~ (tilde)
Keywords
tilde, ~, root, application root, web root, absolute, relative, ASP.NET
Author
Heidi Bautista
Category
ASP.NET, Programming
Type
Article
Description
The inventors of ASP.NET took a different approach to solving the problems inherent in using absolute and relative URLs. They introduced the concept of tilde. The simplest, briefest definition of tilde is that it is the root of the application. The root of a website is, by definition an application root, but not all application roots are site roots. Huh? Yeah, the explanation gets a little hairy, but once the concept sinks in, I think you'll agree you'll begin to wonder how you ever lived without tilde.
Title
Getting Started with Atlas
Keywords
Atlas, ASP.NET, AJAX, setup, C#, VB, VWD, VS, template
Author
Heidi Bautista
Category
ASP.NET, Programming
Type
Tutorial
Description
Just about everyone has heard of AJAX, right? The acronym stands for Asynchronous JavaScript and XML. One of the problems with AJAX is that many people found it difficult to use. Microsoft developed Atlas, in part, to address that issue. Atlas is an extension of ASP.NET. You don't have to use ASP.NET to leverage Atlas functionality, but I think you'll find that it's convenient to do so. In addition to the server-side controls, Atlas also comes with sophisticated client script libraries, saving you the labor of writing your own JavaScript.

In this first tutorial we'll download and install Atlas. Later tutorials will explore using Atlas to perform asynchronous postbacks (via the UpdatePanel). This is arguably the best feature of Atlas. You can have a form on your page and when the user hits the submit button, instead of the entire page posting back, just the form does. That means that the page's contents are still visible. The only disruption to the page is the contents of the form. A lot more user-friendly, eh? Atlas boasts other cool features, too, that will be explained in later installments.
Title
Fundamentally VB.NET - Part 2: VB.NET Variables and Constants
Keywords
VB.NET, .NET, VB, variables, contants, declaring, assigning, type, built-in, Integer, String, data, Class, Object
Author
Val Tobin
Category
ASP.NET, Programming, VB.NET
Type
Article
Description
In Part 1 of this series, you were introduced to VB.NET built-in data types. In this article, you'll learn how to create variables for these data types. You'll learn the syntax for declaring variables and assigning values to them. The entire series of articles will take you through the VB.NET mechanics that you'll need in order to use it. Once you've learned all the key concepts, we'll go through tutorials that put all that learning to work.
Title
Fundamentally VB.NET - Part 3: VB.NET Enumerations
Keywords
VB.NET, VB, .NET, Constants, Enumerations, Enumerated, Enum, OOP, Class, Object, declare, Integer, Long, value, type, reference, stack, heap, initialize
Author
Val Tobin
Category
ASP.NET, Programming, VB.NET
Type
Article
Description
An alternative to regular constants, enumerations allow you to declare a list of constants. This article explains how to create and use them in VB.NET and explains why they are so useful. This is Part 3 in a series of articles on the mechanics of using VB.NET. Part 1 of this series introduced VB .NET built-in data types. Part 2 discussed how to create variables for these data types. This series is meant to be a growing reference guide to VB.NET.
Title
Fundamentally VB.NET - Part 4: VB.NET Operators
Keywords
VB.NET, VB, .NET, operator, operators, mathematical, logical, concatenation, comparison, values, symbols, compare, logic, sign
Author
Val Tobin
Category
ASP.NET, Programming, VB.NET
Type
Article
Description
In Part 1 of this series, you were introduced to VB.NET built-in data types. In Part 2, you learned how to create variables for these data types. Part 3 in this series on VB.NET taught you about Enumerated constants, what they are and how to use them. Now, in Part 4, you will learn about the various types of operators VB.NET provides for your use. This series is meant to be a growing reference guide to VB.NET.
Title
Fundamentally VB.NET: Part 5 - Conditional Branching
Keywords
conditional, branching, if, else, elseif, select, case, VB, VB.NET, .NET, constant, logical, operator, decision, program
Author
Val Tobin
Category
ASP.NET, Programming, VB.NET
Type
Article
Description
In Part 1 of this series, you were introduced to VB.NET built-in data types. In Part 2, you learned how to create variables for these data types. Part 3 in this series on VB.NET taught you about Enumerated Constants, what they are and how to use them. Part 4 discussed the operators at your disposal. This article, Part 5 in the series, will cover Conditional Branching using If...Else and Select Case.
Title
Fundamentally VB.NET: Part I - VB .NET Built-in Data Types
Keywords
VB, .NET, data, type, datatype, variable, primitive, object, oriented, programming, case, constant, built-in
Author
Val Tobin
Category
ASP.NET, Programming, VB.NET
Type
Article
Description
Are you a Java developer wishing to expand your repertoire of skills to include VB .NET? It's easier than you might think. You have an understanding of the programming principles involved; you already know what try-catch-finally means, and garbage collection, and Object Oriented Programming. You only need to learn the syntax and a few incidentals, and you're there. This is the first in a series of articles that covers the fundamentals of VB .NET syntax. This theory will then be followed by a tutorial series that puts all your learning to practical use.
Title
Intro to Database Design
Keywords
sql database table 1nf 2nf 3nf normal form first second third relationship one-to-many
Author
Joel Martinez
Category
ASP.NET, SQL
Type
Article
Description
Learn the basics of setting up your first database.
Title
Using the asp:xml Control
Keywords
xml asp:xml xsl xslt asp.net server control display
Author
Joel Martinez
Category
ASP.NET, XML
Type
Tutorial
Description
Learn to use the asp:xml server control to process and display xml data
Title
Accessibility and 508: A Guide to Web Standards and Government Regulations
Keywords
accessibility, 508, section 508, web standards, WAI, WCAG, WCAG 1.0, WCAG 2.0, Access Board Standards, US accessibility standards, Canadian accessibility standards, European accessibility standards, British accessibility guidelines, accessibility guidelines, accessibility techniques, CLF standards, Content Look and Feel Standards, European Commission eInclusion, e-Inclusion, usability, Bevi Chagnon
Author
Bevi Chagnon
Category
Accessibility
Type
Article
Description
The buzzwords flying around this topic seem endless...usability...accessibility...Web standards...WCAG...WAI. Add government regulations to the mix — such as US Section 508 and Access Board Standards, Canadian CLF Standards, and the European Commission's e-Inclusion policy — and it's enough to drive you crazy!

This comprehensive overview clears up the confusion by reviewing what the standards are, who's affected by the government regulations, and what you must do — or are encouraged to do — to be compliant.

Although the Web standards are voluntary international standards, Section 508 regulations are only for US Federal government web sites and are required by federal law. And Canada's Content Look and Feel Standards affect only Canadian government websites. WCAG standards are not quite the same as US 508-accessibility standards, but this article shows were they converge...and where they don't.

Links to other US Federal, state, and local regulations are included, as well as several international government regulations, and relevant CMX articles and tutorials.

This article is for:
  • web developers and designers
  • audio, video, and animation developers
  • web masters
  • project managers
  • usability specialists
  • GUI (interface) designers
  • government contractors
  • government contracting officers, procurement specialists, and FAR specialists

Topics covered in this article:

  • Web standards, regulations, and entities: what's what and who's who.
  • When must you adhere to the standards
  • And when it's "smart" to meet the standards
  • WCAG guidelines and checkpoints
  • Comparison of WCAG guidelines and US Federal 508-accessibility requirements
  • Resources: Catalog of CMX articles and tutorials on building accessibility into your websites
  • Resources: Links to US Federal, local, state websites on accessibility
  • Resources: Links to international websites on accessibility
Title
Accessibility for Profit
Keywords
accessibility, web standards, wai, web accessibility iniative, accessible web sites, disabilities, disability, disabled, blind, aging, ageing
Author
Tricia Littlefield
Category
Accessibility
Type
Article
Description
My initial interest in accessibility was purely selfish. Someone dubbed Google "the largest blind user on the Internet". Hmm...that's interesting, I thought. If I make my customers' web sites accessible, then their web sites will rank higher in the search engines. Now that was definitely worth looking into.
Title
Alternative Text for Complex Graphics
Keywords
web accessibility, alt text, alternative text, long descriptions, longdesc attribute, text equivalents, charts, graphs, diagrams, complex graphics, photos, images, screen readers
Author
Zoe Gillenwater
Category
Accessibility
Type
Article
Description
Providing alternative text for images, a web accessibility cornerstone, is usually accomplished using the alt attribute. However, sometimes the amount of information that an image conveys is huge, much more than is useful in an alt attribute. For instance, charts, graphs, maps and diagrams can contain great amounts of information that would take several hundred words to adequately convey. While there's no limit on the amount of characters you can place in an alt attribute, they are meant to be kept very short and cannot contain additional (X)HTML markup within the attribute value itself. This can really limit your ability to adequately describe complex images. In this article, you'll learn a few ways to get around these limitations of the alt attribute to provide appropriate text equivalents for complex graphics in alternative ways.

Note: While this article does not deal directly with the alt attribute, it's a good idea to understand the principles behind writing proper alt text before reading this article. You can learn more about proper alt text at Debunking Alt Text Myths.
Title
Using Skip Nav Links
Keywords
accessibility, accessible, Section 508, WAI, WCAG, skip nav links, navigation, navigate, anchors, screen readers, screenreaders, assistive technology, small screen devices, cellphones, PDAs
Author
Zoe Gillenwater
Category
Accessibility
Type
Article
Description
Have you ever been to a web site and noticed a mysterious link at the very top that says "skip navigation" or "skip to main content"? Perhaps not — most web developers don't use skip nav links to improve the accessibility of their pages. Skip nav links, also known as skip navigation or jump to content links, allow many different types of users to get right to the content on your site that they are looking for. This article will explain why you ought to be in the minority of web developers who do include skip nav links in their web pages and how to do it. If you are already committed to creating accessible web pages, read this article to learn about one of your tools to do so.
Title
Accessibility and accesskeys
Keywords
accesskeys, access, keys, accessible, accessiblity
Author
Adrian Senior
Category
Accessibility
Type
Tutorial
Description
In this tutorial we will look at how we can use accesskeys to provide keyboard navigation and functionality to our web sites. The use of accesskeys is of course not limited to the above, but this tutorial will give you the base knowledge you will need to take what you have learned and apply it to other areas of your site.
Title
Web Writing Exercises - Part One
Keywords
Web writing, headings, links, lists, scan text
Author
Sheri German
Category
Accessibility
Type
Tutorial
Description
In this series, we'll explore that topic of writing for the web in depth. Each article's download folder will include copy that you can use to experiment with the featured concepts. It will also include my interpretation of how to effectively present the copy.

According to statistics, 79% of readers scan text on web pages rather than read every word. Therefore, in this first article, we'll look at how we can help readers more easily scan text by using effective headings, hyperlinks, bolded phrases, and lists.

The Web Writing Exercises Series:
Web Writing Exercises - Part One
Web Writing Exercises - Part Two Coming Soon
Title
Styling Skip Nav Links
Keywords
skip navigation, jump to content, skip to main content, tabbing, focus, invisible, screen readers, screenreaders, accessibility, CSS
Author
Zoe Gillenwater
Category
Accessibility, CSS
Type
Tutorial
Description
In Using Skip Nav Links, you learned why skip navigation links are important for the accessibility of your web pages, as well as how to implement them. In this followup tutorial, you'll learn how to style your skip nav links using CSS to hide them from visual users.

Before reading this article, please keep in mind that hiding skip nav links is not recommended because it renders them useless to some of the users they are supposed to benefit. If you can, leave your skip nav link visible to help as many people as possible with it. However, I know that some clients may insist that the link be hidden, so I will show you how to hide your skip nav links in a variety of ways. I'll start out with the worst methods and move to the best, finishing with a method that can return the usefulness of your hidden skip nav links to keyboard users.
Title
CMX JumpStarts: Venice
Keywords
JumpStarts, Venice, templates, XHTML, CSS, cascading style sheets, stylesheets, valid, standards-compliant, cross-browser compatible, floats, floating, absolute positioning, CSS-P, CSSP, faux columns, equal-height columns, rounded corners, tiling background images, Fireworks frames, masks, masking
Author
Zoe Gillenwater
Category
Accessibility, CSS, Design, Dreamweaver
Type
Tutorial
Description
Venice, the city of canals, inspired this romantic JumpStart design. As with all the JumpStarts, you can use and modify the design in any way you see fit, for commercial work or otherwise.

Venice includes a three-column home page design as well as a two-column form page. Both layouts feature fixed-width, equal-height columns with rounded corners. Techniques used in the layout include floats, absolute positioning, list styling, and backgroung image tiling. The pages are constructed using valid XHTML 1.0 markup and formatted using valid CSS 2.1 styling. Venice also follows the WAI and Section 508 accessibility guidelines to provide you with a solid foundation for any design you may wish to use it for. Both designs have been extensively tested on a wide range of platforms and browsers to ensure maximum cross-browser compatibility.

In addition to the extensively commented XHTML and CSS files, Venice comes with the PNG file used to create both of the layouts. It features masks that allow you to easily replace our graphics with your own, enabling you to adapt this design for any number of uses or clients. You'll learn how to organize a single Fireworks file into a comp for multiple pages.

To help you master the techniques used to design and construct the files, Venice comes bundled with the following tutorials:
  • Using Masks in Fireworks MX by Jim Babbage
  • Do You Want To Do That With CSS? — Centering a Wrapper by John Gallant and Holly Bergevin
  • Flowing and Positioning: Two Page Models by John Gallant and Holly Bergevin
  • Float The Theory by John Gallant and Holly Bergevin
  • CSS An Introduction Part Two: Background Images by Adrian Senior
  • Recreating Macromedia's Layout by Zoe Gillenwater
  • Styling CSS Buttons (Part 2) by Stephanie Sullivan
  • Styling Forms: Fieldset and Legend by Stephanie Sullivan
  • Using Classes and IDs Effectively by Zoe Gillenwater
  • Do You Want To Do That With CSS? — Align Elements Left and Right by John Gallant and Holly Bergevin

Each bundled tutorial explains how to complete the tasks that were undertaken to create the layout. Those techniques that are not covered in the bundle are explained here, providing you with not only a robust template, but a learning tool into the web design process as well.

If you'd like a more detailed look at the Venice Jumpstart, as well as seeing a modified Venice design, check out Sheri German's CMX JumpStart Venice: An Introduction.

Title
Introducing CMX JumpStart: Playa Blanca
Keywords
CMX JumpStart Playa Blanca, centered two column fixed width layout, XHTML, CSS, WAI, 508, floated navigation, two level navigation
Author
Sheri German
Category
Accessibility, CSS, Design, Dreamweaver, Fireworks
Type
Article
Description

I admit it: this JumpStart city necessitated that I do a little geography lesson. Adrian Senior, creator of the latest CMX JumpStart Playa Blanca gave me clues to googling for Playa Blanca information in the introduction to his article:

While not exactly a city, Playa Blanca is a beautiful town that can be found on the southern tip of Lanzarote. Lanzarote is one of a group of small volcanic islands that despite sitting off the African coast come under Spanish sovereignty.

All right! A beautiful beach resort that brought me back to my summer trip in Hawaii. Now on to the latest JumpStart....Playa Blanca is a centered, two-column, fixed-width layout with header and footer, but it is a more complex variation of that common layout type. It uses a series of nested divs that create the illusion of the secondary navigation effect that bleeds the appropriate button into the related content region. Of course Playa Blanca meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements.

Title
Introducing CMX JumpStart: The New Forest
Keywords
CMX JumpStart The New Forest, CSS, two-column, three-column, New, Forest, sliding doors, tab, tabbed, navigation, page marker, page, marker, stock photo collection, color schemes
Author
Sheri German
Category
Accessibility, CSS, Design, Dreamweaver, Fireworks
Type
Article
Description
Where can you stay in a five-star hotel or bed-and-breakfast, experience all kinds of wildlife, visit gardens and museums, go biking, and even get married? How about England's newest National Park The New Forest, where there is, it seems, something for everyone? There is also something for everyone in the latest CMX JumpStart, CMX JumpStart: The New Forest.

CMX JumpStart The New Forest is a centered, two-column or three-column, 770 pixel liquid and fixed-width layout. The content is constrained for optimal line lengths of text, but the outer divs are flexible and expand to the user's window size. The two tier navigation uses the infamous Sliding Door technique for its main navigation. The left column navigation is constructed from an unordered list, which has a generous amount of bottom padding to accommodate a decorative background image. The right column of the three-column version provides space for more content, or, as in our JumpStart, an eye catching image. The header div uses the Fireworks Fade Image (Auto Vector Mask in CS4) command to create a blend of images that has great visual appeal.

Of course The New Forest meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.
Title
CMX JumpStart: Lima
Keywords
JumpStart, Lima, CSS, Fade, Image, navigation, design, element, Mercury, list, unordered
Author
Adrian Senior
Category
Accessibility, CSS, Design, Dreamweaver, Fireworks
Type
Tutorial
Description
Welcome to the Lima JumpStart.

Lima is, of course, the capital of Peru and is our second JumpStart from that country, the first being Machu Picchu. Lima uses the Mercury design element that was designed by Gordon Mackay. The Mercury design element is a simple, yet effective, design to which I have made some subtle changes. Lima is an exercise in taking a design element and modifying it suit your needs. I have kept the main design structure intact and have introduced a change to the main header that originally held the navigation and moved the navigation into the side bar. Design elements are easy and quick to work with, I highly recommend them.

JumpStart Lima
Title
CMX JumpStart: Nairobi
Keywords
CSS, Dreamweaver, template, JumpStart, 2 column, 3 column, two, three, descendant, selector, coluimn, control, switchable layout.
Author
Adrian Senior
Category
Accessibility, CSS, Design, Dreamweaver, Fireworks
Type
Tutorial
Description
Welcome to the Nairobi JumpStart!

Nairobi allows you to quickly change the layout of the page from a three-column to a two-column layout by using descendant selectors to change the pages appearance. It also features an "upside down" version of the popular sliding doors navigation method, which is complemented by an accessible sub navigation set.

The main construction of Nairobi consists of liquid outer divs while maintaining a fixed inner content width to ensure that the design fills out the users browser width, while still maintaining a good line reading length. The content, as always, is created with accessibility in mind.

Nairobi comes complete with an extension to install the design into Dreamweaver, making the creation of new pages a breeze. It also comes complete with a series of tutorials that explain in-depth how the design elements have been put together.

Nairobi is a JumpStart not to be missed!
Title
Introducing CMX JumpStart Phoenix
Keywords
CMX JumpStart Phoenix, Swap Image, Conditional Comments, filtering style sheets, fixed width layout, two column layout
Author
Sheri German
Category
Accessibility, CSS, Design, Dreamweaver, Fireworks
Type
Tutorial
Description
It's another JumpStart, and this one is named after a city I visited and loved, Phoenix, Arizona.

CMX JumpStart Phoenix is a centered, two-column, 760 pixel fixed-width layout that has many appealing design features. There is a strikingly contrasted color scheme, vertical navigation in the right column, and "swap image" rollovers that use a caching technique that corrects flaws in Internet Explorer.

The JumpStart filters styles for various versions of Internet Explorer, and includes separate style sheets to address issues found in IE 6 and below versus IE 7.

Of course Phoenix meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.
Title
CMX JumpStarts: New Orleans
Keywords
template, design, layout, styling, overflow, emulate frames, scrolling, horizontal centering, forms, styled lists, masking, masks, audio, FlashObject, wmode, tweening, fade, Flash MX 2004, component, ActionScript 2.0, MP3Player API, Delegate class, transparency, window mode, wmode, skinning, event listener, programmatic tweening, TweenManager class, tween, easing, setRGB, Geoff Stearns, FlashObject, flash player detection, innerHTML
Author
Paul Newman,Zoe Gillenwater
Category
Accessibility, CSS, Design, Dreamweaver, Fireworks, Flash
Type
Tutorial
Description
The New Orleans JumpStart has been designed with the Umoja String Quartet and their jazzy feel at the center. Two pages, a home page and contact page, are included in this JumpStart. Both pages feature a fixed width, centered design with a scrollable content area. The home page includes a customizable MP3 player built in Flash that includes music from from two Umoja String Quartet CDs: "Songs of Our Fathers" and "Things Ain't What They Used To Be."

The pages are constructed using valid XHTML 1.0 markup and formatted using valid CSS 2.1 styling. We provide an extensively commented style sheet so you know what each piece does and how to change it to suit your design, as well as another version of the style sheet with the comments stripped out so you don't have to cut out all those extra kilobytes by hand when you're ready to go live! New Orleans also follows the WAI and Section 508 accessibility guidelines to provide you with a solid foundation for your work.

Beyond just the pages, we've also included all the source files used to create both of the layouts, both PNG and Flash. All layers in the PNG file are organized and labeled so that it's easy to make any modifications you need.

The graphic and code techniques used to create New Orleans are explained fully in the 14 tutorials that we've included in your download. Those techniques that are not covered in the bundled tutorials are explained in this article.

If you'd like a more detailed look at the New Orleans Jumpstart, as well as seeing a modified New Orleans design, check out Sheri German's CMX JumpStart New Orleans: An Introduction.
Title
Introducing CMX JumpStart Bordeaux
Keywords
Dreamweaver, Bordeaux, JumpStart, CSS, gradients, Sliding Door tabs
Author
Sheri German
Category
Accessibility, CSS, Dreamweaver, Design, Fireworks
Type
Article
Description
It's May, and for many of us that means lots of end-of-year events. School concerts, graduations, award ceremonies, last meetings till the fall...we celebrate these endings and look forward to the easy lifestyle of summer. Many of our celebrations are accompanied by parties - delicious food, and sometimes a special wine. What more preeminent center of great wine is there than Bordeaux, France? And to that region we dedicate our latest JumpStart design, CMX JumpStart Bordeaux.

CMX JumpStart Bordeaux features an accessible split level navigation system. The main navigation is a series of tabs that use the Sliding Door method as described by Douglas Bowman. The sub navigation is an unordered list based system, and both navigation systems provide clear "you are here" page markers. The design is a two column layout fixed at 740px wide and utilizes gradients on various page areas. Of course Bordeaux meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.
Title
CMX JumpStart: Landeck
Keywords
JumpStart, Landeck, CSS, two, three, column, valid, code, full screen, liquid, layout
Author
Adrian Senior
Category
Accessibility, CSS, Dreamweaver, Design, Fireworks
Type
Tutorial
Description
Welcome to the Landeck JumpStart!

The Landeck JumpStart looks at how we can use the flexibility of a CSS layout to control the number of columns on any given page from a single CSS file. To switch the design from a three-column to a two-column layout you simply need to add a class to the body tag and the CSS takes care of everything else for you!

The main construction of Landeck consists of liquid horizontal outer divs with a fixed inner content width to ensure that the design fills out the user's browser width, while still maintaining a good line reading length. The content, as always, is created with valid code and accessibility in mind.

The Landeck JumpStart
Title
CMX JumpStarts: Traverse City
Keywords
JumpStarts, CSS, cascading style sheets, stylesheets, XHTML, template, valid, standards-compliant, accessibility, Section 508, WAI, Fireworks, Dreamweaver, print style sheet, lists, tables, faux columns, equal-height columns, conditional comments
Author
Zoe Gillenwater
Category
Accessibility, CSS, Dreamweaver, Design, Fireworks
Type
Tutorial
Description
You can rest easy using this JumpStart inspired by the tranquil and beautiful Traverse City, Michigan. As do all our JumpStarts, Traverse City uses valid XHTML 1.0 and CSS 2.1 markup and follows WAI and Section 508 accessibility guidelines to provide you with a solid foundation for any design you may wish to use it for. Traverse City includes both a three-column home page layout and a two-column inner page layout, both fixed-width, which we've set up in a way that allows you to switch between the two in your own site with ease. Both layouts feature styled lists as navigation menus, and the inner page layout includes a styled data table.

The graphic and code techniques used to create Traverse City are explained fully in the nine tutorials that we've included in your download. We also include the four style sheets needed for this design (including an extensively commented one you can use for reference), the XHTML files for both the layouts, the source Fireworks PNG, and a Dreamweaver extension that allows you to create new pages based on Traverse City easily.

If you'd like a more detailed look at the Traverse City Jumpstart, as well as seeing a modified Traverse City design, check out Sheri German's CMX JumpStart Traverse City: An Introduction. Otherwise, click the link below to dive right into this JumpStart!
Title
Introducing CMX JumpStart: Stelvio Pass - Gallery
Keywords
CMX JumpStart Stelvio Pass - Gallery, CMX JumpStart, Lightbox, horizontal band design, Sliding Doors, two and three column
Author
Sheri German
Category
Accessibility, CSS, Dreamweaver, Fireworks, Design
Type
Article
Description
Let's take a car ride along the highest paved mountain pass in the Eastern Alps, the Stelvio Pass of Italy. Then let's take some great shots along the route and when we get home, place them on a web page in a stunning gallery format, courtesy of the free Adobe Lightbox, to share with our friends and family. Guess what? That's exactly what Adrian Senior did for the the latest JumpStart, CMX JumpStart Stelvio Pass - Gallery.
Title
Introducing CMX JumpStart Isle of Skye
Keywords
CMX JumpStart Isle of Skye, fixed-width, sliding doors navigation, print style sheet, media types, screen style sheet
Author
Sheri German
Category
Accessibility, CSS, Fireworks, Design, Dreamweaver
Type
Article
Description
National Geographic rated it the fourth best island in the world. It is the second largest island in Scotland, with a coastline strewn with peninsulas and bays. And now, it's a first class design for the latest CMX JumpStart, CMX JumpStart Isle of Skye.

CMX JumpStart Isle of Skye is a centered, fixed-width layout with features that work well for a business site. There is a highlighted style for a promotional paragraph above the two-column main content region. There is an extended area for displaying images that express your business model. A print style sheet includes your business contact information so that it is not lost when a visitor prints out any page of the site. Your logo appears next to the popular accessible Sliding Door tabbed navigation. And best of all, this is one of the easiest JumpStarts to modify! Once you edit the PNG file and export the slices to the defined Dreamweaver site, the changes you'll need to make to the CSS file are minimal.
Title
Living in a Dream House: Or How to Bring Web Standards to Your Web Sites
Keywords
HTML, XHTML, CSS, Web Standards, WaSP, content, presentation, structure, accessibility, div, table
Author
Sheri German
Category
Accessibility, CSS, HTML
Type
Article
Description
We hear the phrase "Web Standards" frequently these days, but what does it mean, and why should we care? There are many advantages to using XHTML, CSS, and 508 accessibility, and we'll look at some of them in this article. We'll look at how structuring and designing web pages has evolved to its current "best practice" of separating content and presentation. Finally, after looking at a few of the problems involved in using CSS for layout, we'll wander through the CSS Zen Garden to look at a few inspiring examples of what can nonetheless be achieved when designers code for standards compliant browsers.
Title
Semantic (X)HTML Markup: Phrase Elements
Keywords
sematic, XHTML, markup, phrase elements, abbreviation, preformatted, monospaced, title attribute, tooltip
Author
Zoe Gillenwater
Category
Accessibility, CSS, HTML
Type
Article
Description
Previous articles in the Semantic (X)HTML Markup series have focused on three of the ten phrase elements: em, strong, and cite. Here, we cover the remaining seven: abbr, acronym, code, var, samp, kbd, and dfn. These elements add structural information to text fragments in your documents and can act as handy hooks for styling or scripting. We pay particular attention to the acronym element, which can enhance your page's usability, accessibility, and search engine optimization.

The Semantic (X)HTML Markup Series:
Semantic (X)HTML Markup: An Introduction
Semantic (X)HTML Markup: Headings and Paragraphs
Semantic (X)HTML Markup: Creating Emphasis
Semantic (X)HTML Markup: Blockquote, Q, and Cite
Semantic (X)HTML Markup: Structuring Lists
Semantic (X)HTML Markup: Styling Lists
Semantic (X)HTML Markup: Using Tables Appropriately
Semantic (X)HTML Markup: Styling Tables
Semantic (X)HTML Markup: Phrase Elements
Semantic (X)HTML Markup: Other Elements
Title
Semantic (X)HTML Markup: Using Tables Appropriately
Keywords
semantic, (X)HTML, XHTML, markup, tables, tr, td, th, headers, scope, abbr, captions, summary, accessibility, screen reader, screenreader, data, rows, columns, cells
Author
Zoe Gillenwater
Category
Accessibility, CSS, HTML
Type
Article
Description
In this article, you'll learn how to use perhaps the most misused semantic element: the table element. Like all the other (X)HTML elements you've learned about in the Semantic (X)HTML Markup series, there's a right and wrong way to use tables. This article explains when it is appropriate to use tables (yes, there are such times!) and how to structure tables when you do need to use them. Beyond just rows and cells, (X)HTML provides you with additional elements and attributes that can add structure and accessibility to your tables and make them easier to style down the road.

The Semantic (X)HTML Markup Series:
Semantic (X)HTML Markup: An Introduction
Semantic (X)HTML Markup: Headings and Paragraphs
Semantic (X)HTML Markup: Creating Emphasis
Semantic (X)HTML Markup: Blockquote, Q, and Cite
Semantic (X)HTML Markup: Structuring Lists
Semantic (X)HTML Markup: Styling Lists
Semantic (X)HTML Markup: Using Tables Appropriately
Semantic (X)HTML Markup: Styling Tables
Semantic (X)HTML Markup: Phrase Elements
Semantic (X)HTML Markup: Other Elements
Title
Accessibility and the Label Tag
Keywords
form, accessibility, label, onfocus, focus, fieldset, form label, form labels
Author
Adrian Senior
Category
Accessibility, CSS, HTML
Type
Tutorial
Description
In this tutorial we will look at how we can build and lay out accessible forms. In particular we will focus on the label element and we will see how the label can be used to not only increase the focus area of any form element but at the same time be utilised to give our form layouts a little more structure than a simple stacking of form elements in a single column.
Title
CMX JumpStart: Phoenix
Keywords
Phoenix, JumpStart, CSS, Conditional, Comment, conditional comment, design, time, design time, hacks, filters
Author
Adrian Senior
Category
Accessibility, Design, CSS, Fireworks, Dreamweaver
Type
Tutorial
Description
Welcome to the Phoenix JumpStart!

Phoenix, as with all CMX JumpStarts, comes complete with all source files - from the XHTML document to the PNG files to, of course, the heart of the JumpStart, the CSS files.

It is a two-column centred design and can easily be modified to suit your own requirements. Phoenix makes good use of Conditionally Commented style sheets and comes complete with a design time style sheet to ensure everything looks just as you would expect in Dreamweaver's design view.

Title
Features of a Powerful Home Page
Keywords
home pages, layouts, marketing ideas, Internet marketing, internet marketing
Author
Tricia Littlefield
Category
Accessibility, Design, General Business
Type
Article
Description
Creating the right home page can be a daunting task. It is difficult to pack in that powerful punch in a limited space. Learn what is important on your home page to make a bigger impact on your customers, and improve your conversion rating.
Title
Dreamweaver's Accessibility Preferences
Keywords
Dreamweaver, preferences, accessibility, dialog boxes, images, alt text, tags, elements, attributes, forms, frames, media, title attributes, tables
Author
Zoe Gillenwater
Category
Accessibility, Dreamweaver
Type
Article
Description
You may have the best of intentions when it comes to making your web pages accessible, but all of us can forget to add an alt attribute or label element here or there. If you're using Dreamweaver (from version MX 2004 onward), you can customize it to remind you about these accessibility enhancements every time you insert one of a number of common elements, as well as help you insert the needed attributes or elements. While this won't help you make your web pages more accessible if you don't know how to properly choose the values for these attributes and elements, it does serve as a handy reminder for those that are already familiar with accessibility best practices.

In this article, you'll learn:
  • what elements Dreamweaver provides with accessibility prompts
  • how to set your preferences so that it will prompt you about these elements every time
  • what each prompt looks like and what accessibility changes it produces in your markup

We won't be focusing on the benefits and guidelines for each of these accessibility enhancements, but rather on how Dreamweaver helps facilitate them. Because of this, this tutorial is best suited for those already familiar with accessibility requirements and how to meet them. References to other articles providing this background information are supplied throughout the article, if you need to brush up in any of the areas covered.

Title
Finding and Fixing Missing Alt Text Using Dreamweaver
Keywords
accessibility, alt tags, alt text, alt attributes, alternative text, text equivalents, images, img, Dreamweaver, Find and Replace, regular expressions
Author
Zoe Gillenwater
Category
Accessibility, Dreamweaver
Type
Tutorial
Description
If you have old, inaccessible sites that you maintain that you'd like to make accessible, one of the best places to start is adding alt attributes to all of the images throughout the site. Alt text can benefit screen reader users, text browser users, people who browse with images turned off (due to slow connections or tiny screens) and more. Adding alt text is also a good place to start because it is so easy to do from a technical standpoint. All you need to do is decide what the alternative text should be, add the alt attribute to the img element, and type in your value. There's no huge HTML restructuring, complicated CSS, or programming involved.

Of course, having to do this simple task over and over again is still easy but not very fun. If you have an entire site with no alt attributes, especially if it is a table-based site with spacer GIFs, you may have a lot of work ahead of you. There's no way you can automate adding alt attributes to existing pages, since alt text really needs to be tailored to each individual image. When it comes to alt text, its quality is just as important as its presence. However, there are some tricks you can do in Dreamweaver that can speed up the alt text addition process quite a bit.

In this tutorial, we'll take an example site with no alt attributes and lots of images and use Dreamweaver's Find and Replace function with regular expressions to add alt text to entire batches of images site-wide.

No pre-knowledge of regular expressions is necessary for this tutorial. Some knowledge of accessibility, specifically why and how to set proper alt text, will be helpful as you work through the example files as well as apply the demonstrated techniques to your own pages.
Title
How to Apply the longdesc Attribute in Dreamweaver
Keywords
accessibility, images, long descriptions, longdesc, attributes, HTML, XHTML, Dreamweaver, Auto Complete, Quick Tag Editor, Edit Tag, Tag Editor dialog box, Code View, Attributes panel, Tag Inspector
Author
Zoe Gillenwater
Category
Accessibility, Dreamweaver
Type
Tutorial
Description
In Alternative Text for Complex Graphics, you learned about what the longdesc attribute is, why you would want to use it, and how to do so. If you're a Dreamweaver user and want to add longdesc attributes to your images, you may discover that there isn't a specific shortcut to do so. In fact, one of the methods for adding longdesc within Dreamweaver is downright confusing. However, there are Dreamweaver shortcuts for adding attributes to tags in general that we can take advantage of to speed up adding the longdesc attribute to img elements.

This tutorial will go over four ways to add the longdesc attribute to images using Dreamweaver and explain the tricks for using each method.
Title
Debunking Alt Text Myths
Keywords
accessible, alt tags, alt-text, alternative text, equivalent, description, describe, Web Accessibility Initiative, WAI, Web Content Accessibility Guidelines, WCAG, Section 508, tooltips, graphics, images, photos, captions, screen readers, screenreaders, non-visual users, Dreamweaver
Author
Zoe Gillenwater
Category
Accessibility, HTML
Type
Article
Description
With accessibility getting more press these days and the requirement to include the alt attribute on all images now part of the HTML and XHTML Strict specifications, more web developers than ever are finally providing alt text on their images. But the type of alt text you provide plays a tremendous role in how accessible your page truly is. When used incorrectly, alt text can actually hinder accessibility! This article will debunk four myths regarding the use of alt text so that developers can provide alt text that is more useful to non-visual users. Learn how to provide alt text that maximizes your page's accessibility in a real way rather than just satisfies automated accessibility checkers.
Title
Semantic (X)HTML Markup: An Introduction
Keywords
semantic, markup, tags, meaning, content, HTML, XHTML, CSS, accessibility, usability, search engine optimization, SEO, headings
Author
Zoe Gillenwater
Category
Accessibility, HTML
Type
Article
Description
CSS is making it easier than ever to control the visual presentation of our (X)HTML documents. However, good document structure is just as important as ever. Semantic markup is good for you, your users, your clients and search engines too!. This first article in the Semantic (X)HTML Markup series examines what "semantic markup" means and why it matters.

The Semantic (X)HTML Markup Series:
Semantic (X)HTML Markup: An Introduction
Semantic (X)HTML Markup: Headings and Paragraphs
Semantic (X)HTML Markup: Creating Emphasis
Semantic (X)HTML Markup: Blockquote, Q, and Cite
Semantic (X)HTML Markup: Structuring Lists
Semantic (X)HTML Markup: Styling Lists
Semantic (X)HTML Markup: Using Tables Appropriately
Semantic (X)HTML Markup: Styling Tables
Semantic (X)HTML Markup: Phrase Elements
Semantic (X)HTML Markup: Other Elements
Title
Acrobat PDF 101: What’s a PDF and What Do I Use to Make One?
Keywords
Adobe Acrobat, Adobe Reader, Adobe Elements, Adobe LiveCycle, LiveCycle, Adobe Connect, PDF, PDF software, Acrobat software, Adobe software, what is a PDF, how do I make a PDF, Web-quality PDF, Web PDF, press-quality PDF, press PDF, PDF for press, PDF for print, PDF/X, PDF plug-ins, Acrobat plug-ins, PDF specifications, Acrobat specifications, PDF compatability, Acrobat compatability, PDF versions, Acrobat versions, Acrobat 8 installation, how to install Acrobat, Adobe PDF printer, PDF virtual printer, Adobe printer, online PDF services, PDF-making software,
Author
Bevi Chagnon
Category
Acrobat
Type
Article
Description
Acrobat. Reader. PDF. Adobe... lots of names for an incredible technology. This short introduction shows how Acrobat PDFs are used and how to choose which software to create them.

The Acrobat PDF Series
Acrobat PDF 101: What’s a PDF and What Do I Use to Make One?
Acrobat PDF 102: PDF Ground Rules for Press, Print and Web
Press-Quality PDFs: Making Acrobat PDFs from InDesign and Other Creative Suite Programs
Title
Acrobat PDF 102: PDF Ground Rules for Press, Print and Web
Keywords
PDF, Acrobat, press-quality PDF, press-ready PDF, press PDF, print-quality PDF, print-ready PDF, print PDF, web-quality PDF, web-ready PDF, web PDF, accessable PDF, usability for PDF, fonts, OpenType, TrueType, font restriction, embedded font, PostScript, screen color, printing ink color, RGB, CMYK, process ink, process color, full color, PANTONE, spot color, PMS color, PMS ink, PDF job option, Acrobat job option, PDF conversion setting, Acrobat conversion setting, graphic file format, resolution, DPI, dpi, PPI, ppi, EPS, TIF, PNG, PSD, AI, JPG, JPEG, PNG
Author
Bevi Chagnon
Category
Acrobat
Type
Article
Description
Think of a PDF as a wrapper: it holds together the text, graphics, photos, fonts and other items that make up your source document, and wraps them up into one convenient PDF file that you can send to commercial print shops for printing, or upload to your website, or send to a client for approval.

This second article in the series looks under the hood of PDFs and outlines the best practices for creating source documents and PDFs for your particular purpose—press-quality, print-quality, and web-quality PDFs.

The Acrobat PDF Series
Acrobat PDF 101: What’s a PDF and What Do I Use to Make One?
Acrobat PDF 102: PDF Ground Rules for Press, Print and Web
Press-Quality PDFs: Making Acrobat PDFs from InDesign and Other Creative Suite Programs
Title
Create a Form Using Acrobat Professional
Keywords
Acrobat, pdf, forms, data, button, fields, export
Author
Kim Dudley
Category
Acrobat
Type
Tutorial
Description
Acrobat can do a lot more then create and open PDFs. In this tutorial we will look at Acrobat Professional's form tools. Using a plain PDF we will create a data entry form.

Acrobat Professional's form tools allow for the creation of several different types of fields including text fields, item lists, check boxes, radio buttons and buttons. Actions and scripts can also be added to forms enabling a wide variety of tasks to be performed with one click. We will use some of these features to create a form that can be used for entering data, we will then demonstrate how this data can be exported for use in another application or PDF.
Title
Creating Navigation in PDFs - Part 2: Hotspots and Buttons
Keywords
PDF, acrobat, hot spots, navigation, buttons, actions, page views
Author
Derrick Ypenburg
Category
Acrobat
Type
Tutorial
Description
In Part 1 of this series, Creating Navigation in PDFs: Bookmarks, I covered how to navigate to pages and custom page-views in a PDF document by creating and using bookmarks. This tutorial will also cover how to navigate a PDF to pages and custom page-views, but by creating and using buttons and hot-spots that exist directly in the PDF instead. This creates a PDF that navigates more like a webpage or interactive book/manual. This article requires that you have Adobe Acrobat Standard or Professional.
Title
Creating Navigation in PDFs Part 1: Bookmarks
Keywords
pdf, acrobat, bookmarks, navigation, adobe
Author
Derrick Ypenburg
Category
Acrobat
Type
Tutorial
Description
Acrobat Standard or Professional makes it quite easy to create a document that has navigational features. Navigation can be created using the bookmarks pane as well as making actual buttons and hot-spots of a page for the user to click. When clicked, navigation can take a user to a particular page, or a particular page-view.

Being that PDF files can be quite extensive (i.e. software documentation in PDF format or e-books), creating navigation for a document is quite important. Navigation can only be created using Acrobat Standard or Professional but can be used by the free Acrobat Reader.

Part 1 of this series will cover creating navigation in a PDF document using the Bookmarks pane. Part 2 will cover the creation of buttons and hotspots right within the actual PDF pages.
Title
Matching Numbers in an Online PDF and its Printed Counterpart
Keywords
Acrobat 7, PDF, page numbering conventions
Author
Les Greenberg
Category
Acrobat
Type
Tutorial
Description
When someone looking at a printed book speaks to someone looking at an online PDF of that same book and tells them to delete the last paragraph on Page 19, they may both be looking at Page 19 but actually be seeing different pages. In this tutorial we will look at how PDF page numbers differ from printed page numbers, and follow along with the sample files to learn how to reconcile them.
Title
Secure File Delivery with eEnvelopes
Keywords
acrobat, PDF, security, envelopes, eEnvelopes, attachments, encryption, secure delivery
Author
Derrick Ypenburg
Category
Acrobat
Type
Tutorial
Description
Another use for Acrobat is its ability to encrypt file(s) for secure delivery to your intended recipients. This is done with Acrobat's eEnvelope feature. You can easily encrypt/secure files without modifying the original files themselves. The intended recipient can have full ownership and editability of the documents once the envelope has been opened. Unintended recipients who might have acquired the PDF eEnvelope by one means or another will not be able to open the envelope without a password or certificate. This tutorial will cover how to secure files with an eEnvelope for delivery and the different security methods and envelopes types Acrobat offers.
Title
Securing PDF Documents
Keywords
acrobat, security, PDF, printing, acrobat reader, password
Author
Derrick Ypenburg
Category
Acrobat
Type
Tutorial
Description
Securing PDF documents is a great feature in Acrobat. A secure document can prevent changes, cutting, copying and printing of a document and it contents. The security features can also be set to only allow low resolution printing if a file needs to be printed but you don't want design proofs being taken to press.

This article covers password protecting the opening of a PDF document and restricting what a user can do with a PDF, such as printing and editing.
Title
Watermarking PDF Documents
Keywords
acrobat, pdf, security, watermarks, backgrounds, intelectua; property, protection
Author
Derrick Ypenburg
Category
Acrobat
Type
Tutorial
Description
Watermarking a PDF is a means of securing the intellectual property of its contents. If you're a designer sending a proof of a logo to a client, watermarking the proof can ensure that the client cannot start printing out the logo for their own uses before you have been paid or the job has been completed. Image Bank and other online stock-art websites watermark their contents as well to prevent theft. PDF versions of books are watermarked as well to prevent printed re-distribution of them.

This tutorial will cover the simple steps it takes to watermark a PDF document and securing its contents from being re-used without your permission.
Title
Adobe's Move to Online Services - Part 1: Acrobat.com
Keywords
Acrobat, Acrobat.com. Buzzword, ConnectNow, Connect Professional, Share, Create PDF, Adobe Labs
Author
Kim Cavanaugh
Category
Acrobat, General Business
Type
Article
Description
In the last few months Adobe Systems has made some rather remarkable shifts in how they envision their products being used, and how they see the next generation of web and multi-media authors working together. In this article you’ll learn a bit more about where Adobe is heading in the world of web-enabled services, and a fair dose of speculation on where this might all be leading as you see a review of the new tools provided by the free Acrobat.com service. With these new online services you can collaborate, share, and even teleconference with your colleagues no matter where they are as Adobe moves beyond the desktop and into the world where the web is as much about working with others as it is just showing them things.

The Adobe's Move to Online Services Series:
Adobe's Move to Online Services - Part 1: Acrobat.com
Adobe's Move to Online Services - Part 2: kuler, JamJar, and More
Title
Cool GoLive Features: Part 3 - Exporting to PDF
Keywords
Adobe GoLive, PDF, Acrobat, Mobile devices
Author
Sheri German
Category
Acrobat, GoLive
Type
Article
Description
There are cool GoLive features, and then there are very cool GoLive features. Surely the native PDF creation and optimization tools in GoLive fall into the very cool category. No, let's make that very, very cool - how would you like to instantly create a PDF for mobile devices with the click of a button? If so, then follow along as I convert a regular Web page into a PDF that you can comfortably read on your PDA.

The Cool GoLive Features Series:
Cool Adobe GoLive Features: Part 1 - The Site Diagram Tool
Cool Adobe GoLive Features: Part 2 - Extending With Smart Forms
Cool Adobe GoLive Features: Part 3 - Exporting to PDF

Approximate download size: 480k
Title
Making Acrobat Press-Quality PDFs from InDesign and Other Creative Suite Programs
Keywords
Acrobat PDF, press-quality PDF, InDesign, Illustrator, Photoshop, Acrobat compatibility, embedded fonts, subsetted fonts, subseted fonts, color conversion, built blacks.
Author
Bevi Chagnon
Category
Acrobat, Illustrator, InDesign, Photoshop
Type
Tutorial
Description
This step-by-step tutorial shows you how to make press-quality PDFs from Adobe InDesign, Illustrator, and Photoshop (versions CS2 and CS3) with the correct job options for your particular type of document.

When made correctly, a press-quality PDF will sail like a breeze through your print shop’s prepress section. The PDF has the correct color and resolution settings, your print shop is able to make their technical adjustments to it such as separations and trapping, and the finished printed product is just as you expected. Plus…it gets printed on time and within your budget without any problems.

Sound like a graphic designer’s Utopia?

Nah! Once you master Bevi Chagnon's 3-step method, making perfect PDFs is as easy as pie.

Audience: Graphic designers, publishers, desktop publishers, ad designers, prepress technicians, publication production managers, and others who are involved in print media. This tutorial is especially helpful for those sending electronic files to a print shop for either offset-, web-, or digital-printing presses. (Note: I mean web printing presses, not the World Wide Web or Internet.)

Topics covered in this tutorial:
  • Acrobat presets: which one to use
  • Press-quality vs. print-quality vs. PDF/X
  • Customizing the job options
  • Compatibility levels and how they affect your PDF
  • Printer's marks and bleeds
  • Compression and downsampling settings for photos and bitmapped images
  • Color conversion settings
  • Reviewing color breaks (separations)
  • Embedding fonts
  • Security settings

The Adobe PDF Series:

Acrobat PDF 101: What’s a PDF and What Do I Use to Make One?
Acrobat PDF 102: PDF Ground Rules for Press, Print and Web
Press-Quality PDFs: Making Acrobat PDFs from InDesign and Other Creative Suite Programs

Title
On the Fly: Generating PDFs From PHP
Keywords
PHP, PDF, PDFlib, PDFlib Lite, R&OS, FPDF
Author
Thomas Pletcher
Category
Acrobat, Open Source, PHP
Type
Article
Description
There are a number of ways you can create PDF files from PHP, and this introductory article will examine several. We'll show you how to enable PHP PDF generation on local and remote servers, and how to generate text, draw shapes, include images and build tables. A follow-up article will outline the process dynamic PDF generation using templates.
Title
Smoking Out After Effects: Part 3
Keywords
Flash, Video, loop
Author
Tom Green
Category
After Effects
Type
Article
Description
Now that you have created the smoke effect, how do you run it through the FLVPlayback component or a video object in Flash and have it loop? Read on...

Approximate download size: 7.6 MB

The Smoking Out After Effects Series
Smoking Out After Effects: Part 1
Smoking Out After Effects: Part 2
Smoking Out After Effects: Part 3
Title
Blowing Stuff Up in After Effects
Keywords
After Effects, Explosions, Effects
Author
Tom Green
Category
After Effects
Type
Tutorial
Description
Blowing up planets and graphics in Flash is extremely difficult to accomplish without a Master-Level of Actionscript competence. After Effects makes this quite easy to accomplish and, in fact, it can be kind of therapeutic!

Approximate download size: 12.8MB
Title
Create Lightning in a Flash with After Effects
Keywords
After Effects, Flash, Effects
Author
Tom Green
Category
After Effects
Type
Tutorial
Description
Have you ever wondered how to create lightning in After Effects? It's actually quite simple...

Approximate download size: 50MB
Title
Playing with Bitmaps in Flash - Part 7b: Creating an Oozing Image Using After Effects
Keywords
Flash,Fireworks, After Effects
Author
Tom Green
Category
After Effects
Type
Tutorial
Description
Now that the imaging is done in Fireworks, let's go over to After Effects and get it to ooze.

Approximate download size: 18.2MB

The Playing With Bitmaps In Flash CS3 Series:
From Photo to Art and Back Again
A Page Transition Effect in Flash CS3
Interactive Blurs
Playing with Bitmaps in Flash - Part 4: Scaling on the Fly
Playing with Bitmaps in Flash - Part 5: Adding Textures
Playing with Bitmaps in Flash - Part 6: Batch Processing
Playing with Bitmaps in Flash - Part 7a: Creating an Oozing Image
Playing with Bitmaps in Flash - Part 7b: Creating an Oozing Image
Playing with Bitmaps in Flash - Part 7c: Completing the Project In Flash Coming Soon
Title
Smoking Out After Effects: Part 1
Keywords
After Effects, Smoke, Particles
Author
Tom Green
Category
After Effects
Type
Tutorial
Description
You learned how to create smoke in Photoshop CS3. Now you learn how to create it in After Effects CS3.

The Smoking Out After Effects Series
Smoking Out After Effects: Part 1
Smoking Out After Effects: Part 2
Smoking Out After Effects: Part 3
Title
Smoking Out After Effects: Part 2
Keywords
Smoke, After Effects, Particles, Puppet Tool.
Author
Tom Green
Category
After Effects
Type
Tutorial
Description
Did you know you can "bend" smoke? It can be done if you take a different approach to the Puppet tool in After Effects CS3.

Approximate download size: 10.4MB

The Smoking Out After Effects Series
Smoking Out After Effects: Part 1
Smoking Out After Effects: Part 2
Smoking Out After Effects: Part 3
Title
Using the After Effects CS3 Puppet Tool
Keywords
After Effects, Puppet Tool, Video
Author
Tom Green
Category
After Effects
Type
Tutorial
Description
The new Puppet Tool in After Effects CS3 is a hidden gem. The amount of fun you can have with it should be illegal.

Approximate download size: 8.5MB
Title
Alpha Video and HTML: How did they do that?
Keywords
Dreamweaver 8, Flash, Flash Video, Alpha Video,Flash Professional 8, HTML
Author
Tom Green
Category
After Effects, Dreamweaver, Flash, HTML, Video
Type
Article
Description
Flash Video containing an Alpha channel can be used to intereact with your web pages. It is surprisingly easy to do.
Title
Create Your Own iPod Ad
Keywords
After Effects, Flash Video, Keying, Flash
Author
Tom Green
Category
After Effects, Flash
Type
Tutorial
Description
So Apple creates these really cool ads for the iPod. The ones that have black silhouettes against bright backgrounds. Ever wondered how they do it? They aren't telling but here's one way.

Approximate download size: 15.6MB
Title
Flash Text Effects and Adobe After Effects 7
Keywords
Flash, After Effects, After Effects 6.5,After Effects 7, Flash Professional 8, Animation, Motion Graphics
Author
Tom Green
Category
After Effects, Flash
Type
Tutorial
Description
Ever wondered how to do a cool motion graphic text effect without knowing how to use Flash or even do a tween? If you have After Effects, a simple drag and drop is all you need to know.
Title
From Concept to Final Product in After Effects 7: Part 2
Keywords
Flash, After Effects, Motion Graphics
Author
Tom Green
Category
After Effects, Flash
Type
Tutorial
Description
Learn how to add and manipulate a variety of objects and media in an After Effects project destined for Flash playback. This is the second part of Chapter One of From After Effects to Flash: Poetry in Motion Graphics
Title
From Flash to After Effects
Keywords
Flash, After Effects, Flash Video
Author
Tom Green
Category
After Effects, Flash
Type
Tutorial
Description
Who says you have to export QuickTime out of Flash to get a video?
Title
Playing with Lightning
Keywords
Flash, After Effects, Video, Special Effects , lightning.
Author
Tom Green
Category
After Effects, Flash
Type
Tutorial
Description
If you have ever wondered how one experiences one really upset cartoonist? One who is so upset he has lightning shooting out of his body. If you have After Effects Cs3 and Flash professional CS3, it isn't difficult.

Approximate download size: 15MB
Title
Text in Motion With the Wiggler
Keywords
After Effects 7, Flash Professional 8, Motion Graphics, Wiggler, Video
Author
Tom Green
Category
After Effects, Flash, Design
Type
Tutorial
Description
When you start using After Effects, there will come a time when you look at the presets and think, "Gosh, I am bored with these." That will be the point where you discover Adobe has a wonderful sense of humor and you start using the Wiggler. In the text options, on the timeline, the Wiggly selector can be added to a chunk of text to randomize the values of any of the properties associated with that group. That description may sound rather formal, but when it comes to adding effects, randomness can lead to some happy surprises.

Approximate download size: 541k
Title
Alpha Video Tricks
Keywords
Flash Professional 8, Video, Flash Video, Video Effects
Author
Tom Green
Category
After Effects, Flash, Design, Video
Type
Tutorial
Description
Looking to do some cool video stuff in Flash Professional 8 such as adding a drop shadow or having the background "project" onto the subject? Read on...
Title
Make Your Own Planet
Keywords
Flash, Fireworks, After Effects, Special Effects
Author
Tom Green
Category
After Effects, Flash, Fireworks
Type
Tutorial
Description
Just because a planet doesn't have your name doesn't mean you can't make one. Mix together Fireworks, After Effects and Flash and you are able to build your own solar system.
Title
Building a Flash Video Kaleidoscope - Part 1: Video Reflection
Keywords
Flash, Flash Professional 8, Video, Flash Video, cacheAsBitmap, bitmap caching, video object, inheritance, bitmap rendering, vector rendering, setMask, transparency, alpha, masks, kaleidoscope
Author
Tom Green,Joseph Balderson
Category
After Effects, Flash, Video
Type
Article
Description
The ideas that sparked this series came about in an unexpected manner.

Having just completed an article on the subject of creating reflections in Flash, I started thinking about how it could be done using video instead of images. In typical Community MX fashion, I bounced my question off of our Flash guy Joseph Balderson, and we rapidly solved the problem. (That's happens when a couple of "Tech weenies" get hold of Flash Video.) By that I mean we have a fascination with what we can do with this technology. As such the two of us starting thinking:, "Yeah that is interesting but, really, what more can we do with this basic technique?"

It turns out there is quite a bit more you can do with the video reflection technique. At one point in our discussion Joe said, "Hey, now that we have one reflection working, why not add a few more? Let's show 'em how to build a video kaleidoscope too!!" And so this series was born.

Approximate download size: 4.2MB
Title
From After Effects to Flash: Poetry in Motion Graphics
Keywords
Flash, After Effects, Video Render
Author
Tom Green
Category
After Effects, Flash, Video
Type
Article
Description
In this last installment of Chapter One we examine how to prepare an After Effects Video for encoding in Flash.
Title
From Concept to Final Product in After Effects 7
Keywords
Flash, After Effects, Comp, Project
Author
Tom Green
Category
After Effects, Flash, Video
Type
Article
Description
In January, 2007, friendsofED will be releasing a ground breaking book: From After Effects to Flash: Poetry in Motion Graphics. Written by Community MX Partner, Tom Green and Comunity MX contributer, Tiago Dias, the book is the first exploration of how After Effects and Flash are about to become a motion graphics power house.

Over the next few weeks, we will be presenting the first two chapters of the book. These two chapters are designed to explore the emerging workflow between After Effects and Flash and they take you from concept to upload. In this first excerpt, from Chapter 1, you are introduced to the After Effects work space and how Projects and Compositions are created in After Effects.
Title
From Final Product to Upload in Flash Professional 8: Part 2
Keywords
Flash, After Effects, Flash Video
Author
Tom Green
Category
After Effects, Flash, Video
Type
Article
Description
In January, 2007, friendsofED will be releasing a ground breaking book: From After Effects to Flash: Poetry in Motion Graphics. Written by Community MX Partner, Tom Green and Community MX contributer, Tiago Dias, the book is the first exploration of how After Effects and Flash are about to become a motion graphics power house.

Over the next few weeks, we will be presenting the first two chapters of the book. These two chapters are designed to explore the emerging workflow between After Effects and Flash and they take you from concept to upload. In this second excerpt, from Chapter 2, you convert the project created in the previous chapter into an FLV.

Approximate download size: 3.1MB
Title
Create Weather in Flash
Keywords
Flash, Flash 8 Professional, After Effects
Author
Tom Green
Category
After Effects, Flash, Video
Type
Tutorial
Description
Who says creating rain and snow in Flash has to be difficult? Combine Flash and After Effects and you too can be a rain maker or snow maker.
Title
Creating an Alpha Video in Adobe After Effects
Keywords
Flash Professional 8, Video, Alpha Channel Video, After Effects, After Effects 6.5
Author
Tom Green
Category
After Effects, Flash, Video
Type
Tutorial
Description
After Effects 6.5 is the tool of choice for creating Alpha Channel video among the pros. Here's how.
Title
Warping Video in a Flash
Keywords
Flash, After Effects, Video, FLV
Author
Tom Green
Category
After Effects, Flash, Video
Type
Tutorial
Description
Sometimes video needs to be such an odd shape that using a simple mask in Flash just won't solve the issue. In this video tutorial, I show you how to use the bezier Warp tool in After efects 7 to create a video that wraps around a shape. Then I show you how to output the video in After Effects and use that video in Flash.
Title
Fire and Smoke in After Effects
Keywords
after effects,fire,smoke,cycore,cult
Author
Tiago Dias
Category
After Effects, Photoshop
Type
Tutorial
Description
After Effects from Adobe is capable of some fantastic video effects right out of the box, but there are also some great plug-ins with the Pro version that can help you put some extra pizazz into your video. This tutorial will show you how to create realistic Fire & Smoke effects using only the bundled plugins which you get when buying the Pro Version of After Effects 7.

Tiago Dias works at a corporate television and news production company based in London with subsidiaries around the world, as a video producer and Flash developer — this is Tiago's ideal job, as it combines 2 of his favorite technologies! In his free time he writes tutorials on Flash and After Effects for various communities.
Title
10 Tips for a Better Acrobat Connect Meeting
Keywords
Acrobat Connect, Breeze Live, Connect Professional, presentations
Author
Kim Cavanaugh
Category
Breeze
Type
Article
Description
Adobe Acrobat Connect, formerly known as Macromedia Breeze Meeting, is a terrific application when you need to span distance and time and have a live online meeting with anyone anywhere. Since Acrobat Connect runs on any computer that has the Flash Player installed, just about anyone can easily log-in, watch a presentation, view live video and hear audio, and interact through chat, file sharing and live polling. Now in the sixth full release of the software, Acrobat Connect is used by schools, universities, private businesses, and government agencies all over the world. There's even a chance that you've participated in a Connect meeting yourself. If you were fortunate enough to have the meeting conducted by an experienced Connect presenter, you probably had a great experience. Because even though an Acrobat Connect meeting is easy and fun to participate in, the best presentations are done by those who know their way around the interface and have learned the tricks to having better online meetings. In this article you'll learn some of those tips so you too can conduct a more professional and relaxed Connect meeting.
Title
An Introduction to Breeze Presenter
Keywords
Breeze, Breeze Presenter, Breeze Training, PowerPoint
Author
Kim Cavanaugh
Category
Breeze
Type
Article
Description
With so much going on in the world of Flash-based eLearning content, it's easy to overlook one of the little gems now available for those who need to deliver learning content online. If you think that delivering eLearning content is too hard, or too technically difficult for the people in your organization, then you haven't met Macromedia Breeze Presenter.

Breeze Presenter delivers Flash-based eLearning in the same method that its sibling Breeze Live does—via the ubiquitous Flash Player. But unlike Breeze Live, Breeze Presenter is a product firmly entertwined with the one tool that almost all trainers are familiar with--PowerPoint. This marriage between the familiar PowerPoint interface and the world of eLearning makes for a powerful combination.
Title
Breezin' Through Breeze - Part 1
Keywords
Breeze, BreezeLive
Author
Tom Green
Category
Breeze
Type
Tutorial
Description
You get an email from the "IT" boys telling you that you now have a Breeze Account. Your next question is, most likely, "Now what do I do?". Read on...
Title
Breezin' with Breeze - Part 3: The Captivate Connection
Keywords
Captivate, Breeze,
Author
Tom Green
Category
Breeze, Captivate, Education
Type
Tutorial
Description
It isn't only PowerPoint that can be used to create Breeze content. A direct upload to Breeze from Captivate is dead simple to accomplish and adds a whole new level of interactivity to your Breeze efforts.
Title
Breeze Gets an Update: Breeze Presenter
Keywords
Breeze, Breeze 5
Author
Tom Green
Category
Breeze, Education
Type
Article
Description
Though all of the buzz may be around Breeze Meeting, Breeze Presenter is the engine that makes it happen and it is a hit.
Title
Breezin' Through Breeze: Part 2 - The PowerPoint to Breeze Connection
Keywords
Breeze, PowerPoint, Power Point
Author
Tom Green
Category
Breeze, Education
Type
Article
Description
In Part 1 of this series I introduced you to Breeze. In this second installment we explore the nuances of how a PowerPoint Presentation is converted to a Breeze presentation.
Title
Podcasting With Breeze Presenter
Keywords
podcast, breeze, mp3, audio
Author
Kim Cavanaugh
Category
Breeze, Education
Type
Article
Description
With the introduction of Breeze 5 an important new feature was added to the capabilities of Breeze Presenter—the ability to publish a Breeze presentation directly to your computer. In previous versions of Breeze all presentations were published to a Breeze server which could be your own server or a hosted service where you stored your files. While this was a perfectly good way to publish your presentation for online viewing, you were limited if you did not have a Breeze server or if you wanted to make your presentation available for offline viewing by a download or on a CD. Breeze 5 changed this dynamic by making it possible to save your files directly to your computer with all the associated support files that made the presentation possible.

After playing with this capability a little bit I also discovered a very important hidden feature. When you publish a Breeze presentation to your local computer Breeze produces a series of audio files to go along with each slide in your presentation. Since these files are created in an MP3 format they can be played back as you would any audio file. And of course, that fact got me to thinking that those files could be repurposed and published with an entirely different publishing format, the now ubiquitous podcast.

Approximate download size: 18MB
Title
Breezin' Through Breeze: Taking it Live!
Keywords
Breeze, BreezeLive
Author
Tom Green
Category
Breeze, Education
Type
Tutorial
Description
When the School of Media Studies at Humber Institute of Technology and Learning in Toronto decided to "take it to the students", the platform chosen was BreezeLive. As the faculty guy charged with making it happen, I will have to admit that turning me loose with this technology was like handing a 10 year-old a Wal-Mart shopping cart and giving the child 20 minutes in a Candy Bar factory to fill the cart. I could hardly wait to get going.
Title
Breeze Gets an Update
Keywords
Breeze, Breeze 5, Breeze Meeting 5
Author
Tom Green
Category
Breeze, Reviews
Type
Article
Description
Macromedia shines up its brass knuckles and goes into "Street Fighter" mode with the release of Breeze 5. In this article, I review some of the major features of the Breeze Meeting 5 which, in many respects, is the "Crown Jewel" of the release.
Title
Creating Polls and Surveys in Breeze Presenter
Keywords
Breeze Presenter, survey, poll, quiz, Quiz Manager
Author
Kim Cavanaugh
Category
Breeze, Video
Type
Tutorial
Description
Online polls are a terrific way to get information from a wide range of people. After all, who doesn't enjoy the opportunity to tell someone else their opinion?

The only problem is, unless you are adept at doing the database programming needed to build an online survey, have a budget to pay for a service that will host it for you, or are willing to accept the limitations of a free service, getting your surveys out there can be a bit frustrating.

That doesn't have to be the case, especially if you have a copy of Breeze Presenter and your own Breeze account. Using Breeze Presenter almost anyone can create and publish their own online surveys. Since most of the work is done directly in PowerPoint and the Breeze Quiz Manager, the process is easy and accessible to anyone who has even basic PowerPoint skills. Combine that with the automation that Breeze provides for the creation of the URL that you need to make your survey available online and the ability to easily examine the responses from the people who take your poll, almost anyone can be up and running and gathering information in no time.

In this series of four Captivate video tutorials you'll learn how to set up the Breeze Quiz Manager environment for creating surveys, how to insert questions, how to publish your files, and how to examine the results as the responses begin pouring in. In all this tutorial provides you with approximately 18 minutes of video instruction on how to create your own surveys using PowerPoint and Breeze presenter.
Title
Bridge and Non-Adobe Applications
Keywords
Adobe Bridge, work flow, drag and drop, integration, insert images
Author
Jim Babbage
Category
Bridge
Type
Article
Description
I've written many articles and recorded many videos on the benefits of using Bridge in your Adobe design work flow, but now I'm here to tell you that you're not limited to using Bridge with Adobe products.

That's right. Find out more and learn a few more Bridge tips and tricks by reading this article.
Title
Bridge CS3 Overview - Part 1: The Bridge Interface
Keywords
Bridge CS3, workflow, keywords, filters, ratings
Author
Jim Babbage
Category
Bridge
Type
Article
Description
With the launch of Adobe CS3, many former Macromedia users are now being exposed to a wider range of software applications. One of these applications is Adobe Bridge. I have written about Bridge in its CS2 incarnation and also recently put together an article that looked at the integration between Bridge CS3 and Fireworks CS3.

To better demonstrate the usefulness of Bridge, I thought a video (or a series of videos) was in order. This video, the first in the series, gives an overview of the Bridge interface and talks specifically about customizing the workspace, and how to work with ratings, labels, keywords and filters.

Approximate download size: 17MB

The Adobe Bridge CS3 Series:
Bridge CS3 Overview - Part 1: The Bridge Interface
Bridge CS3 Overview - Part 2: Bridge Functionality
Bridge CS3 Overview - Part 3: Tools Menu
Title
Bridge CS3 Overview - Part 2: Bridge Functionality
Keywords
Adobe Bridge, video, preferences, favorites
Author
Jim Babbage
Category
Bridge
Type
Article
Description
With the launch of Adobe CS3, many former Macromedia users are now being exposed to a wider range of software applications. One of these applications is Adobe Bridge. I have written about Bridge in its CS2 incarnation and also recently put together an article that looked at the integration between Bridge CS3 and Fireworks CS3.

To better demonstrate the usefulness of Bridge, I thought a a series of videos was in order. This video, the second in the series, gives an overview of the Bridge functionality, talking specifically about launching Bridge from other applications, setting Bridge preferences, and working with folders and favorites tabs.

Approximate download size: 15.4MB

The Adobe Bridge CS3 Series:
Bridge CS3 Overview - Part 1: The Bridge Interface
Bridge CS3 Overview - Part 2: Bridge Functionality
Bridge CS3 Overview - Part 3: Tools Menu
Title
Bridge CS3 Overview - Part 3 - Tools Menu
Keywords
Adobe Bridge CS3, video, workflow, productivity, automating tasks,
Author
Jim Babbage
Category
Bridge
Type
Article
Description
With the launch of Adobe CS3, many former Macromedia users are now being exposed to a wider range of software applications. One of these applications is Adobe Bridge.

To better demonstrate the usefulness of Bridge, I thought a series of videos was in order. This video, the third in the series, gives an overview of the Bridge tools menu. The tools menu is a hub of automation and productivity and I go into each menu item in detail.

If you're new to Bridge - or even if you'd just like a refresher, check out this article series.

If you haven't had the chance, make sure to watch Adobe Bridge Overview, Part 1 and Bridge Overview, Part 2.

Approximate download size: 20MB

The Adobe Bridge CS3 Series:
Bridge CS3 Overview - Part 1: The Bridge Interface
Bridge CS3 Overview - Part 2: Bridge Functionality
Bridge CS3 Overview - Part 3: Tools Menu
Title
Work Flow Tips: Ratings and Labels in Adobe Bridge
Keywords
Bridge, work flow, labels, ratings
Author
Scott Valentine
Category
Bridge
Type
Article
Description
Ever had trouble keeping track of image editing projects? Perhaps you've just shot 4G of pictures, and you need to wade through them to pick the top 10. Then you start editing, and you lose track of what you've finished.

I hate that!

Well, listen up. Using the Star Rating and Labels feature in Adobe Bridge, I'll show you how you can keep track and possibly speed up your work flow! That will give you more time and confidence for editing those masterpieces :)
Title
Adobe Bridge CS4: View Modes for Evaluating and Comparing Your Images
Keywords
Adobe Bridge CS4, review modes,images, full-screen, side-by-side comparison, labels, ratings, loupe, Full Screen Preview, slide show, Review mode
Author
Steven Seiller
Category
Bridge
Type
Tutorial
Description
Today we are talking about Adobe Bridge CS4 and how to evaluate your images using the various review modes. These options display your images full-screen or in side-by-side comparison. Together with other Bridge tools such as labels, ratings and the loop, you can better evaluate your images to decide which ones are best for keeping.
Title
Processing JPEG Files Using Adobe Camera Raw
Keywords
video, Adobe Bridge, Camera Raw, jpeg file, non-destructive editing
Author
Jim Babbage
Category
Bridge
Type
Tutorial
Description
Wouldn't it be great if you could non-destructively edit JPEG files and not even worry about the additional data loss that normally comes with resaving a JPEG file?

Well, by using Bridge in conjunction with Adobe Camera Raw, you can! The latest version of Adobe Camera Raw (ACR) now lets you import and process both JPEG and TIFF files in a non-destructive manner. You can adjust white balance, exposure, shadows, highlights, contrast, sharpness and color saturation quickly, easily and with no permanent impact on the quality of the JPEG file.

In this video, we'll look at how to use the Basic panel in ACR to improve overall photo quality and learn how we can apply those changes effortlessly to multiple files.

Approximate download size: 23MB
Title
Drag and Drop from Bridge to Dreamweaver
Keywords
Adobe Bridge CS3, Dreamweaver CS3, integration, inserting images via,
Author
Jim Babbage
Category
Bridge, Dreamweaver
Type
Tutorial
Description
In the past we've looked at both Fireworks' and Photoshop's improved integration with Dreamweaver. Well, Adobe Bridge has the same functionality! You can easily move image files from Bridge right into a web page in Dreamweaver. This short tutorial shows you how.
Title
Getting Organized with Adobe Bridge - Part 1: Batch Renaming
Keywords
Adobe, Bridge, batch renmaing, automation
Author
Jim Babbage
Category
Bridge, General Business
Type
Article
Description
As a commercial photographer, one of my ongoing challenges is to keep my images organized so that I can sort and find images quickly for myself or a client. This is a concept that is—in my opinion—important for anyone involved in the professional graphics industry: graphic and web designers, retouchers, artists . . we can all benefit from a little more organization and structure.

This is where Adobe's Bridge comes in very handy. This piece of software comes bundled with Photoshop® CS2, Adobe Photoshop® CS2, Illustrator® CS2, InDesign® CS2, and GoLive® CS2 or any of Adobe's Creative Suites. In fact it's one of the few—if not the only—Adobe software product which cannot be purchased as a standalone item.

The Bridge is based on the File Browser that was part of Photoshop 7.0, but goes much further than a simple file searching utility. In this short article, we will look at how to work with work with the Batch rename function to help you organize your imaging work.

One of the strengths of Bridge is easy Batch Renaming. This is often one of the first steps I take when tying in a series of images for a specific project or client. Even for my personal work, I find it helpful to batch rename files based on the event or subject matter.

This article will detail the process of Batch Renaming and give a few tips on filenaming structure

The Getting Organized with Adobe Bridge Series:
Getting Organized with Adobe Bridge - Part 1: Batch Renaming
Getting Organized with Adobe Bridge - Part 2: Working with Metadata
Getting Organized with Adobe Bridge - Part 3: Keywords and Searches and Collections - Oh My! Coming Soon
Title
Getting Organized with Adobe Bridge - Part 2: Working with Metadata
Keywords
Adobe, Bridge, Metadata, copyright, automating
Author
Jim Babbage
Category
Bridge, General Business
Type
Article
Description
As a commercial photographer, one of my on-going challenges is to keep my images organized so that I can sort and find images quickly for myself or a clinet. This is a concept that is—in my opinion—important for anyone involved in the professional graphics industry: graphic and web designers, retouchers, artists ... we can all benefit from a little more organization and structure.

This is where Adobe's Bridge comes in very handy. This piece of software comes bundled with Adobe Photoshop® CS2, Illustrator® CS2, InDesign® CS2, and GoLive® CS2 or any of Adobe's Creative Suites. In fact it's one of the few—if not the only—Adobe software product which cannot be purchased as a standalone item.

The Bridge is based on the File Browser that was part of Photoshop 7.0, but goes much further than a simple file searching utility. In this article, we will look at how to work with Metadata to help you sort, organize and, to a degree, protect your imaging work.

The Getting Organized with Adobe Bridge Series:
Getting Organized with Adobe Bridge - Part 1: Batch Renaming
Getting Organized with Adobe Bridge - Part 2: Working with Metadata
Getting Organized with Adobe Bridge - Part 3: Keywords and Searches and Collections - Oh My! Coming Soon
Title
Getting Organized with Adobe Bridge - Part 4: Rating and Labeling
Keywords
Adobe, Bridge, rating, labelling, sorting, editing, searching
Author
Jim Babbage
Category
Bridge, General Business
Type
Article
Description
As a commercial photographer, one of my ongoing challenges is to keep my images organized so that I can sort and find images quickly for myself or a client. This is a concept that is—in my opinion—important for anyone involved in the professional graphics industry: graphic and web designers, retouchers, artists ... we can all benefit from a little more organization and structure.

This is where Adobe's Bridge comes in very handy. This piece of software comes bundled with Adobe Photoshop® CS2, Illustrator® CS2, InDesign® CS2, and GoLive® CS2 or any of Adobe's Creative Suites. In fact it's one of the few—if not the only—Adobe software product which cannot be purchased as a standalone item.

The Bridge is based on the File Browser that was part of Photoshop 7.0, but goes much further than a simple file searching utility. In previous articles of this series, we have looked at Batch Renaming, Working with Metadata and Creating Keywords, Searches and Collections. In this article, we will look at how to sort and "soft-edit" your images using ratings and labels to make them easier to manage, segregate into folders or burn to a CD or other media. We'll also learn how powerful rating and labeling can be when combined with keywords.

The Getting Organized with Adobe Bridge Series:
Getting Organized with Adobe Bridge - Part 1: Batch Renaming
Getting Organized with Adobe Bridge - Part 2: Working with Metadata
Getting Organized with Adobe Bridge - Part 3: Keywords and Searches and Collections - Oh My!
Gettting Organized with Adobe Bridge - Part 4: Rating and Labeling
Title
Getting Organized with Adobe Bridge - Part 3: Keywords and Searches and Collections - Oh My!
Keywords
Adobe Bridge, keywords, searches, collections, organization, sorting
Author
Jim Babbage
Category
Bridge, General Business
Type
Tutorial
Description
In the last two instalments of this series, we looked at Batch Renaming and Working with Metadata within Bridge. In this third part, we're going to explore the Keywords panel. We'll also learn how to create searches for specific files and how to create and save collections based on a search.

From an organizational perspective, assigning keywords to images can greatly speed up your workflow when you are searching for a specific file or type of file. The tough part is making sure you add all that information on a consistent basis. Spend a little time now, save a lot in the future. Keywords can be generic, such as "photograph" or "vector," to more specific, such as "steamships" or "sunset".

This aricle explains how to add keywords, keyword sets, create keyword templates to speed up your workflow, and also how to serach for files and save those searches as collections.

The Getting Organized with Adobe Bridge Series:
Getting Organized with Adobe Bridge - Part 1: Batch Renaming
Getting Organized with Adobe Bridge - Part 2: Working with Metadata
Getting Organized with Adobe Bridge - Part 3: Keywords and Searches and Collections - Oh My!
Title
Using the Image Processor in Photoshop or Bridge CS3
Keywords
Bridge, Photoshop, image processing, batch processing, video
Author
Jim Babbage
Category
Bridge, Photoshop
Type
Article
Description
Automating repetitive tasks is something that any good production software should do - or allow for. Fireworks and Photoshop are no slouches in this area; they both offer ways to batch process images in a variety of different ways right out of the box, and give you tools to easily create your own custom automation commands (Custom Commands in FW, Actions in PS).

If you've been watching my Bridge videos, you see that Bridge gives us access to many of the common batch commands available in Fireworks and Photoshop, so long as those applications are installed on your system.

One of the Photoshop tools I use quite often is a command called "Image Processor." This Photoshop script command allows me to select any recognizable graphic file format and batch process it into three other common digital formats; TIF, JPEG and PSD. Follow along in this video tutorial to learn more about how the Image Processor script works.
Title
Getting Productive with Adobe Bridge: Fireworks CS3 Integration
Keywords
Firworks CS3, Bridge CS3, meta data, xmp data, file browsing,
Author
Jim Babbage
Category
Bridge, Photoshop, General Business
Type
Article
Description
For years, Fireworks users have been clamouring for some method of browsing and previewing files without having to go into Windows Explorer or the Mac Finder. Something seamless, that actually worked with Fireworks. Heck, it got to the point where many of us would have been happy with the equivalent of the Files tab from Dreamweaver. But now, the wait is over.

Now that Fireworks has become part of the Adobe fold, this wish has come true! Adobe Fireworks CS3 is now integrated with Adobe Bridge CS3. I have written several articles on Community MX with respect to Bridge CS2, but at that time, Fireworks and Bridge were not communicating to each other. With the launch of the CS3 Suite, not only is there far more communication between former Macromedia and Adobe apps, Bridge CS3 has gotten a massive cosmetic and functional overhaul. From a visual perspective alone, Bridge CS2 and CS3 look completely different.
Title
File Uploading in ASP.NET - Part 3
Keywords
file upload, rename, disk file, System.IO namespace, File, Path, C#, VB, ASP.NET, stored behavior, server behavior, insert record, SQL Server
Author
Heidi Bautista
Category
C#, Programming, VB.NET, ASP.NET
Type
Tutorial
Description
The File Uploading in ASP.NET series has covered the following aspects so far:
  • Part 1 - upload three files at the same time and allow the user to change the filename before the upload occurs.
  • Part 2 - upload a single file and then insert the name of the uploaded file into the database.

In Part 3 we'll upload a single file again but this time we'll automatically rename the file after uploading it. We'll use the Stored Procedure server behavior rather than the Insert Record server behavior (used in Part 2) so that we can insert the row and change the filename in a single round trip to the database.

Along the way you'll get a chance to use the File and Path classes, both from the System.IO namespace and you'll see another example of controlling the execute of the MM:DataSet using its Expression attribute.

The File Uploading in ASP.NET Series:

File Uploading in ASP.NET - Part 1
File Uploading in ASP.NET - Part 2
File Uploading in ASP.NET - Part 3

Title
A CMX Milestone - 3000 Articles
Keywords
Author
Ray West
Category
CMX
Type
Article
Description
Today, Community MX published our 3000th article. I can remember when we celebrated the 250 and 500 milestones and it was almost unbelievable to think we would one day be in the thousands.

For the last 6 years Community MX has published 2 articles every single business day. I am not aware of anyone else that has this much content targeted at the Adobe and web development community. We have been through several versions of Macromedia/Adobe products and revolutions in the ways we use and program for the web.
Title
Happy 4th of July!
Keywords
Author
Category
CMX
Type
Article
Description

Have a safe and happy 4th of July!

Everyone at Community MX wishes to thank the brave men and women of the Armed Forces, and remember those who have lost their lives defending liberty.

Kick Off the Summer with a JumpStart Festival!

We love celebrations at CMX, and we have a really special one planned for this week, the official opening of the summer vacation season. The entire week will be JumpStart related, and of course we're going to release our next JumpStart.

Here is what we have planned:

Tuesday:

  • John Gallant and Holly Bergevin will have an article that explains an exciting new technique that is part of our new JumpStart.
  • Zoe Gillenwater will take you behind the scenes into the process of developing a new JumpStart.

Wednesday:

  • Kim Cavanaugh will introduce the next JumpStart to nonsubscribers and show his example of what can be done with it.
  • Sheri German will introduce and explain the next JumpStart to subscribers and purchasers.

Now where in the world do you suppose we'll go?

Thursday:

  • Jim Babbage will provide an alternative design png to help you skin the JumpStart.
  • Sheri German will help you reconstruct its markup.

Friday:

  • Linda Rathgeber-Stewart will provide an alternative design png to help you skin the JumpStart.
  • Sheri German will walk you through a reconstruction of its CSS.

You won't want to miss one day. If you're not yet a member, there is no better time to join.

Title
Happy Holidays from Community MX!
Keywords
Author
Category
CMX
Type
Article
Description
The partners at Community MX would like to wish all of our readers a joyous and happy holiday season.

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Monday, Christmas Day. However, we will be back Tuesday with two new articles. Enjoy your holiday, and we'll see you on Tuesday!

Title
Happy Labor Day
Keywords
Author
Category
CMX
Type
Article
Description
Community MX is taking the day off to spend with our families and will return with fresh content tomorrow.
Title
Happy Labor Day!
Keywords
Author
Category
CMX
Type
Article
Description
Community MX is taking the day off to spend with our families and will return with fresh content tomorrow.
Title
Happy Labor Day!
Keywords
Author
Category
CMX
Type
Article
Description
Happy Labor Day. Community MX is taking the day off with our families and will return with fresh content tomorrow.
Title
Happy Memorial Day!
Keywords
Author
Category
CMX
Type
Article
Description
Happy Memorial Day from all of us here at CMX!
Title
Happy Memorial Day!
Keywords
Author
Category
CMX
Type
Article
Description
Happy Memorial Day from Community MX!
Title
Happy New Year from Community MX!
Keywords
Author
Category
CMX
Type
Article
Description

Happy New Year from all of us at Community MX!

Wishing everyone a safe, healthy and prosperous 2007!

Recipe For A Happy New Year

Author Unknown

To leave the old with a burst of song
To recall the right and forgive the wrong;
To forget the thing that binds you fast
To the vain regrets of the year that's past;
To have the strength to let go your hold
Of the not worthwhile of the days grown old,
To dare to go forth with a purpose true,
To the unknown task of the year that's new;
To help your brother along the road
To do his work and lift his load;
To add your gift to the world's good cheer,
Is to have and to give a Happy New Year.

Title
Happy Thanksgiving from Community MX!
Keywords
Author
Category
CMX
Type
Article
Description


The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. However, we will be back Monday with two new articles.

Enjoy your holiday, and we'll see you on Monday!
Title
Happy Thanksgiving from Community MX!
Keywords
Author
Category
CMX
Type
Article
Description


The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. However, we will be back Monday with two new articles.

Enjoy your holiday, and we'll see you on Monday!
Title
Happy Thanksgiving!
Keywords
Author
Category
CMX
Type
Article
Description

Happy Thanksgiving!

The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. Don't despair, we will be back on Monday with two fresh new pieces of content. :-)

Enjoy your holiday, and we'll see you on Monday!

Title
Happy Thanksgiving!
Keywords
Author
Category
CMX
Type
Article
Description

Happy Thanksgiving!

The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. Don't despair, we will be back on Monday with two fresh new pieces of content. :-)

Enjoy your holiday, and we'll see you on Monday!

Title
Help Wanted
Keywords
Author
Category
CMX
Type
Article
Description
Thanks to all of our readers and subscribers, Community MX has grown over the past several years, and we plan to grow more in 2008. With the new year right around the corner, we have been discussing several initiatives to expand the services we offer our subscribers and we have discovered something. We need more help!
Title
How are we doing?
Keywords
Author
Ray West
Category
CMX
Type
Article
Description
As we enter our 5th year here at Community MX we want to hear what you have to say about how we're doing so far. Anything you'd like us to do that we aren't? Something you'd like to see covered that isn't? A topic we cover that you'd like to see more on?

Now's your chance to let us know exactly what you'd like to see and what you think. We want to hear what you have to say, the good...the bad....and yes, even the ugly. :-)
Title
The 12 Geeks of Christmas
Keywords
Merry, Christmas
Author
Paul Newman
Category
CMX
Type
Article
Description
CMX obtained a beta copy of Santa's list, and it turns out a lot of geeks were very good this year (you know who you are). Merry Christmas to you and yours from the folks at Community MX.
Title
We Need Your Help
Keywords
Author
Ray West
Category
CMX
Type
Article
Description
Community MX is approaching 5 years of service and almost 2500 articles, tutorials and extensions. We have covered everything from Dreamweaver to CSS to SQL Server and now are extending our subjects to include more and more of the Adobe family of products. And we need your help.

In trying to cover all of the new features of so many products and the cool new technologies that keep appearing, it is sometimes easy to forget that there are a lot of more basic things that you might want more information about. We might be missing things that we are taking for granted but that you need help with. And we want you to tell us about it.
Title
CMX Design Elements - Carbon
Keywords
CMX Design Elements, PNG, Fireworks, design, template, fireworks styles, buttons, Fireworks Frames
Author
Gordon Mackay
Category
CMX Design Elements, Fireworks, Design
Type
Tutorial
Description
Community MX is pleased to announce a very exciting new series of design goodies that we have tagged CMX Design Elements.

How often have you sat down and stared at a blank Fireworks Canvas, trying to summon some inspiration for that really demanding client that you know is going to be very hard to please? Well, if that's you then we're pleased you found us…

Approximate download size: 5 MB

The CMX Design Elements
CMX Design Elements - Krypton
CMX Design Elements - Carbon
CMX Design Elements - Gold
CMX Design Elements - Mercury
CMX Design Elements - Iodine
CMX Design Elements - Xenon
Title
CMX Design Elements - Krypton
Keywords
CMX Design Element, PNG, design, layout, Fireworks Styles, icons, bullets, gallery
Author
Gordon Mackay
Category
CMX Design Elements, Fireworks, Design
Type
Tutorial
Description
Welcome to the second in our series of CMX Design Elements. We have moved along the periodic table from Carbon to Krypton (no, not the green crystals that make Superman tougher than the average mortal :o) )

The element Krypton (Kr) is used commonly in photographic flashes for speed photography, but our own CMX version of Krypton is generally intended to make awesome web sites :)

Here's what it looks like:

Krypton
Image 1: Design Element - Krypton.

Approximate download size: 5MB

The CMX Design Elements
CMX Design Elements - Krypton
CMX Design Elements - Carbon
CMX Design Elements - Gold
CMX Design Elements - Mercury
CMX Design Elements - Iodine
CMX Design Elements - Xenon
Title
Converting the Santorini JumpStart to Use Two Columns Instead of Three
Keywords
CMX Jumpstart, jumpstarts, css, fluid layout, two column, three column, two-column, three-column, css
Author
Heidi Bautista
Category
CMX JumpStarts, Dreamweaver, CSS
Type
Article
Description
The Santorini JumpStart - 18th in our ongoing series - provides you with a simple 3-column fluid layout. But what if you wanted just two columns? No problem. This article shows you exactly what you need to change. And it's only three things! Isn't it nice when things are simple for a change? That's the whole idea behind our JumpStarts. If Santorini doesn't meet your needs, be sure to check out our other designs.
Title
Introducing JumpStart Vienna
Keywords
Jumpstarts, CMX Jumpstart Vienna, Jello Mold, faux columns, equal-height columns, list navigation, three columns, CSS layouts, CSS templates, search engine, iSearch, Fade Image command, wrapper, centered layout, skip nav links, floats, design-time style sheet, current page marker, clear float, XHTML, CSS-P, valid, WAI, 508
Author
Kim Cavanaugh
Category
CMX JumpStarts, Dreamweaver, Fireworks, Accessibility, CMX, CSS, Design
Type
Article
Description
It wouldn't be much of a stretch to call Vienna the cultural capital of Europe. With its long history as the home to such cultural icons as Franz Schubert and Johann Strauss, as well as the numerous museums and its world-famous opera house, Vienna has long been known as a city where culture and sophistication are the norm. It's no wonder then that for our latest JumpStart design we turned to our own cultural maven—Sheri German—for the creation of a design that is as stylish as the city it is named after.

In addition to the use of valid XHTML 1.0 and CSS 2.1, and validating for 508 and WAI, we have a number of special features in Vienna. The three-column layout has two outer columns with fixed widths, a fluid center column for content, and a very cool fluid header and footer. The two-column layout has a fixed-width left column and fluid right column. There are also unordered lists for navigation: one for the main navigation, one for the sub navigation, and one for the footer navigation. We have also added a search field, and if your server provides PHP and MySQL, you can follow Sheri's bundled article Creating a Search Engine with iSearch to make a working search engine for your site. So far, reasonably cool, right? But hold on. We have something far more exciting to reveal with this JumpStart. We will introduce a new and revolutionary technique called Jello Mold. As with all our JumpStarts, Vienna was tested extensively in all major browsers. You can view the screenshots here
Title
Putting the Sting into the CMX San Francisco JumpStart
Keywords
Fireworks, png, JumpStart, San Francisco, CSS
Author
Jim Babbage
Category
CMX JumpStarts, Dreamweaver, Fireworks, CMX, CSS, Design
Type
Article
Description
I was recently contacted by a small, family run business who wished to update their website. They wanted to make some content changes and have the overall look of the site be more contemporary. Being a small business, their budget was limited as well. I took on the project, thinking that a CMX JumpStart would be the perfect solution.

I see many questions on our forums about the CMX JumpStarts and how to make them work for one's own specific needs. As you may be aware, the JumpStarts are designed and tested to work based on specific layout concepts - that's why we have so many and continue to create more.

But I'd like to share with you my own personal experience in customizing one of our recent JumpStarts: San Francisco. San Francisco is based on Gordon Mackay's CMX Design Element: Gold PNG file. My customizations include:

Fireworks PNG
  • Color alterations
  • Changing dimensions of the background image for the innerwrapper div
  • Altering export format of slices

CSS

  • Adjusting rules to change the position of the navigation
  • Adding a custom bullet image
  • Creating a secondary modified style sheet and web page for a pop up window requirement.

So what are you waiting for? Hop on that trolley and follow me from San Francisco to Sooke, British Columbia.

Title
Introducing CMX Jumpstart Orlando
Keywords
CMX JumpStart Orlando, elastic layout, em units, ems, accessibility, valid XHTML, valid CSS, WAI, 508, image replacement, Internet Explorer filters, Internet Explorer hacks style sheet, conditional comments, Fireworks, tiled background images, background images
Author
Sheri German
Category
CMX, CSS, Design, HTML, Dreamweaver, Fireworks, Accessibility
Type
Article
Description

Orlando, Florida. It's every kid's dream vacation spot. It's warm and sunny, and makes the world of school seem galaxies away. It's got theme parks galore that take them to galaxies far away. When most people think of Orlando, they probably think of Disney, Epcot, MGM Studios, and Sea World. Now there is also CommunityMX JumpStart Orlando to add to the list of Orlando attractions.

Orlando was designed by Chris Flick and coded by Zoe Gillenwater. Orlando uses valid XHTML 1.0 and CSS 2.1 markup and follows WAI and Section 508 accessibility guidelines to provide you with a solid foundation for any design for which you may wish to use it. Orlando is a two-column elastic layout that also features a subhead area, a styled list as a navigation menu, and floated images.

Title
CMX Font Size Changer Extension
Keywords
JavaScript, font size change, css font size change
Author
Paul Davis
Category
CMX, Dreamweaver
Type
Extension
Description
Change the font size on your webpage with the JavaScript code from this handy extension. Enter the font sizes you want and then click OK, everything else is done for you ... it really is that easy!
Title
Quick Shot - Splitting Names In ColdFusion
Keywords
Author
Ray West
Category
CMXApplications
Type
Tutorial
Description
We receive a lot of data at my day job and usually need to find a way to squeeze it into one of the many databases we manage. I am always surprised how often we are given names in a single field in the lastname, firstname format. It always seems more flexible to store the first and last names in separate fields, but apparently a lot of places don’t do that.

Seeing as we do, we find ourselves needing to split that full name into a first name field and a last name field. I will show you a couple of ways to do that with ColdFusion.
Title
CMX Blog Scroller
Keywords
flash mx 2004, actionscript 2.0, proxy, cross-domain policy file, cross-domain.xml, xml, component, scroller, blog, weblog, RSS feed, mxp, ColdFusion
Author
Paul Newman
Category
CMXApplications, ColdFusion, Flash, CMX, Programming
Type
Extension
Description
This Flash component enables you to display one or more RSS feeds in Flash Player 7 with a number of customizable options. CMX Blog Scroller automatically parses the XML and displays the latest blog entries.

Includes: CMXBlogScroller.mxp, ColdFusion proxy script, sample FLA file, PDF
Title
CMX Flash Video Player (Flash Extension)
Keywords
Flash MX 2004, Flash video, FLV, progressive, NetConnection, NetStream, onMetaData, MXP
Author
Paul Newman
Category
CMXApplications, Flash, CMX, Programming
Type
Extension
Description
This Flash MX 2004 extension enables you to play back progressive Flash video (FLV) files in your Flash movies. Features include play/pause button, FLV download progress bar, real-time scrubbing, volume slider, and mute button.

Because this extension uses the NetConnection and NetStream classes, the resulting SWF file is only 5K in size, so it doesn't require a preloader. In addition, the methods, properties, and events of the component can be manipulated using ActionScript 2.0. There's even an event that broadcasts FLV metadata!

Preview CMX Flash Video Player

Includes: CMXFlashVideoPlayer.mxp, demo files, sample videos
Title
CMX MP3 Player (Flash Extension)
Keywords
Flash MX 2004, ActionScript 2.0, Flash Player 7, Sound class, mp3 player, playlist, xml, duration, position, audio scrubber, volume slider, elapsed, remaining, dispatchEvent, addEventListener, listener, broadcaster
Author
Paul Newman
Category
CMXApplications, Flash, CMX, Programming
Type
Extension
Description
The CMX MP3 Player component enables you to load external MP3s from an XML playlist. Features include track info display (title, artist), elapsed and remaining time, audio scrubber, volume slider, and playlist navigation.

Preview MP3 Player

Requirements: Flash MX 2004 (pro or standard), Flash Player 7
Title
CMX Slideshow (Flash Extension)
Keywords
Flash MX 2004, v2, component, ActionScript 2.0, slideshow, slide, transition, image loader, addEventListener, dispatchEvent, Tween
Author
Paul Newman
Category
CMXApplications, Flash, CMX, Programming
Type
Extension
Description
This extension for Flash MX 2004 loads external JPEG and SWF files to create a Flash slideshow. The CMX Slideshow component is very customizable and includes support for hyperlinks, captions, padding, resizing, transitions, controls, and much more.

You can also access CMX Slideshow's methods, properties, and events using ActionScript. The support files demonstrate how to create your own custom controls, and how to load a list of images from an external XML file.
Title
Flash Your Cookies
Keywords
flash mx 2004, actionscript 2.0, cookie, local shared object, sol, class, classpath
Author
Paul Newman
Category
CMXApplications, Flash, CMX, Programming
Type
Extension
Description
Have you ever wanted to store persistent information in your Flash movies? Shared objects are the answer. You can use them to save login information, shopping cart data, user preferences, even complex objects like arrays.

This extension for Flash MX 2004 adds an ActionScript 2.0 class called "Cookie" to your global classpath. The Cookie wrapper class provides a more intuitive way to write, read, edit, and remove Flash "cookies" in your applications.
Title
Preventing Caching in Flash Player
Keywords
CacheManager, Flash MX 2004, ActionScript 2.0, class, private static property, variable, uncacheURL, cache, XML, LoadVars
Author
Paul Newman
Category
CMXApplications, Flash, CMX, Programming
Type
Extension
Description
In this article, you'll learn how to use CacheManager, an ActionScript 2.0 class, to prevent Flash Player from caching external images, XML, and text files in your applications.
Title
Absolute Positioning and the Top Property
Keywords
CSS, positioning, Absolute positioning, layers, AP, top property
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Many coders who use absolute positioning, AP, for divs (or layers in Dreamweaver) are aware that the positioning of such elements on the page is determined by a coordinate system, locking the div (layer) in place on the page. But what if the header isn't a fixed height? Is there a way to make that top positioning flexible? Come along and find out!
Title
Attribute Selectors
Keywords
CSS 3, attribute selectors, CSS
Author
Gordon Mackay
Category
CSS
Type
Article
Description
A demonstration of an addition to the CSS specification that will provide front-end developers with great power over the presentation of their documents.
Title
CSS Cheat Sheet: Apply CSS to Your Page
Keywords
CSS, cascading style sheets, stylesheets, styles, cheat sheet, crib sheet, overview, reference, apply, attach, link, @import, inline, embedded, external, style element, style attribute, head, hide Netscape Navigator 4.x, NN4, IE5
Author
Zoe Gillenwater
Category
CSS
Type
Article
Description
Even seasoned CSS developers need a quick refresher course in CSS concepts and techniques from time to time. This CSS Cheat Sheet is designed for just that. Use it as a reference on topics that you've already learned about in-depth but need a few reminders on. This Cheat Sheet describes how to apply styles to your (X)HTML pages. Styles can occur on your page in three forms: inline, embedded, or external. Get a reminder on how each method works and which scenarios each is suited toward.
Title
CSS Cheat Sheet: Basic Link Styling
Keywords
CSS, cascading style sheets, styles, styling links, anchors, pseudo classes, :link, :visited, :hover, :active, :focus, descendant selectors
Author
Zoe Gillenwater
Category
CSS
Type
Article
Description
Even seasoned CSS developers need a quick refresher course in CSS concepts and techniques from time to time. This CSS Cheat Sheet is designed for just that. Use it as a reference on topics that you've already learned about in-depth but need a few reminders on. If you're still a beginner to CSS, use it to learn the nuts and bolts of working with CSS, then use our other articles, listed at the end of this one, to extend your learning and practice your new skills.

This Cheat Sheet describes how to style links throughout a site. It reviews the types of selectors available to you for styling links, including the link pseudo-classes. It also provides tips and tricks on working with common link styling issues, including avoiding styles on named anchors and image links and styling links differently depending on where they appear on the page.
Title
CSS Cheat Sheet: Create CSS Rules
Keywords
CSS, cascading style sheets, stylesheets, styles, styling, selectors, rules, property, value, declaration block, type selectors, class selectors, id selectors, classes, ids, descendant selectors, descendants, child selectors, adjacent sibling selectors, attribute selectors, universal selector, pseudo-classes, pseudo-elements, grouping, cheat sheet, cheatsheet
Author
Zoe Gillenwater
Category
CSS
Type
Article
Description
Even seasoned CSS developers need a quick refresher course in CSS concepts and techniques from time to time. This CSS Cheat Sheet is designed for just that. Use it as a reference on topics that you've already learned about in-depth but need a few reminders on. If you're still a beginner to CSS, use it to learn the nuts and bolts of working with CSS, then use our other articles, listed at the end of this one, to extend your learning and practice your new skills.

This Cheat Sheet describes how to create CSS rules to be placed in your style sheets. It reviews the anatomy of a CSS rule and focuses on the different types of selectors available to you in styling your documents.
Title
CSS Cheat Sheet: Inheritance, Cascade, Specificity
Keywords
CSS, cascading style sheets, styles, styling, inheritance, document tree, descendants, descendents, ancestors, nested elements, nesting, cascade, specificity, user styles, author styles, browser styles, overriding, external style sheets, embedded styles, inline styles, precedence, weight, origin, order, !important, selectors
Author
Zoe Gillenwater
Category
CSS
Type
Article
Description
Even seasoned CSS developers need a quick refresher course in CSS concepts and techniques from time to time. This CSS Cheat Sheet is designed for just that need. Use it as a reference on topics that you've already learned about in-depth but need a few reminders on. If you're still a beginner to CSS, use it to learn the nuts and bolts of working with CSS, then use our other articles, listed at the end of this one, to extend your learning and practice your new skills.

This Cheat Sheet reviews how the fundamental CSS concepts of inheritance, cascading and specificity work. It also contains a printable PDF illustration of the rules of the cascade that you can download and keep handy for continued reference.
Title
CSS Negative Margins - Part One
Keywords
negative margins, margining, overlapping, overflowing, 3px bug, three pixel bug
Author
Zoe Gillenwater
Category
CSS
Type
Article
Description
Of all the pieces of the CSS box model, margins are probably the easiest to grasp. But did you know that margin is one of the few CSS properties that can have negative values? This article explains how negative margins work, as well as why you would even want to use negative margins in the first place! You'll see some of the cool visual effects that negative margining can help you add to your web pages. This article will also prepare you for an upcoming piece describing how to use negative margins to create cross-browser, CSS columnar layouts.

The CSS Negative Margins Series
CSS Negative Margins - Part One
CSS Negative Margins - Part Two: Two-Column Liquid Layouts
CSS Negative Margins - Part Three: Improving the Two-Column Layout
CSS Negative Margins - Part Four: Three-Column Liquid Layouts
Title
CSS Problems and Fixes: Vertical List Navigation - Part 1
Keywords
CSS, Navigation, unordered list, list, conditional, comment, IE6, IE5.5, IE5.01
Author
Adrian Senior
Category
CSS
Type
Article
Description
Producing unordered lists for site navigation is without doubt the favoured method for most designers/developers. However, the method isn't without its problems.

This article will look at the common problems you will come up against and you will learn how you can create navigation lists that display correctly from browser to browser.

The CSS Problems and Fixes Series:
Css Problems and Fixes: Vertical List Navigation - Part 1
CSS Problems and Fixes: Vertical List Navigation - Part 2
CSS Problems and Fixes: Vertical List Navigation - Part 3
Title
CSS Selectors: Pattern Matching and Inheritance: Article 2
Keywords
CSS, Pattern Matching, Selectors, Descendant Selectors, Document Tree, Inheritance, Combinators, Descendent.
Author
Adrian Senior
Category
CSS
Type
Article
Description
In part two of this series will look deeper into the relationships that exist within the document tree and further exploit these relationships using descendant selectors.
Title
Debugging CSS, the Easy Way
Keywords
CSS, CSS bugs, debugging css, debugging html, Mystery Bug, html
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
CSS bugs can be obscenely difficult to isolate, especially when they are located amidst a large, complex page with many external style sheets. Compounding this is the fact that few coders have enough experience to be sure that what they're seeing really IS a bug, and not just incorrect coding. What's needed is a way to isolate or understand the problem so the coder may find a workaround or avoid the bug altogether.
Title
Design Your Own Custom CMX CSS Course
Keywords
CSS, CSS hacks, CSS Snippets, CSS links, HTML, XHTML, validation, accessibility, positioning, fixed position, Internet Explorer 7, DIV, negative margins, forms, Jello Mold, elastic layouts, alternative style sheets, forms, print style sheets, design-time style sheets, floats, lists, CSS layouts
Author
Sheri German
Category
CSS
Type
Article
Description
A common question on the forums is for the recommendation of the name of a good CSS book. There are certainly valuable CSS books on the bookshelves of Borders or Barnes and Noble and the virtual bookshelves of Amazon, but why not start right here with the scores of CSS articles on CMX? Perhaps it has been hard to keep track of them all, and even harder to know where to start from among so much bounty. That is where this learning guide comes in. It will group articles into categories, guide you in determining their levels, and help you design your own custom CSS course.
Title
Design Your Own Custom CMX CSS Course - Part Two
Keywords
CSS, JumpStarts, Web Standards, CSS extensions, lesson plans
Author
Sheri German
Category
CSS
Type
Article
Description
On Jan. 4, 2007, we offered a compilation of our CSS articles and tutorials in the article Design Your Own Custom CMX CSS Course. Its purpose was to make it easier to find the ever-growing number of web standards related articles and tutorials on Community MX.

In the year since the CSS course publication, CMX authors have written almost a hundred more CSS and accessibility related articles, tutorials, technique updates, and extensions. Clearly it is time for the sequel to the first CSS course.
Title
Do You Want To Do That With CSS? – Floating Clear
Keywords
CSS, floats, clearing floats, clear, opposing floats, float wrapping, float bugs
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
In this article we'll take a look at some more basic behaviors of simple floats. We'll look at floats "in opposition," multiple floats that go the same or different directions, clearing floats, float wrapping, and briefly examine a few inconsistancies between browsers with regards to displaying floats. Join us...
Title
Do You Want To Do That With CSS? — Float Tricks
Keywords
CSS, float, pull quote, images, align attribute, IE float bug, negative margining bug, doubled float margin bug, HTML
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Floats can do things in a larger design that would be quite complicated to replicate using tables. In this article we'll look at a basic image float, floating an image located in the middle of a paragraph, and how to use the float property to create pull quotes. These techniques arent hard, it's just a matter of getting comfortable with the way floats work. Soon you will be floating all over the place, perhaps even inside good old table cells. It's fun!
Title
Float: The Bugs (part one)
Keywords
float, floats, float bugs, IE float bugs, Internet Explorer, CSS, style sheets, stylesheets, html, xhtml, positioning, CSS positioning
Author
John Gallant
Category
CSS
Type
Article
Description
If tables are used for layout purposes, Internet Explorer (IE) is the equal of any browser out there. But when it comes to CSS positioning, IE does some rather odd things. One of these things has to do with the way floats are handled. In this part of our Float series we will explore what makes IE different from the rest.
Title
Float: The Bugs (part two)
Keywords
css, bug, 3px, margin, float, image, hack
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Have you ever tried to float images with css, and found that your images refused to touch each other (leaving a gap), when viewed in certain browsers, no matter what? Read on for a full run down on this nasty little browser glitch...
Title
Float: The Theory
Keywords
float, floats, CSS, block level element, line boxes, containing element, clearing floats,
Author
John Gallant
Category
CSS
Type
Article
Description
If you are like most people, the whole issue of Floats is rather intimidating. The theory is difficult to grasp, and on top of that, the bugs are rumored to be numerous and nasty. Well fear not, because we will walk through the concepts, some of the bugs, and the practical uses of floats, in nice easy stages. Be assured that you will suffer no ill effects. Rather, a vast new world of positioning will open up before you. Onward!
Title
Flowing and Positioning: Two Page Models -Revised for IE7
Keywords
CSS, HTML, Positioning, document flow, block, inline, absolute positioning, relative positioning, static positioning, layers, div, divs, negative margin, float, z-index
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
In seeking to broaden your web design horizons beyond the use of tables for laying out pages, you may have come across terms such as 'Normal flow' and 'CSS Positioning.' However, you may be slightly hazy concerning what these terms actually mean. If so, it's time to learn some basics on the ways web pages are visually constructed on the screen by current browsers. In this article we'll look at 'the flow' of a web page, and briefly cover each of four position property values, static, absolute, relative and fixed. We'll also talk about some of the bugs you may encounter. When we're done, you should have a much better grasp on the topic at hand.

This article is an update (May 2007) to the original article, with special attention paid to the IE7 browser.
Title
How To Attack An Internet Explorer Display Bug -Revised for IE7
Keywords
IE bugs, CSS bugs, bug, float bug, Peekaboo bug, Escaping floats bug, Internet Explorer, position relative, holly hack, conditional comments, IE7,hasLayout
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Many authors who desire to make the switch to tableless design can be brought up short when they encounter various browser bugs. Internet Explorer for Windows can present some significant challenges to this switch, exhibiting a variety of display problems. Although a full understanding of how IE "gets it wrong" may not be within reach for everyone, it is possible to get by with a few key bug fixing tools.

The original article was written with IE6 and lower browsers in mind, but there's a new player in the arena, IE7. While many of the display problems have been dealt with, this new browser may still need some special treatment.

So, we've revised, updated and rewritten this article, with a focus on how to bring IE7 along when it needs bug fixing like its older siblings. This is information you need to know!
Title
JumpStarts Fix: IE7 Zoom Body Background Image Bug
Keywords
IE7, Internet, Explorer, 7, zoom, bug, body, html, conditional, comment
Author
Adrian Senior
Category
CSS
Type
Article
Description
This is a fix for all JumpStarts [and any other web page design] that use background images set against the body tag.

The zoom bug only exists in IE7 and therefore the fix is only required for IE7. The bug manifests itself when the keyboard short-cut ctrl + + is used to zoom the web page, this is very different to altering text size in IE7 via the view menu.
Title
Media Types and Their Uses
Keywords
media types, attributes, CSS, W3C, Cascading Style Sheets, @import, @media, print style sheet, aural, projection, handheld, screen
Author
Stephanie Sullivan
Category
CSS
Type
Article
Description
Using Media types, can open up a whole host of opportunities for restyling your content to cater to a variety of different devices. These days, not all users will be viewing your web site on a computer screen.
Title
Methods for Testing in Multiple Versions of IE - **Updated**
Keywords
CSS, cascading style sheets, testing styles, rendering, browser bugs, Internet Explorer, IE, IE7, IE6, Microsoft Virtual PC, VPC, virtual machines, virtual network computing, VNC, standalone, multiple versions of IE, side-by-side IE, browser screenshot services, screen capture
Author
Zoe Gillenwater
Category
CSS
Type
Article
Description
Internet Explorer 7 (IE), released in October 2006, greatly improves its CSS rendering capabilities. However, it's only available for Windows XP and Vista, so we still have to support IE 6 — and possibly IE 5.5 and 5.0, depending on your site's audience — for some time to come. Unfortunately, the integration of IE into the Windows operating system, and Microsoft's refusal to allow multiple versions of it to run at the same time, have made testing web sites in various versions of the ubiquitous browser difficult. There are, however, ways it can be done, and the advent of IE 7 has brought some new methods out for our consideration.

In this article I'll provide an overview of the current methods available for testing multiple versions of Windows IE and provide the pros and cons of each method so you can decide which suits you best.

Note: This article was originally written in late November 2006. Right after it was written, Microsoft released a free virtual machine image for Virtual PC, making it easier for developers to use the software. Thus, the section on Microsoft Virtual PC has been revised from the original, with other small changes throughout. My recommendations remain virtually (no pun intended) the same. You can view the original article here.
Title
New and Improved CSS Rollovers - Part One
Keywords
CSS, rollovers, CSS rollovers, buttons, CSS buttons, background-image, IE5/Mac hack, JavaScript rollovers, flickering background image, flickering image, IE, pseudo-class, a:hover
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Due to the discovery of a major IE/Win bug we thought had been eliminated, this article has been significantly revised and updated from the original, which was available for only a short time here on CMX. Please see New and Improved CSS Rollovers - Part 1: Revised for the new and improved article.

CSS rollover buttons have been around for a while. They work great, but when background images are used to spice up the look, some odd problems can crop up. Join us as we describe these issues and ways to get around them, while still having great looking CSS rollovers.
Title
Newly Supported CSS Selectors in IE7
Keywords
CSS, child combinator, adjacent sibling combinator, descendant combinator, selector
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
If you know a little about CSS selectors, you have probably discovered how limiting they can be in some ways. Well get ready to expand your CSS horizons, because IE7 has extended its selector support quite a bit, and we want you to become aware of the things these newly supported CSS combinator tools will do for you. All too soon we coders will be expected to know and use this stuff, so put on that thinking-cap and set the selector to "Combinators." Here we go...
Title
Preparing For IE7 - Part Five
Keywords
IE7 beta, IE6 standalone, conditional comments, Tan hack, Star-html hack, Holly hack, zoom, escape, child combinator, child selector, box model, Windows XP, Service Pack 2, SP2, browselc.dll
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Well, Microsoft has done it. In case you haven't heard, MS has actually released a public beta version of their new IE7 bowser! Will wonders never cease? Join us as we explain how to not only get the IE7 beta release, but also how to easily install an IE6 standalone version to work alongside IE7. That's right, you may see the future right now, and still have IE6 to kick around too! Don't worry, it's is easy revert back to the primary IE6 install if you are not happy with the beta results. As a bonus we will talk about changes you can make when supplying filtered CSS values to the different versions of IE. So buckle those seatbelts, here we go!

The Preparing for IE7 Series:
Preparing for IE7 - Part One
Preparing for IE7 - Part Two
Preparing for IE7 - Part Three: Multiple IE Browsers on One Computer
Preparing for IE7 - Part Four: Updating a Real World Style Sheet
Preparing for IE7 - Part Five
Title
Preparing For IE7 - Part One
Keywords
CSS, IE7, css hacks, IEblog, combinator, selector, child combinator, child selector, adjacent sibling combinator, adjacent sibling selector, descentant combinator, descentant selector, conditional comments, Tan hack, star html hack, mac hack, mac hiding hack
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Internet Explorer 7 is coming, and there are going to be some interesting changes and improvements when it arrives. That's good news, but not if you have been using certain CSS hacks to make IE/Win correctly display your tableless designs! If that is the case, you may expect some or all of your pages to start breaking in IE7 when it begins to penetrate the market.

We want to help you avoid pain and anguish later. So please join us now as we begin a series that will discuss the problem, offer solutions, and get you up to speed on the latest IE version testing methods. We'll also 'clean up' a real live CMX Jumpstart, all in easy stages. It's a bit like Y2K all over again, but we got through that and we can get through this too, with just a little effort. Trust us!

The Preparing for IE7 Series:
Preparing for IE7 - Part One
Preparing for IE7 - Part Two
Preparing for IE7 - Part Three: Multiple IE Browsers on One Computer
Preparing for IE7 - Part Four: Updating a Real World Style Sheet
Preparing for IE7 - Part Five
Title
Preparing For IE7 - Part Two
Keywords
CSS, IE7, conditional comments, Holly hack, layout, Peekaboo, Guillotine, Tantek, box model hack, Tan hack, star-html hack, comment-backslash hack, Mac-hack, standards mode, quirks mode, voice-family, simplified box model hack, list display problems, @import
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
We continue discussing the ways IE7 will make our lives difficult, and ways we might ease those difficulties. We'll examine enhancements to the basic conditional comment hiding method, the concerns regarding the old box model hacks, and a new alternate hiding method as well. Folks, you really will need to know this stuff!

The Preparing for IE7 Series:
Preparing for IE7 - Part One
Preparing for IE7 - Part Two
Preparing for IE7 - Part Three: Multiple IE Browsers on One Computer
Preparing for IE7 - Part Four: Updating a Real World Style Sheet
Preparing for IE7 - Part Five
Title
The CMX CSS Hack Cheatsheet PDF
Keywords
CSS Cheat Sheet, IE conditionals, Holly Hack, Tan Hack, Caio Hack, Anti-Caio Hack, clearing floats, Anti-Mac hack, centered fixed-width layouts
Author
Sheri German
Category
CSS
Type
Article
Description
Hacks and other CSS rule fragments can include a dizzying combination of slashes, asterisks, and sequences of code. How does anyone remember all that? And how does anyone remember which hack works for what problem? Today we have just the solution: a one-page PDF you can print out that includes the most popular hacks, conditionals, and cheats. Tape it to your desktop and give it a glance when you need that code in a hurry. You'll have six IE Conditionals, the Tan Hack and the Tan Hack with Anti-Mac hack, a hide from IE Mac hack, a feed only to IE Mac hack, the Caio Hack and the Anti-Caio Hack, the Holly Hack, the Box Model problem hack, fully clickable IE buttons, two classes for clearing floats, and the "bones" for a fixed-width centered layout all at your finger tips.
Title
Understanding the Cascade: Part one
Keywords
Cascading Style Sheets, CSS, style sheet, cascade, @import, link, embedded, inline, style, style block, !important, author style sheet, user style sheet, specificity
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description

If you're confused about the term "Cascade" in Cascading Style Sheets, don't be. This article series is going to carefully describe just what the "cascade" really is, and why it's so important when using cascading style sheets.

Title
Understanding the Cascade: Part two - Specificity
Keywords
Cascade, Specificity, CSS, selector , non-css presentational hints, IDs, classes, attributes, combinators
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
Specificity is one of the basic foundations of CSS. It is a method for determining which selectors are more specific than others, and therefore which rules will apply to a given element. Come along as we explore just how specificity works and how it relates to the cascade.
Title
Using Classes and IDs Effectively
Keywords
CSS, cascading style sheets, class, classes, id, ids, selectors, semantic, markup, HTML, XHTML, file size, naming
Author
Zoe Gillenwater
Category
CSS
Type
Article
Description
You know what a class is, and you know what an id is. You may even have an idea of when to use one over another. But before you go making up classes and ids willy-nilly and scattering them at whim throughout your (X)HTML document, read this article to learn how to set up your selectors in the smartest way.
Title
Working with TopStyle: Part 6
Keywords
TopStyle, Style, Sweeper, Shorthand, Properties, Configure
Author
Adrian Senior
Category
CSS
Type
Article
Description
In this article we will explore the options we have at our disposal when creating a custom style sweeper. Style sweepers allow you to manage and manipulate the rules within your style sheet at a single stroke.
Title
Writing Efficient CSS
Keywords
CSS, cascading style sheets, shorthand property, shorthand properties, default values, selectors, inheritance, font, margin, border, padding, list-style, background, border-width, property, properties.
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Article
Description
One of the touted benefits of CSS is that it reduces total page weight, both at first page load, and even more on subsequent loads due to style sheet caching. Often a sizable fraction of the savings is lost because of highly redundant CSS code. Come learn some secrets of efficient CSS coding, enabling you to pare that style sheet right down to the bare bones.
Title
Making a Three-Column Layout Using CSS: Part 2
Keywords
tableless, css, column layout, double margin bug
Author
Estelle Weyl
Category
CSS
Type
Tutorial
Description
Anyone can make a three column layout look good.... using tables. In part 1 we learned the basics of making 3 columns layout, but it was ugly! In this tutorial, without touching the HTML, we learn to make a three column layout with columns that always appear to be the same length.

The Making a Three-Column Layout Using CSS Series:
Making a Three-Column Layout Using CSS - Part 1
Making a Three-Column Layout Using CSS - Part 2
Making a Three-Column Layout Using CSS - Part 3: Changing Column Order With CSS
Making a Three-Column Layout Using CSS - Part 4: Fixed, Fluid and Elastic Layouts
Title
All About CSS Drop Shadows - Part Five
Keywords
CSS, Drop Shadows, PNG, PNG-32, transparency, alpha channel, nested DIVs, float, absolute position, child hack, child combinator
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Tutorial
Description
Once you feel confident with making and applying drop shadows to elements in your pages, you may find that you need to do more. In Part Five of our CSS Drop Shadow series we'll look at centering elements that have drop shadows created using our previous method, using an image as the innermost nested element, as well as how to deal with various levels of browser support for drop shadows that use PNG transparency. Join us!

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven Coming Soon
Title
All About CSS Drop Shadows - Part Four
Keywords
CSS, drop shadow, image, background image, gaussian blur, position relative shift, nested DIVs, masks, making shadow images
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Tutorial
Description
In the last part of our series, we introduced a drop shadow method that employs a background image to simulate the shadow on a box element. This time we will introduce a slightly different method that produces a superior shadow, using some additional markup and images.

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven Coming Soon
Title
All About CSS Drop Shadows - Part One
Keywords
drop shadow, sliced image, HTML table, rounded cornered boxes, CSS drop shadow, relative shift, group selector
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Tutorial
Description
Do you like drop shadows on your page elements, but haven't a clue how to get them on your pages? Maybe you do know a bit about creating drop shadows, but a refresher on the modern methods would be welcome? Do you want to learn the very latest cutting edge tricks?

If you are any of these, don't go away because we now begin a series on drop shadows for HTML elements. At the start we'll keep it simple, and as we progress in the series the methods will become more advanced and effective. At the end you will be treated to a brand new method so advanced that it must wait for IE7 to arrive before you can use it properly.

Join us, won't you?

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven Coming Soon
Title
All About CSS Drop Shadows - Part Seven
Keywords
CSS, shadow, drop shadow, dropshadow, shadowing, IE6, tableless, :hover, .sfhover, Suckerfish, getElementsByClass, conditional comment
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Tutorial
Description
In the previous tutorial in our series (Part Six) we detailed a fancy "button-depress" trick for use with the drop shadow method that was for browsers other than IE. This time we will explain how you can get IE6/Win and IE5.5/Win to behave the same way, more or less.

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven
Title
All About CSS Drop Shadows - Part Three
Keywords
CSS, drop shadow, image, image editing program, gaussian blur, position relative shift
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Tutorial
Description
So far in this series we have covered easy CSS methods of faking a drop shadow, using only an extra DIV and a bit of CSS code. Now it's time to get fancier and employ actual images in the drop shadow quest. The shadows will look better, and the code won't be as scary as you think, so check it out!

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven Coming Soon
Title
All About CSS Drop Shadows - Part Two
Keywords
CSS, drop shadow, dropshadow, shadowing, dimension, layer
Author
John Gallant,Holly Bergevin
Category
CSS
Type
Tutorial
Description
Continuing our Drop Shadow series, we expand on the simple CSS method described in Part One, showing how to make easy modifications to achieve different effects. Then we'll discuss certain vital considerations when implementing such techniques, in preparation for the more advanced methods to come.

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven Coming Soon
Title
Close Gaps Next to Floated Images in Internet Explorer
Keywords
CSS, cascading style sheets, stylesheets, Windows Internet Explorer, IE, float, floats, floated image, clear, gaps, bugs, hacks, hasLayout, zoom, inline
Author
Zoe Gillenwater
Category
CSS
Type
Tutorial
Description
One of the most common tasks when laying out the content of a web page is floating images to the right or left so that text flows around them — something very easy to do in CSS. But when an image has the clear property set on it in addition to the float property, large gaps in the content can appear in Internet Explorer. Unlike many of IE's bugs, this one doesn't fall to its typical hacks. But, it can be fixed. In this tutorial, you'll learn two fixes for this IE bug.
Title
Control Block Formatting Context
Keywords
CSS, cascading style sheets, styles, floats, floating, sidebars, clears, clearing, block formatting context, overflow, display table
Author
Zoe Gillenwater
Category
CSS
Type
Tutorial
Description
In order to become a skilled CSS developer, you need to understand the underlying concepts of CSS that make it work and not just how to produce certain visual effects. The "block formatting context" is one of those concepts that drives how CSS affects your page without you even knowing it.

Most of the time, you don't need to worry about it; it's just something that's going on behind the scenes that you don't need to get involved with. Sometimes, however, the lack of a new context can make elements interact in undesirable ways. The primary reason for setting a new context is to keep cleared elements inside a main content div from clearing floated sidebars. We'll use this problem as a case study for how to establish new block formatting contexts and to see what their effect is on the other elements around them.
Title
Create a Horizontal Band CSS Layout - Part 1
Keywords
CSS, cascading style sheets, styling, styles, layouts, background colors, full width, stretch
Author
Zoe Gillenwater
Category
CSS
Type
Tutorial
Description
One of the stereotypical types of CSS layouts is known as a toilet paper roll layout: a centered, fixed-width column of content, usually subdivided into two or three columns, with a header and footer spanning them all. It became known as the toilet paper roll layout because the content seemed to spill down the page as if paper coming off a roll. It has a very vertical feel to it.

Another type of CSS layout that is now popular, however, is what I call a horizontal band layout. Its content can still be fixed-width and centered, but instead of the vertical feel of the toilet paper roll layouts it has a horizontal one because of the background colors or images applied to the stacked divs that stretch across the entire width of the viewport. Sometimes these horizontal bands are just restricted to the header and footer areas. Other times the entire layout is made up of stacked bands.

Despite the many different looks of these horizontal band layouts, the markup and CSS required for forming their basic shape is quite similar throughout. In this tutorial, you'll learn what separates them from vertically oriented layouts by modifying the markup and CSS of a simple vertical layout and turning it into a basic horizontal band layout.

This tutorial assumes you have an intermediate understanding of CSS, specifically backgrounds, margins, and floats.

The Create a Horizontal Band CSS Layout Series:
Create a Horizontal Band CSS Layout - Part 1
Create a Horizontal Band CSS Layout - Part 2
Create a Horizontal Band CSS Layout - Part 3
Create a Horizontal Band CSS Layout - Part 4
Create a Horizontal Band CSS Layout - Part 5
Title