History

Google Apps have been around a while, and we've seen more than a few of these "apps" come and go, like Orkut. The mainstays have survived the test of time and been improved upon to the point where they are becoming indispensable, at least to me. First, of course, is Gmail. While you might not think of it as one of the Google apps, it is indeed an application, albeit a common one. There are several web based email applications to choose from (Yahoo, Hotmail, AOL, etc.), and some may have better features than Gmail, but these are not part of a suite of applications, and therefore not integrated.

Google Docs has been part of the Google Apps family since 2007, and has slowly developed into a fairly robust word processor. While it lacks some of the more dynamic features of Microsoft Word, its cloud based nature has made it far more useful for collaboration. The ability to share documents online is something Microsoft has only very recently begun to mimic.

FLASH

Make a directory called video and place place all video files within that directory.

Determine the dimensions of your video file, then create a Flash document the same size and save with a generic file name. You will use this as a starting template for other videos. Now do a Save As and name the file with its final name.

Import Video:

Choose the file from the video directory to import into your Flash document. You will get a series of dialog boxes asking you to make several choices. Most of these can be left as the default selections. Firts, choose "Progressive download from a web server". It says this in the notes on the right: This deployment requires Flash Player 7 or later. Progressive Flash delivery lets you stream the video using HTTP streaming. This option will convert the video file import to a Flash file, and configure a Flash Video component to play the video. Note: You need to upload the Flash Video file to a web server manually. This option always places a Video component on stage....next....

There are five tabs in the dialog box at this point.

• Encoding Profiles: Flash 8 - Meduim Quality (400kbps) - DEFAULT
• Video; Encode video-checked. Video codec-On2VP6. Frame rate-Same as source. Quality-Medium. Max data rate-400kbps. Key fram placement-Automatic (ALL DEFAULT)
• Audio: Encode audio-checked. Adio format-MPEG Layer III(MP#)(no choice). Data rate-96kbps (stereo) (ALL DEFAULT)
• Cue Points: Don't touch
• Crop and Resize: Don't touch

Next we choose a skin. It doesn't matter which one we choose since the real choice will be made in Dreamweaver.

Lets finish up with Flash. You should have already saved the file with its final name so you can go ahead and save it again after you publish it. This will crteate, among other things, a .flv file with the final name. This is the file you will use in Dreamweaver.

Joomla - Adding and Editing Articles for Beginners: WYSIWYG

A beginner needs to know the basics of the WYSWIG environment more than anything else. WYSIWYG means What You See Is What You Get. This tutorial uses TinyMCE, the default WYSIWYG editor. I cover the basics you need to start writing articles and adding your own images. In future tutorials I'll show you how to organize your articles, make menu items and install an extension.

Feel free to use the contact form if you have any comments or questions

Enjoy,

Download (PDF)

That being said, if you're building a PHP site, this is a great way to hide the fact that this a PHP site and possibly causing hackers to overlook your site. There's no SEO advantage to having a .html extension over a .php extension. The biggest drawback I can see to using this part of the script is if you commonly pass variable through your URLs (ie. filename.php?id=420&action=token). If that is the situation you are in, then you can simply strip that part out of the script.

Dreamweaver tends to place the javascript in the head and adds an 'onload' function to the body tag. For some people that might be OK, but I like to have my main tags free of clutter because I build my sites in a modular way. By taking the javascript out of the head and calling it externally, we make the page more user friendly for bots and humans (at least the human who codes the page). When you place the rollover images, you will need to insert two javascript functions in each link; onmouseover & onmouseout. Lets take a look at the pieces.

NOTE: spaces have been added around the '<' and '>' characters to have them display properly.
REMEMBER TO DELETE THESE SPACES.

The JavaScript

Copy and paste this into a new file and name it 'rollover.js' and place it in a spot where you would normally put a script that is going to be used several times. Personally, I have an 'includes' directory that contains a 'js' directory that holds all of my common JavaScripts. You'll use the path again when you call the script externally in a page head (within the < head > tags)

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i }
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i for(i=0;!x&&d.layers&&i if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}