Site Logo
Meet girlfriend or boyfriend > 18 years > How to get printer friendly version of website

How to get printer friendly version of website

Site Logo

We now have access to digital media practically everywhere — on our computers, tablets, phones and so on. We can download and save these pages on any of our various devices as soft copies. Yet we do need to take the occasional printout; because sometimes you just need the hard copy in your hands. Now unlike digital printing from your computer, a web page presents some challenges.

SEE VIDEO BY TOPIC: How to make a webpage printer friendly using CSS "@media print" tag?

SEE VIDEO BY TOPIC: Create a Print-friendly Stylesheet for Printable Web Pages

How to Convert a Web Page to Printer-Friendly

Site Logo

You never know how people will choose to consume your website's content. They may choose to visit your site on a traditional desktop or laptop computer, or they may be one of the many visitors who is visiting on a mobile device of some kind. To accommodate this wide range of visitors, today's web professionals create sites that look great and work well across this wide range of devices and screen sizes, but one possible consumption method that many fail to consider is print.

What happens when someone prints out your web pages? Many Web designers feel that if a web page is created for the web, that's where it should be read, but that is somewhat narrow-minded thinking. Some Web pages can be difficult to read online, perhaps because a reader has special needs that make it challenging for them to view content on the screen and they are more comfortable doing so from the written page.

Some content may also be desirable to have in print. For some people reading a "how to" article, it may be easier to have the article printed out to follow along with, perhaps writing notes or checking off the steps as they are completed. The bottom line is that you should not ignore site visitors who may choose to print your web pages out, and you should take steps to ensure your site's content is consumable when it is printed to a page.

There are some disagreements in the web industry about how to write a printer-friendly page. Some people feel that only the article content and title with perhaps a by-line should be included on the page. Other developers just remove the side and top navigation or replace them with text links at the bottom of the article.

Some sites remove advertising, other sites remove some advertising, and still, others leave all of the advertising intact.

You will need to decide what makes the most sense in your specific use case, but here are some tips to consider. With these simple guidelines, you can create printer-friendly pages for your site that will have your customers happy to use and return to.

You can use CSS media types to create print-friendly pages, adding a separate stylesheet for the print media type. Yes, it's possible to write scripts to convert your Web pages to print friendly, but there is really no need to go that route when you can just write a second stylesheet for when your pages are printed.

Tweet Share Email. Change colors to black on white. If your web page has a background color, or you use colored fonts, your printer-friendly page should be black text on a white background. Change the font to a readable face. If your web page uses a stylistic font, you may want to change it to an easily readable serif or sans-serif for the printed page to make reading easier. Watch the font size.

If you're writing a web page with a small font size , you should definitely increase the font size for printing. We recommend 16pt text or larger, depending upon your audience. Underline all links. The links will not be clickable on your printer-friendly page, so making it obvious that they are links will clarify the page information and let readers know what functionality they are missing from the digital page. You can also change the color of links to blue, which works for color printers.

Remove non-essential images. What makes an essential image depends on the developer and the marketing department. Limit images to those that are required for the article and a brand logo at the top left of the page. Remove navigation.

A lot of what makes a page difficult to print is caused by advertising and side-navigation. Removing it allows the text more room to flow across the screen - making it easier to read when printed out. Also, since the page is meant to be printed, navigation is just a waste of ink. Remove some or most of the advertising. This is a sticky subject, as some printer-friendly mavens would have all images removed from the printer-friendly pages, including and especially advertisements.

The reality, however, is that many sites are supported by advertising and removing all ads affects the ability of those sites to stay in business. If you had to choose between ads on a printout or the site being gone, you'd probably choose ads. After all, if you like it enough to print out, you would like the site to continue. These don't print out well or at all, and in some cases can cause problems printing web pages. Include a by-line. Even if you don't typically have a byline on your articles, you should include one on the printer-friendly version.

This way, if a customer files the article she can quickly find who wrote it later without having to return to your website. Include the original URL. It is very important to include the URL to the original article at the bottom of the printout. This way, your customers can get back to the exact page online if they need to follow a link or get more information from your site. Also, if they photocopy the printout, your site will get more exposure. Include a copyright notification. What you write on the web is your writing.

Just because a customer can print it out or copy and paste the text does not mean that it is public domain. It won't stop the determined thief, but it will remind casual users of your rights. More from Lifewire. Lifewire uses cookies to provide you with a great user experience. By using Lifewire, you accept our.

How do I print an article from the website?

You never know how people will choose to consume your website's content. They may choose to visit your site on a traditional desktop or laptop computer, or they may be one of the many visitors who is visiting on a mobile device of some kind. To accommodate this wide range of visitors, today's web professionals create sites that look great and work well across this wide range of devices and screen sizes, but one possible consumption method that many fail to consider is print.

Are you browsing the web and you found an interesting article or tutorial? Do you want to print it, but you are annoyed by the fact that it gets printed with all the annoying ads and sidebars from the website that you are visiting?

Podcast: Play in new window Download. Ever try to print a web page? The reason for this is that website content is designed to be displayed on your computer screen, not sent to the printer to be put on paper. So even though it looks perfect on your monitor, the printed page is often completely messed up. You can see it at PrintFriendly.


Printer-friendly is a term used on the Internet to describe a version of a web page formatted for printing. Normally, web pages include information and navigation content that is only useful while browsing the website. Printer-friendly pages are designed to fit on an 8. Inline hyperlinks become ordinary text, links on the margins may or may not be shown. Additionally link target URLs may be shown. Navigation tools such as on-screen menus are not included. Printer-friendly pages are used not only for printing onto paper, but also for storage on machine-readable media such as hard drives , floppy discs or CD-ROMs. They are usually accessed through a link on the standard page. Often the link will be indicated by a printer icon. From Wikipedia, the free encyclopedia.

Print Friendly & PDF

By using our site, you acknowledge that you have read and understand our Cookie Policy , Privacy Policy , and our Terms of Service. Stack Overflow for Teams is a private, secure spot for you and your coworkers to find and share information. How do I change or remove layouts from my application on a specific Rails view to allow my users to have a more enjoyable printing experience? No navbar, or other extra data. I have been banging my head against the table for a few hours now trying to figure this out.

Printing a web page can be frustrating. Too often, printed web pages cut off sections of text and plaster ads over the rest.

In this article, we review the art of creating printer-friendly web pages with CSS. Relatively few pages will ever be reproduced on paper. But consider:.

How to Make a Webpage Printable

If your website offers a lot of text information — such as user guides or tip sheets — then you'll want to give your visitors a tool for printing out that information. Instead of creating a separate document or PDF file, you can simply modify your website's stylesheet to be printer-friendly. It's fairly simple to modify your website with minimal effort and without changing your existing layout. While the print medium is more constrained than the screen, stylistically you can still experiment with what works.

SEE VIDEO BY TOPIC: How to Create Printer Friendly Website with the Help of CSS?

Potential customers, business parters or investors may sometimes need a hard copy of one or more of your website's pages. If your website wasn't specifically designed to be printer friendly, however, some of the content on your Web pages may be lost or unreadable when printed out. For example, your Web page's layout may be too wide for the visitor's printer, or your high-resolution images may take a long time to print. Click the "Open" button. Type a unique class name in every HTML tag that you don't want to appear on the printed page or in a browser print preview. If the tag already has a class name, you can add another name by typing a space after the existing class name, then typing the new class name.

How to Make Any Web Page Printer-Friendly

Here are some guidelines to get the best outcome. Please note, that your browser and printer may impact your printing experience outside of The Atlantic's control. We recommend that you check the print preview for the article that you wish to print. Some browsers may adjust the page by default. If this appears not to be the case, try these two further tips.

Learn data extraction tools and techniques to get information from websites & other sources into useable Jul 30, - Uploaded by Robobunnyattack!

Perhaps you need to print off instructions for fixing a computer problem, not everyone has a smartphone or tablet to access the internet while the computer is offline. However, a problem with a straight print off from most websites is they contain text, advertisements, images and design layouts. Here are 3 useful services to optimize webpages making them better for printing and also optionally save the page as a PDF. Go to the PrintFriendly website, enter the URL of the webpage that you want to make more printer friendly and click the Print Preview button.

What is a Printer-Friendly Web Page?

If your web site delivers value to your audience, chances are they are going to want to print pages out. Making sure desktop printers handle your web site well is another aspect of building a great user-experience. If the web page is just a little too wide to fit on one printed page, you get a wasted sheet with a little stripe of color on it. And, when you print the page, you get all the banner ads, logos, and navigation on your print-out.






Comments: 4
  1. Maramar

    In it something is. Thanks for the help in this question, I too consider, that the easier the better …

  2. Vudonos

    )))))))))) I to you cannot believe :)

  3. Faurn

    I have removed this message

  4. Zulkijora

    Between us speaking, I would arrive differently.

Thanks! Your comment will appear after verification.
Add a comment

© 2020 Online - Advisor on specific issues.