Web Album
Top  Previous  Next


CodedColor allows you to create customized WEB albums from your pictures with a few mouse clicks. The albums only require a browser capable of Javascript, such as Internet Explorer, Netscape, Mozilla or Opera.

You can use the albums for
 
·Sharing - place them on your web page and give the URL to your friends  
·Archiving - store them with the images on CD / DVD and show them on any computer with a browser installed  
 
scr_webalbum  
 
You can customize the Web album to your needs by  
 
·changing text and background colors  
·hiding or showing the frames  
·including/excluding information, such as title & annotations, EXIF and image information.  
·adding own HTML pages  
·adding watermark text  
·resizing the images  
 

Tutorial: Create a new Web Album

Take a few minutes to create your first Web Album, by following the steps below:
 
·Open an Album or Catalog containing the images you want to export. If you do not want all images, you can exclude some of the images.  
 
·Select Share > Export Album > Web Album to start the Export Dialog.  
 
Step 1: General Options  
 
·Specify which File Information to include into your exported Web Album  
 
·If you want to resize the images, decheck No Compression and set the size and quality for the resampling operation  
 
·If Show thumb frame is checked in the Color and Layout tab, the thumbs will be created for all images with the size defined in Thumb width.  
 
·All images will be converted into the specified Image and thumb format. For Web-Browsers use JPG, GIF, PNG.  
 
·Check Add Watermark if you want text to be added to your images. You can also specify which text to use, and the position of the watermark.  
 
· You can also Include own HTML documents into the exported album. If this option is checked, HTML files located within your source directories will be added to the exported album. Note, that all images referenced by these documents should lie outside of the album directories, otherwise they are included as thumbnails!  
 
Example: if you have a directory D:\Images\2003\ with all your trips in 2003, then you might want introductory HTML pages at the top of your trip directories. If such a document trip01.htm points to an image D:\Images\2003\trip01\sunrise.jpg, then this image will be displayed as part of the album in the thumb filmstrip. If you only want to display this image in the introductory HTML document, then you could change the link to <img src="..\..\Outside\sunrise.jpg"> and move the image outside of the album directory structure to D:\Images\Outside\.  
 
·Set Autoplay Seconds to a value other than 0, and the images are automatically transitioned when the album is opened. You can also add ?autorun=xx to the album url to produce the same effect.  
 
·Set Start with Image# to a value other than 0, if you want to skip the intro screen and display directly a designated image of the album. You can also add ?ImageID=xx to the album url to produce the same effect.  
 
·If you check Include Startpage, then you might want to check and edit the album information by pressing Edit Album Info.  
 
Step 2: Color and Layout  
 
·Select any of the predefined Style Templates. You can also download templates from the internet by selecting <search online..> or use *.cctmpl files from other CodedColor users by selecting <search local..>.  
 
·Adjust text and background colors of your liking  
 
·Add or change images for your background. If you are using a background image you should adjust the background color correspondingly.  
 
·Specify which frames to include  
 
·Select Save Options if you want to use your settings for future albums or share them with other CodedColor users.  
 
·Save as Default  
Stores all of your settings as default for new web-albums. The selected template is also updated.  
 
·Save to Template  
Updates the selected Template with your current settings. If you also want to store your general settings such as thumbsize, image compression size use Save as Default above.  
 
·Create Template  
Uses your current settings to create a new Template or update an existing *.cctmpl file. The template file youtemplatename.cctmpl will be stored in your Album Export -> _TEMPLATES folder and can be used to pass your template to other CodedColor users. Mail it to webtemplate@codedcolor.com if you want to include it into the template list for download.  
 
·If you select Reset Options, you can discard your changes and revert to your previous settings.  
 
Step 3: Start Export  
 
·Select the Output directory for you Web Album, and the name for your index page.  
 
·Check and change the Export Options  
 
·When you press Start Export, the HTML pages will be created in the directory specified for the index page. You can transfer this directory (including the subdirectories!) to your web space or burn it on a CD. It contains all required information for the Web Album.  
Note: Don't upload from the location of your original images!  
 
·If you want to create a single album file, select Compress to Archive. A self extractable archive allows anyone to view your album without having CodedColor installed.  
 
·You can send the created single file archive via email. When the attachment is opened, the album will be automatically extracted and opened in the browser. Note however, that many email clients and POP servers don't allow EXE files as attachments. To overcome this, select a compression format other than EXE. If your album is saved as a CCA (CodedColor Archive) or ZIP archive, it can be easily imported in CodedColor. The CCA format requires the recipient of the email to have CodedColor installed.  
 
Step 4: Upload Album  
 
See the extra topic on this.  
 
 
icon_tip Example Templates

For a larger selection of templates, please visit http://www.codedcolor.com/cctmpl/
. We're always happy to add good templates to our collection, so feel free to send us your favorite templates along with an example album link.


scr_webtemplate_classic1  
CC Classic1  
 
To the left you see a CodedColor template consisting of XP style navigation buttons and marble background images in different shades for the different frames.  
 
Hint: Always try to select a background color for the scrollbars, which is similar to the color of the background image.  

 
icon_tip Hint
 
·To start the slideshow automatically, add the parameter autorun=x to the URL, where x is the delay in seconds.  
Example: http://www.1stein.de/fotos/Snapshots/index.htm?autorun=6  
 
·To open the album in full screen mode, add the parameter fullscreen=1 to the URL  
Example: http://www.1stein.de/fotos/Snapshots/index.htm?fullscreen=1  
 
·To open the album with a particular image loaded, add the parameter ImageID=x, where x ist the image at position x to be loaded.  
Example: http://www.1stein.de/fotos/Snapshots/index.htm?ImageID=4 would open the fourth image  
 
·You can combine parameters ie. fullscreen and ImageID  
Example: http://www.1stein.de/fotos/Snapshots/index.htm?ImageID=3&fullscreen=1 would open the third image in full screen mode. Currently you cannot combine fullscreen and autorun.  
 
icon_tip Related topics
 
·HTML Indexpage  
·Albums  
·Catalogs  
·Custom sorting  
·Title and Annotations  
·Mail Files  
·Export Multipage Documents (PDF, TIF)  
·Album Upload  



2004 © 1STEIN GmbH - CodedColor

CodedColor PhotoStudio by 1STEIN is a powerful and versatile photo organizer and image editing software for digital camera users. Features include photo editing & printing, web album galleries, slide shows, photo management & cataloging, custom sorting, IPTC & EXIF display, thumbnail generation, resize & resample images, jp2000, batch conversion, database keyword searching, red eye removal, color / sharpness / brightness & contrast correction, artefacts removal, clone brush, scanner & TWAIN import, screen capture, lossless JPEG rotation, gamma correction and screenshows with transition effects, panorama stitch, RAW, photo books and layouts, collages, histograms, white balance, PDF export, watermarks, etc. Please visit the CodedColor FotoStudio homepage to learn more or download a free copy!