Skip navigation
Leviteno
Currently Being Moderated

Help with sub-menus

Jul 19, 2012 7:09 PM

I need to add four more pages to my website already setup and running.  I want to add the additional pages under one of the pages already functioning.  Like a sub file or something on that particular page. 

Ex;

Page 1

Page 2

Page 3 —page 3a; page 3b; page 3c; page 3d

Page 4

Page 5

Page 6

 

I used DW CS5, two column, liquid with left sidebar, header and footer.  I would n’t like to mess with my left side navigation bar unless unavoidable.

I need the whole procedure from A to Z, since new to DW.

 

Any help given is very much appreciated.

 
Replies
  • Currently Being Moderated
    Jul 19, 2012 7:11 PM   in reply to Leviteno

    What is the link to your current website?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2012 10:55 PM   in reply to Leviteno

    The easiest way is to replace the existing menu with a Spry Verical MenuBar.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2012 6:46 AM   in reply to Leviteno

    Have a look here http://www.dwcourse.com/dreamweaver/spry-menu-bars.php or Google the subject.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2012 9:20 AM   in reply to Leviteno

    Go to design view

    _Capture.jpg

    and click on Link one. Then click on <ul.nav> at the bottom of the window and click delete.

     

    Leave the cursor where it is on the page, just in front of the text in the side bar and click the Spry bar as in

    _Capture.jpg

    Then click on the SpryMenuBar icon which will pop-up a dialog. In the dialog click the Vertical radio button and click OK.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2012 9:55 AM   in reply to Leviteno

    Are you using Dreamweaver Templates (.dwt) to generate your site pages?  If yes, you would put your Spry menu inside the main template.dwt & Save.  DW will ask you if you want to populate changes to child pages.  Hit yes. 

     

    If you're not using Templates.  You could use a Server-Side Include file for your menu.  Add an include statement to each html page where you wish the menu to appear.   The server automatically parses the menu into all your site pages.

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 22, 2012 10:29 AM   in reply to Leviteno
     
    |
    Mark as:
  • Currently Being Moderated
    Jul 22, 2012 11:19 AM   in reply to Leviteno

    How big is your site?

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 22, 2012 1:05 PM   in reply to Leviteno

    You could copy and paste your new menu, scripts and CSS into all 14 pages.  Or, in the same amount of time, you could insert Server-Side Includes into all your pages.

     

    With Server-side includes, you will be able to edit your menu later by opening just 1 file instead of 14.

    As your site grows, this becomes a huge time saver.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 11:39 AM   in reply to Leviteno

    Go to File > New > Blank HTML page > Layout [none].

    File > SaveAs > SpryTest.html

     

    Insert > Spry > Spry Menu bar...

     

    Now you can see Spry code.

     

    Before you customize your Spry CSS, read these links:

     

    Spry Menus 10 Commandments

    http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php

     

    Fixing Spry Menus 1.6.1

    http://www.projectseven.com/testing/adobe-bugs/spry-menus/

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 10:16 AM   in reply to Leviteno

    I recommend you build Spry Menu on a plain, blank page first. 

    Customize the CSS. Save & Preview in all browsers.  When you get it running, post a link to your menu page.  Then we can assist you with creating the Server-Side Include to replace your current Menus.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 27, 2012 3:42 PM   in reply to Leviteno

    If you use a Dreamweaver Template (.dwt) file to spawn your site pages, you don't need server-side includes.  The Template populates common headers, footers & menus to child pages for you.

    http://www.smartwebby.com/web_site_design/dreamweaver_template.asp#1

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 27, 2012 4:05 PM   in reply to Leviteno

    No problem.  File > New page from Template...  SaveAs Page15.html

     

    Read the F1 Help section on DW Templates before you begin.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 28, 2012 9:18 AM   in reply to Leviteno

    The Template has editable regions for things that will change on each page and non-editable regions for things that are common to all site pages.   Your Spry Menu must go inside a non-editable region. Save Template and close.

     

    1. Spawn a child page: File > New > page from Template. 
    2. SaveAs new_page.html
    3. Copy & Paste content from old_page.html into new_page.html
    4. Save new_page.html as old_page.html
    5. Repeat steps 1 - 4 for all site pages...

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points