TechSmith Language: English Deutsch Français 한국어 日本語
Snagit Jing new window Camtasia StudioCamtasia for MacCamtasia RelayScreencast.comMoraeUserVueVideo CodecsDeveloper Tools
Free TrialsVideo CodecsAccessories and Tools
Lost Software KeyLearning CenterSupport Center
Visual Lounge BlogNewslettersUser-to-User ForumsEducation CommunityEducation BlogCalendar of EventsPresentation Materials
About TechSmithCareer OpportunitiesPress RoomContact UsPartner Resources
Online StoreVolume DiscountsEducation PricingGov/Non-Profit PricingContact SalesResellers

Camtasia Studio Learning Center

Home / Learning Center / Camtasia Studio /

Camtasia Studio 5 Tutorial: Customize HTML Template

This tutorial covers how to change the HTML ExpressShow template for single output, non-SCORM productions. Click the link below to download six new HTML templates for your ExpressShow productions. You can also create your own HTML template. The HTML template appears as the background around the video.

Camtasia Studio Video Tutorial

Camtasia Studio Training

Customize the HTML Template for ExpressShow Productions

This tutorial covers how to change the HTML ExpressShow template for single output, non-SCORM productions. Click the link below to download six new HTML templates for your ExpressShow productions. You can also create your own HTML template. The HTML template appears as the background around the video.

Download the HTML Templates

Default template:
Default Template

The following HTML templates are available in the zip file:

The downloadable HTML templates are designed for use with small videos up to 800 x 600 pixels. Larger videos may extend beyond the dimensions of the background image and will not produce the same visual effect.

     basic_burst: basic_burst-earth:
Basic Burst Basic Burst Earth
basic_dotted: basic_example-1A:
Basic Dotted Basic Example 1A
basic_example-1B:  basic_example-2:
Basic Example 1B Basic Example 2

Change the HTML template for ExpressShow Productions:

  1. Download the HTML templates from the link above. The folder contains six new HTML templates for ExpressShow and a backup copy of the default HTML templates.
  2. Choose C:\Program Files\TechSmith\Camtasia Studio 5\Media\Studio\HTML\ExpressShow. This folder contains the default HTML templates for ExpressShow included with the Camtasia Studio 5.0 or 5.1 installation.
  3. Delete the “basic” folder.

    Make sure you create a backup copy of the basic HTML template. The zip file also contains a copy of the default HTML templates for ExpressShow.

    Delete Basic Folder
  4. Copy the desired basic template from the zip folder (ex. basic_dotted).
  5. Paste the selected folder (ex. basic_dotted) into the following location: C:\Program Files\TechSmith\Camtasia Studio 5\Media\Studio\HTML\ExpressShow.
    Paste Folder
  6. Rename the pasted folder to “basic”.
    Rename Folder

    When you produce an SWF video using an ExpressShow template and enable the Embed Video into HTML option, the video is wrapped in the new basic HTML template.

Changing the HTML for the basic ExpressShow template changes the appearance for all future ExpressShow productions.

Do you have Camtasia Studio?
Buy »
Free Trial »

Learning Center

Learning Center Home Snagit Learning Center Camtasia Studio Learning Center Camtasia for Mac Learning Center Camtasia Relay Learning Center Morae Learning Center UserVue Learning Center Screencast.com Help Center
 
Support User-to-User Forums What would you like to learn?
© 1995-2009, TechSmith Corporation, All Rights Reserved | About TechSmith | Careers | Contact