HCKAdvanced

=First Class® Advanced HCK= toc

In the beginner series, we worked with a series of 5 preset templates that all link correctly to each other. If you want more than 5 pages, the easiest way to continue building your site is to design a single master page that has links to all pages that you want. We will then copy the master page (either directly or with stationery) and rename the files before adding their specific content.

Copying a created page
or
 * Create you master page
 * Hold Down the Option (Alt) Key and drag the file to white space below
 * Create your master page
 * Open the Get Info (Properties) window and select stationery
 * Every time you click on the file now, it opens a copy of that document.

Aligning Media Elements
With each type of media that you add to your website, there are usually options to align them on your page. Images are the easiest to align. or
 * Insert the image
 * Highlight and use the paragraph alignment tool
 * Create a table
 * Insert the image into a cell of the table
 * Adjust the table to place the image how you want it
 * (Optionally, turn of the grid lines so you can't see the table. All you see is your wonderfully aligned work.)

Inserting Images To insert an image, you can either copy the image, or drag from a website or program like iPhoto where you can see the image. You need to be aware that this method may copy very large files that will slow the loading of your page down.

Embedding HTML code
Much of the advanced work with HCK involves using HTML or Java Script.


 * Copy the code from the website or that you have written.
 * Paste into your document
 * Select the text you pasted
 * Select Format > Style > Literal HTML

Embedding JAVA Script There are many scripts available for you to use. Not all scripts work with all browsers. Check that the script is working first (usually on the page you are trying to get it from.

This script can be used with any series of small images. The easiest solution to change the type of image falling is to create the pictures with the same name and replace the existing ones.

Falling Hearts

Embedding Movie Files
There are many different sets of HTML code that you can use depending on the size, style and format of the movies you want to display.

or You can modify this basic text that is used for Quicktime MOV files.
 * Search for HTML text that you like the way it works
 * (You can try [|http://cit.ucsf.edu/embedmedia/step1.php] This site will ask you for the location of the file and create the coding for you.)
 * Paste
 * Select the text you pasted
 * Change text to Literal HTML

Embedding YouTube
Find Copy the Embed Code

Embedding Audio Files
Search for HTML text that you like the way it works Paste (and change names appropriately to direct to your file) Change text to Literal HTML

Places for more help
Stewart Lynch is the creator of HCK and has provided the following video tutorials http://www.createchsol.com/HCK3Tutorial/ and his Advanced tips http://www.createchsol.com/HCK3Tutorial/Advanced