ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Image file creation using webpage editor

Updated on March 7, 2016

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 )


    0 of 8192 characters used
    Post Comment

    No comments yet.


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)