Tell me more ×
TeX - LaTeX Stack Exchange is a question and answer site for users of TeX, LaTeX, ConTeXt, and related typesetting systems. It's 100% free, no registration required.
up vote 1 down vote favorite

I am giving a presentation (in beamer) about creating HTML pages. I want to include some sort of "snapshot" of the created HTML file within the presentation. I am looking for something like pdfpages except for a webpage. Here are some of the things I tried and was not really happy with:

  • Take a screenshot: shows lots of extra stuff (browser menus, etc), and difficult to show the entire file which is longer than one page
  • Convert the webpage to pdf: I do have Acrobat Professional, and can convert a webpage to a pdf file and then use pdfpages, but it adds extra headings (small problem), and cannot convert a file with frames
  • Include just a link to the file, which will open in a browser: workable for the presentation, but makes distribution of the talk more difficult as extra files are needed

Are there better options? Can my solutions be improved?

share|improve this question
How many html pages do you have? – xport Jun 2 '11 at 13:44
The files are not long, 2-3 pages – Aniko Jun 2 '11 at 14:04

3 Answers

up vote 4 down vote accepted

  • Take the screenshots using the trial version of SnagIt. SnagIt allows you to take a sreenshot of a scrollable html page as a single image.

    enter image description here

  • Slice the large image using ImageMagick and save the smaller images in PNG format. Read how to slice an image using ImageMagick.

  • Import the PNG images from Beamer and make sure you compile the input file using pdflatex.

Disclaimer: I am NOT affiliated with SnagIt and ImageMagick in any way.

This is an example of a scrollable HTML page taken by SnagIt.

share|improve this answer
This is a really cool solution, thanks. – Aniko Jun 2 '11 at 16:32
up vote 1 down vote

I think your best option is to use some sort of clever screen shot tool to take screenshots of part of a window. For example, shutter is a linux app that allows you to drag out a rectangle of part of your screen and save that as a png. These can then be included in beamer directly, as long as you're compiling with pdflatex. I'm sure a similar tool for windows/Macs exists...

If you had lots of these html things you wanted including, you could write a script to load each one, do "print to file" to create a pdf and then include it with judicious use of pdfcrop to take out headers you don't want etc...

share|improve this answer
By the way, the default gnome screenshot can do rectangular areas of the window. – Andrew Stacey Jun 2 '11 at 15:48
@Andrew and @Seamus: Can it take a scrollable html page as a single image? – xport Jun 2 '11 at 15:59
@xport: No. But one option is to zoom the browser window to the point at which the whole document fits on one screen. – Andrew Stacey Jun 2 '11 at 16:03
@xport: Or, given that a whole HTML page shown in one picture is going to be beyond the audiences' ability to see any detail, using the rectangular screen capture, simply select the exact area wanted for each image. No need to split up the image afterwards. – Andrew Stacey Jun 2 '11 at 16:05
@Andrew: I see. But it will be difficult to get a consistent splitting frame for a bunch of scrollable html pages. Two or more split images can have overlapped or redundant strips. – xport Jun 2 '11 at 16:13
show 3 more comments
up vote 1 down vote

I usually stick to opensource tools, so I'd like to suggest the use of zscreen, if you are using Windows. Worth a shot.

If you use Linux, I second Seamus on shutter, it's a great tool.

share|improve this answer
Can zscreen take a scrollable html page as a single image? – xport Jun 2 '11 at 15:58
@xport: If I'm not wrong, there is an option, Capture > Webpage. I don't believe it can handle pages that require login, since there's no user input. – Paulo Cereda Jun 2 '11 at 16:10
It cannot take a scrollable html page. – xport Jun 2 '11 at 16:22
@xport: I installed zscreen in my Windows machine, went to this tab and got this result. Only if I'm confused with the meaning of scrollable HTML page. =) – Paulo Cereda Jun 2 '11 at 16:32
"Scrollable HTML page" is my own terminology. It stands for a HTML page that can be scrolled on the browser in maximized mode. Btw, you need to specify the exact width and height to remove the scroll bar when using zscreen. – xport Jun 2 '11 at 16:43

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.