• 0

Dream Waever CS4 help please


Question

I created a main page with a header a side bar on the left and a footer.

I just used on of the included templates available.

what i would like to do is. share the components with the rest of the pages. so basically on the left i have created links to pages. i would like it if when you click on one of the links the page comes up in the space left in the middle of the header & footer.

if that makes any sense.

that way if i make a new link on the side bar i only have to change it once and don't have to make changes to every page..

I'm sure this is possible but i can't figure it out.

this is my first time using dream weaver.

Thank you.

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

I highly recommend not using the built-in live view in Dreamweaver. Live View renders in a version of webkit only so you're not seeing whether or not your code will also work in other browsers ("cross browser compatibility.") Unless you don't care about it working for other browsers, then I suppose you can stick with using live view.

Either way it's not that hard to open up your browser of preference to review over your code.

However, your questions seems to be more of a beginner's question for code rather than "new to dreamweaver." Dreamweaver essentially has nothing to do with the equation of how to setup your code; It's just an app you're using to code within. It's not specific to code you use or anything.

As Joshx has stated, utilizing includes will be your best bet to be able to utilize set files versus changing a million static files to match your design.

Personally, I would include your navigation into a file that contains the body/head tags rather than utilize a separate file just for the menu. No need to go crazy with includes! It also makes sense as your navigation will almost always appear before your content. Having it in a header include just makes the most sense.

Here's an example of what you can do per page (eg: index.php, about.php):

<?
$subtitle = "Example Title";
include('header.php');
?>

<div id="content">Whatever content you have goes here</div>

<?
include('footer.php');
?>

Header.php will contain:

 <!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><? if (isset($subtitle)) { echo $subtitle; } ?></title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
</head>

<body>
<ul id="nav">
      <li><a href="#">Menu Item</a></li>
      <li><a href="#">Menu Item</a></li>
      <li><a href="#">Menu Item</a></li>
      <li><a href="#">Menu Item</a></li>
</ul>

Footer.php will contain:

<div id="footer">
     <p>Copyright © 2000 - <?php echo date('Y'); ?> Your Name</p>
</div>
</body>
</html>

Link to comment
Share on other sites

  • 0

You can do this easily using PHP Includes.

So bascially you just create a menu file, i call mine inc-menu.php, and store the menu code and links in there. Basically everything you'd put in the nav sidebar, and you can insert it onto the pages using

<?php
include("inc-menu.php");
?>

Not that you're incorrect, I would just like to point out that include_once() is safer than include().

I highly recommend not using the built-in live view in Dreamweaver. Live View renders in a version of webkit only so you're not seeing whether or not your code will also work in other browsers ("cross browser compatibility.") Unless you don't care about it working for other browsers, then I suppose you can stick with using live view.

It's basically the same as using a Webkit browser, so use the live view and then test compatibility afterwards.

Footer.php will contain:

<div id="footer">
     <p>Copyright © 2000 - <?php echo date('Y'); ?> Your Name</p>
</div>
</body>

You forgot the </html> tag.

Link to comment
Share on other sites

  • 0

It's basically the same as using a Webkit browser, so use the live view and then test compatibility afterwards.

You forgot the </html> tag.

Did you read my post?

Live View renders in a version of webkit only so you're not seeing whether or not your code will also work in other browsers ("cross browser compatibility.") Unless you don't care about it working for other browsers, then I suppose you can stick with using live view.

And thanks for the heads up on missing the closing tag; I was just typing it all up quickly and didn't double check.

i've been using it for years and never had a single problem with compatibility, or at least nothing major, caused by the tool itself. So unless you're doing some crazy weirdo coding, you should be fine. Either way its just a quick view tool. You can test compatibility afterwards.

I suppose this has always been my gripe with majority of the Dreamweaver users--that they rely on the Live view versus just tossing open so browsers. I'm arrogant in the sense that I think it's lazy to not just open another browser.

Link to comment
Share on other sites

  • 0

That is exactly what i would like to do. and yes I am new very new to coding in general.

so i have the first page i just do not know how to implement the code suggested. I am so new that the example really does not make a lot of sense to me. :(

perhaps some one would like to look at what i have done and explane to me how i would make it happen.

please.

Link to comment
Share on other sites

  • 0

Did you read my post?

Oh, I'm terribly sorry, I missed that line, my apologies. :blush:

That is exactly what i would like to do. and yes I am new very new to coding in general.

so i have the first page i just do not know how to implement the code suggested. I am so new that the example really does not make a lot of sense to me. :(

perhaps some one would like to look at what i have done and explane to me how i would make it happen.

please.

Well, if you could post your code here, I'd be happy to help.

Link to comment
Share on other sites

  • 0

It's just a tool. I don't think anyone relies solely on it. Many of us dont do the remote server edit thing. We edit the files on our machines, and then manually upload. So to constantly check what they look like in browsers doesn't really make sense; too much unnecessary work.

You should try the feature. It's there for a reason, and i never had any of the problems you describe with it.

i guess it depends on the coder, i dunno. Everyone has their own way of coding, so it probably doesnt work properly for some.

OK and i can also email you any files or anythin if this option does not work.. Thank you ahead of time.. i willinclude the page htm as a zip file and post the code.

forget about the services link, i was just playing around. it can be removed.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>Roots Messianic Congregation - Pastor David Yaniv</title>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="head" -->

<!-- TemplateEndEditable -->

<style type="text/css">

<!--

body {

font: 100% Verdana, Arial, Helvetica, sans-serif;

background: #666666;

margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

padding: 0;

text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

color: #000000;

background-image: url(images/BethEmetChalkLt.gif);

}

.twoColHybLtHdr #container {

width: 80%; /* this will create a container 80% of the browser width */

background: #FFFFFF;

margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

border: 1px solid #000000;

text-align: left; /* this overrides the text-align: center on the body element. */

}

.twoColHybLtHdr #header {

background: #DDDDDD;

padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}

.twoColHybLtHdr #header h1 {

margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

font-family: "Times New Roman", Times, serif;

font-size: 300%;

}

/* Tips for sidebar1:

1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width.

2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.

3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.

*/

.twoColHybLtHdr #sidebar1 {

float: left;

width: 12em; /* since this element is floated, a width must be given */

background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */

padding: 15px 0; /* top and bottom padding create visual space within this div */

}

.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {

margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */

margin-right: 10px;

}

/* Tips for mainContent:

1. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.

2. Be aware it is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the mainContent div. You should be aware of this limitation - especially if the client is adding content with Contribute.

3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This may help avoid several IE-specific bugs.

*/

.twoColHybLtHdr #mainContent {

margin: 0 20px 0 13em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */

}

.twoColHybLtHdr #footer {

padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

background:#DDDDDD;

}

.twoColHybLtHdr #footer p {

margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

}

/* Miscellaneous classes for reuse */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

float: right;

margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

float: left;

margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

clear:both;

height:0;

font-size: 1px;

line-height: 0px;

}

-->

</style><!--[if IE]>

<style type="text/css">

/* place css fixes for all versions of IE in this conditional comment */

.twoColHybLtHdr #sidebar1 { padding-top: 30px; }

.twoColHybLtHdr #mainContent { zoom: 1; padding-top: 15px; }

/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */

</style>

<![endif]--></head>

<body class="twoColHybLtHdr">

<div id="container">

<div id="header">

<h1>Roots messianic Congregation</h1>

<!-- end #header --></div>

<div id="sidebar1">

<h3 align="center"><img src="images/Peacebrd.gif" width="148" height="169" /></h3>

<hr />

<div align="center"><a href="services.htm">Services </a></div>

<hr align="center" />

<div align="center">Ministries </div>

<hr align="center" />

<div align="center">Our Vision </div>

<hr align="center" />

<div align="center">Our Faith </div>

<hr align="center" />

<div align="center">Dance Class </div>

<hr align="center" />

<div align="center">Special Events </div>

<hr align="center" />

<div align="center">Location </div>

<hr align="center" />

<div align="center">Contact Us </div>

<hr />

<div align="center">Links</div>

<hr />

<center>

<a href="http://www.youtube.com/user/RootsMessianic"><img src="images/Whitetube.jpg" width="116" height="65" /></a>

</center>

<hr />

<center>

</center>

<div align="center"><a href="http://www.facebook.com/pages/Lynnwood-WA/Roots-Messianic-Congregation/325234552416"><img src="images/5u84f48n.gif" width="144" height="44" /></a>

</div>

<p align="center"> </p>

<!-- end #sidebar1 --></div>

<div id="mainContent">

<h1 align="center"><img src="images/clear_roots_logo.gif" width="391" height="484" /></h1>

<!-- end #mainContent --></div>

<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->

<br class="clearfloat" />

<div id="footer">

<p>Thank You For Visiting Our Site, Have A Blessed Day.</p>

<!-- end #footer --></div>

<!-- end #container --></div>

</body>

</html>

index.zip

Link to comment
Share on other sites

  • 0

OK and i can also email you any files or anythin if this option does not work.. Thank you ahead of time.. i willinclude the page htm as a zip file and post the code.

forget about the services link, i was just playing around. it can be removed.

Next time, I suggest you use the html tag, it makes your code easier to read.

Firstly, rename the file to index.php.

For the header, change

&lt;div id="header"&gt;
    &lt;h1&gt;Roots messianic Congregation&lt;/h1&gt;
  &lt;!-- end #header --&gt;&lt;/div&gt;

to

&lt;?php
include_once("header.php");
?&gt;

and put the header HTML code into a file called header.php.

For the sidebar, change

&lt;div id="sidebar1"&gt;
    &lt;h3 align="center"&gt;&lt;img src="images/Peacebrd.gif" width="148" height="169" /&gt;&lt;/h3&gt;
    &lt;hr /&gt;
    &lt;div align="center"&gt;&lt;a href="services.htm"&gt;Services &lt;/a&gt;&lt;/div&gt;
    &lt;hr align="center" /&gt;
    &lt;div align="center"&gt;Ministries &lt;/div&gt;
    &lt;hr align="center" /&gt;
    &lt;div align="center"&gt;Our Vision &lt;/div&gt;
    &lt;hr align="center" /&gt;
    &lt;div align="center"&gt;Our Faith &lt;/div&gt;
    &lt;hr align="center" /&gt;
    &lt;div align="center"&gt;Dance Class &lt;/div&gt;
    &lt;hr align="center" /&gt;
    &lt;div align="center"&gt;Special Events &lt;/div&gt;
    &lt;hr align="center" /&gt;
    &lt;div align="center"&gt;Location &lt;/div&gt;
    &lt;hr align="center" /&gt;
    &lt;div align="center"&gt;Contact Us &lt;/div&gt;
    &lt;hr /&gt;
&lt;div align="center"&gt;Links&lt;/div&gt;
    &lt;hr /&gt;
    &lt;center&gt;
      &lt;a href="http://www.youtube.com/user/RootsMessianic"&gt;&lt;img src="images/Whitetube.jpg" width="116" height="65" /&gt;&lt;/a&gt;
    &lt;/center&gt;
    &lt;hr /&gt;
    &lt;center&gt;
    &lt;/center&gt;
    &lt;div align="center"&gt;&lt;a href="http://www.facebook.com/pages/Lynnwood-WA/Roots-Messianic-Congregation/325234552416"&gt;&lt;img src="images/5u84f48n.gif" width="144" height="44" /&gt;&lt;/a&gt;
&lt;/div&gt;
    &lt;p align="center"&gt; &lt;/p&gt;
  &lt;!-- end #sidebar1 --&gt;&lt;/div&gt;

to

&lt;?php
include_once("sidebar.php");
?&gt;

and put the sidebar HTML code into a file called sidebar.php.

Finally, for the footer, change

&lt;div id="footer"&gt;
    &lt;p&gt;Thank You For Visiting Our Site, Have A Blessed Day.&lt;/p&gt;
  &lt;!-- end #footer --&gt;&lt;/div&gt;

to

&lt;?php
include_once("footer.php");
?&gt;

and put the foot HTML code into a file footer.php.

If you still have any questions, I'll be more that happy to answer them.

Link to comment
Share on other sites

  • 0

AOXOMOXOA, I think one thing I want to recommend: Ditch the template you're using. The code is very bloated for what the example actually is. I know you said you're new to coding and that's fine, we all start somewhere! I think I'd rather you start off on something that's essentially "perfect" then start off on something that's flawed and might produce bad habits when it comes to coding.

I'd definitely say go through this awesome collection of various blank CSS templates that will be similar to the concept/wireframe/layout that you want to start off with. Break it, fix it again, break it again and fix it again. That's the best way to learn.

There are also a plethora of resources out there you can sift through if you really want to sit around and read articles.

But to go back on my example..

Essentially what you are going to do is create three files: header.php, index.php and footer.php.

Go back to my original post with the sample code.. Where you see the code for "header.php" copy and paste that into the header.php file. Save it.

Then copy/paste the code for index.php in my post to index.php and save.

Then do the same for footer.php.

A php include allows you to literally include a file into another. The example I gave allows you to edit header/footer easily and see those changes made to index.php without having to edit index.php. You can keep your content "static" while your header/footer is dynamic. This helps you save time and effort rather than have ALL of your code in index.php, ALL code in about.php, etc etc.

So let's say you wanted to change your footer's copyright message.. With an include, you have ONE file to edit and that would be "footer.php." But if you DIDN'T use my example and you had index.php, about.php, etc.php with ALL source code.. you'd have to edit ALL three of those files.

I hope I didn't come off as too confusing.. It happens sometimes ;).

So if you don't feel like trying out one of the example templates from the link above, essentially this is what you're doing with the code from your other post:

Header.php would contain the following:

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;!-- TemplateBeginEditable name="doctitle" --&gt;
&lt;title&gt;&lt;? if (isset($subtitle)) { echo $subtitle; } ?&gt;&lt;/title&gt;
&lt;!-- TemplateEndEditable --&gt;
&lt;!-- TemplateBeginEditable name="head" --&gt;
&lt;!-- TemplateEndEditable --&gt;
&lt;style type="text/css"&gt;
&lt;!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url(images/BethEmetChalkLt.gif);
}
.twoColHybLtHdr #container {
width: 80%; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColHybLtHdr #header {
background: #DDDDDD;
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColHybLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
font-family: "Times New Roman", Times, serif;
font-size: 300%;
}

/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width.
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.
*/
.twoColHybLtHdr #sidebar1 {
float: left;
width: 12em; /* since this element is floated, a width must be given */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}

/* Tips for mainContent:
1. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. Be aware it is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the mainContent div. You should be aware of this limitation - especially if the client is adding content with Contribute.
3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This may help avoid several IE-specific bugs.
*/
.twoColHybLtHdr #mainContent {
margin: 0 20px 0 13em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
}
.twoColHybLtHdr #footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
}
.twoColHybLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
--&gt;
&lt;/style&gt;&lt;!--[if IE]&gt;
&lt;style type="text/css"&gt;
/* place css fixes for all versions of IE in this conditional comment */
.twoColHybLtHdr #sidebar1 { padding-top: 30px; }
.twoColHybLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
&lt;/style&gt;
&lt;![endif]--&gt;&lt;/head&gt;

&lt;body class="twoColHybLtHdr"&gt;

&lt;div id="container"&gt;
&lt;div id="header"&gt;
&lt;h1&gt;Roots messianic Congregation&lt;/h1&gt;
&lt;!-- end #header --&gt;&lt;/div&gt;

You can either leave this snippet in header.php or toss it into nav.php or sidebar.php or w/e:

&lt;div id="sidebar1"&gt;
&lt;h3 align="center"&gt;&lt;img src="images/Peacebrd.gif" width="148" height="169" /&gt;&lt;/h3&gt;
&lt;hr /&gt;
&lt;div align="center"&gt;&lt;a href="services.htm"&gt;Services &lt;/a&gt;&lt;/div&gt;
&lt;hr align="center" /&gt;
&lt;div align="center"&gt;Ministries &lt;/div&gt;
&lt;hr align="center" /&gt;
&lt;div align="center"&gt;Our Vision &lt;/div&gt;
&lt;hr align="center" /&gt;
&lt;div align="center"&gt;Our Faith &lt;/div&gt;
&lt;hr align="center" /&gt;
&lt;div align="center"&gt;Dance Class &lt;/div&gt;
&lt;hr align="center" /&gt;
&lt;div align="center"&gt;Special Events &lt;/div&gt;
&lt;hr align="center" /&gt;
&lt;div align="center"&gt;Location &lt;/div&gt;
&lt;hr align="center" /&gt;
&lt;div align="center"&gt;Contact Us &lt;/div&gt;
&lt;hr /&gt;
&lt;div align="center"&gt;Links&lt;/div&gt;
&lt;hr /&gt;
&lt;center&gt;
&lt;a href="http://www.youtube.com/user/RootsMessianic"&gt;&lt;img src="images/Whitetube.jpg" width="116" height="65" /&gt;&lt;/a&gt;
&lt;/center&gt;
&lt;hr /&gt;
&lt;center&gt;
&lt;/center&gt;
&lt;div align="center"&gt;&lt;a href="http://www.facebook.com/pages/Lynnwood-WA/Roots-Messianic-Congregation/325234552416"&gt;&lt;img src="images/5u84f48n.gif" width="144" height="44" /&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;p align="center"&gt; &lt;/p&gt;
&lt;!-- end #sidebar1 --&gt;&lt;/div&gt;

This is what you would put in index.php:

&lt;?
$subtitle = "Roots Messianic Congregation - Pastor David Yaniv";
include('header.php');
?&gt;

&lt;?
include('sidebar.php');
?&gt;

 &lt;div id="mainContent"&gt;
&lt;h1 align="center"&gt;&lt;img src="images/clear_roots_logo.gif" width="391" height="484" /&gt;&lt;/h1&gt;
&lt;!-- end #mainContent --&gt;&lt;/div&gt;
&lt;!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --&gt;
&lt;br class="clearfloat" /&gt;

&lt;?
include('footer.php');
?&gt;

This is what you would put in footer.php:

 &lt;div id="footer"&gt;
&lt;p&gt;Thank You For Visiting Our Site, Have A Blessed Day.&lt;/p&gt;
&lt;!-- end #footer --&gt;&lt;/div&gt;
&lt;!-- end #container --&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt; 

It's just a tool. I don't think anyone relies solely on it. Many of us dont do the remote server edit thing. We edit the files on our machines, and then manually upload. So to constantly check what they look like in browsers doesn't really make sense; too much unnecessary work.

You should try the feature. It's there for a reason, and i never had any of the problems you describe with it.

i guess it depends on the coder, i dunno. Everyone has their own way of coding, so it probably doesnt work properly for some.

Just as easily as you can say "you should try the feature" is just as easily as I can say "Have a browser open + CTRL+F5."

As far as the.. "remote server edit thing" you can actually manage multiple FTP accounts so that you can edit files directly on a server. Then once you're done, you know what you do? Ctrl+Shift+U (or CTRL+S) to save all files to the server. Refresh.

If that's unnecessary work then you obviously need to rework your work model to be more efficient. I have all of my sites and client sites added in Dreamweaver under "Sites" so that I can connect to them via the FTP option. I'll then connect to that specific site to edit files directly under that account. I'll then hit Ctrl+Shift+U to save all files I'm working on, refresh browser, and voila. Where is this "unnecessary" work that you speak of?

This is coming from someone who started off with two separate apps for the last 12 years I've been coding: one for development, one for FTP. This excludes the large period of time I mainly did VI with a company I worked for which.. while I loved it, wasn't something I preferred working with.. I then stuck with using my FTP's built-in SIMPLE syntax editor because I wanted a one-stop app [on Windows.] Cue me finally caving in to Dreamweaver since it had the functionality I wanted.

If anyone is doing unnecessary work its your own example of "We edit the files on our machines, and then manually upload." But that's just me.

Link to comment
Share on other sites

  • 0

<div id="container">

<div id="header">

<h1>Roots messianic Congregation</h1>

<!-- end #header --></div>

[/header]

That [/header] should be [/code], and not [/header]. Don't go inventing your own BBCode! :p

Link to comment
Share on other sites

  • 0

That [/header] should be [/code], and not [/header]. Don't go inventing your own BBCode! :p

My mind was saying 'code' but apparently my fingers typed header :D

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.