« January 2007 | Main | March 2007 »

February 2007 Archives

February 1, 2007

Format your web page properties with Dreamweaver

Learn how to format your webpage with Dreamweaver. This tutorial will show you how to use numerous tools available in Dreamweaver to get your webpage looking exactly as you intend. Firstly it demonstrates how to change page properties including text color, size and type as well as talk you through adding a background color or image. It then goes on to discuss css style sheets and formatting tables ie. adding columns and rows. Take some time to experiment with different webpage settings and don't be afraid to make mistakes. The important thing is to work out what looks best and...

Continue reading "Format your web page properties with Dreamweaver"

Find and replace tool in Dreamweaver

How to use the find and replace tool in Dreamweaver One of the most useful time saving tools in Dreamweaver is often overlooked by webmasters. The find and replace tool is fantastic for when you need to quickly delete a specific block of code that is found on numerous webpages. As this tutorial video demonstrates, you simply need to view your source code and highlight the block of text you wish to delete. Then you right click on it and choose 'replace'. From there you can opt to delete the text from either the current document only or from a...

Continue reading "Find and replace tool in Dreamweaver"

February 4, 2007

How to make Flash navigation buttons

Flash Navigation Buttons This tutorial will teach you how to use basic tools found in Flash 8 while at the same time demonstrating how to make navigation buttons for your website. Firstly it shows you how to start a new document and draw a rectangle. Next you learn how to convert the rectangle to a movie clip symbol. Before the end of the lesson you'll also know how to create and edit layers, duplicate symbols, use frames and link your buttons to a HTML website. To start the flash navigation tutorial click on the arrow. The software used in this...

Continue reading "How to make Flash navigation buttons"

Local root folder, local site folder Dreamweaver

Defining a "Site" in Dreamweaver This tutorial shows you how to define a site in Dreamweaver. Sadly this is a process that is often overlooked by beginners and experienced webmasters. I say sadly because it can save you a lot of time in the future if you want to change around the path to any of your files. For example, if you make a webpage about flowers and a few months down the track you decide you want to move that file into a subfolder called 'nature' for instance, then what dreamweaver does is it automatically changes all your sites...

Continue reading "Local root folder, local site folder Dreamweaver"

watermark a photo or image easlily with Photoshop actions

How to use a Photoshop Action to watermark an image. This PhotoShop tutorial will teach you how to make and use a Photoshop Action to watermark an Image. You can then take the action and batch process as many images as you like! Very quick and easy for times when you have more than one image to watermark :) Note: The software used in this tutorial Adobe Photoshop. To start this Photoshop tutorial press the arrow. This post is listed at Technorati under: watermark image...

Continue reading "watermark a photo or image easlily with Photoshop actions"

February 6, 2007

blurring photo backgrounds, depth of field

Sharpening the main subject and blurring backgrounds improves your photos Depth of field is a powerful tool in telling the viewer what you consider important in the photo by sharpening the main subject while on the other hand blurring out any other distracting images surrounding it. For example in this photo below you can see the difference between the original photo and the one with the blurred background. Here is another example where the girl in the middle is the main focus: When most of the photo is sharp, there's lots of depth of field. When only part is sharp,...

Continue reading "blurring photo backgrounds, depth of field"

color one part of a photo using Photoshop

How to make one part of a photo in color You've most likely seen a trend lately where photos are displayed in black and white with only one part of it seen in color. Take the example below for instance where the wedding photo has been changed fully to black and white. Then the flowers were re colored using Adobe Photoshop. How do you do this? Well firstly you need to make your photo black and white. A quick way to do this is to open your image in Photoshop and click along the top toolbar on image / adjustments...

Continue reading "color one part of a photo using Photoshop"

February 7, 2007

make a photo cube, Photoshop tutorial

How to make a photo cube There are two ways to make a photo cube using Adobe Photoshop. One I like to call the quick lazy way, while the second version teaches you how to use numerous Photoshop tools such as filters, layers and 3d transform. You'll also learn a few keyboard shortcuts that will come in handy in all your Photoshop designs. First I'll show you exactly what a photo cube is so you'll know the look you should ultimately be aiming for. Here is an example of one I created earlier: Lazy but easy way The cube image...

Continue reading "make a photo cube, Photoshop tutorial"

Internet Explorer 7 effects website designs, blurry bad font, CSS problems

Why its important to check your sites useability in IE 7 As a website designer you will no doubt need to install Internet Explorer 7 as it becomes a major player in the browser market. Just like previous versions before it, Internet Explorer 7 has unique ways of displaying webpages that may look different than how you intend. This is also the main reason why all webmasters should have numerous browsers installed on their computers. In the very least you need to check your website design in the two most popular ie. Internet Explorer and Firefox. Each browser will display...

Continue reading "Internet Explorer 7 effects website designs, blurry bad font, CSS problems"

February 8, 2007

How to create rollover buttons and images in Dreamweaver 8

Creating rollovers in Dreamweaver 8 Here is a tutorial for beginners using Dreamweaver 8 showing you how to make image rollovers. Before following this tutorial you will need to have two images. One for the original display and a second one for the rollover image. Rollovers can be used for images, basic butons or full blown navigation systems. It also demonstrates how to link your button to a URL (website) and how to test it before uploading to your web host. A handy keyboard shortcut mentioned in this video tutorial is F12 which brings up the page your working on...

Continue reading "How to create rollover buttons and images in Dreamweaver 8"

How to make a preloader for Flash movies, flash loading bar

Flash Preloader Tutorial Flash preloaders come in handy to show your visitors that your movie is still loading. This should go a long way in helping them realise that there is something on the page even though they cannot yet see it. It also keeps your visitor amused for a short time and stops them closing the page or quickly moving on to the next website. This tutorial will show you how easy it is to create a flash preloader as well as demonstrate numerous tools including: 1. layers 2. align palette 3. swatches palette 4. library 5. drawing and...

Continue reading "How to make a preloader for Flash movies, flash loading bar"

February 10, 2007

Create a Flash volume sound slider, Flash media player

How to make a volume control, sound slider in Macromedia Flash 8 This tutorial will demonstrate how to make a media player using Flash 8. The media player will have a go and stop button as well as a volume slider that allows your visitor to increase or decrease the music level. Firstly you will be shown how to draw and color the basic shapes for your media player. Next you are taught how to animate or rather slide the volume control up and down the groove. The tutorial then talks you through the action script that needs to be...

Continue reading "Create a Flash volume sound slider, Flash media player"

keyboard shortcuts for Dreamweaver

Dreamweaver shortcuts Keyboard shortcuts can be a real time saver when creating websites in Dreamweaver. For example, consider the time it takes to bring up code view then search for a specific line of HTML. Now imagine the time you could save if you simply pressed Control+Tab followed by Ctrl+F and typed in part of the line your needing to find. Dreamweaver then goes directly to the HTML code you need. Listed below are keyboard shortcuts I use most often when using Macromedia Dreamweaver: Ctrl+N Opens a new document to start editing. Ctrl+W Closes the current document. If it's not...

Continue reading "keyboard shortcuts for Dreamweaver"

February 12, 2007

How to make 3d text effect in Photoshop

Photoshop Text Tutorial - How to create a 3D text effect The first thing that comes to mind when I think about 3D text is the Superman logo. Here is an example to give you an idea as to what you will be learning to do in this Photoshop tutorial. Note: The software used to make this text effect is Adobe Photoshop. To create 3D text you first need to start a new image. File / New / Choose your settings / Press OK. Then choose your text / horizontal type tool. Type whatever word you want to use as...

Continue reading "How to make 3d text effect in Photoshop"

February 13, 2007

What is a widget, download free widgets

What exactly are widgets? Widgets can basically be thought of as shareable gadgets. Therefore a web widget is a portable piece of code that can be used easily on numerous websites. To display a widget on your own website, you simply need to insert a piece of code to your HTML. The widgets main programming code is stored on the original developers webhost but the graphical interface is displayed on your site. For example, LabPixies has a Calorie Calculator Widget (gadget). As you can see below, for webmasters of health sites, this type of gadget is ideal to keep visitors...

Continue reading "What is a widget, download free widgets"

February 15, 2007

radio script for your website, radio widgets

How to add a radio to your website Using a radio widget is a fun and easy way to let your website visitors listen to local radio stations including 103.5 KISS FM, Acuradio, KSYN 92.5, KTU and many others. LabPixies Radio comes predefined with several station examples. To listen to other stations, enter the settings screen by clicking on the icon on the bottom left corner of the gadget and click on Manage stations link to enter the LabPixies Radio Community page. The widget below is an example of how the radio javascript will look on your website. You will...

Continue reading "radio script for your website, radio widgets"

How to find what pages are in Google supplementary index

Google Supplementary Index Website pages that are found in Google supplemental index are there because they are seen as second rate and are crawled less frequently. There is now an easy way to see what webpages are in supplementary index. You simply need to do a Google search for: site:www.yourwebsite.com *** -view Note: there is a space directly before and after *** Aaron Wall's SEO Book suggests that studying the number of supplementary pages your website has, can help clue you in on the health of your site. If none of your pages are supplemental then likely you have good...

Continue reading "How to find what pages are in Google supplementary index"

February 16, 2007

How to use Photoshop CS3 interface, download Photoshop CS3

Overview of interface changes in Photoshop CS3 and how to use them. There is no doubt that CS3 has the most customizable interface of all Photoshop versions. This demonstration will firstly explain basic interface differences between Photoshop CS3 and earlier versions. Then it will explain how to customize Photoshop CS3 interface to suit your needs. Note: Photoshop CS3 is still in Beta and can be downloaded for evaluation purposes from the link below. The final release of Adobe Photoshop CS3 is planned for spring 2007. Download Photoshop CS3 One of the first changes you will notice is the single column...

Continue reading "How to use Photoshop CS3 interface, download Photoshop CS3"

Free Dreamweaver extensions behaviors addons

Free Dreamweaver Extensions What are extensions? Dreamweaver extensions are small programs that you can install into your software that provides added functionality. For example, they could add a rollover navigation or an Abbreviation and Acronym addon to Dreamweaver that can be used with a simple click of a mouse. I guess you could say, extensions such as behavior addons makes Dreamweaver more efficient. How to install Dreamweaver extensions To install extensions or addons you need to download and use an Extenstions Manager. You can get these directly from the Adobe website. Download Dreamweaver Extension Manager for version 3 Download Extension...

Continue reading "Free Dreamweaver extensions behaviors addons"

February 20, 2007

How to make money on the Internet

Starting an Internet Business Searching the Internet for good advice about earning a living online is a bit like finding a needle in a hay stack. Many marketing websites give you the run around, telling you next to nothing that actually helps you get started in earning an Internet Income. Listed below are articles I highly recommend adding to your browser favorites and reading often. They will give you a good solid start to your home or Internet business without the run around. 1. Affiliate Program Tutorial Based on 9 years experience, this tutorial tells you the 18 steps to...

Continue reading "How to make money on the Internet"

February 23, 2007

How to make a scrolling background animation in Flash

Flash Tutorial - Scroll the background image Learn how to easily make a scrolling background entirely in Flash. This is specifically useful for creating flash games when you need to give the illusion that a foreground image is moving across the screen. The flash tutorial doesn't use any code. It simply makes good use of Flash motion tween. To start this Flash tutorial press the go arrow. The software used in this tutorial is Adobe Flash....

Continue reading "How to make a scrolling background animation in Flash"

February 24, 2007

How to use pen tool, Photoshop tutorial

Photoshop tutorial showing some tricks to help you better understand and master the pen tool. The pen tool is one area of frustration for those just starting out in Adobe Photoshop. What makes it frustrating initially for most users, is that you can only create a 90 degree curve at any one time. However, once you grasp the basics of using the pen tool, it isn't as hard as it first seems to draw a full circle. Handy Tip: When following this tutorial you need to set your pen tool to "Paths" option and not "Shape Layers" along the top...

Continue reading "How to use pen tool, Photoshop tutorial"

February 26, 2007

Free PhotoShop brushes grunge hearts cute star swirls flowers butterfly

Photoshop Plugins and Downloads Anyone that's used Photoshop for a while, will also have found themselves at one stage or another searching for free plugins including ready made brushes. Listed below are some of the best Photoshop Brushes to download for use in your own collection. These brushes and addons have been created for use in Adobe Photoshop. 1. PS Brushes has one of the largest collections of Photoshop addons on the web. Furthermore, they consistantly add 50 new themes each week. Here is a sample of a few of my favorites: Over 20 grunge brushes 24 Photoshop heart brushes...

Continue reading "Free PhotoShop brushes grunge hearts cute star swirls flowers butterfly"

February 27, 2007

Free SEO how to get a website on a search engine

Free SEO search engine optimization tips It wasn't so long ago that search engine optimization meant placing meta tags on your webpage then submitting your site to directories such as Yahoo or MSN. Over the next few weeks your website would have been checked over manually by a human and added to the appropriate directory. Then along came search engines such as Google who relied on programming algorithms to list websites for specific keywords that suit the content of the site. At first the algorithms were based on meta keywords, title and description tags. Over the years webmasters learnt how...

Continue reading "Free SEO how to get a website on a search engine"

Add this blog to your feed Subcribe to this feed

About February 2007

This page contains all entries posted to Website Design Tips - Hypergurl in February 2007. They are listed from oldest to newest.

January 2007 is the previous archive.

March 2007 is the next archive.

Many more can be found on the main index page or by looking through the archives.

copyright 2001-2007 © hypergurl.com