Tutorial on Dreamweaver templates?

I am fairly new to Dreamweaver (cs6), having previously designed and maintained a few sites using Freeway. I purchased a template from TemplateMonster.com in the hope that this would simplify the creation of a new site. The template came without any instructions other than how to unzip the file. Their helpline really isn't helpful at all. Can anyone recommend an online tutorial on how to use a predesigned template? Lynda.com doesn't have one. Thanks!

Commercial Templates are often very different from Dreamweaver Templates (.dwt files) which are in fact a site management tool.   This often confuses people.
A Dreamweaver Template is a common structure used for creating all the pages in your site.  The template has Editable Regions which you define for content that will change from page to page.  Everything outside Editable Regions like your header, footer & menus will remain consistent throughout the site. 
http://www.smartwebby.com/web_site_design/dreamweaver_template.asp#1
Conversely, commercial templates from houses like Monster tend to be little more than a collection of CSS, HTML, JavaScript and image files which you must extract and save to your DW Local Site Folder.   Once you define your local site in DW (Site > New Site), you can open the HTML files in Code or Split View to add your own content.
Nancy O.

Similar Messages

  • Drop-down menu in Dreamweaver; template on top of template issue

    Hello.
    I've managed to create a drop-down menu in a dreamweaver
    template by saving the .dwt file as an .html file, building the
    menu, then resaving the file as the original .dwt. However, I have
    another template that is based on this original template, and while
    the drop-down menu appears when I preview the second template in my
    browser, it refuses to apply to the pages upon which the second
    template is based.
    Is there a solution to this?

    You are completely hosed now.
    When you save a template as HTML, you leave the Template
    markup in the page.
    When you then resave it as a template you duplicate that
    markup. You will
    never be able to use this properly now. And that is
    especially true with
    the AWFUL DW pop-up menus in it. You just must not use these
    menus with
    templates. Especially since there are much better ways that
    don't have any
    such restrictions -
    Check the uberlink and McFly tutorials at PVII
    http://www.projectseven.com/)
    and the Navbar tutorial at Thierry's place (
    http://www.tjkdesign.com)
    Or to get it done fast, go here -
    http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "xpanda" <[email protected]> wrote in
    message
    news:e9q2gf$oq4$[email protected]..
    > Hello.
    >
    > I've managed to create a drop-down menu in a dreamweaver
    template by
    > saving
    > the .dwt file as an .html file, building the menu, then
    resaving the file
    > as
    > the original .dwt. However, I have another template that
    is based on this
    > original template, and while the drop-down menu appears
    when I preview the
    > second template in my browser, it refuses to apply to
    the pages upon which
    > the
    > second template is based.
    >
    > Is there a solution to this?
    >

  • Where can I find a tutorial for Dreamweaver CS6?

    Where can I find a tutorial for Dreamweaver CS6?

    First web site in DW CS6 - (5-part written tutorial with sample files)
    http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1_cs6.html
    Nancy O.

  • Dreamweaver Template Without Dreamweaver

    Hi.
    I'm doing an internship for the semester and the place i work is having me redesign their intranet.  I'll be gone in December, and while no immediate changes will really need to be made, over time they will probably want to do something such as adding a link in the side menu...
    The problem is, I don't think they use Dreamweaver--if they're using another web design program, is it possible for them to edit the dreamweaver template I've created for them?
    Thanks.

    Another approach is to use Server-Side Includes (text files) that contain hyperlinks, common headers & footers for example.   Person responsible for updates could edit the SSI files in any html editor.  Upload to server and the server would populate changes throughout the site.
    More on SSIs:
    http://www.smartwebby.com/web_site_design/server_side_includes.asp
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Edit First line in dreamweaver templates

    Hello,
    When I create a page from a Dreamweaver template, a
    dreamweaver comment similar to the one below will be inserted:
    <!-- #BeginTemplate "/Templates/test.dwt" -->
    Each time I edit a page to add php code in the very first
    line, it is removed with every template update and the source code
    again starts with the dreamweaver comment. I need to add to all my
    pages a php code in the very first line like this one:
    <? $ob_start; $session_start; ?>
    How can I do that without removing the code from my pages
    with each template update. Another problem is that I can't insert a
    placeholder in the very first line of a dreamweaver template. Above
    that the first line is locked in dreamweaver, so that I can't
    change it manually. Is there any workaround available?
    Thanks,
    Philip

    > How can I do that without removing the code from my
    pages with each
    > template
    > update. Another problem is that I can't insert a
    placeholder in the very
    > first
    > line of a dreamweaver template. Above that the first
    line is locked in
    > dreamweaver, so that I can't change it manually. Is
    there any workaround
    > available?
    Put the code ABOVE the <html> tag.
    Which DW are you using? It looks like DW4 or earlier....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "flip3" <[email protected]> wrote in message
    news:ec40u0$mr3$[email protected]..
    > Hello,
    >
    > When I create a page from a Dreamweaver template, a
    dreamweaver comment
    > similar to the one below will be inserted:
    >
    > <!-- #BeginTemplate "/Templates/test.dwt" -->
    >
    > Each time I edit a page to add php code in the very
    first line, it is
    > removed
    > with every template update and the source code again
    starts with the
    > dreamweaver comment. I need to add to all my pages a php
    code in the very
    > first
    > line like this one:
    >
    > <? $ob_start; $session_start; ?>
    >
    > How can I do that without removing the code from my
    pages with each
    > template
    > update. Another problem is that I can't insert a
    placeholder in the very
    > first
    > line of a dreamweaver template. Above that the first
    line is locked in
    > dreamweaver, so that I can't change it manually. Is
    there any workaround
    > available?
    >
    > Thanks,
    >
    > Philip
    >

  • Flash banner in a Dreamweaver Template

    Hi all,
    I am using one of the provided Dreamweaver Templates (CSS).
    All is fine, except that for some reason it does not like Flash
    imports. I can alter the template as much as I like and it will
    always successfully change across the site, BUT if I try to insert
    a Flash movie/banner into the template - then it does not appear of
    ANY of the site files. The only way I can see the flash banner, is
    if I open the template.php file in a browser - then you can see
    that it is in fact there and working - but for some reason the
    other pages refuse to acknolwegde it. Images / Tables / Text - all
    work fine - just not flash banners. I even tried saving the banner
    as a JPG file in Flash, then sticking the JPG file in the template
    where the banner should - and it worked perfectly, but as a .swf
    extension it fails.
    Am I missing something?
    Nathan

    > BUT if I try to insert a Flash movie/banner into the
    template - then it
    > does not appear of ANY of the site files.
    Because of the active content .js fix, when you insert a .swf
    file into a
    template, you must use a Site Root relative path for it.
    Open the .dwt template file.
    Double-click on the .swf in design view- the "browse to file"
    dialog box
    should come up showing the currently selected file.
    look in the bottom of that dialog box for the pulldown to
    change from
    document relative path to site root relative path. Change it
    to site root.
    click okay and save the file, and let changes propagate.
    does it show in the child files now?
    [note- It may still not show during local preview because
    site root relative
    paths in javascript will not make any sense during local
    preview- they
    should work fine on the remote host if the site has it's own
    domain name
    though]
    Alan
    Adobe Community Expert, dreamweaver
    http://www.adobe.com/communities/experts/

  • Dreamweaver Templates with Web Gallery

    I have built a site in dreamweaver CS4 I have used a Dreamweaver Template for my pages. Rather than clog my pages up with images I used Adobe Bridge to create a web gallery, It created a gallery ok and I saved it to my hard drive. It created two items, a resourses folder and an "index" file. So I I copied and pasted the two items into my Dreamweaver folder I created and called SS_Bridge. I pointed a link I created to point to the "index" file within the SS_Bridge Folder in Dreamweaver, Will this create a problem as there will be two "Index" files within my site
    jjrutter

    The "home" page index file would be at the root level of the site.  Other folders within the root can all have their own index (default) files.

  • NEW! Free Dreamweaver templates WITH Fireworks vector files

    I just released some free Dreamweaver templates that include
    not only the Dreamweaver template dwt file, but also the original
    pre-sliced Fireworks file with all the template graphics.
    The templates include the dwt, Fireworks file, pure CSS
    menus, are AdSense-ready, XHTML 1.0 valid and are very customizable
    through both the Fireworks file and the CSS.
    If you use one, let me know so I can get a screenshot and
    post a link to your site showing how the templates have been
    customized by various designers.
    Cheers!
    Brodit

    Can you post a link to the PHP page, please? This will allow
    me to see the
    HTML markup on it....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Mr Zedd" <[email protected]> wrote in
    message
    news:eviqn8$ntm$[email protected]..
    > Hello everyone,
    >
    > I have been given an exisiting website to update that
    uses Dreamweaver
    > templates.
    >
    > I have made the changes successfully within the
    content.dwt file, saved
    > it,
    > and then uploaded both the new content.dwt file and the
    related *.htm
    > pages
    > that were linked to it.
    >
    > After going to the website to double check the new pages
    I found a *.php
    > file
    > that uses the same template, content.dwt, but it never
    asked to update
    > that
    > particular file.
    >
    > So, I opened the *.php file in Dreamweaver and tried to
    apply changes from
    > the
    > content.dwt file to it using: Templates - Update current
    page, but no such
    > luck. Since there is no code at the start of this file
    like the other
    > *.htm
    > files how do I "connect" it with the newly updated
    template. I tried
    > making a
    > small change on the content.dwt file so see what files
    would come up in
    > the "do
    > you wish to update..." list but for some reason the
    *.php file is not
    > there.
    >
    > Perhaps the answer is fairly obvious to someone who has
    worked with
    > Templates
    > a lot but since I have just started working with
    templates I still have a
    > large
    > knowledge gap in this area.
    >
    > Any help would be appreciated.
    >
    > Many thanks
    >
    > Mr Zedd
    >

  • DreamWeaver Template change not updating children webpages?

    Hi Group,
    Sorry for my newbie question here.
    I loaded an HTML webpage, and saved it out as a DreamWeaver Template file.
    I then created webpages from the template file (( File - New - Page From Template - Site - Template), and made sure that the "Update Page when Template Changes" check box was selected/checked.
    I then created several chldren webpages, and saved them as .html files.
    I decided to change the navbar system - part of the uneditiabel region in the template - by opening the template file and edit-ing that file, and then saving it as the same DreamWeaver template file.
    However, the webpages did Not Update to reflect the navbar changes in the template fle !??!???
    Can someone tell me what I'm doing wrong?
    I believe it is something that I'm doing incorrectly with DreamWeaver ..
    Here is the HTML if anyone is interested.
    <!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>
    <!-- TemplateBeginEditable name="DocTitle" -->
    <title>CNC Joe's  WorkShop - - Home Page </title>
    <!-- TemplateEndEditable --> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
       <link href="../style.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- Keep the http-equiv meta tag for IE8 -->
      <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <!-- Link the CSS file here -->
    <link rel="stylesheet" type="text/css" media="screen,projection" href="../style.css" />
    </head>
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
    <body>
    <div id="wrapper">
    <a name="top"></a>
    <a href="index.html" target="_self" title="CNC-Joe's Home Page" >
    <img src="../joesworkshoplogo.gif" width="770px" height="300px" alt="CNC Joe's  WorkShop - Home Page" />
    </a>
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~ -->
    <!-- BEGIN OF PULL DOWN MENU -->
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~ -->
    <div class="mainmenu">
    <ul>
          <li class="li_nc"><a href="index.html" target="_self" >Home</a></li>
          <li class="li_hc"><a href="cad.html" target="_self" >CAD</a><ul class="ul_ch">
             <li class="li_nc"><a href="cad_intellicad.html" target="_self" >IntelliCAD</a></li>
             <li class="li_nc"><a href="cad_draftsight.html" target="_self" >DraftSight</a></li>
             <li class="li_nc"><a href="cad_progesoft.html" target="_self" >Progesoft</a></li>
          </ul></li>
          <li class="li_hc"><a href="cam_html" target="_self" >CAM</a><ul class="ul_ch">
             <li class="li_nc"><a href="cam_mach3.html" target="_self" >Mach3</a></li>
             <li class="li_nc"><a href="cam_vcarve.html" target="_self" >V-Carve</a></li>
             <li class="li_nc"><a href="cam_cut3d.html" target="_self" >Cut 3D</a></li>
             <li class="li_nc"><a href="cam_bobcadcam.html" target="_self" >Bob-CAD-CAM</a></li>
             <li class="li_nc"><a href="cam_meshcam.html" target="_self" >Mesh CAM</a></li>
             <li class="li_nc"><a href="cam_deskcnc.html" target="_self" >Desk CNC</a></li>
          </ul></li>
          <li class="li_hc"><a href="projects.html" target="_self" >Projects</a><ul class="ul_ch">
             <li class="li_nc"><a href="projects_zzeroplate.html" target="_self" >Z Zero Plate</a></li>
             <li class="li_nc"><a href="projects_x0y0edgefinder.html" target="_self" >X0-Y0 Edge Finder</a></li>
             <li class="li_nc"><a href="projects_digitizingtouchprobe.html" target="_self" >Digitizing Touch Probe</a></li>
             <li class="li_nc"><a href="projects_millwebcam.html" target="_self" >Mill Web CAM</a></li>
             <li class="li_nc"><a href="projects_laseredgefinder.html" target="_self" >Laser Pointer Edge Finder</a></li>
             <li class="li_nc"><a href="projects_davidlaserscanner.html" target="_self" >David Laser Scanner</a></li>
          </ul></li>
          <li class="li_hc"><a href="reference.html" target="_self" >Reference</a><ul class="ul_ch">
             <li class="li_nc"><a href="ref_gcodes.html" target="_self" >G-codes</a></li>
             <li class="li_nc"><a href="ref_nema.html" target="_self" >NEMA Motor Info</a></li>
             <li class="li_nc"><a href="ref_vbearings.html" target="_self" >V-Bearings</a></li>
             <li class="li_nc"><a href="ref_linearguides.html" target="_self" >Linear Guides</a></li>
          </ul></li>
          <li class="li_hc"><a href="offtopictopics.html" target="_self" >Off-Topic Topics</a><ul class="ul_ch">
             <li class="li_nc"><a href="ott_backyardfoundry.html" target="_self" >BackYard Foundry</a></li>
             <li class="li_nc"><a href="ott_blacksmithing.html" target="_self" >BlackSmithing</a></li>
          </ul></li>
          <li class="li_nc"><a href="links.html" target="_self" >Links</a></li>
          <li class="li_nc"><a href="contact.html" target="_self" >Contact</a></li>
    </ul>
    </div>
    <!-- END OF PULL DOWN MENU -->
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~ -->
    <!-- END OF PULL DOWN MENU -->
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~ -->
    <!-- TemplateBeginEditable name="content" -->
    <h2>Projects: Digitizing Touch Probe:</h2>
    <ul>
    <li> </li>
        <li> </li>
        <li> </li>
        <li> </li>
        <li> </li>
        <li> </li>
        <li> </li>
    </ul>
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~ -->       
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~ -->
    <!-- End of Editable Region - the rest is Boiler Plate -->       
    <!-- TemplateEndEditable -->  
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~ -->
      <br />
      <p><a href="#top" >Back To Top...</a></p>
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~ -->
    <!-- Footer Region                                                                                    -->
    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~ -->
    <div id="footer">
    <hr />
      <p>
      <a href="http://validator.w3.org/check?uri=referer">
      <img class="logos" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional"  height="31" width="88" /></a>
      <a href="http://jigsaw.w3.org/css-validator/check/referer">
       <img  style="border:0;width:88px;height:31px"
        class="logos" src="http://jigsaw.w3.org/css-validator/images/vcss"
        alt="Valid CSS!" />
      </a>
    </p>
      <h5><strong><i>
       This website is for educational purposes only. Any resemblance to any person - living or dead - is purely coincidental
      </i></strong></h5>    
      </div>
    </div><!-- end Div Wrapper -->
    </body>
    </html>

    Additional Info:
    No -I haven't been able to get the DW Template feature to work on other sites - this is my first application of it to a website (actually it's the whole reason for getting DreamWeaver... I know it works, I know that I'm doing something wrong.. I just don't know what it is...)
    All the .HTML files (index.html, cad.html, cam.html, etc. etc.)  are in the website's root directory.
    The Template file is in its own sub-directory folder named "Templates".
    Right now even the .css file is in the root directory....
    Thank You for trying to help me -  I greatly appreciate it.
    Joe

  • Problem Uploading Dreamweaver Template

    Hi,
    I am using Dreamweaver 8, and decided to revise my website
    using a Dreamweaver template. The pages look GREAT when I preview
    them in Firefox or IE. But when I uploaded the home page, using an
    FTP program, the page looked like a mess! None of the columns in
    the template were there. The formatting is all wrong, and the links
    don't work! This page is horrible! I don't understand since they
    looked great in the preview. Can somebody tell me what I've done
    wrong?
    If you'd like to view the mess, it's at
    http://www.karathecomputertutor.com
    Thanks!

    > If you'd like to view the mess, it's at
    http://www.karathecomputertutor.com
    > Thanks!
    there's a problem with the way you've defined this site in
    dreamweaver.
    the link you gave is at the root level of the public hosting
    for that
    domain.
    but the css link is:
    <link rel="stylesheet"
    href="../karathecomputertutor4.1/3col_leftNav.css
    and the links farther down in the page also are "../
    that means go up one folder level.
    there is no up from the root level.
    The site needs to be defined so that the "homepage" file,
    index.html is at
    the root level of what you've picked for the Local Site
    Folder.
    and, all the site files need to be in the Local Site Folder
    of course.
    and, the remote has to show the public level, with the
    index.html file in
    the root (use the "Host Directory" line in dw if your files
    need to go into
    a folder like "public_html" or "www" for example)

  • Dreamweaver Templates and Include files

    Hi,
    I am using dreamweaver templates so that my users can create
    new pages on our Intranet using Contribute.
    When I create a template and try and use an inculde file for
    the menu systems I get an error. I am trying to use the following
    code to inculde the asp file:
    <!--#include file="/includes/menu.asp" -->
    And I get the following error when saving the template:
    Unbalanced body tag
    I have checked and I definetly have opening and closing body
    tags in the HTML. So I am wondering whether the error is caused by
    the fact that the file is a dwt and not as asp.
    So, is there anyway of using include files in a dreamweaver
    template?
    Thanks in advance for any help.

    That's the wrong syntax for a file include. It should be
    either of these -
    <!--#include virtual="/includes/menu.asp" -->
    or
    <!--#include file="includes/menu.asp" -->
    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
    ==================
    "Alan" <[email protected]> wrote in
    message
    news:C568040E.31895D%[email protected]..
    >
    >
    >> <!--#include file="/includes/menu.asp" -->
    >>
    >> And I get the following error when saving the
    template:
    >>
    >> Unbalanced body tag
    >>
    >> I have checked and I definetly have opening and
    closing body tags in the
    >> HTML.
    >
    > Is the include file JUST the html that would be correct
    syntax for where
    > it
    > is used in the main file?
    >
    > In other words- included files should not be complete
    html docs with their
    > own head and body tags. That would result in multiple
    head and body tags
    > in
    > the assembled files.
    >
    >
    > --
    > Alan
    > Adobe Community Expert, dreamweaver
    >
    >
    http://www.adobe.com/communities/experts/
    >
    >
    >

  • Designing Dreamweaver templates (was:Info.)

    hey again. i have a question. and i am wondering. if its  true. could a designer or photogrpaher make a template and have it used in his or her web site? if so. how? i heard you can do this in either of the two programs. photo shop and illustrator.  see i am now a member of bc partner. but i am wanting to learn the in between lines. of web site making. see i have started a web site in the past. using dreamweaver, and now i am using muse. but again i am starting from scratch.  right now i am using a current site called wix.com. heres my current web site.
    1. wix= http://brian-ford.wix.com/photographerexplorer
    2. web site in progress using adobe muse. http://bf-photographer01.businesscatalyst.com
    3. heres is wix.com it self. you can see how they have this site designed. and with it they have thumbnails of web site templates. that are editable. http://www.wix.com/html5webbuilder/400?utm_campaign=vir_wixad_live
    how is that possiable? all i have learnd as a photo student. was design a web site from scratch. besides adding a background image. i have lerned code bfore. and i can laern more.  so what is it that i can do?
    so how to desing a template? and make it into a image? that someone/client. can tap on it. and edit it. as what they want.

    Hi bford 225,
    Not sure if this is what you are looking for, but for what it is worth:
    http://webdesign.about.com/od/dreamweaverhowtos/ig/Create-a-Dreamweaver-Template/
    Thanks,
    Preran

  • Dreamweaver Templates - automation of objects

    Can I make a template with objects (forgive me if wrong term) be defined once and is automatically generated for the rest of the document?
    Example:
    If I build a template with the following code:
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="pagetitle" -->
    <h1 class="title">CSA 120/pagetitle</h1>
    <!-- TemplateEndEditable -->
    I would like to edit the <title> once and it update in different places on the html page where the title is used. So the HTML code would result in the following:
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Syllabus</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="pagetitle" -->
    <h1 class="title">CSA 120/Syllabus</h1>
    <!-- TemplateEndEditable -->

    Dreamweaver Templates alone won't do what you want.  But if your server supports PHP, you can set a variable inside the <title> tag and echo that value to other regions of the page.   NOTE: You must save your HTML pages as .php for this to work.
    CODE:
    <!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=iso-8859-1" />
    <!--set variable and echo value in the title tags-->
    <title> <?php $title="This is my Page Title"; echo $title ?>  </title>
    </head>
    <body>
    <!--echo variable between <h1> tags-->
    <h1><?php echo $title ?></h1>
    <!--echo variable again between <h3> tags-->
    <h3><?php echo $title ?></h3>
    </body>
    </html>
    And this is the resulting code on server:
    <!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=iso-8859-1" />
    <!--set variable and echo value in the title tags-->
    <title> This is my Page Title  </title>
    </head>
    <body>
    <!--echo variable between <h1> tags-->
    <h1>This is my Page Title</h1>
    <!--echo variable again between <h3> tags-->
    <h3>This is my Page Title</h3>
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Dreamweaver template / having trouble seeing the previews

    I am designing a website, using Dreamweaver for the first
    time, and I would like to ask your advice.
    Do you know how to apply a dreamweaver template to other html
    pages. I have having trouble seeing the previews in the local
    browser. For examples, when I preview an html page, that has the
    template included, I see the page OK. But when I click to go to
    another page with the sample template, the new page shows up, but
    without the template design included.

    Answered mutliple times on the DW forum.
    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
    ==================
    "happydreamweaver" <[email protected]> wrote
    in message
    news:fin6nr$5q1$[email protected]..
    > How can I apply a template to new pages? I have done the
    following:
    > Apply the template to the pages as follows:1 Select File
    > Open.
    > 2 Browse to and select index.html.
    > 3 Select Modify > Templates > Apply Template to
    Page.
    > 4 Type the title of the page in the Banner Editable
    Region. Type or insert
    > text in the Body Editable Region.
    > 5 Select File > Save.
    >
    > Then when I preview the broswer, I see the html page as
    I should, put when
    > I
    > click to a new page, the new new doesn't have the
    template.
    >
    > Also, when I went to apply the template to a new page, a
    message said that
    > I
    > had orphaned stuff. What does that mean and how can I
    get the template
    > show
    > apply without the hassle.
    >

  • Dreamweaver template files updating, but javascript/jquery not being called on random pages.

    Hello,
    I have been tasked with updating the navigation on a site that is using a Dreamweaver template (DWT) as the base file. The navigation was originally built using jQuery navigation UI, however this did not address all of our needs and I have updated it with another version of an accordion.
    The .dwt file only is only controlling the navigation and the head of the site.
    I have integrated the new xhtml structure and added/removed javascript/jquery into the .dwt file. I saved the file, therefore updating all of the relevant .html files, and verified that the accordion works.
    However - the accordion does not work for all of the xhtml files. Some files, seemingly at random, are not pulling in the javascript.
    When opening the relevant .html files, I can verify that they have all been updated with the new xhtml and the correct javasctipt. However, when viewing the .html files that are not displaying correctly with FireBug, I can see that none of the jquery/javascript is being applied to the navigation (classes are missing that are injected into the xhtml, but the structure and css is correct).
    I've done some research and the only issues I've been able to find are related to .xhtml files not being updated with the correct code, but in my case all of the affected files have the correct xhtml and scripts in the head.
    Does anyone have any light to shed on this subject? I am quite puzzled.

    While I understand that looking at code is the ultimate way to find a solution, the intent of my question was not "how do i fix this" or "what is wrong with my code" but rather "does anyone have any idea as to why this would be happening". Or even, "where would you start to troubleshoot this".
    I made my question general as such because I intended on trying to troubleshoot on my own in order to better understand the issue.
    Thank you for stating the obvious, not all first time forum posters are completely unaware of how to ask questions properly.

Maybe you are looking for