Joseph De Araujo

In Part One of this tutorial series I showed you how to insert editable regions for restricted editing only. This was so that a clients edits could simply be restricted to certain areas of the page. In this case we were protecting the design and layout.

In Part Two, I then showed you that if you place any server side code outside an editable region that it will be protected from editing and will be maintained in the page when it is saved. This opened up a lot of dynamic possibilities for your websites and developing processes.

In this tutorial, I will show you how you can team up Webedit Professional and Dreamweaver to make sitewide editing fast and very efficient. You will need to understand the way we will update the site so that it can be applied to any program that has a templating system. I will also show you how to set up a site from scratch and make it workable within the Dreamweaver program.

In this tutorial, I will show you how to allow your clients to maintain a website within editable regions and allow yourself to make sitewide changes outside editable regions with a seamless process.

You can use dynamic code in the same pages that you are editing with WebEdit Professional and through the use of editable regions, this code will stay intact as you edit only the static sections of the page.

In part one of this three part tutorial, I showed you what editable regions look like and how to easily insert them in your pages.

In this tutorial, I will show you how you can use editable regions and dynamic code on the same page to allow you to protect your dynamic code, whilst letting your clients/users to update the static sections of the page. By using editable regions in your page you will be restricting the users access to specified sections of the page and at the same time you will protect your dynamic code from being output as static html and overwritten.

In WebEdit Professional, Restricted editing mode allows you to "lock" the page being edited and only allows editing of predefined regions. We call these regions "editable regions".

These editable regions will stop curious editing by your clients (or novice users) in other parts of the page, and at the same time will protect your dynamic code from being rewritten by the editor.

This is part 1 of a 3 part series of editable regions tutorials that will show you how editable regions will make your developing life easier and will integrate your editing and maintenance process seamlessly online and offline.

In this tutorial, I will show you how you can simply insert editable regions to restrict editing to certain parts of the page.

You will need a copy of WebEdit Professional & one built website page.

Webedit Professional is great for allowing your end-users to update changes on a page by page basis. In most cases you want and need to use common elements that should not need to change per page, and should be reuseable across the whole site using the latest include technologies such as PHP includes. It is very possible to do this and we’ve made it so easy to allow you to save time and still allow your clients or users to update the content themselves...

Today I am going to show you the different parts that make up a dropdown vertical menu for your website. This is not like your normal dropdown menu, which appears at the top of your content, however -- these menus expand and remain visible until they are collapsed with the click of a mouse. The menu content actually expands with your page content, pushing the rest of whatever is below it down - so it can actually be used for more than just a menu (I might explore that a little later in another tutorial).

For now, let's get it started...

You might be one of the lucky people that have a website that is much larger than 5 pages. When you need to make changes to your site, then it would be a little time consuming & pointless to make the same change to every page on your site. For this very reason, I would like to show you how you can use common elements by making use of PHP includes.

In this tutorial I will use the free template jd_b030 available from the Interspire site. I will break this layout into a common header, a footer and a main content section. The only unique part of each page will be the main content section – every header and footer will be governed by the content within the header.htm and footer.htm files.

What you will need for this tutorial:
·   A general understanding of HTML
·   A host that supports PHP scripting
·   Dreamweaver MX or another visual html editor

Cron is a schedule based service that runs on just about every UNIX server. It allows you to run commands and scripts at a certain time and date that you can set in a “crontab”. Cron can be set to run any Perl or PHP script and basically any command that can be run from a command line.

In this tutorial I will explain exactly what cron is and how you can use Cron to schedule the execution of scripts on your web server.

I will also show you briefly how to create a crontab in Plesk Reloaded and in Cpanel (Xskin) using the online control panels. I will be using SendStudio as the application that I am setting up the cron job for. The actual SendStudio script will be used to send out emails and autoresponders.

Logos are very important in identifying your business, service or product. It would be beneficial for you to know how you can quickly insert a logo into your webpage using one of the most widely used graphics programs in the world today, Adobe Photoshop.

In this tutorial, I will show you how you can simply download one of our ready to go logo templates and simply drag, drop and resize into your own artwork. You can then add your own text or simply use the graphic portion of the logo alone.