Image file creation using webpage editor

Webpages made using sophisticated webpage editors may need extra uploading steps to servers of hosting firms and more maintenance, extra work discouraging for busy writers.

Besides webpages however, image files usable for promotion, buttons, dividers, other purposes may be simply created also using facilities of webpage editors, with better images possible for more sophisticated editors.

Two sites at the end with text links "Styluses for tablet computers [...]" and "Tablet computers [...]" (more text at [...]) may be promoted using the image displayed above. The sites may be opened by image clickable at a webpage or through text links/caption associated with the image.

The whole main image (sized at Width/Height = 600/250), is principally composed of two promotional embedded images reduced in size and displayed near each other.The right image mainly promote tablets while the left promote styluses for it. Appropriate background was provided for aesthetic and contrast effects.

The reduced sizes of both embedded images were computed manually for application at a facility of the editor. The left image was displayed at 60% of its original size, from width/height = 483/291 pixels down to 290/175 pixels while the right image was displayed at 65% of its original size, from width/height = 421/343 down to 274/223 pixels.

The webpage editor "Ms Publisher 2007" (of the Ms Office 2007 suite of office softwares) was used to develop the image through a transitory file that has a file extension of ".pub".

After development a temporary webpage file with default name "Index.htm" was outputted but used only for creation of the promotional image and need not be uploaded online to a host server. The webpage file "Index.htm" may then be discarded though the transitory file is best saved for future reference or further development.


The background display for the image was set using the following sequence of steps at Ms Publisher 2007:
. . . . . . 1. at the Main menu select "Format"
. . . . . . 2. at the Format menu select "Background"
. . . . . . 3. at the Background sidebar select "More backgrounds..."
. . . . . . . . .(a "Fill effects" window opens with 5 tabs . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . . . Gradient, Texture, Pattern, Picture, Tint)

. . . . . . 4. at the Fill effects window select "Pattern"
. . . . . . 5. at the Pattern tab display select the following:
.................(a) Pattern - Diagonal brick
.................(b) Foreground color- Crimson (RGB 252-4-83)
................ (C) Background color- Yellow (RGB 255-204-0)

The temporary webpage file with default file name "Index.htm" was created using the following sequence of steps (done after complete development at the transitory file with extension ".pub"):
. . . . . . 1. at the Main menu select "File"
. . . . . . 2. at the File menu select "Publish to the Web..."
. . . . . . .. . (just click "Ok" at the prompt window labelled "Publish to the Web")


The promotional image may be created out of the webpage file through
the following procedure steps:
. . . . . 1. open the temporary webpage file (Index.htm)
. . . . . 2. copy the whole desktop screen image by pressing the "Print Screen" key
. . . . . 3. (a) Paste the copied image to an image editing software
. . . . . . . . . (ie.: "Paint" software at the "Accessories" menu of Windows)
. . . . . .. (b) If necessary, edit/reposition sections that are out of place
. . . . . . . . . (certain backgrounds, like "Diagonal Bricks"
. . . . . . . . .. for some reason may result to webpages where
. . . . . . . . .. imbedded images had moved out of place)
. . . . . .. (c) Crop the pasted image to appropriate dimensions, and output
. . . . . . . . .. as file with extension ".jpg" (or other extensions appropriate
. . . . . . . . .. for image files)

Ms Publisher was also used to create each of the previously described "Tablets" and "Styluses" promotional images embedded in the same webpage, though a different development method (through textbox facility) was used for them.

Both the "Tablets" and "Styluses" images have embedded "Word Art" setup through a facility of Ms Publisher as well as embedded links to some image files.

Like the webpage that displays it, a temporary "Index.htm" file is needed and outputted for both to create the promotional images. If only Word Ard images are embedded at the transitory file, its screen image can be directly developed to promotional image file through the "Print Screen" key at the keyboard and the "Paint" software.

The same background effects for image created are also possible with the "Textbox" facility as that of the method used to create the main image. But in addition, a variety of border art works may also be included for the images using "Textbox" facility.

While under development on the transitory file display area, a textbox and images are separate objects that may be moved around but only separately. There are also occassions where Word Art image disappears when the the textbox is moved over it or vice versa when it is moved over the textbox. Textboxes may best be created before images are setup.

A textbox bordered image may be developed at the transitory file using the followong sequence of steps:
. . . . . 1. at the Main Menu select "Insert"
. . . . . 2. at the Insert Menu select "Textbox"
. . . . . 3. move/resize the textbox as needed using mouse
. . . . . 4. Embed the needed images in the transitory file page and
. . . . . .. move to appropriate locations within the textbox area.

(the sites promoted were developed using KompoZer, a simpler editor that can be downloaded through this link )

More by this Author


No comments yet.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working