ProActive HowTo :: Get serious about your templates - electronic file sizes

So you want get serious about your templates


Learn about electronic file sizes, png, jpg and gif image file types.
 

Bytes, Kilobytes, Megabytes and Gigabytes

The standard measurement units that are used online and on your computer are gigabytes, megabytes, kilobytes and bytes.

1024 bytes makes one kilobyte. For simplicity this is rounded to 1000.

The basic unit is a byte.
1000 Bytes = 1 Kilobyte.
1000 Kilobytes = 1 Megabyte.
1000 Megabytes = 1 Gigabyte.
1000 Gigabytes = 1 Terabyte
1000 Terabytes = 1 Petabyte

Gigabyte (GiB)Megabyte (MiB)Kilobyte (KiB)Byte
11,0001,000,0001,000,000,000

Gigabyte (GiB)Megabyte (MiB)Kilobyte (KiB)Byte
.00111,0001,000,000

Gigabyte (GiB)Megabyte (MiB)Kilobyte (KiB)Byte
.000001.00111,000

Gigabyte (GiB)Megabyte (MiB)Kilobyte (KiB)Byte
.000000001.000001.0011
 
 
 
How to optimise your images for the web.
 

 (158 pixels wide  x 295 pixels deep)

What size is this image?

Click the image to find out the real size of the image.
 
The image electronic file size is : 418391 Bytes, 41.8 KiB (hard drive space occupied and the amount of download required to receive this image.)
 
The image on this page has simply been told to display itself at the dimensions (height and width) other than what it displays at its default size (the size which it displays as when clicked). The image has an electronic file size of 418391 Bytes in both instances. 
 
This is not suitable for web display (speed is determined by the amount of electronic file size which has to be downloaded).


 (158 pixels wide  x 295 pixels deep)
The real electronic file size is 1037 Bytes 10.3 KiB - this image is approximately 1 third of the size (electronic size) of the image above. This image is suitable for use on a web page. The electronic file may be able to be reduced further via the use of an image program therefore the download size and the download time have been reduced - in this instance by about 2/3.
 
 
 

Get a grip on CSS Style sheeting.

 
CSS stands for Cascading Style Sheets.
 
Cascading Style Sheets (CSS) are designed to control the presentation,or appearance, of a web page. Such things as font settings, colors, marginsand padding, positioning, size, etc.
A single style sheet is used to display all the pages of a site. This gives consistency of font size and colors etc across the entire site. It is a lighter weight (electronic) and therefore faster method to apply to a web page. A single copy of the style sheet can be downloaded the once and used many times at the users end. This aids in both downloading times and in regards the consistent display of the web pages.
 
There are extensive online examples and tutorials on the use of CSS. 
 
The focus of the lessons is on what you can do and how to do those things via the ProActive editor.
 
Understand how to use a HTML Table structure
 
Learn how to make and deploy article templates.
 
Things you can do with images in the editor.
 
Easily make full size images open up in a templated window.
 
We use and recommend a standards compliant web browser such as FireFox

One of the many benefits this browsers brings is an extensive list of add-ons which are excellent aids for anyone undertaking web content creation or image development for web.
 
web developer
measureit
colorzilla
gestures for easy and faster navigation


2 hour - one on one = $350.00.

You should be capable or have someone capable do any image manipulationwork.

Image work is specifically not covered due to time constraints.