Where to upload to access header and body areas?

I am trying to put several galleries on my WordPress site at http://dianahunter.com/wordpress/ using visuallightbox.com version 4.3.2. There is no plug-in for this. I cannot figure out how to put my visuallightbox up on my website. I tried adding the code to the post on the main page. That does not work. I need to add this to the header:

<!-- Start VisualLightBox.com HEAD section -->
		<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
		<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.min.js" type="text/javascript"></script>
		<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
		<script src="engine/js/vlbdata.js" type="text/javascript"></script>
		<!-- End VisualLightBox.com HEAD section -->

<strong>Then I need to add this to the body:</strong>
<!-- Start VisualLightBox.com BODY section id=1 -->
	<div id="vlightbox1">
	<a href="data/images1/1a.jpg" title="1A"><img src="data/thumbnails1/1a.jpg" alt="1A"/>1A</a>
<a href="data/images1/2a.jpg" title="2A"><img src="data/thumbnails1/2a.jpg" alt="2A"/>2A</a>
<a href="data/images1/3a.jpg" title="3A"><img src="data/thumbnails1/3a.jpg" alt="3A"/>3A</a>
<a href="data/images1/4a.jpg" title="4A"><img src="data/thumbnails1/4a.jpg" alt="4A"/>4A</a>
<a href="data/images1/5a.jpg" title="5A"><img src="data/thumbnails1/5a.jpg" alt="5A"/>5A</a><a href="http://visuallightbox.com">jQuery Modal Popup by VisualLightBox.com v4.3.2m</a>
	</div>
	<!-- End VisualLightBox.com BODY section -->

Plus I need to upload the Data folder and the Engine folder to the website.

Where do I paste this code and folders to upload them to my website?

I am working on a MacBook Pro running Snow Leopard which is version 10.6.8 I am not anxious to go to a new version and lose my custom colors and features. I could also use Dreamweaver CS4 if I knew what to do. Thanks for your help!
Diana Hunter