Photo Shop CS4 Tutorials

Photo Shop CS4 Tutorials Introduction Photoshop CS4 CS4 is one of the premier graphic software packages used by a lot of people.  Here you will find an introduction on what the Adobe graphic software is about and how you can use it for your projects.  You will be able to learn the secrets that can help you master this software so that your projects will appeal to others. Read More

WordPress Tutorials

In this WordPress Tutorials you will learn how to Install WordPress right upto configuring, managing Categories, write a post, comments, manage pages and plugins and editing your profile to changing your password in WordPress. WordPress is an open source blog publishing application. WordPress is currently the largest self-hosted blogging tool on the Internet. WordPress an Open Source project, which means that there are hundreds of people that are working on it, forever developing it and improving it. Best of all, it ... Read More

Drupal Tutorials

In these Drupal Tutorials you will learn how to Install Drupal upto configure, maintaining and manage your Drupal site, set up your own stores, managing users and changing your password in Drupal. Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP. It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate sites.

osCommerce Tutorial

In these osCommerce tutorials you will learn to install, configure and manange your osCommerce driven online store.

Flash CS4 Tutorial

In this Flash CS4 tutorial you will learn the basics of Flash CS4 animation. You will need Flash CS4 in order to do these tutorials. You can download a 30 day trial version of Flash CS4.

• Introduction to flash CS4 offering environment
• Panels and Panel workspace in flash CS4
• Drawing in flash CS4
• Read More
  
  

Dreamweaver CS4 Tutorial

In this Dreamweaver CS4 Tutorial you will learn how to create a basic website using Dreamweaver CS4. It is a common practice to design the look of your website using an image editor first. I use Fireworks CS4 for designing my layouts. You might want to go through the Fireworks CS4 Tutorial before you start on Dreamweaver CS4. Any images you need for your website will have to be created and optimized for the web using Fireworks. Read More

Fireworks CS4 Tutorial

This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the best graphics editing software for the web. It is easy to use and allows you to quickly create images optimized for the web. Some of the latest features in Fireworks CS4 is the ability to export your layout into HTML, CSS and sliced images - completely web-ready. In this tutorial we will create a website ... Read More

How to validate your Contact PHP form in Dreamweaver CS4

If you are wondering how to validate your contact PHP form in dreamweaver, follow the simple steps below: Open your contacts.html in Dreamweaver CS4, while you see the contact form as below: Click on the Name box as seen above, now look out for Windows in the main menu of your dreamweaver and under that you will find Behaviors, click on that as shown below: Read More

Contact PHP forms in Yahoo Smallbusiness Server

If  you are wondering why the regular PHP forms does not respond in Yahoo Smallbusiness server, we have another set of PHP codes to resolve all issues in Yahoo Small Business server. First let us create an html file called contact.html in dreamweaver, with 4 fields ie: Name, Email, Phone & Message as  shown below: click on the form tag at the bottom of the contacts.html and link it to contacts-thanks.php and to ... Read More

PHP code for Contact form

If you have a contact form and wondering how to redirect the contact form to be redirected to your mail id, you can follow the below steps to send all your contact form details to your mail id. Fist let us create a php folder called thankyou.php or you can do this later too, you can open dreamweaver and within the <body> tag of your code copy and paste the below php codes. <?php echo $name.".  We will get back to you soon."; $name=$_REQUEST ... Read More

How to know if your hosting supports PHP

If you have contact forms or any other forms in php and wondering if your hosting supports PHP, you can follow the below steps to know if your hosting supports PHP. 1. Open dreamweaver and go to the code page and copy and past the below php codes within the <body> tag as shown below. <body> <?php mail('clement@bestwebdesignz.com','Test mail','The mail function is working!'); echo 'Mail sent!'; ?> </body> 2. Put in your mail id where it says 'clement@bestwebdesignz.com' in the code above. 3. Save the file as mailtest.php and ... Read More

How to edit or change your footer name in Joomla

How to edit or change your footer name in Joomla If you are struggling trying to change your company name or copy rights etc., here are some tips. Editing or changing your company name at the footer is not done usually through your Joomla backend, look for a footer.php file or a index.php file found in your themes folder of your templates. It is usually found in one of the above, if the footer.php is not available, it should be available in your ... Read More

How to create an Article in Joomla

Assuming you are in the administration panel of your joomla settings. Click on the Article Manager under the Content Tab of your Joomla Administration panel as shown below: You will find the Article Manager page, now we are looking to create an Article in Joomla, now click on the new icon found ... Read More

Unlink a Title in Joomla

Unlink a Title in Joomla Assuming you are logged into your Joomla administration If you feel that the titles of your pages in Joomla are linked to a different page and you do not want it to be linked. Here is how you can get done with it. Go to that particular page / pages where the titles have been linked, ... Read More

How to install a template in Joomla.

How to install a template in Joomla. If you have a Joomla template and wondering how to install and set it up, here are some tips. As mentioned in my earlier tutorial, you can install Joomla by simply downloading it, its free, and then by copying all the files in the public_html folder using the filezilla FTP Your Joomla comes with a theme folder which contains all other files and folders, Using your FTP FileZilla, you must go to your template folder found under ... Read More

How to change page titles in Joomla.

Assuming you are logged into your Joomla administration Always remember that your title of your article should be the same as your title for your page, even if there is a small discrepancy, both the titles will show on the top of the page. Click on the top menu found under the menus tab of your joomla administrator panel as shown below: Read More

How to disable a user login form in Joomla

Assuming you are logged into your Joomla administration By default, a joomla login form comes with username, password, with a login button, and password reminder, forgot your username and Register. If you have a login form and wondering how to stop all visitors to from registering, you can simply disable it. Click on the Global configuration under the Site tab found in your admin panel of ... Read More

How to add a menu item in Joomla.

How to add a menu item in Joomla. Assuming you are logged into your Joomla administration Click on the Main Menu  from the menus tab as shown below. You will see an overview of your current menu items, let us go ahead and create a new menu item by clicking on ... Read More

How to add a menu item – Seperator in Joomla.

How to add a menu item – Seperator in Joomla. Assuming you are logged into your Joomla administration Click on the Main Menu  from the menus tab as shown below. We will create a new separator menu item. On clicking the main menu you will see an ... Read More

Installation of Joomla

You can download Joomla from the below link: http://www.joomla.org/download.html copy all the folders / files into your public_html directory through (FileZilla) FTP Fantastico is a great tool that allows you to easily install Joomla with 2 -3 clicks. It comes free with some hosting servers like Hostgator (which we use to host this site). This tutorial assumes that you ... Read More

Manage your Menus in Joomla

Assuming you are logged into your Joomla administration In this Tutorial we will be using the Joomla menu manager. Click on the Menu manager from the menus tab as shown below. You will see a new page which says Menu Manager, let us first create a new menu, go to the top right corner and click on ... Read More

Installation of Joomla

You can download Joomla from the below link: http://www.joomla.org/download.html copy all the folders / files into your public_html directory through (FileZilla) FTP Fantastico is a great tool that allows you to easily install Joomla with 2 -3 clicks. It comes free with some hosting servers like Hostgator (which we use to host this site). This tutorial assumes that you have already logged into the ... Read More

FTP/ Upload Files to Hosting Server | Dreamweaver

Now that your site is ready it is time to upload the files to your hosting server and make your site live. You will need to purchase a domain name and web hosting. We use Hostgator to host this site. To upload your files:

• Click on the 'Connect to remote host' icon at the top of the files panel
• Click the + button to add a new server

Test Website | Dreamweaver

Now that all our web pages are ready it it time to test the website in Dreamweaver. The best way to test the website is to actually see how it looks in the browser. It is a good practice to check the site in multiple browsers as some things which might work well in some browsers might not work so well in other browsers. To test in a browser:

• File > Preview in browser > Firefox/ IExplorer

• Click on the

Form Styles | Dreamweaver

We can make the form look more presentable by defining form styles in Dreamweaver. We can give a style to the <label> tag. To do this:

• Create a style for the label tag
• Click 'Box' and enter:

• Width : 150 px
• Float: Left

• Click OK

• 
• The form looks better now:

• Create a new CSS style
• Select

Contact Forms | Dreamweaver

Most websites would need a contact form. Let us now create a contact form in Dreamweaver.

• Open the contact-us.html page.
• Click in the area that you want the form to appear
• Insert > Form > Form
• A red dashed box will be visible in your page
• All the form elements need to be placed within this red box
• Insert > Form > Text field
• Label: Name
• Style: Attach

Heading Styles | Dreamweaver

Now that we have specified the text font style it is time to define the heading styles in Dreamweaver. HTML has various heading tags. Let us define the style of some of these specifically:

• H1 (Heading 1)
• H2 (Heading 2)

• Click the 'New Style Rule' icon at the bottom of the CSS styles panel.
• Selector Type: Tag
• Selector Name: H1
• Click OK
• In the 'CSS Rule Definition' window, specify the

Text Styles in Dreamweaver

We have added the text to out pages but the default font doesn't really look good.  Let us specify the text styles in Dreamweaver. All the visible content in the web pages will be between the <body> tag in HTML. We can specify the properties of this body tag in our style sheet so that all the text in our web pages display in the Verdana/ Helvetica font and are a size 12px. To do this:

• Click on the 'New CSS Rule' icon

Web Page Content

Now that we have created the pages of our site and linked them together, let us enter the web page content.

• In the Files panel, double click index.html to open it.

• Select and delete the word 'content'

• Type in your website's home page text.

• See how your web page will look by previewing it in a browser [File > Preview in Browser > select the browser of your choice

Styles for text links in Dreamweaver

Now let us link the footer menu items. Once we link them we will also need to define a style for the linked text otherwise they the links will turn blue. To link the footer menu items:

• First select 'Home' in the footer area
• Click the folder icon next to the link field in the Properties panel, and select index.html.
• You will notice that the Home link and turns blue

Linking to webpages in Dreamweaver

Now that all our pages have been created we can link them from the main menu and the footer menu. Since our menus are in the template, let's open the template file and create the links to the webpages in Dreamweaver. If your template file is not already open, double click on template.dwt in the Files panel.

• Click on the  'Home' image in the menu area to select it:

Webpages in Dreamweaver

Now that our template is ready let us make the 4 webpages of our site - home, about us, services and contact us. The homepage file is usually named 'index'. This is recognized by your hosting server as the home page and is shown when someone types in your domain name into the browser. HTML pages end with the file extension .htm or .html and it is a good practice not to have spaces in the file names, so we will ... Read More

Editable Regions in Dreamweaver Template

Now that our template layout is more or less complete it is time to define the editable regions within the Dreamweaver template. The editable regions can be different in different web pages. Since the content of different pages will differ, we will create an editable region within the content area. To create editable regions in a Dreamweaver Template:

• Select and delete all the text in the content area i.e. delete 'Content for id "content" Goes Here'
• Insert > Template Objects > Editable Region

Editing Styles in Dreamweaver

Let us now create the footer menu and copyright information. The footer menu will be made of text so we simply need to type in the menu items: 'Home', 'About Us', 'Services' and 'Contact Us'. The text is not visible because of the black background. Let us edit the #footer stylesheet and specify the yellow text color.

• Select the footer style in the CSS styles panel

• Right click on the #menu style and then

Dreamweaver Menu

Now that our web layout is ready in Dreamweaver, let us work on the menu. Since the menu will appear in all the pages of the site it is advisable to put this into the template as well. Our main menu items are going to be images since the text is written in a font that may not be available on all the visitor's computers. These have already been created in Fireworks and are available in your images folder. We will simply ... Read More

Dreamweaver DIV/ CSS Layout

Now it is time to complete the Dreamweaver DIV/ CSS Layout. Using the same principles that we used to create the header area with its associated div tag and css style, let us now create the menu area, the content area and the footer area.

• Click the 'Code' or 'Split' buttons to see the HTML code create thus far.

• Click after the header div tag ends (so that the next div tag is

CSS Layout – Dreaweaver CS5

Before we actually get into designing the layout, it is helpful to understand what's involved in designing  a CSS layout using Dreamweaver CS5. A webpage is created using HTML code. Dreamweaver allows you to create the webpage without actually writing HTML code as Dreamweaver writes the HTML code for you. HTML is made up of various 'tags'. It was not too long ago when web pages were designed using tables , however this is no longer a good practice. Now it is ... Read More

Dreamweaver Website Layout

Now let's get ready to create the Dreamweaver website layout. A website layout usually consists of a header area, menu bar, content area and a footer area.

• The header area consists of the logo and masthead.

• The menu bar consists of the main menu items with links to the various pages.  This allows the visitor to navigate through the site.

• The content area is where the main content of the page will appear.

• The footer area will have the copyright information and may repeat the

Dreamweaver CS5 Website Header

Now let's create our website header.  This is the top portion of the website with the logo and masthead. As per our layout it looks like this: We will need to create a div called 'header' and a style also by the same name 'header'.

• Select 'Insert'
• Select 'Layout Objects'
• Select 'Div Tag'

Dreamweaver CS5 Template

Once we have defined our site it is time to create a Dreamweaver CS5 template. This template will form the basis for all our website pages and will contain our main layout and design elements. Once this template is created the website pages can be created from it and the the page specific content can then be added in. To create a Dreamweaver CS5 template, click 'File' on the main menu, then click 'New...'. In the 'New Document' window that opens:

• Select 'Blank

Define Site

The first step is to define the site within Dreamweaver. In the opening screen click 'Dreamweaver Site' In the Site Setup window give the site a name and specify the folder on your computer where all the files will be stored (by clicking the folder icon next to the Local Site Folder field). Click the 'Save' button when done. You will notice that the ... Read More

Dreamweaver Cs5 Tutorial

In this Dreamweaver CS5 tutorial you will learn how to build a website using Dreamweaver CS5. Download a trial version of Dreamweaver CS5 In case you have Dreamweaver CS4 you can use the Dreamweaver CS4 tutorial. Before building the pages using Dreamweaver it is a common practice to design the layout of the pages in an image editing software like Fireworks or Photoshop. You can learn how to create a website layout using Fireworks with our Fireworks CS5 ... Read More

Upload a Website/ FTP

In this tutorial you will learn how to upload a website via FTP. To begin with we will assume you have already created the website files. In case you have not already done so you can learn how from the Dreamweaver, Flash or Flash Catalyst tutorials available on this site. You will also need a hosting server and domain name. We use Hostgator to host this site. Most hosting servers provide a File Manager within the control panel (cpanel) which you ... Read More

Transition Effects in Flash Catalyst

Now we will add some transition effects in Flash Catalyst. We will do this from the Timelines panel. When the visitor clicks on the button, the orange rectangle behind the content text will rotate.

• In the Timelines panel, click on 'Page 1> Page 2'
• In the Artboard, select the large orange rectangle behind the content text.
• At the bottom of the Timeline panel, click on the the '+ Add Action' button, then 'Rotate 3D'.
• In the Properties panel you will be able to set the

Publish the Flash Catalyst Website

Once you have created the site it is time to Publish the Flash Catalyst website. From the main menu select File > Publish to SWF/ AIR Specify the folder you want to save the files in and click the Publish button. After it is published you will find a folder 'deploy-to-web' with the final files. This will contain the HTML file which displays the Flash (swf) file as well. Using a your hosting server ... Read More

Interactivity in Flash Catalyst

Now let's add some interactivity in Flash Catalyst. Let's make the buttons work. Select Page 1. Click on the button. In the Interactions panel click the '+Add Interaction' button In the options provided select "Page 2"  under "Choose State". From the Main menu click File > Run Project to test your site. You will notice that clicking on the button changes the page. Also that the ... Read More

Pages/ States in Flash Catalyst

Pages/ States in Flash Catalyst allow us to define different pages of the web site. Let us duplicate Page 1 by clicking "Duplicate State". We now have 2 pages. Change the content text  in Page 2. The button is the exact same button used in Page 1. If we try and change the text ... Read More

Buttons in Flash Catalyst

Now it's time to create some buttons in Flash Catalyst! Use the Rounded Rectangle tool to create a rounded rectangle. Adjust the corner roundness, colors and filters in the Properties panel. You will get a shape that looks like a button. Now it's time to turn our button-looking shape into a button component. Every time we create a Rectangle you would have noticed ... Read More

Webpage Layout in Flash Catalyst

Now it's time to design the rest of the webpage layout in Flash Catalyst. We will create an area for content and some menu buttons. Let's create a content area and a menu area using rounded rectangles. The roundness of the corners can be adjusted in the Properties panel under 'Corners'. Set the fill color and the stroke color as shown below. You can give the rectangle an effect like a drop shadow ... Read More

Logo Design in Flash Catalyst

Logo design in Flash Catalyst can be done using the Shape, Rectangle/ Ellipse and Line tools. If text is part of your logo you can use the Text tool as well. For this tutorial let us use the star shape (found by clicking on the tiny triangle below the shape tool (triangle icon). We want the star to be yellow in color and appear behind the 'Website Name' text. If we draw a star it will be placed on top of the text ... Read More

Flash Catalyst Webpage

Let us create our first Flash Catalyst webpage. Using the rectangle tool create a bar at the top or the artboard work area. Once you create the rectangle you can manipulate it by using the select tool, then clicking and dragging the little boxes at the corners and sides of the rectangle. Thus you can make it larger or smaller until you are satisfied. You will notice some changes in some of the ... Read More

Flash Catalyst Tools

In the Flash Catalyst Tools panel you will find the various tools you need to draw, manipulate and type. Take some time to try out the various tools. Flash Catalyst provides the following tools: Rollover each tool to find out what it is.

1. Selection Tools - select specific objects on your artboard
2. Transform Tool - Rotate or scale objects
3. Text Tool - Type text
4. Rectangle/ Ellipse

Flash Catalyst Workspace

The Flash Catalyst Workspace has the following main areas:

• Pages/ States
• Artboard
• Timelines
• Tools
• Layers
• Library
• Interactions
• Properties

Create a New Project

When you open Flash Catalyst you will see an opening screen with various options. If you have created a layout in Photoshop or Illustrator you can open these files in Flash Catalyst and continue on from there. If this is the case click on one of the top options under "Create New Project from Design File" to open the required file.

• From Adobe Illustrator AI File
• From Adobe Photoshop PSD File

Flash Catalyst Tutorial

In this Flash Catalyst tutorial, you will learn how to create a simple flash website using Flash Catalyst. Using Flash Catalyst you can create an interactive Flash website without writing any code. You will need the Flash Catalyst software. You can download a 30 day trial version from the Adobe site. Once you have created your Flash site you will need a hosting server and domain name to make your site live to the world. In this Flash Catalyst tutorial you will ... Read More

Load External swf as2

In this tutorial you will learn how to load an external swf file in Flash using Action Script 2.0 (AS2). We will create a button on the main timeline, clicking which will load up the external swf file as well as a close button. Clicking the close button will unload the external swf file and cause the close button to disappear. Let's begin! Let's assume the external swf file is named 'external.swf' 1. In the main timeline create a button. You can put the ... Read More

How to install a database in drupal

How to install a database in drupal Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP.  It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate and political sites. Go to the cpanel, ie; where you find fantastico etc., in the databases section of the cpanel, look out ... Read More

How to Make a Website

STEP 1: Select your website design. Buy a web template. Browse templates STEP 2: Compile your website content:

• Text
• Images

HTML/ CSS – Fireworks CS5

HTML/ CSS  webpages can be created with Fireworks CS5.

• Click here to see the HTML/ CSS web page we will create with Fireworks CS4
• Download the Fireworks File used to create the above HTML/ CSS webpage and images If the .png file (Fireworks source file) opens in your browser you can 'save as' on your computer.

Drop Down Menus – Fireworks CS5

Let us learn how to create a drop down menu in Fireworks CS5.

• Drop down menu Preview
• Fireworks Source File (Save As on your computer)

• Create a slice for 'Services'
• Right

Web Slices – Fireworks CS5

It is time to slice up the layout for the web now that it is ready. Slicing is a process where we decide which parts of the layout need to stay as images and which parts could be recreated in HTML. The more the images the more the file size and so more the the loading time. Some images that will need to be sliced are:

• Logo
• Photos
• Background gradients

Text Styles- Fireworks CS5

Now let's insert the texual content into your layout and create the text styles in Fireworks CS5. To quickly add some sample text, follow these steps:

• From the main menu select 'Commands'
• Select Text'
• Select 'Lorem ipsum'

Inserting Images – Fireworks CS5

Now let us insert an image into the layout. You can find a good choice of low cost and free stock images. To insert an image in Fireworks, follow these steps:

• Got to 'File' in the Main menu
• Select 'Import'
• Select the image file
• The cursor will change
• Click where you want the top left corner of the image to appear, then drag and click where you want the bottom right corner to appear.
• The image will resize and appear in the specified area.

Fireworks Menu

It is now time to create the menu in Fireworks. First let us create the main menu area, using the rectangle shape tool. Let us make a black rectangle. In case it is getting filled with a gradient, you may need to select 'solid' instead of 'linear' from the drop down next to the fill color, in the Properties panel. Your layout will look like this: Using the text tool with a yellow color create ... Read More

Flash Splash Page Templates

Flash Templates

Website Templates

Logo Designs – Templates

Best Web Design Graphics Software

Fireworks is the best web design graphics software. It is easy to use and allows you to work with both rasterized images(like photos etc.)  as well as vector images (that can be resized without losing their quality). It is a great tool to help you create website layouts, banner ads, specific graphics to use on the web, vector shapes, animated gifs and a lot more. You can even create drop down menus for your webpage and actually export your layout design as ... Read More

Masthead Design

Now that we have our logo ready, it is time to create the masthead design for the header area of our layout. Let us choose the Rectangle tool and create a large rectangle across the entire width of the document, towards the top. The rectangle will hide the logo. This is because it is created on new layer on top of the logo ... Read More

Logo Design

Let's begin by creating a logo. We will learn how to use the vector tools as well as the Text tool during this process. We will also learn how to use the color selection tool. Clicking on the arrow below the rectangle tool you will find many premade shapes which you can use. You can experiment with the various shapes and create a logo. However for the purpose of this tutorial, we will use the ... Read More

Website Layout Design

While creating the website layout design you will need to plan the layout of various elements of your website. Typically these are:

• Header area - will usually contain the logo, header graphic/ design
• Logo
• Main Menu area - Main menu links
• Sidebar - submenu links and other sidebar content
• Content area - Actual page content
• Footer - Copyright information and links

Fireworks Tools

Take some time to familiarize yourself with the Tools panel. You will find the tool names when you rollover each tool. You will notice that the tools are devided into the following categories:

• Select - Selection Tools
• Bitmap - Raster image editing tools
• Vector - Vector shape editing and creation tools
• Web - Image optimization tools for web
• Colors - Color selection tools
• View - Layout viewing and moving tools

...

Create New Fireworks Document

To create a new Fireworks Document, select 'File > New'  from the main menu. Enter the following: Width: 1000 Height: 600 Click OK A new blank new document will open. The workarea will look as follows: Save the Fireworks Document

• Select 'File' from the main menu
• Select 'Save'
•  Give it a name e.g. website-layout
• It will save the file with the extention .png. This is the Fireworks source file.

How to edit content the welcome message in drupal

How to edit content the welcome message in drupal. Login to drupal using the administrator username and password. Then click on the Administer and again click on Blocks found under Site Building as shown below: You will enter another page as you can see below: ... Read More

Fireworks Templates

Fireworks comes with many premade Fireworks templates. When you first open Fireworks you will get a screen like this: Under 'Create New' you will see an option called "From Template". Here you will find many premade layoout templates which you can easily customize with you own images, text etc. You can choose one of the templates depending on your requirement and start ... Read More

Fireworks CS5 Tutorial

In this Fireworks CS5 Tutorial you will learn how to create a simple website layout using Fireworks CS5 and slice the required images for your web page. You will need the Fireworks software to do this tutorial. You can download a 30 day free trial of Fireworks to get started. We will create  the following layout and slice the necessary images: Fireworks Source File (Save ... Read More

Ongoing Maintenance & Promotion

Once the web course is live and running smoothly, it will require maintenance and technical support if required. Fixing of typos and content updates can be made and the effect will be seen immediately. Hosting and domain names will need renewing. Once in a while functionalities like feedback forms, forums, chat etc should be checked to see that everything is working ok. Other than that, if you are depending on search engines to provide visitors you would need to consistently work on promoting ... Read More

Web Course Evaluation

Once the web course has been implemented, it must be evaluated for its:

• effectiveness in meeting learning goals
• smoothness in delivery
• comfort/ usability of audience - students and instructors

Web Course Implementation

During the Implementation phase the web course design is implemented. The instructor/ facilitator and students may need to be trained. The live audience actually goes through the web course as designed. If things don't go as per plan, these should be noted and remedial action should be taken. Feedback and issues should be captured and resolved as soon as possible. Technical support might be required during this time to help resolve issues.

Web Course Testing

Once the web course is designed, developed and integrated onto the web platform, it should be tested to make sure everything is working smoothly. The learning designer and SME should also go through the web course and check to see if everything has been developed and implemented as designed. It is a good idea to get a few people from the targetted audience to go through it and give their feedback. If the changes do not involved much effort it can be ... Read More

Integration of Assets onto Web Platform

Once all the files/ assets have been produced, it is time to upload them to the hosting server. If you are not using any CMS or LMS, it is just a matter of purchasing a domain name (eg. www.yourcoursename.com) and hosting like Hostgator (which we use to host this site), and uploading the files to make it live. If you are using a web platform ie. and LMS or CMS, you may need to create the pages via the platform ... Read More

Web Page, Graphics, Flash Development

Development of the web pages, graphics, Flash assets, video, audio etc is the next phase in creating a web course. Once the storyboard is approved, the development team takes over and creates all the assets required as per the details given in the storyboard. If no LMS or CMS is used, the HTML pages are created and linked together via the navigational menu. You can go through the Dreamweaver tutorial on this website to learn how to create HTML pages and link ... Read More

Storyboarding

Storyboarding is the final step of the Learning Design phase. The storyboard of the web course is the output of this phase. During this step each page of the web course is designed as closely as possible to the final product without actually putting in the effort of final development. The aim of this step is to create detailed instructions for the team that will create the final deliverable. Powerpoint could be used to create the storyboard. The interface design layout could ... Read More

Interface Design

Interface Design is the next step in the Learning Design phase. Once you have an overall idea of the content and content design you can design the overall layout and interface of the course. This design is usually used on all the web pages of the course. Consistency in interface design allows the user to get familiar with the interface and concentrate on the content. Interface design includes:

• Look and feel - logo, main graphics, colors, style sheets etc.
• Navigational elements - course menu,

Learning Design

Learning Design is an important phase in web course design and development. During this phase you as the learning designer will analyse the content of the course and come up with a detailed design and plan of the web course content. This process begins with breaking down the learning goals into objectives (terminal objectives) and sub-objectives (enabling objectives) . The idea is that if the sub objectives are met, the main objectives will be met and in turn the overall goal ... Read More

Web Course Analysis

Analysis in the first step in web course design. The aim is to clearly define the need as well as the way the course will meet the need. During this phase you will also get a clear picture of resources available to develop the solution as well as any technical and other constraints that might effect your web course design. At the end of this phase you should have analyzed the following:

• What is the learning problem?
• What are the goals and objectives?
• Who

Web Course Design

In this Web Course Design Tutorial you will learn the steps involved in designing a course for the web. Broadly the process is: A - Analysis D - Design D - Development I - Implementation E - Evaluation If we further break down  the steps, we need to do the following:

Flash Portfolio Website Templates

Use these Flash Portfolio Website Templates to create a professional website showcasing your portfolio. These Flash Portfolio Website Templates will showcase your portfolio professionally and attractively.

How to load pictures in flash CS4 dynamically using the loader component

How to load pictures in flash CS4 dynamically using the loader component. In this tutorial we will learn how to load your pictures into flash dynamically using the loader component. The pictures I am going to work with is 500 pixels wide and 375 pixels height, so I am going to make the stage the same size. So click on the stage and go to properties panel and click on the size and change the size to 500x375 width and ... Read More

How to Change footer in Drupal

How to Change footer in Drupal First of all, type your site url on the browser http://bestwebdesignz.com/estore/admin/ Login by using the admin username and admin password On the right side of your screen, you will see something like this below, click on the “Administer” -> “Site configuration“ -> “Site information” as squared in red. On clicking the site information, a new page will open as shown below, go to ... Read More

Edit Blocks in Drupal

Edit Blocks in Drupal First of all, type your site url on the browser http://bestwebdesignz.com/estore/admin/ Login by using the admin username and admin password On the right side of your screen, you will see something like this below, click on the “Administer” squared in red. Then click on site building, you will see a drop down menu, then click on Blocks as highlighted in red below: Read More

Add Content in Drupal

Add Content in Drupal First of all, type your site url on the browser http://bestwebdesignz.com/estore/admin/ Login by using the admin username and admin password On the right side of your screen, you will see something like this below, click on the Create Content squared in red. You will enter another page as shown below, you can create content of different types such as listed in the screen shown below ... Read More

How to create a basic layout in Flash CS4

To create a layout in flash CS4, first you need flash CS4 software, ideally I would recommend that you make a layout of what is in your mind on a white paper, as to the size, the color, the font, the navigation links you want, where to place them etc., Open the flash CS4 ->File -> New (shortcut key is Ctrl+N) You will see ... Read More

How to create a scroll bar in Flash CS4

How to create a scroll bar in Flash CS4. When you want to create a scroll bar in flash CS4, first go to the place where you want the scroll bar to show, click on that item and you can create one by clicking on windows in the main menu-> Components-> UIScrollBar as shown below: You can resize the scroll bar by clicking on the ... Read More

How to make an image big on rollover in flash CS4

How to make an image big on rollover in flash CS4. First of all you need to have the same image of two different sizes and save it in your directory. Open flash CS4, and import an image on the centre stage, by going to the main menu file-> Import -> Import to Stage, as shown below, In this case I have ... Read More

How to put your favorite icon in the browser

How to put your favorite icon in the browser. First of all you need to have an icon for your website to put in your browser. Then go to this site below: http://www.favicon.cc/ On your left side you will see Create New Favicon, click on the Import Image button. Then browse to where your file is, it could be a jpg, gif or a png, it ... Read More

How to get an url in a blank window in an xml file

How to get an url in a blank window in a xml file Open the XML file in Notepad or Dreamweaver CS4, I prefer to open in Dreamweaver CS4 Save the XML file and run the index.html in your browser, you will notice that the url ie;bestwebdesignz.com will open in a new window. Put down the following code inside "": a href="http://www.bestwebdesignz.com/" target="_blank"BESTWEBDESIGNZ.COM

How to get an url in a blank window in a flash CS4 action script

You will have to create an button by pressing F8 and put the action script in the actions frame. on (release) { getURL("http://www.bestwebdesignz.com","_blank"); } Run movie clip and test it, when you click on the button you will be directed to the website described in the getURL function ie; bestwebdesignz.com which opens in a blank window.

Zen Cart Installation and customization.

1. Get the ftp details from the client. 2. Logon to the client’s control panel and search for fantastico and look for zen cart installation. On installation it will ask you the mailed of the client, put the client’s mail id, then you can have the user and password and admin, admin and complete the zen cart installation. 3. Open filezilla with the ftp details ... Read More

Creating A Shadow Effect In Photoshop CS4

Create a new image in Photoshop CS4.  As a sample, use 200 pixels and 72 pixels as the resolution.  This is for the width and the height.  After you’ve created the effect, then you can do more using different settings.  You want to make sure it comes out right, hence the reason for using 200 pixels and 72 pixels as the resolution. Read More

Creating A Watermark In Photoshop CS4

You can create your own watermark to your image in a matter of minutes by using your mouse. Select File, New and create the width and height using 250X125 px.  You will also need to have a background that is transparent. Select the “Horizontal Type Tool”, set you color to your choosing and type in what you want your watermark image to read. Using ... Read More

Strokes In Photoshop CS4

People that create images in Photoshop CS4, in particular Photoshop CS4 CS3, will use strokes.  They also use them with text and shapes.  Photoshop CS4 provides different variations of what strokes you can add to your image. Using Photoshop CS4 CS3, select a file that you wish to use to implement a stroke with.  Choose the layer in which you want to use to apply the ... Read More

Zooming Techniques In Photoshop CS4

Using the zoom tool in Photoshop CS4 is a good way to get a close-up look at your photo or image.  It can also be used when you need to correct details.  You can also look at your photo or image as a larger or smaller view. Use the zoom tool to start.  You will see a magnifying glass with a plus sign in ... Read More

Importing And Exporting In Photoshop CS4

Learning about importing and exporting images from Photoshop CS4 can boost your credibility in creating images from this graphics software.  Once you learn this, you will be able to do just about anything using Photoshop CS4. If you are going to use an image in a Photoshop CS4 file that was already created, you can import it and use it as a ... Read More

Creating Backgrounds In Photoshop CS4

You can create different backgrounds for your images.  You will have to use more than one filter to do this.  Using the filters can help to create a background that is different than what you may have seen before.  You can create custom backgrounds that are unique and stand out from other creations. To do this, you would have to select the File menu ... Read More

Creating A Lighting Effect In Photoshop CS4

Including special effects such as lights to provide some pizzazz to a photo can be interesting.  You can turn regular lights into some unique lighting effects.  A lot of people that have substantial experience using Photoshop CS4 use these effects for their projects.  It’s a pretty easy task to learn.  Here is how you can learn it and create your masterpiece: Read More

Creating 3-D Effects In Photoshop CS4

3-D or three dimensional effects is something that is unique to create for your graphic projects.  Using this technique will allow you to see your graphics differently. Using Photoshop CS4 is a great way to create 3-D effects and other related images.  You can start with something as simple as a cube.  You want the cube to been seen from three different ... Read More

Adding Text In Photoshop CS4

You can add text to an image or a blank document.  The Type tool is what you would use to do that.  This tool also works to choose an image size, a font and allows you to make additional changes in regard to text.  Everytime you make changes in regard to text, the image or document will look different.  Here’s how you would go about adding text: Read More

Pictures In Photoshop CS4

Picture Layout – How To Use It In Photoshop CS4 Implementing the picture layout is simple and doesn’t take a lot of time.  You can put images together or change the way the picture looks.  Make sure that your layout is already in place if you are putting pictures together.  Here are some steps to take in order to make your picture layout look professional. Open two ... Read More

Painting In Photoshop CS4

Techniques Used In Painting You can also create or change images in Photoshop CS4 with paint brushes and colors. The brushes can also be used as a healing brush and to erase things that you don’t want or need. Select Edit, Preferences, and Displays & Cursors in order to adjust the display.  This will allow you to see the various painting tool sizes while you use them ... Read More

Colors in Photo shop CS4

Using different colors in Photoshop CS4 is part of the creation process.  When using colors you are considered to be in color mode.  Photoshop CS4 does have a default where there are certain colors that most if not all people use.  The color scheme is called RGB or Red, Green, Blue.  In fact, this is the main legend that is used in Photoshop CS4. The color modes are used to use the ... Read More

How To Make Your Photos Look Better in Photo shop CS4

Use an image that has a .jpg or .png suffix format.  Place the images on your computer.  Using Photoshop CS4, open the photo.  Make a copy of the background layer.  Using the copy, you will need to use “Overlay” or “Soft Light”. Go to the Filters section and select Other and High Pass.  This will get you to the High ... Read More

Using Selection Techniques in Photo shop CS4

When you use selection techniques, essentially you are setting apart a portion of an image so that you can make changes to it.  Or you may want to include that portion with other images.  That portion is considered a selection. With the selection, you can still utilize the tools used to edit images and other commands.  The selection portion is protected and is considered a “mask”.  This part ... Read More

Layers in Photo shop CS4

Layers are used in Photoshop CS4 images.  The background layer is usually the only layer that each image has.  You can use layers during the image editing process.  They can also be used for special effects. If you make a copy of a layer and then decide to change it, you will have the first layer as a backup.  You would make changes or adjustments to the copy of the layer.  Another ... Read More

Using Images in Photo shop CS4

How To Get Images Into Photoshop CS4 You will need to have an image in order to create a file.  There are several ways that this can be done. •    If there is a file that already has an image, then click File, Open or File and then Browse.  Most files that have images will open in Photoshop CS4. •    Create ... Read More

Palettes in Photo shop CS4

You can use palettes to do different things with Photoshop CS4.  You can show or hide certain ones by going to the window menu and selecting a palette name.  Palettes are placed into different groups. For instance, one group would consist of layers, channels and paths.  If you need to move a palette group, you can do so by dragging the blue bar that is located at the top of the group.  ... Read More

Step 3: Configuring the script with the database details

Extra Instructions on where and how to add your database info to the script's configuration file should be described in your script installation guide, since this is different for each and every script. Basically, your configuration file will contain this piece of code (or a variation): After adding your database info, this is how it will look like: Read More

Step 2:Importing Your Database Tables

Importing Your Database Tables Most new scripts come with a built-in installer. All that is resuired to install it, is to load the 'install.php' page in your browser and enter your database details in the form that is provided. When the information is submitted, the script creates all database tables automatically. Piece of cake. Unfortunately, very often there's no such installer included, and you'll have to create the database tables manually. - don't worry – there's othing to it :o) When this is ... Read More

Step 1: How to create and set up a Database

Intro Many people tell me they aren’t very fond of scripts, because the install frightens them a bit. And it’s true: creating a database, importing tables, your site’s root path… if you don’t know what you’re doing, this looks pretty complicated. Luckily, it is not, once you get the hang of it. That’s why I’ve created this step-by-step tutorial on how to set up a database. I’ve included a screenshot for every step of the way. The red arrows on the screenshots indicate the required ... Read More

How to manage user accounts in Gallery.

How to manage user accounts in Gallery. We assume that you have already logged into the Gallery. Click on Site Admin link found on the top right side of your screen as shown below. Click on the Users link found under ... Read More

How to change themes in Gallery.

How to change themes in Gallery. We assume that you have already logged into the Gallery. Click on Site Admin link found on the top right side of your screen as shown below. Now click on the Themes link found under Admin Options on the ... Read More

How to Edit Album properties in Gallery.

How to Edit Album properties in Gallery. We assume that you have already logged into the Gallery. You will have to select from your Album actions as shown below.  You can add Album to Cart, Delete Album, Edit Album, Edit Permissions, Move Album etc Read More

How to Edit your Account Information in Gallery.

How to Edit your Account Information in Gallery. We assume that you have already logged into the Gallery. Click on Your Account link found on the top right side of your screen as shown below. It is ... Read More

How to change your password in Gallery.

How to change your password in Gallery. We assume that you have already logged into the Gallery. Click on Your Account link found on the top right side of your screen as shown below. Then click on the Change Password link ... Read More

How to manage Photo Albums in Gallery

How to manage Photo Albums in Gallery We assume that you have already logged into the Gallery. You will have to select from your Album actions as shown below.  You can add Album to Cart, Delete Album, Edit Album, Edit Permissions, Move Album etc Read More

Gallery Tutorials

Gallery Tutorials Gallery is an image Gallery system featuring Albums within Albums, thumbnailing special picture areas, captions, rotate, reorder pictures, Album based attributes, Album mirroring and more.

How to install Gallery from Fantastico

How to install Gallery from Fantastico Gallery is an image Gallery system featuring Albums within Albums, thumbnailing special picture areas, captions, rotate, reorder pictures, Album based attributes, Album mirroring and more. We assume that you have already launched the Fantastico Application. Click on the Gallery link found under Image Galleries on the left side menu of your fantastico application. You will see a ... Read More

How to edit Photos in Gallery.

How to edit Photos in Gallery. We assume that you have already logged into the Gallery. You will have to select the edit Album option from the Album actions as shown below. Now click on Sakshi which is the name of ... Read More

How to create a Photo Album in Gallery.

How to create a Photo Album in Gallery. We assume that you have already logged into the Gallery. Click on the Add Album link found on the left side of the menu as shown below. Read More

How to edit your admin settings in Gallery.

How to edit your admin settings in Gallery. We assume that you have already logged into the Gallery. You will have to click on the Site Admin link found on the Top far right corner of your screen as shown below. Read More

How to add photos to Gallery.

How to add photos to Gallery. We assume that you have already logged into the Gallery. You will have to select the edit album option from the album actions as shown below. Now click on Add items link found on the left side of your ... Read More

How to create a pop up window in flash CS4 using javascript

How to create a pop up window in flash CS4 using javascript We are not going to focus on the simple pop-up window in flash, there is a way in your action script that you can watch a very simple pop-up window but you don’t have any control over the properties of that window, you can’t adjust the width and height, you can’t turn off the scroll bars or the menu bar. So using flash CS4 let us draw a simple button ... Read More

How to manage user permissions in phpBB

How to manage user permissions in phpBB Assuming you have already logged into phpBB. Click on the Permissions link found on the main menu. Then click on the Users’ permissions link found on the left side of your screen, under Global Permissions. Read More

How to manage styles in phpBB

How to manage styles in phpBB Assuming you have already logged into phpBB. Click on the Styles link found on the main menu. We can edit the look of the phpBB from this page. Let us look at the different options available. Click Themes link found on the left side of your screen under style components. Read More

How to manage smilies in phpBB

How to manage smilies in phpBB Smilies or emoticons as they are sometimes referred to, are small images you can insert into your posts to further express your feelings or thoughts. Assuming you have already logged into phpBB. Click on posting link found on the main menu. Then click on smilies link found on the left side of your menu card under messages. Read More

How to use the search tool in phpBB

How to use the search tool in phpBB Assuming you have already logged into phpBB. We can search for a keyword in the search box found on the right top side of your screen or you can even use the advanced search. Click on the Advanced search and enter the keywords you would like to search the forum for, ... Read More

How to reply to an existing topic in phpBB.

How to reply to an existing topic in phpBB. Assuming you have already logged into phpBB. Click on Your first forum link found on your screen. Click on the forum in which you want to reply to a topic, then choose a topic you want to reply to as shown below. Read More

How to register as a user in phpBB

How to register as a user in phpBB Assuming you have already logged into phpBB. Click on the Register link found on the extreme right of your screen. Read the Registration Agreement Terms, once you have read through it and agree to the terms, click on the I agree to these terms  A Registration Form screen will show up. Complete ... Read More

How to manage ranks in phpBB

How to manage ranks in phpBB Assuming you have already logged into phpBB. Click on the users and groups link found on the main menu. Then click on the manage ranks link found on the left side of your screen, under Users. It is from ... Read More

How to prune forums in phpBB

How to prune forums in phpBB Pruning a forum allows you to remove topics which have gone unused for a specific length of time to save on resources and reduce clutter. Assuming you have already logged into phpBB. Click on the Forums link found on the main menu. Then click on the Prune forums link found on the left side of your screen, under ... Read More

phpBB Tutorials

phpBB is a popular Internet forum package written in the PHP scripting language.This software is free and very powerful piece of software, is easy to install and administer and allows flexibility in terms of design and organization.

How to edit a users profile in phpBB

How to edit a users profile in phpBB Assuming you have already logged into phpBB. Click on the Manage user’s link found on the left side of your screen under the quick access. You will find a screen like this below, enter a user name here, or use the find a member tool to locate the username and click ... Read More

How to send private messages in phpBB

How to send private messages in phpBB Assuming you have already logged into phpBB. Click on the “0 new messages“  link as shown below. Click on the private messages tab, you will see a screen like this below. Enter the name ... Read More

How to setup a poll when starting a new topic in phpBB

How to setup a poll when starting a new topic in phpBB Assuming you have already logged into phpBB. Click on the “Your First Forum “link where you want to setup the poll. Then click on “New topic” link as shown below. Read More

How to send a mass email to users in phpBB

How to send a mass email to users in phpBB Assuming you have already logged into phpBB. Click on the System link found on the main menu. Then click on the Mass e-mail link found on the left side of your screen, under General Tasks. Read More

How to manage a forum in phpBB

How to manage a forum in phpBB Assuming you have already logged into phpBB. Click on the Forums link found on the main menu. You will land in a Forum Administration page, where you can add, edit or delete forums and forums categories. Read More

How to install phpBB from fantastico.

Fantastico is a great tool that allows you to easily install phpBB with 2 -3 clicks. It comes free with some hosting servers like Hostgator (which we use to host this site). We assume you have already logged into Fantastico application. Click on the phpBB link found on the left side of your screen under the discussion Boards. You will see ... Read More

How to manage groups in phpBB

How to manage groups in phpBB Assuming you have already logged into phpBB. Click on the Users and Groups link found on the main menu. Click on Manage Groups link found on the left column under the Groups. Go ahead and create a new group, ... Read More

How to manage group permissions in phpBB

How to manage group permissions in phpBB Assuming you have already logged into phpBB. Click on the Permissions link found on the main menu. Click on Groups’ permissions link found on the left column under the Global Permissions. Choose a group ... Read More

How to configure forum permissions in phpBB

How to configure forum permissions in phpBB Assuming you have already logged into phpBB. Click on the Permissions link found on the main menu. Click on forum permissions link found on the left column under the forum based permissions. Select a ... Read More

How to edit your profile in phpBB.

How to edit your profile in phpBB. Assuming you have already logged into phpBB. Click on the User Control Panel link found on top of the page. Click on the Profile link like the one below. You will enter a profile ... Read More

How to disallow usernames in phpBB

How to disallow usernames in phpBB Assuming you have already logged into phpBB. Click on the Users and Groups link found on the main menu. Then click on the Disallow usernames link found on the bottom left side of your screen, under user security. Enter ... Read More

PhpBB Templates

These are phpBB themes that can help you change the look of your phpBB forum.

How to create a new topic in phpBB

How to create a new topic in phpBB Assuming you have already logged into phpBB. Click on your first forum link in which you want to add a topic. Then click the new topic button found on top of this tag. Read More

How to create a forum in phpBB

How to create a forum in phpBB Assuming you have already logged into phpBB. Click on the Forums link found on the main menu. On the page displayed, enter the name of the new forum and click on the create new forum button as shown below. Read More

How to configure your phpBB installations.

How to configure your phpBB installations. Assuming you have already logged into phpBB. Click on the Board settings link found on the main menu. On the page shown below, you can customize different options and settings. Make the necessary changes and click the submit button. Now ... Read More

How to use word censoring in phpBB

How to use word censoring in phpBB Assuming you have already logged into phpBB. Click on the Posting link found on the main menu. Then click on the Word Censoring link found on the left side of your screen, under Messages. Read More

How to ban users from accessing and using the forums in phpBB

Assuming you have already logged into phpBB. Click on the Users and Groups link found on the main menu. Then click on the Ban usernames link found on the bottom left side of your screen, under User Security. Read More

How to backup your database in phpBB

Assuming you have already logged into phpBB. Click on the maintenance link found on the main menu. Then click on the backup link found on the left side of your screen, under Database. Select whether you want to backup everything, ... Read More

Configuring Sales Tax in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Locations / Taxes link found on the main menu as shown below. Then click on Tax Rates link, like the one below. Read More

Creating Specials in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Catalog link found on the main menu as shown below. Then click on Specials link, like the one below. Read More

Adding Shipping Modules in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Modules link found on the main menu as shown below. Then click on Shipping link, like the one below. Read More

Adding Product Attributes in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Catalog link found on the main menu as shown below. Then click on Option Name Manager link, like the one below. Read More

Adding Payment Modules in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Modules link found on the main menu as shown below. Then click on Payment link, like the one below. Read More

Sending out a newsletter in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Tools link found on the main menu as shown below. Then click on Newsletter and Product Notifications Manager link, like the one below. Read More

Sending E-mails in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Tools link found on the main menu as shown below. Then click on Send Email link, like the one below. Read More

Editing your left and right columns in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Tools link found on the main menu as shown below. Then click on Layout Boxes Controller link, like the ... Read More

Editing your home page in Zen Cart.

In this tutorial you will not only learn how to edit your home page content in Zen cart, but also help you change the text in the header. Note that this change will reflect site-wide on all pages. Let us start by opening header.php in any text editor (like notepad, dreamweaver,etc.,). You will find this file in  includes/languages/english/ Important: If you ... Read More

Managing customers in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Customers link found on the main menu as shown below. Then click on Customers link, like the one below. Read More

Configuring your Currency in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Localization link found on the main menu as shown below. Then click on Currency link like the one below. Read More

Configuring your store in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Configuration link found on the main menu as shown below. As you can see below, you are able to configure many settings. Most of these settings would have already been configured ... Read More

Managing Banners in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Tools link found on the main menu as shown below.. Then click on Banner Manager link, like the one below. Read More

Adding Products in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Catalog link found on the main menu as shown below.. Click on the Categories /Products link as shown above. Select a category for your new product. Remember you cannot add a new product, if you have ... Read More

Installing Zen Cart.

The easiest way to install Zen Cart with 2-3 clicks, is via Fantastico. Fantastico is a great tool that allows you to easily install Zen Cart with 2 -3 clicks. It comes free with some hosting servers like Hostgator (which we use to host this site). However, if you don't have Fantastico, follow these steps to install Zen Cart: Before you proceed, make sure you have access ... Read More

Zen Cart Tutorials.

In these Zen Cart Tutorials you will learn how to Install Zen Cart upto configure, maintaining and manage your Zen Cart site, set up your own stores, managing users and changing your password in Zen Cart. Zen Cart is an open source online store management system. It is PHP-based, using a MySQL database and HTML components. Support is provided for several languages and currencies, and it is freely ... Read More

Adding Categories in Zen Cart.

We assume that you have already logged into Zen Cart. Click on the Catalog link found on the main menu as shown below.. Then click on Categories/Products link like the one below. Read More

Best WordPress Templates

Wordpress templates are wordpress themes which you can install into Wordpress and completely change the look of your Wordpress site/ blog. Browse the Wordpress themes below to find one that meets your requirements. Use the template search on the right to futher refine your template search by selecting ' Wordpress Themes' from the category dropdown and typing in your sepecific keywords.

Best Drupal Templates

Drupal templates allow you to completely change the look of you Drupal based site. Browse the Drupal templates below to find one that meets your requirements. Use the template search on the right to futher refine your template search by selecting ‘ Drupal templates’ from the category dropdown and typing in your sepecific keywords.

How to manage users in Drupal.

We assume that you have already logged into Drupal. Click on the Administer link found on the left, like the one below. Click on the users menu as shown below. Read More

How to manage themes in Drupal.

We assume that you have already logged into Drupal. Click on the Administer link found on the left like the one below. Click on the themes link as shown below. Themes are an easy way to change the look and feel of your ... Read More

How to manage stories in Drupal.

We assume that you have already logged into Drupal. Click on the Create content link found on the left like the one below. You will enter a Create content page, you can choose to create new pages or new stories for your web ... Read More

How to configure your site in Drupal.

We assume that you have already logged into Drupal. Click on the Administer link found on the left like the one below. Then click on the site configuration link as shown below. Read More

How to change your password in Drupal.

We assume that you have already logged into Drupal. Click on My account link found on the left like the one below. Click on the Edit button as shown below. Read More

How to Manage Pages in Drupal.

We assume that you have already logged into Drupal. Click on Create content link found on the left like the one below. You will enter a content page like this one below. Read More

How to Manage Modules in Drupal.

We assume that you have already logged into Drupal. Click on Administer link found on the left like the one below. Modules are plugins that extend Drupal’s core functionality. You can add modules for blogs, search, comments, contact forms, forums and more. Click on ... Read More

How to Manage Menus in Drupal.

Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP.  It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate and political sites. We assume that you have already logged into Drupal. Click on Administer link found on the left like the one below. Click ... Read More

How to maintain your site in Drupal.

Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP.  It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate and political sites. We assume that you have already logged into Drupal. Click on Administer link found on the left like the one below. Read More

How to Install Drupal from Fantastico.

Fantastico is a great tool that allows you to easily install Drupal with 2 -3 clicks. It comes free with some hosting servers like Hostgator (which we use to host this site). Assuming that you have already logged into your cpanel and launched the Fantastico application, click on the Drupal link found on the left side under Content Management like this one below. Read More

Setting up your Account information in Drupal.

Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP.  It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate and political sites. We assume that you have already logged into Drupal. Click on My account link found on the left like the one below. Read More

Getting help with Drupal.

Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP.  It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate and political sites. We assume that you have already logged into Drupal. Click on the Administer link found on the left like the one below. Click on the help ... Read More

How to Create Menus in Drupal.

Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP.  It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate and political sites. We assume that you have already logged into Drupal. Click on the Administer link found on the left like the one below. Read More

How to Manage Blocks in Drupal.

Drupal is a free and open source modular framework and Content Management System (CMS) written in PHP.  It is used as a “backend” system for many different types of websites, ranging from small personal blogs to large corporate and political sites. We assume that you have already logged into Drupal. Click on the Administer link found on the left like the one below. Read More

How to Manage Users in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on the Users link found on the main menu,  you will enter a user’s page. In the users page you will be able to Add, Edit and Delete users. To Add a new user, simply complete this form and click Add user button as shown below Read More

How to Edit your Profile in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on my profile link found on the top right corner above the main menu. You will automatically enter a profile page where we ... Read More

How to write a new post in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on the Write link found on the main menu, it will open up a new page, This is the ... Read More

How to Manage your plugins in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on the Plugins link found on the main menu, you will enter a plugin page like this one below. Plugins are add ons ... Read More

How to change your password in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on My profile link found on top right corner of the main menu bar like this below. When click on it you will ... Read More

How to Manage Pages in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on the Manage link found on the main menu, then click on the Pages link in the sub menu, you will be able to see something like this below. Read More

How to Configure your options in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on the Options link found on the menu bar, it will open up an options page like this one below. Read More

How to Install WordPress from Fantastico.

Fantastico is a great tool that allows you to easily install Wordpress with 2 -3 clicks. It comes free with some hosting servers like Hostgator (which we use to host this site). This tutorial assumes that you have already logged into the cPanel of your hosting server and accessed the Fantastico  application. Click on the WordPress link found on ... Read More

How to change your header in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on the Presentation link on the main menu, you will find a submenu, now click on the Header Image and Color  link, as shown below. Read More

How to Write a Comment in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on the Visit Site as shown below. Click on No Comments like the one shown below. Read More

How to Manage Categories in WordPress.

This tutorial assumes you have logged into the WordPress Admin Area like the one displayed below: Click on, Manage on the main menu, it will open up a sub menu, click on the categories link, as soon as you click the categories link, you will see a category called uncategorized, this is the default category that is created when WordPress is installed ... Read More

Learn to create a customizable pop-up window using Flash CS4.

We are going to learn how to create pop-up windows in Flash CS4 using Action Script 2.0. Create a new Flash AS 2.0 document: File > New > Flash File (ActionScript 2.0) If you have already created a Flash AS 3.0 file you will need change your publish settings to AS 2.0: File > Publish Settings > Flash > Script: ActionScript 2.0 Step 1: Create a button symbol and place it on the stage like the one below. Read More

Learn 3D Art in Flash CS4.

There are 2 new tools added to the Flash CS4, the 3D translation  tool and the 3D rotation tool, both of which you will find directly under the free transform tool, under the main menu on the extreme right of the flash CS4 Screen like this one. I have on stage a simple movie clip containing a simple vector shape, having selected ... Read More

Learn to import sound in Flash CS4.

In flash, its easy to import sound and use it in your flash movies, importing sound in flash CS4 is like importing any other element. Go to the main menu, choose File > Import > import to stage or import to library, in this instance lets select import to library, then it will prompt you to select your sound file ... Read More

Learn to create cloud animation in Flash

First make the background color sky Blue, something like this one below. Select the paint brush tool choose a fill color white and just make some random shapes on the blue stage like this one below. Read More

Learn to create a movie clip that fades as the user moves the cursor away from it in Flash CS4

You are going to learn how to adjust the properties of an object just by moving the mouse across the stage. First thing is to create a movie clip on stage, basically create a rectangle covering the whole stage, first lets change the canvas color to black, now choose a white fill color, do not select a stroke color, draw a white rectangle covering the black stage, by selecting the rectangle tool, draw a rectangle which covers the whole stage ... Read More

Learn Create Animations involving Masks in Flash CS4

There are two type of animations one where the mask itself is moving and the other one is where something is moving  behind the mask. Animation where the mask itself is moving: Lets go and import an image on stage, so go to File on the main menu>Import> to stage, pick an image from your image folder and import to stage, lets rename this later to Scene and lock the scene layer. Read More

Learn Complex Text Animation in Flash CS4

Lets say you want some leters on stage which you want to animate which zooms in from the left,  one at a time. So selecting the text tool, type BEST WEB on stage and selecting all the letters press Ctrl+B to break them apart, then distribute to layers by going to modify menu, timeline and distribute to layers. ... Read More

Learn how to put multiple classic tween on stage at the same time in Flash CS4

Lets say we want to animate two balls one in blue to go from left to right and the red one to animate from right to left as shown below. lets draw one blue ball  in Frame1 one in blue starting from ... Read More

Learn how to create a bouncing ball in Flash CS4

Lets draw a  ball on top of the stage, we are basically trying to bounce the ball on stage, so we need to know the ground level or the bottom, you can use rulers by chosing from the view menu bar and activating the rulers, now mark your bottom level where the ball should bounce down. So lets jump up to frame 12 and press F6 to add a new key frame and holding on to shift (so that it ... Read More

How to create a motion guide in Flash CS4

We have already learnt how to move a ball from the left of the screen to the right, now lets learn how to move an object from the left to right not necessarily in a straight line but in a zig zag motion, let take an object aeroplane on stage and we want it to go from the left to right in a zig zag or a smooth curve motion, we can do that by using a motion path or ... Read More

How to create a shape tween in Flash CS4

A shape tween in basically to morph one shape to another, for example we can draw a oval shape on stage and morph it to a star on stage. Now lets draw a oval shape on stage, by selecting the oval tool, draw a oval shape on stage by choosing a fill color and do not use a stroke color. When you want to morph two different shapes on stage, make sure that both the shapes are on the center ... Read More

Moving Ball Animation in Flash CS4

In this tutorial you will learn how to move a ball from left to right, When you open flash CS4 you will by default be placed in layer 1 and any drawing on stage will be drawn in the first frame of your timeframe. Now lets draw a ball on stage, so click on the selection tool, click on the oval tool, then in the properties panel, under the fill and stroke panel, switch off the stroke and select any color, in ... Read More

Creating Mask in Flash CS4

A mask is simply to hide or reveal certain parts of a layer, for lets say we import an image on stage, so go to File -> Import -> Import to stage like the one here You have imported an image from your image file to stage, lets say you want to reveal a small portion of this image, you want to ... Read More

How to manage layers in Flash CS4

All this while we were working on flash CS4 on stage on a single layer, now lets just draw a simple website design by creating a rectangle green color menu bar in layer1, by double clicking on the layer1, you will be able to change the name of the layer, say call it menu, On the left bottom ... Read More

How to use Ink bottle and paint bucket tool in flash CS4

On the extreme right of the screen in flash CS4, in the main menu you will notice the paint bucket tool, at the right bottom of this tool, you will see a triangle, when you click on this triangle you will get the ink bottle tool, Now lets just draw ... Read More

Upload your site with Dreamweaver CS4

Now you are ready to use Dreamweaver CS4 to upload your site and make it live to the world. You will need a web hosting server and a domain name. I use Hostgator to host my websites. When you sign up with a hosting company like Hostgator they will send you FTP details with which you can connect to the remote hosting server and upload your files. To upload your files using Dreamweaver CS4:

• Click on the 'Expand to show local

Testing the Website in the Browser

Now that you have completed the site, thoroughly check it in the browser. Use File > Preview in Browser and select the various browsers. Check the site in at least Internet Explorer and Mozilla Firefox. Sometimes it will look a bit different in different browsers. Check to make sure everything is working fine. Test the menu links to see if the right pages are being called up. You might also decide to make some layout improvements. In this case, the submenu and ... Read More

How the Line tool, Pencil tool, brush tool and pen tool work in in Flash CS4

It is very important to understand how the various drawing tools work in flash CS4, let me just take you through on some of these, on the extreme right on the menu, you will find the various drawing tools The line tool is looks like this, Read More

Tables in Dreamweaver CS4

Another way of designing layouts in Dreamweaver CS4 is by using tables. We will use this method to create the submenu area within the template.

• Open template.dwt
• Delete 'Content for id "submenu" Goes Here' from the 'submenu' div
• With the cursor still within the 'submenu' div insert a table with 3 Rows, 1 Column, Width of 201 pixels, border thickness - 0,  Cell padding - 0 and Cell Spacing -0. Click OK.
• You will

Forms in Dreamweaver CS4

Let us create a form in the contact us page. To do this:

• Open contact-us.html
• Insert > Form > Form
• You will see a red outline within your page. This is the 'form' tag. All your form fields must be placed within this tag.
• Insert Form > Text field
• In the screen that opens up type 'Name' in the label field. Click OK
• Similarly create a field for 'Email' as well.
• Also create a field for 'Message'. This will

Linking pages in Dreamweaver CS4

Now create the remaining 3 pages and link them up in Dreamweaver CS4. Create the following pages: about-us.html, services.html and contact-us.html the same way you created the index.html page. Insert the appropriate content, images, title tag, headings and subheadings for each. You will see all your pages in your 'Files' Panel . Linking the pages: When we click on the menu buttons at the top of the page we want the appropriate page to ... Read More

Formatting Images in Dreamweaver CS4

Now we need to insert the image into the content. To align it as designed in our layout follow these steps:

• Click at the beginning of the 2nd paragraph
• Insert > Image > browse and select picture.jpg
• The picture will get inserted at the beginning of the 2nd paragraph.
• Select the picture and select 'Right' from the 'Align' drop down in the 'Properties' Panel

• The picture will now align to the right and all the text

Formatting Headings in Dreamweaver CS4

Next we will need to format the headings and subheadings within the content. To do this, go back into the Dreamweaver document window and select the heading text. Apply the Heading 1 tag to it by selecting Format > Paragraph format > Heading 1. Similarly for the subheadings, select the subheading text and apply the Heading 2 tag to it . Styling our Headings and Subheadings Now ... Read More

Dreamweaver CS4 Template Based Web Pages

Now that our Dreamweaver template is ready in we can create the pages of our website easily. Let us begin with the Home Page. The home page file is usually named index.html. Your remote hosting server will recognize this file as the home page and display it when your domain name is called up. To create a page from the template:

• File > New
• Page From Template > BusinessSite > template
• Click the 'Create' button
• Save the

Insert Editable Regions in the Dreamweaver Template

Now it is time to insert editable regions into the Dreamweaver template. Since the content area will differ from page to page we will make this area an editable region. Select and delete 'Content for id "content" Goes Here' from within the 'content' div. While the cursor is still within the 'content' div:

• Insert > Template Objects > Editable Region
• Give the New Editable Region a name like 'content'

Content in Dreamweaver CS4

Now let us create the content area and a space for the submenu area on the left. We will create a div for these 2 areas combined called 'middle' and then individual divs for the submenu area called 'submenu' and the content area called 'content' within the larger 'middle' div. The 'middle' div:

• Place the cursor after the 'menu' div
• Insert > Layout objects > Div Tag > ID: middle
• Click the 'New CSS Rule' button > Click OK
• CSS Rule Definition for # middle:
  • Box >

Creating the Menu in Dreamweaver CS4

Let us now work on the menu area. To do this, let us create a new div called 'menu' with the accompanying css rule. We first need to point the cursor immeadiatetly after the 'header' div. We can do this in 2 ways: 1. The first way is in the design view:

• Select the 'header' div by clicking anywhere inside the header area and clicking on the 'div#header' tag that appears at the bottom of the screen.

Insert Images in Dreamweaver CS4

Now it is time to insert the logo image into the header div using Dreamweaver CS4.

• Select and delete the default text that is inserted by Dreamweaver when creating a div 'Content for id "header" Goes Here'.
• Insert > Image > browse and select the logo image.
• In the screen that appears, enter alternate text describing the image. e.g. BusinessSite Logo. Click OK.
• You will see the logo image appearing within the 'header' div. Read More
  
  

Design the CSS Style Sheet in Dreamweaver CS4

Now it is time to specify the styles for your header div tag.

• In the screen that opens. Select 'Background'. Browse the header background image.
• Select 'Box'. For the Width, type '100' and select '%' from the drop down. For the Height type '94' and select 'px' from the drop down. Click ok.
• You will come back to the 'Insert Div tag' screen. Click OK.
• In

Design your template in Dreamweaver CS4

We will now design the template in Dreamweaver CS4. The layout we designed in Fireworks CS4 is shown below: We will need to recreate this layout in Dreamweaver. Some portions will need to remain images e.g. gradient backgrounds, rounded edges, special fonts like those used in the menu and the logo. These images have already been created, sliced and exported from Fireworks as web optimized images and are available for use within ... Read More

Create a template in Dreamweaver CS4

Creating a template in Dreamweaver CS4 will form the basis of your website. It will give your site a consistent look and make it easy to manage. Using the layout you designed in Fireworks as a basis we will recreate it in Dreamweaver as html files.

• From the Dreamweaver Menu select File > New
• Select 'Blank Template' > Template Type: 'HTML Template' > Layout: 'none'
• You will get a blank document. Save it .
• You will

Define a New Site in Dreamweaver CS4

The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate the environment of your remote server (where you will ultimately host or make your site live for the world to see) on your computer (where you will actually work on your site). To define a site in Dreamweaver CS4:

• Open Dreamweaver CS4
• Click on "Dreamweaver Site" under the "Create New" Section of the screen that is displayed.

Object drawing Mode in Flash CS4

Lets draw a circle on stage and similarly with another color chosen from the color panel box draw another circle on stage, you will find flash CS4 different from Flash Professional, in the sense both the circles are on drawing object mode and you can change the color of each the way you want, unlike flash professional, the second object drawn on stage will be considered as a grouped object and you cannot change the color, if you want to ... Read More

Use of polystar tool in flash CS4

We will learn how to use a polystar tool in flash CS4, this tool is somewhat similar to a circle or a rectangle tool that you are creating basic shapes with it, but it has a few options that we need to highlight for you, with a polystar tool you can create two things, you can create polygons, a triangle, hexagon, octagon etc, or you can draw a star shape with it. Read More

Drawing in flash CS4

Lets learn how to draw in flash CS4, let start by drawing a rectangle and an oval, the reason why we are starting with drawing a rectangle and a oval is because both these have a stroke and a fill. Understanding strokes and fills are important to draw in flash CS4 because they are treated as separate objects and not treated as one object. Using the oval tool on the right hand tool bar menu like this one Read More

Panels and Panel workspace in flash CS4

By default flash CS4  has a few panels to work with, but you may need much more panels to work with, you can customize your panels by just clicking on the window menu in the horizontal main menu bar as seen in the picture below. A list of panels are displayed under the window menu, you can simply click ... Read More

Introduction to flash CS4 authoring environment

Adobe Flash CS4    – Tutorial Introduction to flash authoring environment. Lets start by clicking on the Middle column which says Create New - Flash File (ActionScript.2.0) You will find the flash environment very similar to a paint brush environment, so if you are familiar ... Read More

How to change tax rates in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to change tax rates in osCommerce. In the screen below choose Locations / Taxes action, click on Tax Zones, This is a tax zone page, where you can see a tax zone for Florida has already been setup Read More

How to add a shipping module in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to add payment modules in osCommerce. In the screen below choose Modules action, click on shipping, You will find yourself in a shipping Modules Screen as seen below, on this page we can install shipping modules for our store Read More

How to set up special promotions in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to set up special promotions in osCommerce. In the screen click on the link Catalog action, As seen in the above picture ,on the Left side of the screen under the Administration Panel click ... Read More

How to add products to your store in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to add products to your store in osCommerce. In the screen choose Catalog action, click on the link, You will see a screen like this below, ... Read More

How to add payment modules in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to add payment modules in osCommerce. In the screen below choose Modules action, click on payment, You will find yourself in a new page like this below, with the first row item Authorized.net items selected click on the install button on the far right of the screen. Read More

How to manage your customers in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to manage your customers in osCommerce. In the screen below choose Customers action, click on customers, You will see a screen like the one below, click on edit button. You will find yourself ... Read More

How to send emails to your customers from osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to send emails to your customers from  osCommerce. In the screen below choose Customers action, click on customers, You will see a screen like the one below, click on email button . You ... Read More

How to configure your currency in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to configure your currency in osCommerce. In the screen below choose Localization action, click on currencies, You will get into a screen like this below: As you can see from the above table, there are already ... Read More

How to configure your store in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to configure your store in osCommerce. In the screen choose Configuration action, click on My Store, You will get a screen like this below, this is the configuration page for your store, lets now learn how to edit the settings.  Each row item can be edited, now first click on the store ... Read More

How to add product categories to your store in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to add product categories to your store in osCommerce. In the screen choose Catalog action, click on it, You will see a screen like this below, Read More

How to Manage Banners in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to manage Banners in osCommerce. In the screen Choose an action, the right column 4th menu item which says Tools, click on the banners link, it will take you to a different screen which says Banner Manager. This is ... Read More

Best osCommerce Templates

osCommerce templates can give you an extremely professional looking osCommerce based ecommerce site. Browse the osCommerce templates below to find one that meets your requirements. Use the template search on the right to futher refine your template search by selecting ‘osCommerce templates ’ from the category dropdown and typing in your sepecific keywords.

How to backup and restore your database in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to backup and restore your database in osCommerce. In the screen Choose an action, the right column 4th menu item which says Tools, click on the backup link, it will take you to a different screen which says Database Backup Manager, Read More

How to setup Product Attributes in osCommerce

Assuming you’ve already logged into osCommerce application, let’s now learn how to setup Product Attributes in osCommerce. Click the second button on the left called Catalog menu which is below the configuration menu, it will take you to the new page which says Categories / Products, on the extreme left there is a sub header which says Products attributes, click on it, it will display the current attributes that ... Read More

How to install osCommerce from Fantastico

osCommerce can be easily installed via Fantastico which comes with some hosting servers like Hostgater. Assuming you’ve already launched the Fantastico application, let’s now learn how to install osCommerce from Fantastico. On the left side menu under the heading E-Commerce, you’ll find Cubecart, osCommerce & Zen Cart, please click on osCommerce link, this will take you to the osCommerce installation screen. osCommerce is a power used shopping cart with a big variety of modules and support of almost every payment ... Read More

How to add sizes to products in Zen cart?

To add sizes in Zen cart you will need to use the following:

• Option Names Manger
• Option Value Manager
• Attributes Controller

Customizing a CSS Full Site Flash 8 Template

If you have purchased a CSS Full Site Flash 8 template you might find the following tips helpful. Some CSS and CSS Full Site Flash 8 Templates     Let us use template # 20829 as an example    As mentioned in the template details this is a "CSS Full Site Flash 8" template, which basically means it is an html template (css) with a flash element. In this case the Flash element is only the header. The rest is in HTML.   This is why the 'Software ... Read More

Changing the color of an Image in Flash

Sometimes we need to change the color, hue or tint of an image in Flash. This can be done in multiple ways. Option 1: Export the image, edit it in an image editor and reimport it. To do this:

• Drag the image to the stage in Flash
• Select the image
• File > Export > Export Image
• Edit the image in an image editor like Fireworks or Photoshop
• Double click the image in the Flash library
• Click the "Import button"
• Find the newly edited version of the image and import it.

Dreamweaver CS4 Form Validation Tutorial

In this Dreamweaver CS4 Form Validation Tutorial we will learn how to validate a form in Dreamweaver CS4. The form we will validate is shown below: Step 1: Select the form tag You can do this by clicking anywhere in the form and selecting the <form> tag when it shows at the bottom of the document window. The entire form will grey out to show that it is selected. Read More

Magento Hosting

Magento hosting is not as common as you might think. Magento has many special requirements that many hosting servers do not support. I found this out the hard way and had to switch 3 hosts before I could successfully install Magento. Some of the hosts that do support Magento installation are listed below:

• A2Hosting
• Bluehost - Can easily install via SimpleScripts
• NEXCESS - They are a platinum Magento hosting partner. Currently offering free Magento installation
• HostMonster

How to install Zen Cart e-store

Zen cart provides you with all you need to set up an e-store. For more details check out www.zencart.com/ for more details. To see a demo of zen cart (including the administration panel) click here. The easiest way to install Zen Cart is to sign up with a hosting services that provides Fantastico e.g. Hostgator. With Fantastico you can literally install Zen Cart with the click ... Read More

Best Zen Cart e-store template themes

Here are some of the best zen cart e-store template themes. Zen Cart templates allow you to completely change the look of you Zen Cart based site. Browse the Zen Cart templates below to find one that meets your requirements. Use the template search on the right to futher refine your template search by selecting ‘ Zen Cart templates’ from the category dropdown and typing in your sepecific keywords.

How to set up an e-store?

Thinking about how to set up an e-store? Here are some options:

• GoDaddy.com Quick Shopping Cart®
• Yahoo! Small Business

• Zen Cart - Learn how to install a zen cart e-store
• Magento - Learn more about Magento
• OsCommerce - Learn more about

Fireworks Web Ready Images

To create Fireworks web ready images for use in our website we will need to slice the required parts of our layout. Create the Slices To do this we will use the 'slice' tool. Makes slices for:

• Logo
• Header background (this will tile horizontally so just a small vertical slice will do)
• Menu options - Home, About Us, Services, Contact Us (this is required because the menu buttons use a special font which whill not be available

Fireworks Tips

Now it's time for more Fireworks tips. We have created the logo and the header area along with the main menu area. We will now create the submenu area. To do this we will use the 'Rectangle' tool to create a rectangle with rounded edges. We will give it a gradient from left to right (as opposed to 'top to bottom'). Then we will put in some sample link text and bullets. Step 1: ... Read More

Fireworks Designs

Now that you have created the logo in Fireworks designs for the website can be created. Remember the website design we set out to create in Fireworks? Here it is again: Let's first create the header area. To do this create a rectange using the 'Rectangle' vector tool. Since we already creates the logo you will notice that the rectangle is created over the logo ... Read More

Logo Making with Fireworks

Logo making with Fireworks is extremely easy since it has image editing as well as vector drawing tools. You can insert an image and edit it however it is better to use the vector drawing tools as well as the text tool to create your logo. This is so you can expand the logo to any size you might need in future. Let's make this logo in Fireworks: Step 1 Read More

Fireworks Website Templates

Now it is time to create our Fireworks website templates. This will form the basis for the website we design. It will also provide us with any graphics we will need for the HTML pages of our website. This is the website layout or template that we will create with Fireworks: Download Fireworks CS4 Template Source File Download the Fireworks Template source file here for your reference  throughout the rest of the tutorial.

Create a website design in Fireworks CS4

It is now time to design how your website will look. What will the layout of the pages be? If the home page looks different you will need to design it seperately. You will need to design a logo, a menu area, maybe a submenu area, decide on which photos to use if any and how they should look (size, dimensions and special effects if any). You might want to design bullets for your website and icons for your menu options as ... Read More

Fireworks CS4 Tools

Let us create a web design in Fireworks CS4. Once you create a new document in Fireworks CS4 you will get a a blank canvas. Take a look at the tools panel. If you cannot see it, open it from:

• Window > Tools

Create a New Document in Fireworks CS4

The first step to creating a web design in Fireworks CS4 is to create a "New Document". To do this:

1. Open Fireworks CS4
2. File > New
3. In the panel that opens, specify the width, height, resolution and background color of your web design.
4. The width depends on what screen resolution you are designing for e.g. 1024x800 is the most commonly used screen resolution right now so you can design for a width of 1000 pixels and a height of 800.
5. When designing for a website specify

Cheap Stock Photos

 Get high-quality yet cheap stock photos at these sites and give your web design a professional look.

• Dreamstime
• 123RF
• iStockPhoto
• BigStockPhoto
• Fotolia

7 questions to ask when designing or redesigning your website

1. Does your website attract the right people? The “right people” here means targeted traffic that result in sales. Even if it is not a monetary sale, e.g., “Buy this gadget at this price”, or “make a donation online”, it could be an action that you want the visitor to take, e.g., sign up for a newsletter, visit a store, buy this product and a percentage of the sale will go to charity. In order to attract the right people, you have ... Read More

Dreamweaver Tutorial

Basically Dreamweaver is a software, which we use to build  websites that can be browsed on the web with Internet Explorer or any other web browser.  It is usually built by creating html pages and importing images and content.

1. Set up a Web Site
2. Add text and format the text in Dreamweaver
3. Add Links to your Dreamweaver web Pages
4. Insert Graphics in Dreamweaver
5. Change Page and link colors in Dreamweaver
6. Layout pages using tables in Dreamweaver
7. Add images to the Layouts in Dreamweaver

Advanced Layouts in Dreamweaver.

Section 12. Advanced Layouts   Define customs styles,  known as cascading style sheets, or css or used to format a web page. They are set of properties created automatically by dreamweaver when you change the setting of the element, they are reused when the same setting are applied to the same element. The best thing is css is they can be defined by the user. It is best to do when you develop an advanced layout.

• press file on the menu bar to create a new

Upload the site to the web server in Dreamweaver.

Selection 11. Upload the site to the web server. You will need to purchase web hosting to upload your site files and make your site live. I use Hostgator to host all my sites. In order to upload the site to the web server we should understand the site to connect the web server to a remote server.

• Press site,
• choose manage sites,
• press edit,
• press next till you get the remote server setting page, 
• now click on the combo box  choose FTP and click

Templates in Dreamweaver.

Section 10. Dreamweaver templates. Remember all changes in the uneditable region has to be made in the dwt file and it will automatically update the changes in to the html pages, only the editable region of the html pages can be edited in the respective html pages, so it is better to understand what a editable region and an dwt file can do to your web page. Dreamweaver Interactive Video Tutorials Discover Everything You Need To Know To Build Your Website ... Read More

Forms in Dreamweaver

Section 9. Forms in Dreamweaver  We want to add a form for the visitors to give us the feedback of our website, to the contact.html and at the bottom make a heading called suggestions and complains,

• press on the tool bar selection menu, 
• choose forms,
• press the form icon now press the text field icon, 
• click on the right side of the text field,
• press enter and type message,
• now press the area icon in the tool bar of the selection menu,
• click on the right side of

Editable regions and HTML pages

Section 8. Create Editable region and converting it to a html page After you create your home page, just see what you need to repeat in the other pages like services, products, contact us, about us, etc. Your dreamweaver template file is usually saved as a dwt file. Now you have to convert the dwt file to a html file. Go to the contents of the home page and highlight it and press the Insert button on the menu bar and click on the ... Read More

Add images to the Layouts in Dreamweaver

Section 7. Add images to the Layouts. Go to the appropriate rows and insert graphics and images at your will, also insert any text if need in the appropriate boxes and view it on the IE to see the effect. Dreamweaver Interactive Video Tutorials Discover Everything You Need To Know To Build Your Website Step By Step  From Start To Finish With This Dreamweaver Tutorial.

Layout pages using tables in Dreamweaver

Section 6. Layout pages using tables. To add a table:

•  click on insert > table
• Let's say we want to make a layout using two rows and one column say ok and exit

Change Page and link colors in Dreamweaver

Section 5. Change Page and link colors If you want to spice up your html pages, we can use colors to do so.

• Click on Modify,
• click on page properties and
• click on the background color and
• select the color of your page,
• now click on links in the category links to set the color of our links,
• select the color,  and choose another color for rollover links and in the underline style select the show underline only on rollover and press ok to exit,

Insert Graphics in Dreamweaver

Section 4. Insert Graphics. Now that we have the text on the html page, we can insert some image, you can directly import images if you have any, by clicking on import, images to the appropriate columns or rows. We can resize the image by clicking on the width and height in the properties menu. Dreamweaver Interactive Video Tutorials Discover Everything You Need To Know To Build Your Website Step By Step  From Start To Finish With This Dreamweaver Tutorial.

Add Links to your Dreamweaver web Pages

Section 3. Add Links to your page. You can add some text to your home page ie:    Home | Services | About us | Contact us You can also create external links to your home page, first select the text to be linked to your external page and then click http:// www.dreamweaver.com, then the text selected to the link will be underlined and flash in blue in color, Now to give an internal link to your home page, click on  say ... Read More

Add text and format the text in Dreamweaver

Section 2. Add text and format the text. Let start adding some context to the home page of your html file. Double click on the html file on right side of the page, and start typing some text on to the page and then press preview icon and click on internet explore, if you havent saved your file you  will be prompted to do so, click yes.

• Change the title to home page on top of your page,
• click on the title box named

Set up a Web Site in Dreamweaver

Section 1. Set up a Web Site. Open Dreamweaver on your computer, to create a new site double click on the dreamweaver site on the create new column of your start page.

• The first step is to create a company site name example: xyz company, go to next.
• The next step is to decide whether to use a server technology or not, for the time being skip this step and go to the next step
• Next step is to edit the files locally or