Support Contact:
Phone: +40 (21) 310.63.42; Forums:

Currently Browsing: Dreamweaver Extensions

Reasons to choose WordPress

When it comes to choosing your Content Management System, there are many options. One of the best, especially if you’re a beginner, is WordPress.

So, let’s see the advantages of using WordPress:

1. No coding skills required

The creation of a website might seem overwhelming, especially if you’re a newbie in web design. Customizing each and every bit of every page in the new website might seem complicated. But with WordPress, it’s no longer the case. If you choose to create a blog/website/online store with WordPress, you don’t need to have any coding skills.

2. Easy to use

Besides the fact you don’t need any coding, it’s super easy to learn and use WordPress. The platform has an intuitive interface you’ll quickly get familiar with. All the Admin sections are easily accessible, and it takes a very short time to learn how to use them.

3. Little investment in the website creation – the WordPress software is free

It takes little to no investment for creating a new website or blog. This is because the WordPress software is free for download.

However, if you want to go professional and buy your own domain + hosting, consider a little investment in your new website.

4. You don’t have to depend on a designer to make minor (even major) changes to your website

Due to WordPress, you’re free to make changes to your newly created website, whenever you want. As it’s simple to use, WordPress doesn’t necessarily need the intervention of a web designer for you to make tweaks and refines to your website. And you’re able to make even major changes to the web pages, with no coding skills.

5. Choose from a wide variety of themes

WordPress comes with the possibility to choose from an almost infinite number of themes. All you need is know what layout to apply to the new website/blog and go searching the web for the perfect theme. You’ll have all chances to find it. And fast.

Premium themes have additional options for customizing the look and colors of web pages, so you can get the perfect color scheme for your website.

6. Change the theme whenever you want

In case the design has gone outdated for your website, you can change the theme you’ve chosen any time. There are plenty of options, so replacing one theme with another is a matter of seconds.

Sure, you’ll have to pay attention to the overall aspect of the new website version, but if it’s worth updating the theme, why not?

7. You can install and activate plugins to improve website functionality

There are 10,000 + plugins available to improve website functionality. There’s almost for sure a plugin that’ll solve your need for customizing the website and adding some functionalities to it.

8. It’s easy to update WordPress

The WordPress software benefits from frequent updates. And it’s easy to get the latest version any time, provided that you make sure you have a backup of your website current version. Updates come with improved functionalities.

9. Possibility to make regular backups for security reasons

With WordPress, it’s simple to make regular backups for your website. There are ready-made solutions you can use to create backups before every major change to the website, or periodic backups for security reasons.

10. SEO-ready platform

You probably know how important SEO is for your new website/blog. So, there are some plugins for WordPress which you can use to improve the SEO of your web pages. Yoast SEO or All in One SEO Pack are the most frequently installed and used for SEO purposes.

11. Mobile responsiveness (for most of the themes)

WordPress themes are mobile responsive, in most of the cases. This means the website or blog will look fine both on desktop, and mobile devices. It will be displayed to users in appropriate form, so readability and design keep high quality standards.

12. WordPress can be used for any website

No matter what it is you want, WordPress is flexible enough to allow you to create a website that tackles all of your needs. These can include blogs, eCommerce sites, portfolio websites. You name it. So don’t waste more time, and use WordPress to bring your most limerent passions to life.


Over 30% of websites now run on WordPress. That’s a huge swathe of the Internet. Because so many people use it, this provides users with ample resources on anything, from plugins, to documentation, to best practices.

So don’t wait, and use WordPress today.

How to create a responsive slider in Dreamweaver

With the Extend Studio jQuery Power Slider 2 extension you can create beautiful jQuery responsive sliders in Dreamweaver. Here is the example that we will use for the following tutorial.

Video version (tutorial provided by Webucator):

Insert a jQuery Slider 2 into the page

In order to add a jQuery Slider 2 to a page, you need to create a html page inside a site. If you don’t know how to define a site in Dreamweaver, check this page for help:

1. Place the mouse cursor into the container where you want the slider to be added.

Add a responsive slider to your page in Dreamweaver

2. Click the “insert slider ” button from the Dreamweaver “Insert ” window.

Insert Photo Gallery in Dreamweaver

3. The Power Slider 2 for Dreamweaver Editor will appear.

- go to skin 4;

- click the “Customize this template” button to get to the editor and define the slider settings ;

Power Slider Editor in Dreamweaver

4. Choose the slider resize type.

You can choose from 2 types of responsivevess: Auto-Responsive or Media Queries .

- Auto-responsive:

Enable the “Auto” module from the top toolbar. This option resizes the slider proportionally with the screen size. It works automatically without any configuration.

This module works great for simple, quickly made sliders, and dynamically adjusts the slider’s width / height

accordingly to the display / device that views it.

- Media queries:

For greater customization and control, use media queries type.In this mode, you have complete control over the look and feel of your slider, for each target device : mobile , tablet, desktop. Complete control on every aspect , at breakpoint and slide element level.

It allows you to customize each slider component or element, on each device type.

Components and elements can also be made visible or hidden for each device type.

Select the Media Queries option.

Power Slider Editor in Dreamweaver - Choose Resize type

Change the Power Slider settings

Inside the Slider Editor sidebar you can define its settings.

1. Change the slider width

- select the slider container;

- set the slider width to 100%;

- also, set the slider type to full width;

Power Slider Editor in Dreamweaver - Change slider width

2. Remove the slider background in order to add a transparent color – so that the image with the green grass that is applied on the page background is visible under the slider.

- make sure to have the slider container selected;

- open the background panel;

- go to the image tab and remove the background image;

Power Slider Editor in Dreamweaver

3. Add a solid color and make it transparent.

Power Slider Editor in Dreamweaver

- make sure to have the slider container selected;

- from the background panel go to solid color;

- define the color – in this tutorial we had used black;

- set a lower alpha value (alpha is set in percents) – in this tutorial we had used 40%;

Here is how the slider will look like.

4. If you want to add a different background image to each slide, here is what you need to do:

- select the slide – make sure to see the Slide selected in the element top left breadcrumb;

- in the sidebar make sure to be inside the Element Settings panel;

- Open the Background tab and go to Image;

- By clicking the folder icon near the input you can browse for the image in your computer;

Power Slider Editor in Dreamweaver

To switch between slides, use the slides manager from the bottom of the editor.

jQuery Power Slider - Slides manager

How to Create a Contact Form in Dreamweaver

Install and locate the Flexi Contact Forms Dreamweaver extension

You can download the Flexi Contact Forms Dreamweaver extension from here:

For Dreamweaver CS5, CS5.5, CS6, CC: 
– open the "" file using Adobe Extension Manager; 
– restart Dreamweaver.

For Dreamweaver CS4: 
– open the "" file using Adobe Extension Manager CS4; 
– restart Dreamweaver.

The Extend Studio products are available in the "Insert" window in Dreamweaver. Click CTRL+F2 (Command+F2 for MAC) to display the Insert Window.

If the "Insert" window is displayed as Tabs, below the main Dreamweaver menu, the Extend products should appear on the right side of the Tabs.

If the "Insert" window is displayed as Floating Panel (usually displayed on the left or right of the working area, depending on the Workspace settings: developer, designer etc) you need to click on the "Common" drop-down – marked with a down arrow.

The Extend Studio products should appear in the pop-up list.

Add a Contact Form to your page in Dreamweaver

1. Setting Up The Site:
Before adding a Contact Form in Dreamweaver, you need to create an html page and save it inside a Dreamweaver site. Here are the step by step instructions: : 

2. Insert a Contact Form

Put your mouse cursor inside the element where you want the contact form to be added and click the "Create Contact Form" button from the Contact Forms "Insert" window.

After clicking the “Insert Flexi ContactForms” button, the ContactForms editor will appear. From here you can add elements to the form, modify its settings and choose a skin.

Customize the Contact Form

1. Set up the Form Elements

- choose the form elements that you want inside the form: “Name”, “Message”, “Email”, “Website” and “Phone”. You can add form elements by clicking the “+” (add) icon;
- choose what elements have to be mandatory, by enabling/ disabling the “Is required” option.
When the “Submit” button is clicked, a validation message will appear if the mandatory fields are not completed;
- set the number of characters allowed in each form field;
- preview the contact form before inserting it into the page.

2. Customize Form Sending Settings

- add the email address where you want the form data to be sent. Inside the "Send mail from" input you have to add an email address that is valid on your server – usually;
- choose whether the message that you want to appear or if you want the user to be redirected to another webpage after the form content is sent successfully.
- click the “Edit Error Messages” button to open the page in Dreamweaver where the Contact Form validation messages can be edited.

3. Customize Form Design Settings

- set the form width;
- choose the position of the form inside the page – left, center or right.

- choose to have the label position at the top of the input, inside the input or in the left side of the input – click here to see the label options;
- the label width option activates when you set the label position to left. Make sure that the label width is not bigger than the form width;
- choose the label font from the font family selection list;
- set the vertical space between the form elements;
- set the label font size in px.
When the label position is set to be inside the input, the “Label font” option is disabled;
- the “text font” option represents the text that the user types inside the form inputs. Choose the text font family from the selection list.

4. Contact Forms predefined skins

Click on the “Form Design” tab to see the available skins. There are 11 form skins inside the Flexi Contact Form extension. Once you choose the desired skin, click the “Insert” button to add the form to your page.

Contact Form Message

After the contact form is successfully sent, the email recipient will get an email with all the data that has been sent. Flexi Contact Form has a default email format that looks like in the following screenshot:

You can download the Flexi Contact Forms Dreamweaver extension from here:

Page 1 of 131234510...Last »