Previous Topic

Book Contents

Book Index

AuthorIT Screencast HTML Template Example

The section below is an example of the HTML template needed for AuthorIT to publish Camtasia screencasts.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--

// *** Use the following from AuthorIT: ***

// DOCTYPE declaration (above)

// <html> with XML Namespace

// <head> tags

// <meta> tags

// <title> tags

// <link> tags

-->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<meta name="Generator" content="AuthorIT">

<meta name="Keywords" content="">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<link rel="stylesheet" href="kb_stylesheet.css">

<!-- <link rel="stylesheet" href="44.css"> -->

<!-- *** This JavaScript is taken from Camtasia *** -->

<script type="text/javascript" src="flashobject.js"></script>

<script type="text/javascript">

<!-- To load a movie other then the first one listed in the xml file you can specify a movie=# arguement. -->

<!-- For example, to load the third movie you would do the following: MyProjectName.html?movie=3 -->

// <![CDATA[

var args = new Object();

var query = location.search.substring(1);

// Get query string

var pairs = query.split( "," );

// Break at comma

for ( var i = 0; i < pairs.length; i++ )

{

var pos = pairs[i].indexOf('=');

if( pos == -1 )

{

continue; // Look for "name=value"

}

var argname = pairs[i].substring( 0, pos ); // If not found, skip

var value = pairs[i].substring( pos + 1 ); // Extract the name

args[argname] = unescape( value ); // Extract the value

}

// ]]>

</script>

<!-- *** This embedded Stylesheet is taken from Camtasia *** -->

<style type="text/css">

body

{

background-color: #ffffff;

font: .8em/1.3em verdana,arial,helvetica,sans-serif;

text-align: center;

}

#noexpressUpdate

{

margin: 0 auto;

font-family:Arial, Helvetica, sans-serif;

font-size: x-small;

color: #003300;

text-align: left;

background-image: url(No_Flash.gif);

background-repeat: no-repeat;

width: 210px;

height: 200px;

padding: 40px;

}

</style>

</head>

<!-- *** The Body section is taken from AuthorIT *** -->

<body text="#000000" link="#0000A0" alink="#008000" vlink="#FF0000" onLoad="open('tab_toc.htm','TAB');">

<table border="0" width="400px">

<tr valign="top"><td height="100%" >

<aitdata> <!-- Specifies where AuthorIT will place your screencast -->

</td></tr>

<tr valign="bottom"><td>

</td></tr>

</table>

</body>

</html>

See Also

Camtasia and AuthorIT

Create a Camtasia Screencast

Create a AuthorIT Screencast Template

Camtasia & AuthorIT Screencast