Thanks a lot Jo Ann. With little steps we go forwards. Am looking forward for the expert.
Thnx
Jef Gees
Registered User
9 posts
Inger
Senior Advisor
14,621 posts
Online Now
Includes are made mainly in php (or for windows servers in asp), and what you do is take a normal html page and instead of calling it somename.html you call it somename.php. Then you chop off any bits of the page that are to occur on every page of the site, typically header, footer and navigation. The bits you chop out are saved as separate files like header.php, footer.php and navigation.php (or any name that you want to use). These files get no doctype, charset, html, head, body or anything, just the plain code that has to do with the header, footer etc. In the main file, where the header should have been, you insert this bit of code:
And you do the same with any other parts of the page that you have taken out. My example is supposing that you save the header, footer etc in a subfolder called inc. You don't have to, but it is quite nice and tidy if you do.
Of course, you can make a template this way, manually, that you save the main file and its include files in a folder for later use. But the point I'm trying to make is, that when you have made the first page of a site, the index.php, like this, you just save it under a different name as many times as you need pages. You will then get the header, footer and navigation in the same place on every page, and they will look exactly the same on every page. And if you need to change anything, like e.g. adding a menu item, you open the navigation.php and add it there, and it will appear on all the pages.
What Jo Ann is referring to as extra programmes installed is, if you want to preview your work locally, on your own computer, you need some server software. I would recommend Wamp server. Easy to set up. But if you upload the pages to your domain between changes and preview online, you don't need to install any server software.
<?php
include("inc/header.php");
?>
include("inc/header.php");
?>
And you do the same with any other parts of the page that you have taken out. My example is supposing that you save the header, footer etc in a subfolder called inc. You don't have to, but it is quite nice and tidy if you do.
Of course, you can make a template this way, manually, that you save the main file and its include files in a folder for later use. But the point I'm trying to make is, that when you have made the first page of a site, the index.php, like this, you just save it under a different name as many times as you need pages. You will then get the header, footer and navigation in the same place on every page, and they will look exactly the same on every page. And if you need to change anything, like e.g. adding a menu item, you open the navigation.php and add it there, and it will appear on all the pages.
What Jo Ann is referring to as extra programmes installed is, if you want to preview your work locally, on your own computer, you need some server software. I would recommend Wamp server. Easy to set up. But if you upload the pages to your domain between changes and preview online, you don't need to install any server software.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Prism
Ambassador
1,611 posts
Correct me if I am wrong but a Template can be as simple as an existing site that is re edited for another purpose. As such it comes with all its bells and whistles associated with it and is ready, just requires changes to suit its new purpose. It is not Dreamweaver and never will be. As such it has a different set of rules. The CC Editor is a complete program in its own right. What Inger says is quite viable if you wish to include bits of other content you can and save the page as a php file and yes if you install Wamp as she says then you have your own server to test your changes done that way. This I find most convenient in this Editor.
If you want saved templates maybe you should go for the Visual Site Designer that does allow you to save as a template. Sites produced with this program can be just as spectacular as any done with other programs.
What you describe seems to be a CMS system as such if you create your pages with place holders for text and image content the site is then treated as being locked and you upload text and images etc that is inserted into those places. You do need to do it by script which maybe Dreamweaver does in the background.
I am proposing to use the Web Form Builder as a convenient method of changing content by using its upload ability. Another brilliant program.
I am finding I can use the Editor to create a CMS system quite easily. Maybe not as bloated as some but will work for specific requirements. The Editor is a tool, it is how you use that tool that counts.
I can give you a simple example if you contact me, it will be my way not the Dreamweaver way though, It can be viewed online or in Wamp as Jo and Inger mentioned.
One more comment. The reason I like this editor is because it does not put any restraint on how you use it and as such makes it totally universal
If you want saved templates maybe you should go for the Visual Site Designer that does allow you to save as a template. Sites produced with this program can be just as spectacular as any done with other programs.
What you describe seems to be a CMS system as such if you create your pages with place holders for text and image content the site is then treated as being locked and you upload text and images etc that is inserted into those places. You do need to do it by script which maybe Dreamweaver does in the background.
I am proposing to use the Web Form Builder as a convenient method of changing content by using its upload ability. Another brilliant program.
I am finding I can use the Editor to create a CMS system quite easily. Maybe not as bloated as some but will work for specific requirements. The Editor is a tool, it is how you use that tool that counts.
I can give you a simple example if you contact me, it will be my way not the Dreamweaver way though, It can be viewed online or in Wamp as Jo and Inger mentioned.
One more comment. The reason I like this editor is because it does not put any restraint on how you use it and as such makes it totally universal
The Guy from OZ
Prism
Ambassador
1,611 posts
I had to look at Dreamweaver and its specs. do appear pretty solid but over $600 for the program please.
I had a look also at some of the images of pages produced and as a WYSIWYG web builder I have seen sites as good done with VSD. I will admit you only get what you pay for, usually. but a bit like a shotgun to kill a fly. So Jef on reflection if you are used to Dreamweaver then VSD will produce the goods for you. Also if you are looking at CC software you must be disappointed in what you are using presently.
VSD has the Templates, Page duplication, Objects including links able to be copied and it is updated based on suggestions. It is the visual page the viewer sees not the code that produces it.
When I first looked at VSD I thought what's this a kids program but it is wolf in sheep's clothing. I am still amazed just what it can do and the power of its features. One I just discovered is its Banner making ability. Anyway you pay's your money and takes your choice. Am I glad I chose wisely.
I had a look also at some of the images of pages produced and as a WYSIWYG web builder I have seen sites as good done with VSD. I will admit you only get what you pay for, usually. but a bit like a shotgun to kill a fly. So Jef on reflection if you are used to Dreamweaver then VSD will produce the goods for you. Also if you are looking at CC software you must be disappointed in what you are using presently.
VSD has the Templates, Page duplication, Objects including links able to be copied and it is updated based on suggestions. It is the visual page the viewer sees not the code that produces it.
When I first looked at VSD I thought what's this a kids program but it is wolf in sheep's clothing. I am still amazed just what it can do and the power of its features. One I just discovered is its Banner making ability. Anyway you pay's your money and takes your choice. Am I glad I chose wisely.
The Guy from OZ
Inger
Senior Advisor
14,621 posts
Online Now
As I've said earlier, I don't know DW, but I've heard enough about it to accept that is must be a good programme, but a tad overkill for a lot of purposes (and especially the price!). And people who come to CC from DW think, when they see the simple, easy interface of the CC programmes and find out that they are easy to learn, that this must be just toy programmes. But indeed they are not!
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jef Gees
Registered User
9 posts
Thanks to everybody for all the reactions. I am convinced that CC is a good program, otherwise I do not think I would have bought it. But as with every new program, you have to invest in "learning"-time. And sometimes you get very handy tips on fora (like this one).
I agree that there is also a big gap in money (dollars, euro's, peseta's,....) and that DW is good, very good. But as I mentioned earlier, sometimes is a change a good move to stay alert and to discover new things.
But I think that I did not explain it the right way. The template I used for example to build the website www.alvoge.nl is written in the following code:
[code]<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 DTD/xhtml1-transitional.dtd">
<html lang="nl-NL" xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-NL">
<head>
<meta name="robots" content="all" />
<link href="../AlvogeAssets/Alvoge.css" rel="stylesheet" type= "text/css" />
<meta name="Author" content="Jef Gees" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="shortcut icon" type="image/x-icon" href= "../favicon.ico" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>TitelDocument</title><!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25447446-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
</head>
<body>
<div id="TopBannerTop"></div>
<div id="TopBanner"></div>
<!-- #BeginLibraryItem "/Library/AlvogeNavLinks.lbi" --><div id="navigation">
<ul>
<li><a href="../">INTRO</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Visie.html">VISIE</a></li>
<li><a href="../AllesVoorEnOverGezondheid/BachBloesems.html">BACH BLOESEMS</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Reiki.html">REIKI</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Werkwijze.html">WERKWIJZE</a></li>
<li><a href="../AllesVoorEnOverGezondheid/ALOE VERA.html">ALOE VERA</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Workshops.html">WORKSHOPS</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Contact.html">CONTACT</a></li>
</ul>
</div><!-- #EndLibraryItem --><!-- TemplateBeginEditable name="InhoudContentLogBox" -->
<div id="ContentLogBox">
<div class="ContentLog">
<!-- #BeginLibraryItem "/Library/facebook.lbi" -->
<div id="facebook">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Falvoge.nl&%20;layout=standard&show_faces=false&width=450&action=like&font&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;">
</iframe>
</div>
<!-- #EndLibraryItem -->
<h1 class="titelright">XXXXXXX</h1>xxxxxxxxx<br />
</div>
</div>
<!-- TemplateEndEditable --><!-- #BeginLibraryItem "/Library/AlvogeLabels.lbi" -->
<div id="WCS">
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img src="../Gifs/vcss-blue.gif" alt="Valid CSS!" width="22" height="8" style="border:0;width:22px;height:8px"/></a>
<a href="http://validator.w3.org/check?uri=referer">
<img src="../Gifs/valid-xhtml10-blue.png" alt="Valid XHTML 1.0 Transitional" height="8" width="22" style="border:0;width:22px;height:8px"/></a>
<img src="../QRCode/QR.jpg" alt= "QR code" width="50" height="50" style= "float:right; width: 50px; height:50px; " /> </div>
<!-- #EndLibraryItem --></body>
That's all there is. And every page based on that template comes with the code already written. And only the master (= the developer) can make changes. This is very interesting in case the site starts to grow and you get more and more pages to control (layout). And in case you have to change an adress or link: you make the change in the template and all the pages are updated immediately.
I, myself use xampp (at home).
But sometimes the hosting is very basic (without php) as is the case for www.alvoge.nl No php in the hosting offer.
So there is already the handicap of not being able to use php.
For cms: I tried following cms tool but that did not satisfied : http://www.cushycms.com/en
It is as Prism said earlier: "The Editor is a tool, it is how you use that tool that counts."
And I am learning. So I also am still trying to find out. And luckely I can make some post over here.
Thnx.
I agree that there is also a big gap in money (dollars, euro's, peseta's,....) and that DW is good, very good. But as I mentioned earlier, sometimes is a change a good move to stay alert and to discover new things.
But I think that I did not explain it the right way. The template I used for example to build the website www.alvoge.nl is written in the following code:
[code]<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 DTD/xhtml1-transitional.dtd">
<html lang="nl-NL" xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-NL">
<head>
<meta name="robots" content="all" />
<link href="../AlvogeAssets/Alvoge.css" rel="stylesheet" type= "text/css" />
<meta name="Author" content="Jef Gees" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="shortcut icon" type="image/x-icon" href= "../favicon.ico" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>TitelDocument</title><!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25447446-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
</head>
<body>
<div id="TopBannerTop"></div>
<div id="TopBanner"></div>
<!-- #BeginLibraryItem "/Library/AlvogeNavLinks.lbi" --><div id="navigation">
<ul>
<li><a href="../">INTRO</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Visie.html">VISIE</a></li>
<li><a href="../AllesVoorEnOverGezondheid/BachBloesems.html">BACH BLOESEMS</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Reiki.html">REIKI</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Werkwijze.html">WERKWIJZE</a></li>
<li><a href="../AllesVoorEnOverGezondheid/ALOE VERA.html">ALOE VERA</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Workshops.html">WORKSHOPS</a></li>
<li><a href="../AllesVoorEnOverGezondheid/Contact.html">CONTACT</a></li>
</ul>
</div><!-- #EndLibraryItem --><!-- TemplateBeginEditable name="InhoudContentLogBox" -->
<div id="ContentLogBox">
<div class="ContentLog">
<!-- #BeginLibraryItem "/Library/facebook.lbi" -->
<div id="facebook">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Falvoge.nl&%20;layout=standard&show_faces=false&width=450&action=like&font&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;">
</iframe>
</div>
<!-- #EndLibraryItem -->
<h1 class="titelright">XXXXXXX</h1>xxxxxxxxx<br />
</div>
</div>
<!-- TemplateEndEditable --><!-- #BeginLibraryItem "/Library/AlvogeLabels.lbi" -->
<div id="WCS">
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img src="../Gifs/vcss-blue.gif" alt="Valid CSS!" width="22" height="8" style="border:0;width:22px;height:8px"/></a>
<a href="http://validator.w3.org/check?uri=referer">
<img src="../Gifs/valid-xhtml10-blue.png" alt="Valid XHTML 1.0 Transitional" height="8" width="22" style="border:0;width:22px;height:8px"/></a>
<img src="../QRCode/QR.jpg" alt= "QR code" width="50" height="50" style= "float:right; width: 50px; height:50px; " /> </div>
<!-- #EndLibraryItem --></body>
That's all there is. And every page based on that template comes with the code already written. And only the master (= the developer) can make changes. This is very interesting in case the site starts to grow and you get more and more pages to control (layout). And in case you have to change an adress or link: you make the change in the template and all the pages are updated immediately.
I, myself use xampp (at home).
But sometimes the hosting is very basic (without php) as is the case for www.alvoge.nl No php in the hosting offer.
So there is already the handicap of not being able to use php.
For cms: I tried following cms tool but that did not satisfied : http://www.cushycms.com/en
It is as Prism said earlier: "The Editor is a tool, it is how you use that tool that counts."
And I am learning. So I also am still trying to find out. And luckely I can make some post over here.
Thnx.
Mike
Ambassador
1,176 posts
Dreamweaver template creation is based on their own proprietary format. Not available in the same way in any other editor.
However you can use "includes" to mimic the capabilities as stated above.
Libraries are similar to snippets. Snippets are just code you write that are stored for re-use, very similar to the DW library function.
Mike....
However you can use "includes" to mimic the capabilities as stated above.
Libraries are similar to snippets. Snippets are just code you write that are stored for re-use, very similar to the DW library function.
Mike....
..........................................
http://www.wpdfd.com
http://www.wpdfd.com
Jef Gees
Registered User
9 posts
Hoi Mike,
thanks for the explication concerning DW. Do not see it as a handicap.
There is a slight difference concerning the snippets. In DW what is stored in the library can be changed by one click.
What is stored as snippet needs manual interference (I hope this is a right sentence, bacause I mentioned earlier language can sometimes be a handicap in explaining difficult items).
But i do my best (i hope).
Grtz,
thanks for the explication concerning DW. Do not see it as a handicap.
There is a slight difference concerning the snippets. In DW what is stored in the library can be changed by one click.
What is stored as snippet needs manual interference (I hope this is a right sentence, bacause I mentioned earlier language can sometimes be a handicap in explaining difficult items).
But i do my best (i hope).
Grtz,
Inger
Senior Advisor
14,621 posts
Online Now
Unlike DW, it appears, CC HTML Editor does not do anything strange or mysterious in the background that you don't know about. You have full control all the way in that you have to input everything yourself. That is one of the things I like best! 
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jef Gees
Registered User
9 posts
That's what I like too: full control!!!
Thnx you all and a lot of succes.
Thnx you all and a lot of succes.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
