Your Customers are Mobile, you will be too …

Monthly Archives: June 2011

In this tutorial we will show you how to save Adobe Swatch Exchange or .ase files with the following Adobe CS5.5 programs:

  • Fireworks CS5.5
  • Photoshop CS5.5
  • Illustrator CS5.5
  • Indesign CS5.5

These files may also be downloaded directly from Adobe Kuler as well. Once we have done that we will also show you how to import them into Fireworks, Photoshop, Illustrator and Indesign so that you can easily move your color palettes from one CS5 program to the next streamlining your design process. Continue reading

In this Tutorial we will show you how to set up Dreamweaver CS5.5 and your Moodle 2.0 servers so that they are ready for your to create your own templates using an existing Moodle Theme as your base. This is the best practice for creating a new theme for a beginner as it gives you a chance to see how the Moodle 2.0 themes work and how the various files interact with one and other.

Three things you need to have ready to go before we begin.

  1. A XAMPP server set up and ready to go. This should be switched on already.
  2. A Moodle 2.0 Server installed inside your XAMPP server.. Your should already be at the stage at which you have already logged in with your admin account already set up.
  3. Apart from that its just Dreamweaver CS5.5 installed on your computer and we are ready to go.

Continue reading

In this tutorial we will tech you how to take an existing WordPress 3.1 theme and using Dreamweaver CS5.5 create our own theme. This is a rather complex task however we are lucky in that Dreamweaver does make this task considerably easier for us, provide we know how to go about the changes we wish to make. We will begin by modifying another theme as this is a great way for you to learn just how WordPress works and is the best way for you to learn how to make WordPress themes.

Five things we need to have before beginning.

  1. XAMPP server running on your computer
  2. WordPress server running in our XAMPP server
  3. Dreamweaver CS5.5 although CS5 will do
  4. We also need to have your WordPress server set up to run in Dreamweaver (if you don’t know how to do this please check out the tutorial I did yesterday on setting this up)
  5. A WordPress theme installed to use as a basis for our new theme.

If you have all of this then we are ready to create our first WordPress 3.1 theme. Continue reading

In this tutorial we will show you how to set up a WordPress 3.1 server in Dreamweaver Cs5.5. The process for this is very similar for most versions of Dreamweaver but CS5.5 is what I work with. I have not noticed a difference between this and CS5 or CS4. The process is fairly easy particularly if you have set up other dynamically related servers in Dreamweaver in the past such as Joomla or Drupal.

Three things you will need before proceeding with setting up your WordPress server in Dreamweaver.

  1. A XAMPP server installed on your PC (MAMPP if your on Mac.) This server should be Switched on before your start.
  2. An installed copy of WordPress inside your XAMPP folder.
  3. A WordPress 3.1 theme installed for you to modify once your in.

We will not be covered the installation process for either of these things in this tutorial. That is a subject for another tutorial altogether. If you have all this done already then its time to open Dreamweaver and begin.

Continue reading

In this tutorial we will show you how to take a HTML template you have created and convert it into a Joomla template. We will be using Dreamweaver CS5.5 for our conversion but any version of Dreamweaver will suffice or any text editor will do the job just as well. To do this tutorial you should have already created a HTML mock-up of your website in Dreamweaver and filled it with lorem ipsum etc to create the look and feel. We will be taking that test content out and replacing it the code needed to convert your HTML to a Joomla 1.6 template.

Continue reading

Note: This tutorial has been checked and moved for CS6. For the CS6 tutorial view this tutorial.

In this tutorial we will show you how to set up Joomla(1.5 or 1.6) in Dreamweaver CS5 so that you may edit the CSS of your layout while still making good use of Dreamweavers great productivity tools. One warning before we proceed though, Whilst working with Joomla in Dreamweaver do not edit any of the core Joomla files. This goes for all of Joomla’s PHP and CSS files. Only work with the CSS files directly assosciated with the template you are working on. If it isn’t a CSS file you should probably not be using Dreamweaver for this task. If you touch anything else the risks of you breaking something are significant.

Continue reading

Note: This tutorial has been checked and moved for CS6. For the CS6 tutorial view this tutorial.

In this tutorial we will show you the basic of the @font-face CSS3 property and how to use it. Although this guide is geared more towards using in a Adobe Dreamweaver CS5.5 development environment it can be used not matter what editor you are using. Even other levels of dreamweaver can use this tutorial, even though major support has been added to dreamweaver CS5.5 for CSS3 @font-face is not amongst the properties it has been expanded to include. Continue reading

In this tutorial we will show you how to blend two or more images into one using gradients masks. The process is fairly simple but as I have noticed quite a few searches coming into my blog looking for information on it I will do it anyways. I have grabbed a couple of creative commons images to use and when finished my image will look something like this:

However your can look however you like as you will most likely be using your own images. As you can see looking at my finished product I have used 3 images in total two blended with a linear gradient and another blended into it all with a radial gradient. Continue reading

Note: This tutorial has been checked and moved for Photoshop CS6. The new Tutorial can be found here.

In this tutorial we will show you how to rename dozen or even hundred of images at a time with Photoshop CS5 batch processing capabilities. This technique will work in all version of Photoshop including Photoshop Elements. I am doing this tutorial as I have noticed a lot of people searching my site for it and getting pages that relate to other batch processing items but if you use those methods you could wind up losing a lot of files or just doing nothing at all. Recording a normal action and telling it to rename a file simply won’t work.

Continue reading

Please buy me a Coffee

Help a starving student to drink more coffee

Follow us on: