13 Replies Latest reply on May 6, 2006 9:31 AM by Newsgroup_User

    Basic Template tutorial

    Sangdao
      Suggestions for an easy to use basic template tutorial?

      1) Specifically I want to create a template with a navbar similar to this one:

      www.mulberrywood.com

      2) Without the center text and images


      3) And with the bottom text links to other pages.


      For some reason when I manually copy the text links at the bottom of the page they never link correctly... I have to use the link box at the bottom of the page to erase the link and then paste in the link and then they always work...
        • 1. Re: Basic Template tutorial
          Level 7
          Are you wanting to create a template from the page that you linked to?
          Shouldn't be that difficult to do really.

          The DW help files should give you some information (F1) or you can go here
          for a tutorial
          http://www.dreamweavermx-templates.com/tutorials/tutnewtemplate.cfm

          --
          Nadia
          Adobe� Community Expert : Dreamweaver
          --------------------------------------------
          http://www.csstemplates.com.au - CSS Templates | Free Templates
          --------------------------------------------
          http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
          http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
          -------------------------------------------------



          "Sangdao" <david@mulberrywood.com> wrote in message
          news:e3gtum$8c8$1@forums.macromedia.com...
          > Suggestions for an easy to use basic template tutorial?
          >
          > 1) Specifically I want to create a template with a navbar similar to this
          > one:
          >
          > http://www.mulberrywood.com
          >
          > 2) Without the center text and images
          >
          >
          > 3) And with the bottom text links to other pages.
          >
          >
          > For some reason when I manually copy the text links at the bottom of the
          > page
          > they never link correctly... I have to use the link box at the bottom of
          > the
          > page to erase the link and then paste in the link and then they always
          > work...
          >


          • 2. Re: Basic Template tutorial
            Sangdao Level 1
            quote:

            Originally posted by: Newsgroup User
            Are you wanting to create a template from the page that you linked to?
            Shouldn't be that difficult to do really.


            Yes.

            I am still wondering about this question, thank you.

            > For some reason when I manually copy the text links at the bottom of the
            > page
            > they never link correctly... I have to use the link box at the bottom of
            > the
            > page to erase the link and then paste in the link and then they always
            > work...
            >





            Text
            • 3. Re: Basic Template tutorial
              Level 7
              Ok, go to this link and download the zip file.
              http://www.dreamweaverresources.com/forum/mulberry.zip

              I have created a template from the page you linked to. All I did was have
              the page open, to to File>save as template. (read more about this at the
              links I provided).

              In the zip file, you will find a folder named: mulberry. Inside this
              folder is a Templates folder - which holds the template file (dwt). At the
              root of the folder you will see a page called test.html The test.html page
              was created from the template.

              I made the main table into an editable region. I removed all the stuff from
              the table, so that you only have blank cells within this table. This is the
              area you can change on every page.

              In DW, set up a site pointing to the unzipped folder you download. Once you
              have the site defined, you need to go to: File>New>create from template.
              You pick the template you want to work with. This will open a page created
              from the template. Make changes to the editable region (the large table)
              and then save the page as whatever.html Make sure you save to the root of
              the site, NOT into the Templates folder.

              This is a pretty basic instruction. Do a bit of reading first and then have
              a play with the zip file. As you will see, the images don't show up because
              I don't access to them.

              Hope this is of some help.


              --
              Nadia
              Adobe� Community Expert : Dreamweaver
              --------------------------------------------
              http://www.csstemplates.com.au - CSS Templates | Free Templates
              --------------------------------------------
              http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
              http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
              -------------------------------------------------


              "Sangdao" <david@mulberrywood.com> wrote in message
              news:e3h0ej$auj$1@forums.macromedia.com...
              > Originally posted by: Newsgroup User
              > Are you wanting to create a template from the page that you linked to?
              > Shouldn't be that difficult to do really.
              >
              >
              > Yes.
              >
              > I am still wondering about this question, thank you.
              >
              > > For some reason when I manually copy the text links at the bottom of the
              > > page
              > > they never link correctly... I have to use the link box at the bottom of
              > > the
              > > page to erase the link and then paste in the link and then they always
              > > work...
              > >
              >
              >
              >
              >
              > Text
              >


              • 4. Re: Basic Template tutorial
                Sangdao Level 1
                Nadia you are very kind and I thank you!


                However, I unzipped the folder and dropped it into the mulberrywood site and then tried to create a new file from the template and was unable to. Then I opened the file from the folder (just below the root folder) and previewed the text links at the bottom and as usual they did not work....

                I visited the help files and found them not so useful for creating a first template.


                • 5. Re: Basic Template tutorial
                  Level 7
                  On Sat, 6 May 2006 03:28:35 +0000 (UTC), "Sangdao"
                  <david@mulberrywood.com> wrote:

                  >Nadia you are very kind and I thank you!
                  >
                  >
                  > However, I unzipped the folder and dropped it into the mulberrywood site and
                  >then tried to create a new file from the template and was unable to. Then I
                  >opened the file from the folder (just below the root folder) and previewed the
                  >text links at the bottom and as usual they did not work....
                  >
                  > I visited the help files and found them not so useful for creating a first
                  >template.
                  >
                  >
                  >

                  It sounds like you did not follow the instructions exactly. When you
                  unzipped Nadia's file, did you end up with a site structure something
                  like this:

                  root
                  / mulberry
                  / Templates/template file
                  test.html


                  Is this indeed what you see? If it is, you unzipped Nadia's file INTO
                  your site root folder, rather than making her /mulberry folder the
                  root of a new site as she instructed.

                  You can fix this: from within Dreamweaver, move the /Templates folder
                  out of the /mulberry folder and into the site root. Move the
                  test.html file out of the mulberry folder and into the site root. You
                  should now see:

                  root
                  /mulberry (now empty)
                  /Templates/template file
                  test.html

                  Now that the /Templates folder is in the root of the site, Dreamweaver
                  will know what to do. Create a new child page from

                  New => From Template

                  and choose the template Nadia created for you.

                  Win
                  --
                  Win Day, Wild Rose Websites
                  http://www.wildrosewebsites.com
                  winday@NOSPAMwildrosewebsites.com
                  Skype winifredday
                  • 6. Basic Template tutorial
                    Sangdao Level 1
                    Win,


                    Thank you for trying to help I greatly appreciate it. I really do!


                    However, probably I was not clear,

                    I am seeking a very easy to follow tutorial (preferably with step by step examples) so that I can make this specific template (and others) myself.

                    Also I am seeking a reason why when I manually copy and paste text links such as those at the bottom of the page the links never work. Yet when I quickly erase the links (leaving the text) and then redo the links by pasting the www....... in again they always work. I am sure that there is a very simple logical reason but what?

                    • 7. Re: Basic Template tutorial
                      Level 7
                      > I am seeking a very easy to follow tutorial (preferably with step by step
                      > examples) so that I can make this specific template (and others) myself.

                      Did you read the tutorial at the dw template tutorial link I supplied?
                      >
                      > Also I am seeking a reason why when I manually copy and paste text links
                      > such
                      > as those at the bottom of the page the links never work. Yet when I
                      > quickly
                      > erase the links (leaving the text) and then redo the links by pasting the
                      > www....... in agian they always work. I am sure taht there is a very
                      > simple
                      > logical reason but what


                      I'm not exactly sure you are having the copy and paste problem, but I would
                      assume it's because the links aren't being recognised correctly.

                      Ok, I'll give you the steps to take to create a template from that mulberry
                      page.

                      Make sure the page you want to create a template from is correctly coded,
                      the links are correct, the links to graphics are correct extra.

                      1.Open the site you want to work on. ( you need to be working in a defined
                      DW site for templates to be created correctly
                      2.Open the index page (which is the one I presume you want to create into a
                      template).
                      3.Leave everything as it is.
                      4. Go to FILE>SAVE AS TEMPLATE
                      5. You will get a dialogue box..
                      with the Site box already filled in (should be the name of you defined site)
                      Save As: give your template a name (eg: mainpage)
                      Save

                      6. You will be asked to update links. Say yes
                      7. You now need to create an editable region (this is the area that you
                      will be changing on every page).
                      8. Highlight the center table in your content area
                      9. Go to : INSERT>TEMPLATE OBJECTS> select Editable Region
                      10. Dialogue box: Name: maincontent (or whatever you want to call this
                      editable region)
                      11. Click OK
                      12. You have now created a template.

                      the code around your table should now look like this:

                      <!-- InstanceBeginEditable name="maintable" -->
                      <table> bla bla bla </table>
                      <!-- InstanceEndEditable -->

                      13. Now if you want to create a 'child page' from this template go to:
                      FILE>NEW> and select the TEMPLATES tab

                      You should now see the name of the template you create.
                      13. Select the template and a page will now be created for you.

                      You should now see a page exactly the same as your index page (if that is
                      what you used to create the template), except that you can't change anything
                      in any area apart from that middle table.

                      14. You now need to save this page.
                      SAVE AS: services.html (or whatever).
                      Make sure you save the file to the root of your folder (where all your other
                      files are kept, DO NOT save into the template folder) You are not to have
                      anything in the Templates folder apart from the dwt file.

                      15. Your bottom links in your template file (dwt) will look something like
                      this:
                      a href="../howtofoldpocketsquares/pocketsquarefolds.htm"

                      This is because once the template is created, the link needs to point to the
                      root of your site.

                      When you look at the same link in the child page you created it will look
                      like this:
                      a href="howtofoldpocketsquares/pocketsquarefolds.htm"

                      That's about it. You cannot however, apply this template to your other
                      pages. You can, however, it may be difficult for a novice to accomplish
                      until they understand how templates work.

                      If you managae to create the template, you will have to create a child page
                      and then copy and paste the contents from your other pages into that
                      maincontent editable region you create.

                      Another thing to remember is that in your template, make sure when / if you
                      add links to make them Relative to: document. This way, your linking should
                      always be correct.

                      For when you want to create a new template at any other time (not with this
                      site), the steps are pretty similar. Create your page, save as template,
                      add any editable regions you need and follow the steps from there.

                      PS: I did notice in your code, that you are using <th> in your tables
                      instead of <tr>
                      <th> is really used for headings, you should be using <tr> table rows.

                      When you insert a table, there should be a dialogue box, where you need to
                      DESELECT header rows.
                      Anything that gets put into a <th> gets a bold formatting, which is not what
                      you really want when you create a table correctly.

                      This table tutorial may also be of some help to you:
                      http://www.dwfaq.com/Tutorials/Tables/flexible_tables.asp


                      Phew !! I think that's about it and I hope this helps, at least a bit ;-)



                      --
                      Nadia
                      Adobe� Community Expert : Dreamweaver
                      --------------------------------------------
                      http://www.csstemplates.com.au - CSS Templates | Free Templates
                      --------------------------------------------
                      http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
                      http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
                      -------------------------------------------------


                      • 8. Re: Basic Template tutorial
                        Level 7
                        Oh my goodness - please excuse all the typos -
                        my fingers weren't keeping up with the brain or something like that <lol>


                        --
                        Nadia
                        Adobe� Community Expert : Dreamweaver
                        --------------------------------------------
                        http://www.csstemplates.com.au - CSS Templates | Free Templates
                        --------------------------------------------
                        http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
                        http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
                        -------------------------------------------------


                        • 9. Re: Basic Template tutorial
                          Level 7
                          In article <e3hcjp$nfj$1@forums.macromedia.com>,
                          "Sangdao" <david@mulberrywood.com> wrote:

                          > Also I am seeking a reason why when I manually copy and paste text links such
                          > as those at the bottom of the page the links never work. Yet when I quickly
                          > erase the links (leaving the text) and then redo the links by pasting the
                          > www....... in agian they always work. I am sure taht there is a very simple
                          > logical reason but what?

                          Are you copying the links from a page that is in the exact location of
                          the Template? If not, the paths will be different and not work.
                          Templates are a level down from root. Only when creating child pages
                          will they change to wherever you store that child page when saved.
                          • 10. Re: Basic Template tutorial
                            Sangdao Level 1
                            Nadia and Raizel,


                            Thank you. I will work on the advice and see what happens.

                            Raizel, the text link copying was simply the links at the bottom of my html index page not a template
                            • 11. Re: Basic Template tutorial
                              Level 7
                              > Raizel, the text link copying was simply the links at the bottom of my
                              > html index page not a template

                              So what were you copying and where were you pasting 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
                              ==================


                              "Sangdao" <david@mulberrywood.com> wrote in message
                              news:e3ib00$s2d$1@forums.macromedia.com...
                              > Nadia and Raizel,
                              >
                              >
                              > Thank you. I will work on the advice and see what happens.
                              >
                              > Raizel, the text link copying was simply the links at the bottom of my
                              > html index page not a template


                              • 12. Re: Basic Template tutorial
                                Sangdao Level 1
                                Good morning Murray,

                                These are the bottom of the page text links that I was copying from

                                www.mulberrywood.com to a variety of pages "about us" etc. All basic HTML pages. When I copied the text links and looked at the very bottom of the page in the link boxes the links seemed correct... but did not work error messages appeared after uploading and trying to use the links.


                                When I left the text but erased the link and then manually pasted the link and uploaded all was well. Note no templates used.

                                A related question would be can I have links in my navbar and copy it with the links still working?


                                Thank you!

                                Site Map | Testimonials | Our Ties | Silk Care | Pocket Squares | How we make our Ties

                                FAQs | Pocket Square History | How we make our Mulberrywood Thai Shot Silk
                                Custom Made / Bespoke Tie Prices | Custom Made / Bespoke Pocket Square Prices
                                How to order a custom made Tie | How to fold Pocket Squares
                                • 13. Re: Basic Template tutorial
                                  Level 7
                                  I still don't understand what you are doing. Here's a link at the bottom of
                                  that page -

                                  <td><div align="center"><strong><a
                                  href="customties/custommadetieguide.htm"><font size="4">How to order a
                                  custom made Tie</font></a><font size="4"> | <a
                                  href="howtofoldpocketsquares/pocketsquarefolds.htm">How to fold Pocket
                                  Squares </a></font></strong></div></td>

                                  You are copying that link and pasting it into some other page in DW? It
                                  will only work if the other page is at the same folder level as this page.
                                  Is that the case?

                                  In other words, the links are DOCUMENT relative (i.e., relative to the
                                  document from which you copied them). If you then paste these links into
                                  some other document, at say, one folder level more deep than this one, they
                                  will NOT work because the browser will look into the current page's folder
                                  to find "customties" (for example) and it will not find that folder.

                                  > but did not work error messages
                                  > appeared after uploading and trying to use the links.

                                  This is strictly a pathing issue. Until you are comfortable with how HTML
                                  works, you should ALWAYS browse to and select the targets of your links, not
                                  manually add them as in this example.

                                  > A related question would be can I have links in my navbar and copy it with
                                  > the
                                  > links still working?

                                  Yes, certainly, but you have to understand HTML and links to do this
                                  correctly. If the links were root relative and not document relative, they
                                  would always work.


                                  --
                                  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
                                  ==================


                                  "Sangdao" <david@mulberrywood.com> wrote in message
                                  news:e3ihv2$6pn$1@forums.macromedia.com...
                                  > Good morning Murray,
                                  >
                                  > These are the bottom of the page text links that I was copying from
                                  >
                                  > www.mulberrywood.com to a variety of pages "about us" etc. All basic HTML
                                  > pages. When I copied the text links and looked at the very bottom of the
                                  > page
                                  > in the link boxes the links seemed correct... but did not work error
                                  > messages
                                  > appeared after uploading and trying to use the links.
                                  >
                                  >
                                  > When I left the text but erased the link and then manually pasted the
                                  > link
                                  > and uploaded all was well. Note no templates used.
                                  >
                                  > A related question would be can I have links in my navbar and copy it with
                                  > the
                                  > links still working?
                                  >
                                  >
                                  > Thank you!
                                  >
                                  > Site Map | Testimonials | Our Ties | Silk Care | Pocket Squares | How we
                                  > make
                                  > our Ties
                                  >
                                  > FAQs | Pocket Square History | How we make our Mulberrywood Thai Shot Silk
                                  > Custom Made / Bespoke Tie Prices | Custom Made / Bespoke Pocket Square
                                  > Prices
                                  > How to order a custom made Tie | How to fold Pocket Squares
                                  >
                                  >