16 Replies Latest reply on Jan 9, 2009 8:56 AM by Nick_Dube

    Creating your own template.

    Nick_Dube
      Hello, everyone. I am new to the forum and am seeking some advice / possible answers for my dilemma.

      Here's my situation:

      I am creating a new site for myself in Dream Weaver CS4 and want to create a template based on a layout I have made. My problem is that when I save the document as a template and try to create a new page from it none of the images show up on the new page.

      The template previews exactly as it should look based off of the original document but fails to look as it should when I create a new document based off of it.

      I will paste the code for my original document for you all to look over to tell me if something is wrong.

      Code:


      quote:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns=" http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <!-- TemplateBeginEditable name="doctitle" -->
      <title>Untitled Document</title>
      <!-- TemplateEndEditable -->
      <style type="text/css">
      <!--
      #Header {
      position:absolute;
      left:0px;
      top:0px;
      width:990px;
      height:200px;
      z-index:1;
      background-color: #FFFFFF;
      background-image: url(../images/ndd_header1.gif);
      border: thin none #000;
      }
      #Footer {
      position:absolute;
      left:0px;
      top:894px;
      width:990px;
      height:95px;
      z-index:2;
      background-color: #FFFFFF;
      border: thin none #000;
      background-image: url(../images/ndd_footer.gif);
      text-align: center;
      font-family: "Arial Black", Gadget, sans-serif;
      }
      #Content {
      position:absolute;
      left:0px;
      top:289px;
      width:990px;
      height:600px;
      z-index:3;
      background-color: #FFFFFF;
      color: #000;
      border: thin none #000;
      background-image: url(../images/content.gif);
      }
      #container {
      background-color: #FFF;
      height: 988px;
      width: 990px;
      margin-right: auto;
      margin-left: auto;
      position: relative;
      border: thin solid #000;
      top: 0px;
      }
      body {
      background-color: #AF815B;
      background-image: url(../images/Texture1.jpg);
      background-repeat: no-repeat;
      }
      #Nav {
      position:absolute;
      left:0px;
      top:205px;
      width:990px;
      height:79px;
      z-index:1;
      background-color: #FFFFFF;
      border: thin none #000;
      }
      .font_size {
      font-size: x-small;
      font-family: "Arial Black", Gadget, sans-serif;
      }
      .font_size {
      font-size: x-small;
      }
      #apDiv1 {
      position:absolute;
      left:228px;
      top:327px;
      width:940px;
      height:549px;
      z-index:1;
      }
      -->
      </style>
      <script type="text/javascript">
      <!--
      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<a.length; i++)
      if (a .indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
      }

      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<d.forms.length;i++) x=d.forms [n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers
      .document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
      }

      function MM_nbGroup(event, grpName) { //v6.0
      var i,img,nbArr,args=MM_nbGroup.arguments;
      if (event == "init" && args.length > 2) {
      if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args )) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = args[i+1];
      nbArr[nbArr.length] = img;
      } }
      } else if (event == "over") {
      document.MM_nbOver = nbArr = new Array();
      for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args
      )) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
      }
      } else if (event == "out" ) {
      for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver ; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
      } else if (event == "down") {
      nbArr = document[grpName];
      if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr
      ; img.src = img.MM_up; img.MM_dn = 0; }
      document[grpName] = nbArr = new Array();
      for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args )) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
      } }
      }
      //-->
      </script>
      <!-- TemplateBeginEditable name="head" -->
      <!-- TemplateEndEditable -->
      </head>

      <body onload="MM_preloadImages('../images/home_ro.gif','../images/work_ro.gif','../images/resum e_ro.gif','../images/about_me_ro.gif','../images/news_ro.gif','../images/contact_ro.gif')" >
      <div id="container">
      <div id="Header"></div>
      <div id="Footer">
      <p><br />
      <span class="font_size">HOME | WORK | RESUME | ABOUT ME | NEWS | CONTACT</span></p>
      </div>
      <div id="Content"></div>
      <div id="Nav">
      <table border="0" cellpadding="0" cellspacing="0">
      <tr>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','home','',1)" onmouseover="MM_nbGroup('over','home','../images/home_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/home.gif" alt="Home" name="home" width="165" height="79" border="0" id="home" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','work','',1)" onmouseover="MM_nbGroup('over','work','../images/work_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/work.gif" alt="Work" name="work" width="165" height="79" border="0" id="work" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','resume','',1)" onmouseover="MM_nbGroup('over','resume','../images/resume_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/resume.gif" alt="Resume" name="resume" width="165" height="79" border="0" id="resume" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','about_me','',1)" onmouseover="MM_nbGroup('over','about_me','../images/about_me_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/about_me.gif" alt="About Me" name="about_me" width="165" height="79" border="0" id="about_me" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','news','',1)" onmouseover="MM_nbGroup('over','news','../images/news_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/news.gif" alt="News" name="news" width="165" height="79" border="0" id="news" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','contact','',1)" onmouseover="MM_nbGroup('over','contact','../images/contact_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/contact.gif" alt="Contact" name="contact" width="165" height="79" border="0" id="contact" onload="" /></a></td>
      </tr>
      </table>
      </div>
      </div>

      <div id="apDiv1"><!-- TemplateBeginEditable name="content" --><!-- TemplateEndEditable --></div>
      </body>
      </html>



      I know there's a lot there but I'm hoping someone can work with that. Is the fact that I am placing everything in Divs my problem?

      Also, here are screen shots of what I'm talking about:

      This is what I want the template to look like:

      Template

      This is what the template looks like after saving it and trying to open a new document using the template:

      Page based off of template

      If anyone can help or offer some advice I would appreciate it greatly!!!

      Thank you!!!
        • 1. Re: Creating your own template.
          Level 7
          the template code "looks" okay.

          How are you creating the child pages?

          File->New
          In new file dialog box, click the templates tab at top
          then select this site from list on left
          then select this template from list on right
          check that "update" checkbox is checked, then click okay

          now save new file to within the site

          actual url to the uploaded template and to a child page with missing images?

          --
          Alan
          Adobe Community Expert, dreamweaver

          http://www.adobe.com/communities/experts/



          • 2. Re: Creating your own template.
            Nick_Dube Level 1
            I did exactly as you wrote and ended up with the same results.

            I even tried using one of Dream Weaver's pre-made templates and the same thing happened. The template itself previews fine in the browsers but once I try to create a new page based off of the template nothing shows up. Do I need to attach a style sheet to each page or something?

            I thought this process would be relatively simple. Would it have something to do with how I have my file and folder directory organized?
            • 3. Re: Creating your own template.
              Level 7


              > I thought this process would be relatively simple. Would it have something to
              > do with how I have my file and folder directory organized?

              WHAT is the code in the child page?
              URL address to uploaded pages please.

              --
              Alan
              Adobe Community Expert, dreamweaver

              http://www.adobe.com/communities/experts/



              • 4. Re: Creating your own template.
                Nick_Dube Level 1
                I don't have a URL address yet because the site is not uploaded to a server yet.

                BUT, I can give you the code to the page so you can have a look at it. It's the code for a page I created based on the template following your instructions. Let me know if this helps.

                Here it is:

                • 5. Re: Creating your own template.
                  Level 7
                  img src="file:///Macintosh HD/Nick's Folder -
                  Mac/Design/ndd_site/images/home.gif"

                  The apostrophe in the folder name Nick's Folder is confusing dreamweaver

                  Rename that folder or use a different one.

                  --
                  Alan
                  Adobe Community Expert, dreamweaver

                  http://www.adobe.com/communities/experts/



                  • 6. Re: Creating your own template.
                    Nick_Dube Level 1
                    Ok, that helped. But now it seems that all of the images I used as background images within the original template are not showing up on the child page(s).

                    That includes that background images within the Divs as well as the background image for the entire page. The navigation bar shows up (that includes the roll overs) but that's it. Everything else is left blank.

                    Should I redesign the original template using gif files for my images instead of background image within the Divs? And if that's the case, what do I do about the main background image of the site?
                    • 7. Re: Creating your own template.
                      Level 7
                      guesses to start with:

                      open the .dwt template file
                      File->check page->check links
                      every thing work?

                      then look in the child page.
                      what's the path to the missing image?

                      is it a site root relative path?
                      does it start with a leading /slash?

                      then go into dw preferences->preview in browser and check "use temp file for
                      preview"

                      otherwise- url to an uploaded page pls.

                      --
                      Alan
                      Adobe Community Expert, dreamweaver

                      http://www.adobe.com/communities/experts/



                      • 8. Re: Creating your own template.
                        Nick_Dube Level 1
                        - All of the links on the main template page work.
                        - The path to the missing image on the child page looks identical to the path used on the main template page.

                        Here's an example of the code for the header on the child page:

                        #Header {
                        position:absolute;
                        left:0px;
                        top:0px;
                        width:990px;
                        height:200px;
                        z-index:1;
                        background-color: #FFFFFF;
                        background-image: url(file:///Macintosh HD/nicks_folder_mac/design/ndd_site/images/ndd_header1.gif);
                        border: thin none #000;

                        If you notice, the background image looks exactly as it should.

                        Regarding the uploading of the site to a server, do you guys provide such a service? Or is there any good recommendations you could give me? This way I could upload a direct link.

                        Thanks
                        • 9. Re: Creating your own template.
                          Level 7


                          > background-image: url(file:///Macintosh
                          > HD/nicks_folder_mac/design/ndd_site/images/ndd_header1.gif);
                          > border: thin none #000;
                          >
                          > If you notice, the background image looks exactly as it should.

                          There should never be any paths that start with file:///

                          question one:
                          Have you edited this Site Definition to reflect the change in folder
                          location?


                          --
                          Alan
                          Adobe Community Expert, dreamweaver

                          http://www.adobe.com/communities/experts/



                          • 10. Re: Creating your own template.
                            Nick_Dube Level 1
                            Yes, that information was updated. I just did it again as a matter of fact.

                            I did notice that when I try to create a page from the template I created the path in the new file does begin with /// as opposed to the original line of code that is in the document the template is based off of.

                            Why is this?
                            • 11. Re: Creating your own template.
                              Level 7
                              > Why is this?

                              It's because you haven't yet saved the file. Until DW knows where you are
                              going to save it, it cannot formulate the proper linking, so it temporarily
                              just uses an absolute file link. If you do one of these following things,
                              the link will (can only) remain as an absolute file link -

                              1. Make the link to a file that is outside the root folder of the local
                              site, or
                              2. Save the page outside of the local root folder of the site


                              --
                              Murray --- ICQ 71997575
                              Adobe Community Expert
                              (If you *MUST* email me, don't LAUGH when you do so!)
                              ==================
                              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                              ==================


                              "Nick Dube" <webforumsuser@macromedia.com> wrote in message
                              news:gir18d$ape$1@forums.macromedia.com...
                              > Yes, that information was updated. I just did it again as a matter of
                              > fact.
                              >
                              > I did notice that when I try to create a page from the template I created
                              > the
                              > path in the new file does begin with /// as opposed to the original line
                              > of
                              > code that is in the document the template is based off of.
                              >
                              > Why is this?
                              >

                              • 12. Re: Creating your own template.
                                Nick_Dube Level 1
                                I just discovered something interesting.

                                I changed all of the background images within the divs to actual images and now everything seems to be working. I can create a page from the template and everything shows up except for the main background image. But, once I update the original template, the background image then appears on the child pages. Any reason for this?
                                • 13. Re: Creating your own template.
                                  Level 7
                                  > I changed all of the background images within the divs to actual images

                                  Sorry - what do you mean you changed them to actual images?

                                  Anyhow, let's see the code on your template page, please.

                                  --
                                  Murray --- ICQ 71997575
                                  Adobe Community Expert
                                  (If you *MUST* email me, don't LAUGH when you do so!)
                                  ==================
                                  http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                  http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                  ==================


                                  "Nick Dube" <webforumsuser@macromedia.com> wrote in message
                                  news:gir2id$cd7$1@forums.macromedia.com...
                                  >I just discovered something interesting.
                                  >
                                  > I changed all of the background images within the divs to actual images
                                  > and
                                  > now everything seems to be working. I can create a page from the template
                                  > and
                                  > everything shows up except for the main background image. But, once I
                                  > update
                                  > the original template, the background image then appears on the child
                                  > pages.
                                  > Any reason for this?
                                  >

                                  • 14. Re: Creating your own template.
                                    Nick_Dube Level 1
                                    What I meant was instead of using the background image option within my AP Divs I chose to insert > image and place the gif files within the boxes. For some reason that seemed to work.

                                    I will paste the code a bit later.
                                    • 15. Re: Creating your own template.
                                      Level 7
                                      Then they aren't background images, of course. We'll look forward to a
                                      glimpse of the code....

                                      --
                                      Murray --- ICQ 71997575
                                      Adobe Community Expert
                                      (If you *MUST* email me, don't LAUGH when you do so!)
                                      ==================
                                      http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                      http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                      ==================


                                      "Nick Dube" <webforumsuser@macromedia.com> wrote in message
                                      news:gj8i6m$ih$1@forums.macromedia.com...
                                      > What I meant was instead of using the background image option within my AP
                                      > Divs
                                      > I chose to insert > image and place the gif files within the boxes. For
                                      > some
                                      > reason that seemed to work.
                                      >
                                      > I will paste the code a bit later.
                                      >

                                      • 16. Re: Creating your own template.
                                        Nick_Dube Level 1
                                        Here is the code to this page (I'm sorry it's taken me so long to get to this. I've had some things to deal with outside of my designing as of late):

                                        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                                        <html xmlns=" http://www.w3.org/1999/xhtml">
                                        <head>
                                        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
                                        <!-- TemplateBeginEditable name="doctitle" -->
                                        <title>Untitled Document</title>
                                        <!-- TemplateEndEditable -->
                                        <style type="text/css">
                                        <!--
                                        #Header {
                                        position:absolute;
                                        left:0px;
                                        top:0px;
                                        width:990px;
                                        height:200px;
                                        z-index:1;
                                        background-color: #FFFFFF;
                                        background-image: url(../images/ndd_header1.gif);
                                        border: thin none #000;
                                        }
                                        #Footer {
                                        position:absolute;
                                        left:0px;
                                        top:893px;
                                        width:990px;
                                        height:95px;
                                        z-index:2;
                                        background-color: #FFFFFF;
                                        border: thin none #000;
                                        text-align: left;
                                        }
                                        #Content {
                                        position:absolute;
                                        left:0px;
                                        top:289px;
                                        width:990px;
                                        height:600px;
                                        z-index:3;
                                        background-color: #FFFFFF;
                                        color: #000;
                                        border: thin none #000;
                                        }
                                        #container {
                                        background-color: #FFF;
                                        height: 988px;
                                        width: 990px;
                                        margin-right: auto;
                                        margin-left: auto;
                                        position: relative;
                                        border: thin solid #000;
                                        top: 0px;
                                        }
                                        body {
                                        background-color: #AF815B;
                                        background-image: url(../images/Texture1.jpg);
                                        background-repeat: no-repeat;
                                        }
                                        #Nav {
                                        position:absolute;
                                        left:0px;
                                        top:205px;
                                        width:990px;
                                        height:79px;
                                        z-index:1;
                                        background-color: #FFFFFF;
                                        border: thin none #000;
                                        }
                                        .font_size {
                                        font-size: x-small;
                                        font-family: "Arial Black", Gadget, sans-serif;
                                        }
                                        .font_size {
                                        font-size: x-small;
                                        }
                                        #apDiv1 {
                                        position:absolute;
                                        left:228px;
                                        top:327px;
                                        width:940px;
                                        height:549px;
                                        z-index:1;
                                        }
                                        #apDiv2 {
                                        position:absolute;
                                        left:0;
                                        top:925px;
                                        width:990px;
                                        height:23px;
                                        z-index:3;
                                        text-align: center;
                                        font-size: small;
                                        font-family: "Arial Black", Gadget, sans-serif;
                                        }
                                        -->
                                        </style>
                                        <script type="text/javascript">
                                        <!--
                                        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<a.length; i++)
                                        if (a .indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
                                        }

                                        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<d.forms.length;i++) x=d.forms [n];
                                        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers
                                        .document);
                                        if(!x && d.getElementById) x=d.getElementById(n); return x;
                                        }

                                        function MM_nbGroup(event, grpName) { //v6.0
                                        var i,img,nbArr,args=MM_nbGroup.arguments;
                                        if (event == "init" && args.length > 2) {
                                        if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
                                        img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
                                        if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
                                        nbArr[nbArr.length] = img;
                                        for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args )) != null) {
                                        if (!img.MM_up) img.MM_up = img.src;
                                        img.src = img.MM_dn = args[i+1];
                                        nbArr[nbArr.length] = img;
                                        } }
                                        } else if (event == "over") {
                                        document.MM_nbOver = nbArr = new Array();
                                        for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args
                                        )) != null) {
                                        if (!img.MM_up) img.MM_up = img.src;
                                        img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
                                        nbArr[nbArr.length] = img;
                                        }
                                        } else if (event == "out" ) {
                                        for (i=0; i < document.MM_nbOver.length; i++) {
                                        img = document.MM_nbOver ; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
                                        } else if (event == "down") {
                                        nbArr = document[grpName];
                                        if (nbArr)
                                        for (i=0; i < nbArr.length; i++) { img=nbArr
                                        ; img.src = img.MM_up; img.MM_dn = 0; }
                                        document[grpName] = nbArr = new Array();
                                        for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args )) != null) {
                                        if (!img.MM_up) img.MM_up = img.src;
                                        img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
                                        nbArr[nbArr.length] = img;
                                        } }
                                        }
                                        //-->
                                        </script>
                                        <!-- TemplateBeginEditable name="head" -->
                                        <!-- TemplateEndEditable -->
                                        </head>

                                        <body onload="MM_preloadImages('../images/home_ro.gif','../images/work_ro.gif','../images/resum e_ro.gif','../images/about_me_ro.gif','../images/news_ro.gif','../images/contact_ro.gif')" >
                                        <div id="container">
                                        <div id="Header"><img src="../images/ndd_header1.gif" width="990" height="200" alt="Nick Dube Design Header" /></div>
                                        <div id="apDiv2">HOME | WORK | RESUME | ABOUT ME | NEWS | CONTACT</div>
                                        <div id="Footer"><img src="../images/ndd_footer.gif" width="990" height="95" alt="Nick Dube Design Footer" /></div>
                                        <div id="Content"><img src="../images/content.gif" width="990" height="600" alt="Nick Dube Design Content" /></div>
                                        <div id="Nav">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                        <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','home','',1)" onmouseover="MM_nbGroup('over','home','../images/home_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/home.gif" alt="Home" name="home" width="165" height="79" border="0" id="home" onload="" /></a></td>
                                        <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','work','',1)" onmouseover="MM_nbGroup('over','work','../images/work_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/work.gif" alt="Work" name="work" width="165" height="79" border="0" id="work" onload="" /></a></td>
                                        <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','resume','',1)" onmouseover="MM_nbGroup('over','resume','../images/resume_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/resume.gif" alt="Resume" name="resume" width="165" height="79" border="0" id="resume" onload="" /></a></td>
                                        <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','about_me','',1)" onmouseover="MM_nbGroup('over','about_me','../images/about_me_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/about_me.gif" alt="About Me" name="about_me" width="165" height="79" border="0" id="about_me" onload="" /></a></td>
                                        <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','news','',1)" onmouseover="MM_nbGroup('over','news','../images/news_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/news.gif" alt="News" name="news" width="165" height="79" border="0" id="news" onload="" /></a></td>
                                        <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','contact','',1)" onmouseover="MM_nbGroup('over','contact','../images/contact_ro.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/contact.gif" alt="Contact" name="contact" width="165" height="79" border="0" id="contact" onload="" /></a></td>
                                        </tr>
                                        </table>
                                        </div>

                                        </div>

                                        <div id="apDiv1"><!-- TemplateBeginEditable name="content" --><!-- TemplateEndEditable --></div>

                                        </body>
                                        </html>