As designers we sometimes come across situations in which we want to put a background in that consist mainly of a texture or a gradient with another image element or two that doesn’t repeat. Too often I see websites where this is done using either a large image larger than the common screen resolutions OR they repeat the background texture gradient and then place a div to hold the other image.
With the large image method this is an unnecessary use of bandwidth. It can be done better by having the background texture repeating as in the second method and using a second image (which we can use as you will see below)
With the second method the draw back to it is it can throw out a layout on different size screens particularly if you not careful. Even if you are careful this is still the long way to go round it and more time consuming than it should be. Continue reading
In this tutorial we will be explaining the best way to add a gradient to the background of any webpage element using a method that improves page loading times over other method you may currently use simply by using CSS3 (with fall backs of course)
As designers we all use gradients in backgrounds all the time. To add texture to our designs or make our menu button look fancy for example.
Up until recently this has always been done with images and the most effect method involved just a small slice of a gradient image repeated up or across the image we are adding the background too. However this method involves loading the image (bandwidth) as well the server having to handle the request to get the image (HTTP requests). If we can remove these request particularly for popular website with large amounts of web traffic we should really be trying to do so. Continue reading
here is the flash timeline I did for our history of the internet assesment.
Sorry, either Adobe flash is not installed or you do not have it enabled
Last week we were required to produce a flash advertisment for our blog that adhered to the Fairfax media advertising standards.
This is the flash ad I created to advertise my blog. To be used on a fairfax media site only one line of code needs to changed and its ready to go. If I were to publish this line… Continue reading
Also earlier in the year we were given an assignment to create a website for a fake hotel called “Castle Fictoria”.
All images and content were provided for us. We then had to create the site using a text editor. Then later on we had to redo it in dreamweaver as well. Although both my sites looked similar this is… Continue reading
Playing a bit of catch up here. Earlier on in the year we were asked to mock up a few designs for the Launceston Polytechnic Digital Media online learning website done in Moodle. This is the design I presented to the group.
This was my mock up of the theme designed in fireworks.
Favicon’s for those that don’t know are the little icons that appear up in the address bar before the web address and in a users bookmark list before the webpage name. They are a small icon only 16*16 pixels in size. The purpose of this article is to give a quick run down on how to create and embed them… Continue reading