Free code

Setting up a responsive design website in Dreamweaver CS6 part 1/2

As handheld devices become more and more common, users will be viewing web content on smaller screens which means web developers must have a way of building webpages that can be viewed across multiple devices. Enter responsive design: A way to code a website so that it will shape to fit various screen sizes. Responsive design isn't just about designing a completely different website though;...
Free code

Creating an image gallery in Adobe Dreamweaver CS6 Part 2/2

To begin programming the behaviours, we'll open up the behaviours panel under Window > Behaviours at the top of Dreamweaver. Depending on the type of workspace you're using in Dreamweaver, this should open up the behaviours panel on the far right-hand side.  We're using the 'Classic' workspace for our example. It may already be open as well, with a tab at the top of this...
Free code

Creating an image gallery in Adobe Dreamweaver CS6 Part 1/2

In this article, we'll look at creating an image gallery in your Dreamweaver project by using something called a 'Behaviour'. Behaviours are a way of inserting special features onto a website without using overly complex Javascript or Jquery code. In this example, we need to create a simple gallery for a classic car festival: In the gallery above, you can see there is a one...
Tutorials

Using forms in HTML 5 (Part 2/2)

In our last article we showed you how to create a basic web form using HTML 5 in Dreamweaver. In this article we'll expand further on that knowledge by showing you a few other common form elements used on websites. Forms are a useful way of gathering information about your users. Another common way of gathering information is by using buttons, lists and selection boxes...
Tutorials

Using forms in HTML 5 (Part 1/2)

Forms are a useful way to collect information from users who visit your webpage. They may be as simple as a search box or e-mail form or as complicated as an application with multiple options for the user to select. Forms can be styled with CSS like any other element on your page and can be used on any page in any area of that...