Tutorial created by Team WebAssist
Congratulations on your purchase of Design Extender!
You now own a collection of the most powerful Dreamweaver tools for design available! Design Extender has been created to aid you with the arduous tasks of designing and maintaining a website. From CSS menus to content management, Design Extender has a tool for the job.
Most projects can greatly benefit from a combination of Design Extender tools to build your website. For example; if you want to create a blog for your website, you will use CSS Sculptor to design the pages, Site Sculptor to create the pages, PowerCMS Builder to create the content management, and Social Media Toolkit to allow readers to share your posts with their friends.
This Getting Started Guide will help you get the most out of your Design Extender purchase. We will cover how to get your system configured to make the most of Dreamweaver extension, how to download and install your extensions, and how to plan your project.
You will need the following items ready before starting this tutorial:
In case you don't know yet, Dreamweaver extensions are tools (sometimes big, sometimes small) that run from within Dreamweaver and provide invaluable, additional functionality that Dreamweaver doesn’t provide standard. The tools within Design Extender consist of step-by-step wizards and "quick insert" interfaces that make developing key parts of your website a smooth and straight forward process.
Install your extensions
With your computer running everything you need to successfully use WebAssist Dreamweaver extensions and build websites, you can install your Design Extender extension. WebAssist provides you with a Download Center for downloading all of the extensions you have purchased. You can log into your Download Center at any time to retrieve the extensions you own. Each extensions is delivered as a .mxp file which installs through the Adobe Extension Manager
Follow this tutorial for steps on how to install a Dreamweaver extension:
In this section, we will discuss a few of the more common applications people use their extensions to make, show you the basics of the most widely used Design Extender utilities, and teach you how to go about completing those projects with your Design Extender extension.
If you are new to extensions/web development...
If you've never built a website before, or Dreamweaver extensions are new to you, you should get your feet wet by building a simple design and website. A number of the Design Extender utilities can be used to build a simple website from scratch.
Here's an outline of the steps you will want to take...
Once you have built your site, you will have a complete website based on the CSS layout tools and CSS menu tools' presets you designed. You always have a built-in content management system so that you could hand this site off to a client for them to manage the content themselves. This is the fastest way to build a website for your clients, and a great starting point for using other WebAssist extensions.
There are a number of additional tools that you can use to enhance the pages that you have just built. Here are some of the tools that you might want to take a look at next as you get more comfortable with extensions and web development.
Ready to jump into dynamic development?
Once you are used to building basic websites and adding useful functionality to your pages, you should start thinking about building dynamic websites. A dynamic website typically means that you are using a database (MySQL) and server language (PHP), in order for aspects of the site to function. Your WebAssist extensions will do the dynamic work for you, but there are certain aspects of dynamic development that you should be familiar with when you enter this level of production.
New to databases?
If databases are new to you, we've got you covered with a free MySQL eCommerce Database (wa_ecommerce_db.zip). Whether you are building an eCommerce website, or just a simple user registration system, this database should have everything you need to get started with a database-driven website.
Now that you've got your database set up and ready to go, you can start creating a more dynamic and useful web application using Design Extender. Here are some examples of what you could build and which tools to use.
Create a simple portfolio site
Let's imagine together tha you have crafted something interesting that people want to see ( and even better if you actually do! ). You can easily make a nice portfolio site to show your handiwork to people all over the world and make it possible for them to share your creations with their personal network in just a few steps using the utilities your now own.
You can build a simple system like this using just two Design Extender utilities; Site Sculptor and Social Media Toolkit. Site Sculptor will generate all the pages needed and Social Media Toolkit lets you add share buttons to the pages.
Want to make your site over the top? Now that you have created a simple portfolio page to show off what you have made, you have the ability to take your portfolio to the next level. For example; you can add Facebook comments after the share buttons to allow viewers to critique your artwork.
You can also give maps to show the location of more public works of art by adding maps for Google, or change the site builder tool's template to an easy to manage theme with the framework manager tool.
Design Extender includes a number of other useful utilities that you can use to enhance your website or optimize it's performance and speed up your development. The following section lists some of the other tools that are included with Design Extender but have not been referenced already in this document.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.