Adobe Dreamweaver Templates Could Be Your Best Friend

Subscribe to Our Blog

Name:
Email:
 

Your information will never be shared
CONFIDENTIALITY GUARANTEED

Powered by Optin Form Adder

Templates are a key feature of Adobe Dreamweaver, enabling you to control and update the appearance of an entire site. They are one of the features covered in detail on our Dreamweaver training courses. This article looks at how to set up, apply and modify templates. Templates facilitate site management by allowing you to modify and update several pages at once. A template is a web document (HTML, ASP, ASP.NET, etc. ) which contains a combination of locked elements and editable regions. When creating a new document, if you opt to base it on a template, the page will inherit all of the elements which the template contains. You individualise the page by modifying the content of the editable areas. If you later modify the template, all of the pages which are based on it can be automatically updated.

Templates can be created from scratch or you can take an existing document and convert it into a template. To create a template from scratch

1. Choose New from the File menu.

2. Click on New Template in the first column of the New Document window.

3. In the second column, specify the Template Type ((HTML, ASP, ASP.NET, etc. ).

4. In the third column, optionally choose one of Dreamweaver’s preset CSS layouts or click None to start with a blank page.

5. If you choose one of the CSS layout, in the forth column, you will need to specify whether the necessary code is placed in the head of the document, in a new CSS file or an existing one.

6. Finally, click Create to generate your new template.

As soon as you start using templates, Dreamweaver creates a special Templates folder which it stores in the root folder of the site. All templates are automatically stored in this folder. You can also take a regular HTML document and convert it into a template.

1. Open the document which you wish to convert into a template.

2. Choose Save As Template from the File menu.

3. Enter a name for the new template and click Save.

By default, all of the elements that you place on a template will be locked. They will appear on each page based on the template but will not be editable. To create the locked regions of a template

1. In the templates folder, double-click the name of the template you wish to edit.

2. Create all of the elements which you wish to appear on every page.

3. All of these elements will remain locked and unchangeable on all pages based on the template.

4. If you save the changes you have made to the template at this point, Dreamweaver will remind you that you have not yet created any editable regions. Click OK.

If you would like to learn more about Web development training courses, visit Training Company . Com, an independent computer training website offering Dreamweaver Classes at their central London training centre.

Like this blog post? Buy me a coffee or send me a tip!!!

Posted under Software

Setting Up A Remote Site In Dreamweaver CS4

The Remote Info tab of the Dreamweaver Site Setup dialog box allows you to supply details of the remote web server. This will be used by Dreamweaver to connect to the server hosting the site so that information can be uploaded and downloaded. For internet sites, Dreamweaver uses file transfer protocol (FTP) to connect to the server, as shown in the QuickTime example. For intranets and sites being developed on a local server, the Local/Network option is used.

The FTP host is simply the host name or IP address of the FTP server associated with your domain. The name usually takes the form ftp.yoursite.com or www.yoursite.com. If in doubt, consult your internet service provider (ISP).

Host Directory refers to the name of the directory on the web server in which internet files need to be uploaded if they are to be visible on the web. Check with you ISP to see whether files should be uploaded to the root directory or into a sub-directory.

The next section allows you to enter the login and password which have been allocated to allow you FTP access to the server hosting your site. Note that Dreamweaver activates the save password option. If you think this is a security risk then click the checkbox to deactivate this option. Again, this information will be available from your ISP.

Firewalls are widely used by companies to block access to their intranets and to control how their own workers access the Internet. If your company uses a firewall then you must enter the relevant information in Preferences. Once you have done so, the Use Firewall option will be automatically selected. If your company uses a firewall, check with your network administrator to see whether it uses passive FTP, a system whereby the FTP connection is initiated by the client rather than the server.

The Check-in/Out facility within Dreamweaver can be used when several team members are working in collaboration on the same site. When a team member is working on a particular file, Dreamweaver will place a check mark next to the file in the remote listing in site files view as well as the name and email of the person editing the file, so other users can email him or her. If you activate this option, you must enter your name and email in the appropriate boxes.

If you would like to learn more about Dreamweaver training courses, visit Macresource Computer Training, an independent computer training company offering Dreamweaver training courses in London and throughout the UK.

Like this blog post? Buy me a coffee or send me a tip!!!

Posted under Software

This post was written by Malcolm Henderson on March 21, 2010

Tags: , , , , , , , ,

PHP, The New Industry-Standard In Server-Side Web Development

Internet programmers have adopted PHP web development as a de-facto standard. PHP’s power lies in the ability to generate complete web pages or parts of pages as HTML code that can be rendered by browsers. This as-requested HTML can contain up-to-date information that static HTML coded pages cannot deliver. It is almost like the web server has an almost infinite number of HTML pages.

HTML can store tiny snippets of data on the user’s system for retrieval later. With PHP web development techniques programmers can use that bit of stored data as a key to information stored on a server-based database. This information is then used to generate a page customized for each user and each visit. This power of PHP web development is responsible for the interesting and user-friendly internet of today.

Using PHP web development, programmers are constantly finding new ways to interact with users. Users become regular visitors to dynamic sites, knowing that each visit will provide new and interesting content. Web-based businesses rely heavily on PHP web development to keep an active user base. Active users mean more revenue – either through advertising or direct sales.

With web-based businesses popping up constantly most of the user interaction relies on PHP web development. Customers can check databases to see if a particular product is available, place an order make a payment and arrange shipment – all with out any human involvement. Orders are recorded, databases are updated and verification emails sent to customers thanks to PHP web development.

Since PHP web development is so deeply intertwined in the recent growth of the internet the technology will exist for years to come. PHP is a very active and evolving language. New functionalities are being incorporated constantly and new technologies are embraced by the PHP community. PHP web development will be a vital component in future web activities worldwide.

Emerging concepts such cloud-based applications are already part of the PHP toolset. Integrated development tools for PHP web development have appeared on the scene making PHP web development even easier.

Visit the Macresource Computer Training website for courses on PHP and MySQL in London and UK wide or call 0800 1950 502.

Like this blog post? Buy me a coffee or send me a tip!!!

Posted under Software

This post was written by Adam Roberts on January 1, 2010

Tags: , , , , , , , ,