PDA

View Full Version : Question regarding automating input in Dreamweaver


JohnDeSmet
07-15-2012, 11:13 AM
Hi,

I recently started using Dreamweaver and I am working on a site that tries to link to quality walkthroughs. I search for walkthroughs on Youtube, and then embed them in the site.

I use the page "playlist" to put all the links on, and some 'viewpages' where the videos are embedded.

The playlist page looks something like this:

Playlist:
Walkthrough part 1 (linking to a viewpage where the first part is embedded)
Walkthrough part 2 (linking to a viewpage where the second part is embedded)
...

The viewpages look something like this:

http://i46.tinypic.com/245aa9c.png

Where the arrow to the left links to the previous part of the walkthrough, the middle bar "walkthrough playlist" links to the playlist page and the arrow the the right links to the next part of the walkthrough.

The problem is that a walkthrough easily consists of 30 parts; so I have to make 30 viewpages, embed 30 times the correct video, and I have to adjust the links to the previous and next walkthrough for every single viewpage; if I am working on viewpage #28 I have to link the arrows to #27 and #29, if I am working on viewpage #29 I have to link the arrows to #28 and #30, etc. This is a huge amount of work, considering the fact that I would really like to put a lot of walkthroughs on my site.

Is there a way of making this process more simple and less time consuming? I already use templates for each viewpage, but I still have to manually change all the links.

Thanks in advance,

John

EDIT: code for the viewpage:

<!DOCTYPE HTML>
<html><!-- InstanceBegin template="/Templates/viewpage-template.dwt" codeOutsideHTMLIsLocked="false" -->

<head>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script type="text/javascript" src="../../../js/timothy.js"></script>

<link href="../../../css/styles.css" rel="stylesheet" type="text/css" media="screen">
<link href="../../../css/print.css" rel="stylesheet" type="text/css" media="print">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="cache" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta name="keywords" content="Enter Keywords" />
<meta name="description" content="Description Here" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Gaming Splash: Quality Video Walkthroughs</title>
<!-- InstanceEndEditable -->
<!-- Google Analytics Code Goes Below Here -->


<!-- End Google Analytics Code -->


<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
<div id="wrapper">

<div id="logo">
<a href="../../../index.html"><img src="../../../images/icons/Gamingsplash_1_Fully%20resized.jpg"></a>
</div>


<div id="topnav">

<ul>
<li> <a href="../../../index.html">Home</a></li>
<li> <a href="../../../about.html">About</a></li>
<li> <a href="../../../contact.html">Contact</a></li>
<li> <a href="../../../request-walkthrough.html">Request Walkthrough</a></li>
<li> <a href="../../../add-walkthrough.html">Add Walkthrough</a></li>
</ul>

</div>

<div id="search">

<!-- search code comes later -->

</div>

<div id="platforms">

<div id="platforms-header" >

<h2> Platforms </h2>

</div>

<div id="platforms-icons" >

<ul>
<li> <a href="../../../platforms/nintendo64.html"><img src="../../../images/icons/nintendo64-icon.jpg"></a> </li>
<li> <a href="../../../platforms/gamecube.html"><img src="../../../images/icons/gamecube-icon.jpg"></a> </li>
<li> <a href="../../../platforms/xbox.html"><img src="../../../images/icons/xbox-icon.jpg"></a> </li>
<li> <a href="../../../platforms/xbox360.html"><img src="../../../images/icons/xbox360-icon.jpg"></a> </li>
<li> <a href="../../../platforms/ps1.html"><img src="../../../images/icons/ps1-icon.jpg"></a> </li>
<li> <a href="../../../platforms/ps2.html"><img src="../../../images/icons/ps2-icon.jpg"></a> </li>
<li> <a href="../../../platforms/ps3.html"><img src="../../../images/icons/ps3-icon.jpg"></a> </li>
<li> <a href="../../../platforms/pc.html"><img src="../../../images/icons/pc-icon.jpg"></a> </li>
<li> <b> more soon </b> </li> <!-- insert image here with more soon 100px by 100px -->

</ul>


</div> <!-- end div platforms-icons -->



</div> <!-- end div platforms -->



<!---------------------------- EDITABLE AREA ------------------------------->
<!-- InstanceBeginEditable name="viewpage-editableregion" -->
<div id="featured-walkthrough-wrapper1" >
<!-- video header 1 -->
<div id="featured-walkthrough-header1">
<h3> <a href="../../../video-playlists/xbox360/hitmanbloodmoney-playlist.html">Hitman Blood Money</a> - Episode 10 | by The AuZZie Gamer</h3>
</div>
<!-- end header 1 -->
<!-- video frame 1 -->
<div id="featured-walkthrough-frame1">
<iframe width="640" height="360" src="http://www.youtube.com/embed/T_WkJ8axwe8" frameborder="0" allowfullscreen></iframe>
</div>
<!-- end frame 1 -->
<!-- video description -->
<div id="video-description-wrapper1">
<div id="video-description-header1" >
<h3> Video Description </h3>
</div>
<div id="box-art-wrapper1">
<div id="box-art-text1">
<h4> Game:</h4>
<p><b>Hitman Blood Money</b></p>
</div>
<div id="box-art-img1"> <a href="../../../video-playlists/xbox360/hitmanbloodmoney-playlist.html"> <img src="../../../images/video-game-box-art/XBOX 360/hitmanbloodmoney-boxart.jpg"></a> </div>
</div>
<div id="video-description1" >
<ul>
<li>
<div id="video-by1"><b> Video By: </b> The AuZZie Gamer</div>
</li>
<li>
<div id="platform1"> <b> Platform: </b></div>
<div id="platform-image1"> <a href="../../../platforms/xbox360.html"><img src="../../../images/icons/xbox360-icon.jpg"></a></div>
</li>
</ul>
</div>
<!-- end video-description1 -->
</div>
<!-- end video-description-wrapper1 -->
<!-- end video description -->
<!-- video nav -->
<div id="video-nav1" >
<div style="text-align:center; width:640px; "> <img id="Image-Maps_2201207111336286" src="../../../images/icons/video-nav.jpg" usemap="#Image-Maps_2201207111336286" border="0" width="640" height="80" alt="" />
<map id="_Image-Maps_2201207111336286" name="Image-Maps_2201207111336286">
<area shape="rect" coords="496,13,566,67" href="hitmanbloodmoney-viewpage-episode11.html" alt="" title="" />
<area shape="rect" coords="84,13,154,65" href="hitmanbloodmoney-viewpage-episode9.html" alt="" title="" />
<area shape="rect" coords="160,9,493,72" href="../../../video-playlists/xbox360/hitmanbloodmoney-playlist.html" alt="" title="" />
<area shape="rect" coords="638,78,640,80" href="http://www.image-maps.com/index.php?aff=mapped_users_2201207111336286" alt="Image Map" title="Image Map" />
</map>
</div>
</div>
<!-- end video nav -->
</div>
<!-- end featured-walkthrough-wrapper1 -->
<!-- InstanceEndEditable -->
<!---------------------- END EDITABLE AREA --------------------------------->











<!-- info section -->

<div id="info">

<h4> Info: </h4></br>

<ul>
<li> <a href="../../../advertise.html">Advertise</a></li>
<li> <a href="../../../donate.html">Donate</a></li>
<li> <a href="../../../contact.html">Contact</a></li>
<li> <a href="../../../become-partner-website.html">Partner with GamingSplash.com</a></li>
</ul>

</div>

<!-- end info section -->



<!-- footer section -->

<div id="footer">

<p class="footer-text"> 2012 - GamingSplash.com - All Rights Reserved </p>

</div>

<!-- end footer section -->








</div> <!-- end WRAPPER DIV -->

</body>
<!-- InstanceEnd --></html>