Welcome to Content Management System Home Page

Each of the navigation links on the left open a page that will allow you to dynamically edit pages viewed on the web site.

 

FAQ

About the Rich Text Editor and Entering Copy:

Uploading Images:

Scanning Images and Saving Images for the Web:

 

Rich Text Editor:

 

These edits are done through an online Rich Text editor similar to the type of text editor you may be familiar with, MS Word or Word Perfect. Keep in mind though that this is a limited text editor and doesn’t have all of the page setups that usual text editors do.

 

For this reason, it is suggested that you compose your copy in the program you are use to, check spelling but do no formatting with bullet, bold setting or indents.

 

Do that kind of formatting in the online text editor Using the online Rich Text editor:

    1. Copy and past your text into the edit box.

    2. By putting your cursor in the box and hitting the CTRL-A keys, you select all.

    3. Set Font (recommend Verdana or Ariel).

    4. Set Font Size (recommend size 2) Larger sizes can be used for titles.

    5. Click the align left tab.

    6. Now click the Submit button.

 

The page will refresh and you will see what is on the web page.

 

    1. From there you can:

    2. Add Bold words by highlighting the words and click the Bold tab.

    3. Add color to words by highlighting the words and select a color.

    4. Add word background color by highlighting the words and selecting the background color.

    5. Add buttons or numbers and moving the left align for these buttons or numbers to the right with the move left or right arrow tabs.

Back to Top>>

Uploading Images:

 

Uploading images is an easy process. You can upload 3 Project images, 12 Licenses images, 12 Testimonial images or 10 Manufacturing, Fabrication, Finishing. A couple of helpful hints:

  • Try not to have any spaces between image names. For example rather then image 1, use image_1.

  • use full names rather then a number such as 1 or 01. Part of the selection code uses a mathematical formula and this might interrupt the selection query.

  • Try to keep file sizes as small as possible. as an example if you have 12 license images at 100 kbytes in size, that means that over a megabyte of images must be uploaded.

  • Make sure the resolution is 72dpi and optimize to between 60 to 70%. More about this in the scanning section below.

  • The application only accepts JPG or GIF files.

To upload Project images , click on the Add/Delete Images under Projects. You will be given a list of projects. Select if you are going to add in image or delete one. It is recommended to delete an image prior to replacing it to remove it from the server. Deleting is a two step process, select the image, click delete, review if this is the correct image and then click the final delete. Once deleted, it's gone.

 

Follow the same basic process for Testimonial images, License images and Manufacturing image.

 

 
Back to Top>>

Images and Scanning

Here are two links to basic that might be helpful to read.

 

Basic Scanning:

http://www.webmonkey.com/webmonkey/02/28/index4a.html?tw=design

 

Basic Web Graphics:

http://www.webmonkey.com/webmonkey/01/28/index1a.html?tw=design

 

Overview:

 

There are two primary image formats appropriate for the web. They are JPG and GIF images. Although PDF files contain images and can be viewed on the web, they are not considered image files, images that stand along on a web page, not part of a printed page duplicated on a web site.

 

For this reason, PDF files are displayed to usually represent print page. They are usually very large files (especially if images are embedded on the page) and are usually opened through a hyper link rather then displayed as part of a web site. This is because the document stands alone and has non of the attributes of a site like graphic header or navigation. (In part, this has change by the use of Macromedia’s Flash Paper, a vehicle to embed a PDF file into a flash component.)

JPG and GIF images are used for the web because they are compressed files and smaller. For the most part, JPG files are used for photography and GIF images for basic graphics.

 

The images for the Florida Glass site should be saved a JPG files since most are photographs or large images files such as the licenses and testimonial letters. The project image files will most likely be smaller then the licenses and testimonials. If at all possible, try to keep the images under 80 to 90 Kbytes in total size.

 

File size is important for both the physical size and file size. All files should be saved at 72dpi. On the web site, here are the parameters for the different sections:

 

Project images: Project images are set to 350 pixels wide and will adjust depending on if they are a horizontal image or vertical. The resolution should be set at 72dpi and if optimization is available, optimize down to about 60-70% depending on the file size.

 

Licenses: License images are set to 700 pixels wide and will adjust depending on if they are a horizontal image or vertical. The resolution should be set at 72dpi and if optimization is available, optimize down to about 60-70% depending on the file size. Try to keep these files as small as possible.

 

Testimonials: Testimonial images are set to 600 pixels wide and will adjust depending on if they are a horizontal image or vertical. The resolution should be set at 72dpi and if optimization is available, optimize down to about 60-70% depending on the file size. Try to keep these files as small as possible.

 

Scanning:

 

Most scanner software will allow you to set scanning options. If so, set up a scanning option for images and most scanner software will allow you to save that selection under a name to be re-called later. If you can do this, save the image scanning to JPG, 72dpi. Set up the image size (350 pixels wide, 700 or 650, and optimize to 60-70%) Image editing for size and optimization will have to be done in a separate program like Adobe Elements if the scanner software doesn’t have this functionality.

If the scanning software doesn’t allow for this kind of editing, then scan the images to PDF. You can open the PDF file in Adobe Acrobat and save as a JPG or TIF image. (TIF images are images used for printing, but sometimes have better color quality then the saved JPG from a PDF) Saving it as a JPG or TIF will not allow you to edit the resolution, size or optimization Quality.

 

Editing Image:

 

Once you have saved the image you can open it in a photo editor like Adobe Elements. I suggest this because is very affordable and easy to use.

 

With the image file open, find the Image Size function. With PhotoShop it’s under Images>Image Size. Here you adjust the resolution to 72dpi and the physical size in pixels not inches. Be sure to have the constrain image box checked or the will skew the image. Next, go to Save for the Web, usually under the File tab. Open it and change to optimization to 60-70%. You can see the file sizes as you change this.

Saving the Image:

 

The “Save for the Web” allows you to save the image to a folder. I suggest easy to remember names but names with no spaces. If you have a space, use an underscore “_”. Also, if use different names on all images. If you use the name img1.jpg for an image on one project and you save and upload an image for another project named img1.jpg, the old file will be overwritten.
Back to Top>>