Web Studio Site

Main Menu

Web Studio Forums

Using Protected Graphics                                                                                                 

Benefits of using Protected Graphics:
-  If most of your site will be based around a group of the same images (header, background image, side borders, etc.), you can essentially create a
   'template' which can be used from page to page.
-  Protected Graphics - regardless of how many pages they are used on - only have to download to the visitor's computer once per visit. (I mention that
   because if you clear your cache, those images will be cleared and will be downloaded again as the site is visited). This means that the speed in which
   the pages load will increase. In most cases, the background of the page will appear to stay the same while the content changes. The use of some page
   items (javascripts, menus, etc.), may cause a slight 'blanking' as the page refreshes, but it is still much faster than all of the graphics reloading for every
   page.
-  Protected Graphics are not affected by any type of compression or name changes as can be / is the case when adding items the "regular" way. If you
   were to look at the source code for the same item loaded to different pages not using Protected Graphics, you'd probably see names for the image like
   IMG001.jpg on one page, IMG004.jpg on another, and so forth.
-  What you load is what you'll see, and the files will remain named as they were when you added them.

How Protected Graphics work:
-  When you add an image to a page using the insert Protected Graphic method, that file is stored in a folder called _RefFiles. The code generated to display
   the image tells it to look for it in that folder.
-  When you insert the same image again (or copy and paste from a previous page), the code generated says "the image is called 'MyImage.jpg' and is
   located in the _RefFiles folder. Because that image has already been downloaded onto the visitor's computer, the web browser instantly displays it again
   from the computer's cache.

How to use Protected Graphics:
-  The first step you should take would be to create a folder on your computer where all of your graphics will be stored for the site. This just makes finding
   those images a lot easier than searching all over your drive. Create a folder within your site's overall folder, and call it something like Graphics. Even if 
   you already have a folder with a bunch of graphics in it somewhere else, do yourself a favor and copy those that will be used on the site into that folder.
-  Now, starting with a blank page (usually the main or 'Home' page), insert each graphic that will be used throughout the site. Although you can add several
   images at once, it may be easier to do one at a time.
-  Select Insert then Protected Graphic From File (as shown below).

-  A window will open - navigate to the folder called 'Graphics' you created earlier.
-  Select the graphic to be added and click on Open. The graphic will display on the page.
-  As each graphic is added, place it where it should be, then move onto the next.
-  When all of the graphics have been added for the page, make sure to save your project.

Adding text outlines:
-  If all or most of the pages are going to have some type of text in the same area, you may want to think about adding it now. This could include a page
   name or other information. Although you could copy and paste at a later time, having the text in the correct position will save time as pages are added.
-  If the text isn't needed on a new page, you can simply delete it.

Adding more pages:
-  Using the page you just finished, highlight it in the Page List, then use the Duplicate Page button. This will create a new page with all of the graphics
   already added to it.

That's It!
-  Now, whenever you need to add a new page, just select one from the Page List and duplicate it.

Using Web Studio

Site Map