ANN: Site-Wide Management in Dreamweaver Tutorial Series

http://www.projectseven.com/products/menusystems/pmm3/tutorials/site-wide/
Dreamweaver Templates, Library Items and Server-Side Includes allow you to manage repeating sections of your web pages in a central file. This series of tutorials listed below will help you to deploy your Pop Menu Magic 3 menu using any of these methods. They will also serve as a general foundation in understanding the most popular site-wide techniques deployable in a Dreamweaver-managed site.
The tutorials are relevant for Dreamweaver versions MX2004 up to and including Dreamweaver Creative Cloud.
Al Sparber - PVII
Responsive Dreamweaver Menus | Galleries | Widgets
Since 1998

Unfortuantely sourcelabs.com does not give the option of testing IE11 on windows 7 so I cant be of much help here.
One thing you might want to try is floating the <li> tags - add the below to your css stylesheet.
li {
float: left;
margin: 0;
padding: 0;
list-style: none;
width: 20%;
David Powers is pretty good when it comes to his tutorials and they are usually thoroughly tested. As I say in a simulated windows 8.1 envrionment in IE11 the nav looks fine BUT of course its better to test in the real thing.
EDITED: Try the below combination of css if you have no success finding a solution:
#mainnav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
#mainnav li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 20%;
     background-color: #4D4D4D;
     text-align: center;
#mainnav a {
    display: block;
    width: 100%;
    background-color: #4D4D4D;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 6px;

Similar Messages

In dreamweaver site-wide query option file grayed out

in dreamweaver site-wide query option file grayed out
Why won't this button option work, I cannot get the site-wide query to highlight, please help anyone, thanks.

You need to have a defined site in order for DW to correctly work with your files...
http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs01-defining-a-new-site/
Once defined, you will always work from the Dreamweaver Files panel to ensure the program can manage your files correctly.

DreamWeaver CS3 - How to excute a site wide change...

I am using Dreamweaver (DW) CS3. I have updated a few pages
which had the ending of .HTM. After the modification to the pages
the ending of the file names were changed to .ASP. The pages work
well in their test environment.
OK, so the pages were known by the site with the file name
extension of .HTM
The file name extension is now .ASP
How do I update very page in the site so that they no longer
look for the old file name but the
new name, which ends with the extension of .ASP?
Thanks!
Happy New Year!

I would also suggest that you never rename your files like
this outside of
DW. By renaming them in DW's File panel, you allow DW to
manage the links
automatically.
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
==================
"martcol" <[email protected]> wrote in
message
news:gjg0k4$nrk$[email protected]..
> DW comes with a very sophisticated Find & Replace
tool that would do what
> you
> want
>
>
http://tinyurl.com/97cknp
>
> It also has a tool for checking broken links
>
>
http://tinyurl.com/7aegnq
>
> I would suggest that before you make site-wide changes
you back it up
> somewhere.
>

Site not importing to Dreamweaver CC correctly

Hi,
First post on here and its rather a bizone that ive never seen before and is rather complicated to explain.
Ive recently got a new PC (windows 8) and signed up to the Adbobe Creative Cloud and downloaded Dreamweaver CC...
Nothing strange so far.
I manage a number of sites for my work and the issue is relating to one site in particular.
The whole site doesnt display correctly. It almost looks as if the PC is you would expect that to be an issue on the other sites i have imorted but it isn't.
Here's a screen shot of whats going on....
As you can see the image is all distorted. its definately not a coding issue as if i was to navigate to another installed site that is working fine...when i revist a page on the problem site it retains features from the previous site...you can see hints of purple in the screenshot above AND THAT SITE DOESNT HAVE PURPLE ON IT!!! Its just kept that from another site page that i had previously viewed.
So bizzare.
Does anyone have any ideas how to fix this. Im using a brand new machine and im sure its not a graphics issue as like ive mentioned before all the other sites i have imported on Dreamweaver CC are working fine.
To sum up
- The issue is only on one site. 2 other sites have been imported an are working fine.
- I have deleted and reinstalled the site - still happens
- The problem is constant through the whole of the problem site, not just one particular page - which may suggest a coding problem...
however, the site displays fine when imported through older versions of Dreamweaver...
Help! - anyone seen anything like this before?!

AdamChapelYork wrote:
Any idea when that next update might be coming...
...because when i open each page on this problematic site in the new dreamweaver the background is black (when viewed by the naked eye) instead of white which it what it should be...
Sorry, even Adobe staff members (which I am not) don't know when updates will be pushed. Even when they do, they gernerally can't say.
You should be able to do a search of your css for "transparent" to see if it's there, it definitely sounds and looks like the transparent bug.

Template: Adding Site Wide Code To Editable Region

I have a template
I have an editable region called content
I would now like to add a navigation bar within the editable region, so that it can be managed from the Template and thereon aplies to the child pages
Q:
How do I insert a site wide section within an editable region, which is only edited via the template, so that I can set up my navigation bar?
woolf

So, here's a sample page: http://www.gravenimagedesign.net/levnav/
Here's the template 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=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


</head>
<body>
     <div id="header">
       <h1>This header div is position: relative;</h1>
       <div id="apDiv1">
         <ul id="MenuBar1" class="MenuBarHorizontal">
           <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
             <ul>
               <li><a href="#">Item 1.1</a></li>
               <li><a href="#">Item 1.2</a></li>
               <li><a href="#">Item 1.3</a></li>
            </ul>
          </li>
           <li><a href="#">Item 2</a></li>
           <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
             <ul>
               <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                 <ul>
                   <li><a href="#">Item 3.1.1</a></li>
                   <li><a href="#">Item 3.1.2</a></li>
                </ul>
              </li>
               <li><a href="#">Item 3.2</a></li>
               <li><a href="#">Item 3.3</a></li>
            </ul>
          </li>
           <li><a href="#">Item 4</a></li>
        </ul>
         <p><br />
        This menu bar is <strong>position: absolute;</strong></p>
         <p>It is nested in the code inside the "header" div (the dark grey one), which is positioned "relative."</p>
      </div>
     </div>
     <div id="content">
       
       
       <h1>This text (really an h1) is appearing within the div with id of "content"</h1>
       </div>
     
<script type="text/javascript">

    </script>
</body>
</html>
And here's a child page:
<!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" />

<title>Untitled Document</title>

<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


</head>
<body>
     <div id="header">
       <h1>This header div is position: relative;</h1>
       <div id="apDiv1">
         <ul id="MenuBar1" class="MenuBarHorizontal">
           <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
             <ul>
               <li><a href="#">Item 1.1</a></li>
               <li><a href="#">Item 1.2</a></li>
               <li><a href="#">Item 1.3</a></li>
            </ul>
          </li>
           <li><a href="#">Item 2</a></li>
           <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
             <ul>
               <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                 <ul>
                   <li><a href="#">Item 3.1.1</a></li>
                   <li><a href="#">Item 3.1.2</a></li>
                </ul>
              </li>
               <li><a href="#">Item 3.2</a></li>
               <li><a href="#">Item 3.3</a></li>
            </ul>
          </li>
           <li><a href="#">Item 4</a></li>
        </ul>
         <p><br />
        This menu bar is <strong>position: absolute;</strong></p>
         <p>It is nested in the code inside the "header" div (the dark grey one), which is positioned "relative."</p>
      </div>
     </div>
     <div id="content">
       
       
       <h1>This text (really an h1) is appearing within the div with id of "content"</h1>
       </div>
     
<script type="text/javascript">

    </script>
</body>
</html>
I arbitrarily positioned the nav in the middle of the action. You can play with its positioning, but remember that it is positioned "absolutely" from the left and top of the "header" div. (in this case)
If this is unclear, let me know! By the way, the CSS is in the head of the Template, and the child page, but I didn't print out the other auxiliary files, which you will get automatically if you insert a SpryMenuBar. But the sample on my site will work...
Beth

Site-wide media query file

Let's say one has a style sheet for detail pages on one's website, say "detail.css", designed for desktop monitors.
Now one creates a sitewide media query file, e.g., mq-detail.css
which looks like this to refer to the tablet and phone style sheets:
/* detail-tablet */
@import url("detail-tab.css") only screen and (min-width:321px) and (max-width:768px);
/* detail-phone */
@import url("detail-phone.css") only screen and (max-width:320px);
Then how does one refer to the desktop style sheet? If I simply use "detail.css" with a minimum width of 769px, then some browsers like IE8 will not reference any style sheet.
Would this line in mq-detail.css   work:

If the screen width is >768 px, will "detail.css" be used for all browsers: that is the goal.

cma cma wrote:
I understand the concept but it is unclear how to implement it. In what files does one put these two lines?
<link rel="stylesheet" href="css/global.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/mobile.css" type="text/css" media="screen"/>
The links above go on every page of my site as they are needed. The global.css for desktop AND mobile. The mobile.css contains the media queries css which are used to change the css in the global.css file specifically for mobile devices.
cma cma wrote:
David Powers' excellent tutorial talks about a number of mobile query issues but he does not discuss using the Site-wide media query file. Do you and Nancy dispense with that step and put all your media queries and CSS links in every html page?
There isn't any site wide media query file. That would be just a general css file that both desktop and mobile share, in my view. You only change what is necessary for mobile devices in a dedicated media queries file or you can include them in the general css file.
cma cma wrote:
He also says:
To ensure a level playing field with all devices that support media queries, just add the following line to the <head> of each web page:   #
<meta name="viewport" content="width=device-width, initial-scale=1">
Yes, that line of code needs to be present on all the website pages.
cma cma wrote:
Then Mr. Powers says to use "only"
media="only screen and (min-width: 401px) and (max-width: 600px)"
Havent read through the tutorial so can't really comment on that one only to say everyone has slightly different approaches to building pages. I tend to look at my design and see where it starts to break down then use media query break points based on that rather than any view port width.
cma cma wrote:
and finally:
use an Internet Explorer conditional comment to serve a special set of rules to older versions of IE like this:   #

You can use an IE conditional comment IF that is whats needed to get IE8 to work with your design....depends what css you are using. The more advanced techniques will not work in older browsers.

Site Wide Media Query option is ghosted

Hello,
I am new to Dreamweaver CS6 and I am trying to set up media queries for my website design.
When I got to Modify>Media Queries> the dialog box has the option for either "Site Weide" or "This Document". However the "Site Wide" option is ghosted and I can't select it. I have tried a variety of different HTML documents (HTML 4 and HTML 5) but nothing works.
Can anyone help me solve this problem?
Thank You.

Have you defined your site in DW? You should do that in order for 'Site-Wide' media-query to work. Here's a walkthrough that you can follow to define your site in DW: http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs01-defining-a-new-site/
Yes - the video is for CS5 and 5.5. But it is no different to CS6 too!

A good video tutorial series for Flash?

Hello All,
I'm a teacher and I'm looking for a good tutorial series for
Flash. I don't want a web site subscription I need something I need
a video/dvd/CDRom series that I can purchase with a purchase order
(no credit cards). Any suggestions?
Thank and have a great day!
Todd
MrBenrud.com

Mr. Benrud,
> I'm a teacher and I'm looking for a good tutorial series
for Flash.
Lynda.com
> I don't want a web site subscription I need something I
need a
> video/dvd/CDRom series that I can purchase with a
purchase
> order (no credit cards). Any suggestions?
While Lynda.com's least expensive option is their Online
Learning
Library, which *is* a subscription service, they also sell
their video
tutorials on CD.
David
stiller (at) quip (dot) net
Dev essays:
http://www.quip.net/blog/
"Luck is the residue of good design."

Search site wide for invalid code

I have over 1000 pages on my website. occasionally i open a page and find a dialogue box stating invalid code (with no option of fixing) how can i do a site wide search for invalid code displaying the results such as in the search or site wide properties box. For example which page has problems with a click to the source

Deutschy,
If you actually have a local copy of the site, you can do a Validate Entire Local Site right in Dreamweaver, though you might actually want to Validate Selected Files, if you have that many pages!
That will show you file and line numbers and what the errors are, for everything it turns up.
Within the Validation Results Window, you can double click on an error citation to open the file and highlight the code error.
That's the beauty of working within Dreamweaver to Validate..instant access to the code you need to change.
Z

How can I import a non-BC site into BC, using Dreamweaver CC, and then use it as one of my free sites?

I am trying to import one of my non-BC sites into BC, using Dreamweaver CC, and then use it as one of my free WebBasics sites.
When I try to create a new BC site in Dreamweaver CC, it creates a BC template site, and I have unsuccessfully tried to update the files on BC - it won't let me connect.
If I import the site from my portal, I don't get the option of a free site - when I try to upgrade, I get the credit card form asking for payment.
I feel like I'm running around in circles with one foot nailed to the floor.
Any tips?

Thank you for your quick reply and for clearing up my confusion. I'm exporting the first section now. I choose the smallest size, 3x4 but I'd prefer to go higher as this DVD was originally a VHS home movie. I'm wondering if after three conversions (VHS,->DVD->MPEG) the resolution will be so poor as to not support a larger size frame? If it can, what size should I select when I export?

How to specify finite simulation stop time in VI generated using SIT connection manager

Hello,
I have a SIMULINK model which I want to run on a desktop ETS. I'm following this procedure:
1. Convert the SIMULINK model in a .DLL using RTW build in Matlab. The target of this build is nidll.tlc.
2. Create a host VI with required indicators and map the parameters using SIT connection manager.
3. Configure the DAQ (and then SIT connection manager generated the driver and IO files for me.)
4. Using LV project, run the driver on the desktop ETS and host VI on the host machine.
The code is working fine, without any error.
My question is this: Since in the driver VI, the simulation time is set to -1, which implies "continuous", the simulation goes on until I hit the stop button on the host VI.
I tried changing this default value to some other value. The simulation then does run for the defined amount of time but then I'm getting error 2206.
What is an appropriate way to stop the simulation on the RT target?
Thanks
Gayatri
PS: I'm using LV 8.5, LVRT 8.5, SIT 4.0, Matlab @2007a.

The VI in the Driver VI called SIT Initialize Model.vi has an input called time step (sec) (-1: use model time step) which does what you want it to. It doesn't actually affect the time step of the solver used in the built model DLL, just the rate at which the main base rate loop actually runs in real time. In fact, base rate loop period would be a better name for this control. If you set it, you won't alter your model, but you will be able to adjust the rate of the base rate loop.
Simply create a control from this input terminal on your driver VI and fill in an appropriate period in seconds. Make sure to set this value as default in the control so that the Driver VI remembers it.
You will have to take into account that your model will still think it's running at the time step it was compiled at. So your model simulation time and the actual wall clock time won't match up.
Jarrod S.
National Instruments

SMS Site Component Manager failed to install this component on this site system.

Hi,
I'm setting up the SCCM in native mode. All components are in a OK state but the component SMS_MP_CONTROL_MANAGER is in critical. When I look at the alerts there is the following description:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
SMS Site Component Manager faild to install component SMS_MP_CONTROL_MANAGER on server SCCMTEST.
The WebDAV server extension is either not installed or not configured properly.
Solution: Make sure WebDAV is installed and enabled. Make sure there is an authoring rule that allow "All users" read access to "All content". Make sure the WebDAV settings "Allow anonymous property queries" and "Allow property queries with infinite depth" are set to "true" and "Allow Custom Properties" is set to false.
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
All requirements are setup according to the links http://technet.microsoft.com/en-us/library/cc872789.aspx and http://technet.microsoft.com/en-us/library/cc431377.aspx. The WebDAV is enabled, the settings "Allow anonymous property queries" and "Allow property queries with infinite depth" are set to "true" and "Allow Custom Properties" is set to false. I got some messages from the MPSetup.log:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<03-24-2009 16:14:41> [Allow property queries with infinite depth] should be true (false)
<03-24-2009 16:14:41> [Allow Custom Properties] should be false (true)
<03-24-2009 16:14:41> [Allow anonymous property queries] should be true (false)
<03-24-2009 16:14:41> Allow [All users read access to All content] authoring rule should exist (exist)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
What should I do? Is there any specific setting in the IIS to be setup? Which log file contain more detailed information?
Thanks in Advance,
Giancarlo

Hi Torsten,
Yes I did. Below the entries found in mpsetup.log:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<03-26-2009 09:09:26> ====================================================================
<03-26-2009 09:09:26> SMSMP Setup Started....
<03-26-2009 09:09:26> Parameters: E:\PROGRA~1\MICROS~1\bin\i386\ROLESE~1.EXE /install /siteserver:SCCMTEST SMSMP
<03-26-2009 09:09:26> Installing Pre Reqs for SMSMP
<03-26-2009 09:09:26> ======== Installing Pre Reqs for Role SMSMP ========
<03-26-2009 09:09:26> Found 1 Pre Reqs for Role SMSMP
<03-26-2009 09:09:26> Pre Req MSXML60 found.
<03-26-2009 09:09:26> No versions of MSXML60 are installed. Would install new MSXML60.
<03-26-2009 09:09:26> Enabling MSI logging. msxml6.msi will log to E:\Program Files\Microsoft Configuration Manager\logs\msxml6MSI.log
<03-26-2009 09:09:26> Installing E:\Program Files\Microsoft Configuration Manager\bin\i386\00000409\msxml6.msi
<03-26-2009 09:09:27> msxml6.msi exited with return code: 0
<03-26-2009 09:09:27> msxml6.msi Installation was successful.
<03-26-2009 09:09:27> ======== Completed Installion of Pre Reqs for Role SMSMP ========
<03-26-2009 09:09:27> Installing the SMSMP
<03-26-2009 09:09:27> Passed OS version check.
<03-26-2009 09:09:27> IIS Service is installed.
<03-26-2009 09:09:27> checking WebDAV configuraitons
<03-26-2009 09:09:28> WebDAV settings is not setup appropriately
<03-26-2009 09:09:28> [Allow property queries with infinite depth] should be true (false)
<03-26-2009 09:09:28> [Allow Custom Properties] should be false (true)
<03-26-2009 09:09:28> [Allow anonymous property queries] should be true (false)
<03-26-2009 09:09:28> Allow [All users read access to All content] authoring rule should exist (exist)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

Boy what a screw job when the program freezes in the middle of site wide fo

Boy what a screw job when the program freezes in the middle of site wide folder name changes.
Then you never know what did get changed or not until you wade thru every possible one.
And you cant just redo change the folder name, cuz the folder name did change.
Further, every attempt locks the program.
lost on broken links...
OK I'm talking about changing a folder name: ceaseless freezing
OK Now when it does work, none of the
AC_RunActiveContent.js
updated. What a mess
DW CS3
Mac OSX.4.11

you can force quit the front-most application in Mac OS X v10.5 or later by pressing Command-Option-Shift-Esc for three seconds.

Changing font color site-wide??

Hi,
I am trying to change the color of my font and my links
site-wide. Is there any easy way to do this?
Thanks,
David

You would need to add those to a stylesheet that was linked
to all the
pages, not just in the head of a single document.... 8)
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
==================
"Virginia Carter" <[email protected]>
wrote in message
news:g2ui3m$sml$[email protected]..
> Yep -- you can do this with CSS...
>
> If you want all your text to be red, then just add this
to the head of the
> document:
>
> <style type="text/css>
>
> body {color: #F00;}
>
> </style>
>
> Likewise, if you want all of your links to be white, you
would add the
> following:
>
> a {color: #FFFFFF;}
>
> Those will globally change your font color and link (a
href) color
> throughout your entire site, assuming you don't have any
other CSS
> anywhere...
>
> --
> Virginia Carter
> Carolina Web Creations
> ======================
> www.carolinawebcreations.biz
>
> David Way wrote:
>> Hi,
>>
>> I am trying to change the color of my font and my
links site-wide. Is
>> there any easy way to do this?
>>
>> Thanks,
>>
>> David

HTTP status code returned by site-wide error handler is 200 OK?

I'm using a developer install of ColdFusion 11. I set up the following page at http://localhost:8500/test/index.cfm:
<cfthrow type="application" message="This is an error">
When I visit that page, the HTTP status code returned is 500, as expected.
I then created the following page at http://localhost:8500/error.cfm:
<p>Sorry! That was an error.</p>
If I set the site-wide error handler in the CF Admin to /error.cfm and visit /test/index.cfm, the HTTP status code returned is 200 OK.
This seems weird to me. It looks like I can include the following in the error.cfm file to send an error code instead:
<cfheader statuscode="500" statustext="Server Error">
Does anyone see that as problematic? Is there a reason why the site-wide error handler should return 200 OK?

Error Codes are the responsibility of the developer, to define and broadcast. Ultimately, the ColdFusion server has acted appropriately and fulfilled the request (hence the 202). Only the code would know what error was truly thrown, and how to appropriately handle that message to the user, hence the need for you to change the header in the response, if you want that broadcast to the browser in anything of than a "successful request" type of status.

ANN: Site-Wide Management in Dreamweaver Tutorial Series

Similar Messages

Maybe you are looking for