ALZip

Capturing Web Pages

Top  Previous  Next     ESTsoft Corp.

You can capture different elements in a web page, including long, scrolling pages.

There are 4 different types of screen capture that you can take with the ALToolbar Capture:

Capture-Menu-and-Button

1. Block Element
2. Complete Page
3. Select Area
4. Select Area (Ignore Frames)

Captures are done in 2 stages:

1. The real web page screen capture
2. Deciding what you want to do with the screen capture

 

Capturing Web Pages

The first thing to do is to get the capture. See below for the 4 different ways that you can capture web pages. If you plan on taking a screen capture of a web site that uses frames, then please see the special notes on frames below.

Block Element Captures

A "block element" is a discrete content item inside of a web page. It can be a table, a picture, a paragraph, some bold text, or almost anything. It can even be the entire page.

The ALToolbar Capture will automatically recognize block elements for you and highlight them as you hover your mouse over them.

To take a Block Element capture:

1. Click the Capture button on ALToolbar
ALToolbar-Screen-Capture-Button
2. Choose "Block Element" from the drop down menu
Capture-Block-Element-Menu-Item
3. Move your mouse around what you want to capture to highlight the various available block elements that contain it
Capture-Block-Element-Screenshot
4. Click your mouse button to capture the highlighted block element

Complete Page Captures

You can capture long, scrolling pages by choosing to capture the "complete page." Normal screen captures can only get the "view port" of the web page that you are viewing. The "view port" is the portion of the web page that is visible to you. The complete page includes the view port as well as everything above, below, to the right, and to the left. i.e. Everything.

To take a Complete Page capture:

1. Click the Capture button on ALToolbar
ALToolbar-Screen-Capture-Button
2. Choose "Complete Page" from the drop down menu
Capture-Complete-Page-Menu-Item

Select Area

If you wish to only take a screen capture of a small portion of a web page, then "Select Area" is the correct choice. There are two selection modes for selecting an area.

1. Click and drag to select capture area (1 click)
2. Click to set diagonal start and end corners (2 clicks)

You can set those selection preferences in the ALToolbar Preferences on the Capture tab.

Capture-Select-Area-Mouse-Mode-Preferences

To capture a specific area:

1. Click the Capture button on ALToolbar
ALToolbar-Screen-Capture-Button
2. Choose "Select Area" from the drop down menu
Capture-Select-Area-Menu-Item
3. Make your selection inside of the web page
Capture-Select-Area-Screen-Shot
4. The screenshot is taken and you are presented with post-capture options

Select Area (Ignore Frames)

If you are trying to take a capture of a site that is using frames, you can choose to ignore the frames and treat them as 1 web page. i.e. Your selection is not limited to a single frame.

To capture a specific area:

1. Click the Capture button on ALToolbar
ALToolbar-Screen-Capture-Button
2. Choose "Select Area (Ignore Frames)" from the drop down menu
Capture-Select-Area-Ignore-Frames-Menu-Item
3. Make your selection inside of the web page

Special Note on Frames

Web sites that use frames actually load several web pages into your browser at the same time. The ALToolbar capture will only capture 1 web page at a time, so the behavior for "Select Area" and "Complete Page" change when you are at a site that is using frames.

For capturing framed web pages with "Complete Page", only the view port is captured. None of the area outside the view port is captured.

For "Select Area", you can only select an area inside of 1 frame. If you want to select an area that includes more than 1 frame, then choose "Select Area (Ignore Frames)".

Please note that iFrames are not frames, and are treated as a normal part of the page. However, only their view port is captured. It is not possible to capture their scrolling area in a 2 dimensional screen shot. If you wish for a specific portion of an iFrame to be visible, then you must manually scroll that iFrame until the portion you want is visible.

(iFrames are essentially frames that are embedded in web pages, whereas with traditional frames, web pages are embedded in frames.)

Block Element captures are not affected by frames, however, you can capture the complete content of an iFrame with a Block Element capture.

Working with Your Screen Capture

Once you have your web page screen capture, you need to decide what to do with it. Your available options are:

Capture-Post-Capture-Options

1. Save the image
2. Copy the captured image to your clipboard
3. Edit the captured image in an image editor
4. Print the captured image
5. Close the preview and discard the capture

You can also preview the capture in full size by clicking the "View original size" link.

Choosing an Editor

If you choose to edit the screen capture, you have 3 options:

Capture-Open-In-Photo-Editor-Options

1. Edit the screen capture in Microsoft Paint
2. Edit the screen capture in ALSee
3. Edit the screen capture in another program that you choose

Simply click one of the buttons to open the screen capture in that editor. The screen capture opens for editing in your chosen editor.

The first time you choose an image editor you will need to browse for the program. They are most often found under "C:\Program Files". Browse to the EXE file for your image editor as shown below:

Capture-Choose-Image-Editor

 


Copyright 2007-2008 by ESTsoft Corp. All rights reserved.
Contact
ALTools