e-Book Design Tips
handling frames without tears

 

Handling Frames Without Tears
First published in E-Book Compiler Newsletter

Frames are an HTML element for chopping up web (or e-book) pages into multiple, separately scrolling, regions. You might use frames to provide a common header or footer on many different web (or e-book) pages, provide a common menu across multiple pages, etc.

If you are not sure what I mean by frames, you can see an "exaggerated example" at this URL:
http://webhelp.org/frames/severalframes.html

If you need a quick refresher on the HTML coding for frames, look at:
http://webhelp.org/frames/
(this is kind of a quirky tutorial, but the examples are good)

If I had to name the "Top 10 Technical Questions About Creating E-Books", then frames would grab at least 2 of the top 10 places!

The power (and the pitfalls) of frames stems from how they are implemented in the HTML language. The way that frames work is you create one page which says how many frames and where they are placed (known as the "frameset"), and in this frameset page, you specify links to other pages (which are themselves just normal HTML pages) which are used as the content for each frame.

The power of frames is that:
  • You can design your pages to update individual frames separately, which can be very handy if you have something like a standard menu which you want to always be displayed next to your content.

  • You can make the content of frames come from different sources. For example, in an e-book, one of your frames could contain an e-book page, and another could contain a page from your web site, the latter appearing to the user as an integral part of your e-book.
Make no mistake about it, these are very powerful features. For example, the well-known e-book template package, Ebook Starter, uses both of these techniques to tremendous effect to (a) create e-books that look like real books, and (b) allow you to incorporate rotating banners in your e-book.

However, there are also some pitfalls with frames...

Pitfalls with using frames on a web site:
  1. If you use frames on your web site it can cause problems with getting indexed with search engines. More specifically, some search engines are not good at indexing web sites that use frames, which can put a serious dent in your promotion efforts.

  2. Search engines tend not to be very good at differentiating between framesets and frame contents. This means if a user clicks a link to your site in a search engine, they might end-up on a page which just contains your web site's menu or page footer, rather than the whole frameset page.

  3. If you go to a framed web site and click around to cause the individual frames to update, you will notice that the URL of the overall site doesn't change (a few sites do have special JavaScript code to try and work around this problem, but most don't). What this means is if you bookmark and later return, you'll be going back to whatever was first loaded into the frames, rather than what you updated them to contain.
Pitfalls with using frames in an e-book:
  1. In e-books made with Activ E-Book Compiler, if the content of any frame can be a web site page, be sure to uncheck the option called "Automatically Open Internet Links in a new (browser) window" in Edit "User Interface".

    This is just a quirk of the software :-)

  2. There is NO direct analogue to problem 3, for e-books. Activ E-Book Compiler's Search function will search both framesets and frame contents just fine. However, do remember it can only search using the information that you provide - so make sure your framesets have meaningful text in the content of the page (using the NOFRAMES tag is a good place as this text will never display in the e-book but it does help with making the e-book easier to search), or the Title/Description/Keywords in the Files tab.

  3. There IS a direct analogue of problems 4 and 5 for e-books, however you can work round these problems relatively easily if you are prepared to do some extra work.

    If you don't do anything, you will find the Search, Table Of Contents, and Next/Previous options (in 4.2x) will step through both framesets and frame contents, which is unlikely to be the effect that you are aiming for!

    What you need to do is use the Files tab (and most likely make some extra frameset pages) to give the compiler enough information to make sense of how you want the frames to be handled by Search, Table Of Contents and Next/Previous.

    I've posted some fairly detailed instructions on how to do this at:

    http://www.ebookfriends.com/cgi-bin/ikonboard/topic.cgi?forum=1&topic=110

SHOULD I USE FRAMES AT ALL?

Once you've read all this, you might be asking yourself, should I use frames at all?

It's a fair question, it probably deserves a straight answer, but I think the best answer I can give is maybe not

For web sites: you want as many people as possible to see it, and you want these people to see it as YOU intended. So, the conclusion that I would draw from this, is that unless you have a very good reason why you absolutely must use frames, don't use them. Myself, I do occasionally use frames, but I try not to whenever possible.

For e-books: you can produce an e-book with "perfect" searching and navigation by using the solution I linked to under (viii), so it's a different kind of question. IF YOU DO EVERYTHING RIGHT, then frames will not stop your users seeing and navigating your e-book exactly as you intend. The question is simply, do you want to go to the extra trouble of "doing everything right"? Only you can answer that question!


ALTERNATIVES TO FRAMES?

The most obvious alternative to frames is to use tables to divide your pages up into sections. Because you can place tables inside tables, you can easily use this technique to divide your pages into menus, content area, headers, footers, etc. The areas won't scroll independently, but aside from that, you can achieve pretty much the same types of effects as using frames, but with less work and worries.

One reason that some people don't like to use tables, is they think that means they have to manually copy and paste the same menu, or header, or footer, HTML code to each page.

Actually, you don't!

Many of you will remember my previous article "Spaghetti HTML" in which I introduced a number of techniques to avoid manually copying and pasting code.

(Some readers subsequently emailed me to tell me that their particular HTML editor provides a global search and replace function, which makes things even easier for them!)

Another alternative to using frames is to use "iframes". Like frames, iframes create a separately scrolling area containing a "sub page", however there is an important difference: An iframe can be placed in a normal HTML page (you don't need to create a special frameset page).

If you want an example of an iframe, go here:
http://www.123ward.com/HTMLGuide/iframes.htm

Iframes work with Internet Explorer 3 or later, and Netscape 6 or later, they also work in ALL environments where Activ E-Book Compiler works. Personally I would be extremely cautious about using iframes on a web site, but in an e-book they work just fine!

If you want to use an iframe in an e-book, simply do the following:
  • If the content of an iframe can be a web site page, be sure to uncheck the option called "Automatically Open Internet Links in a new (browser) window" in Edit "User Interface".

  • Use the Files tab to remove the Contents and Searchable attributes for the page which serves as the content of any iframe. This way, you can avoid these pages getting accidentally linked from the Search results or Table Of Contents.






 

Home: eBook Code
Design Tips
Scripts
Templates/Translations



Other Sites about eBooks

EBookApprentice.com
Learn about eBook publishing

EBookCompiler.com
Software to create your own eBooks

CoverFactory.com
Create eBook Covers with ease

EBookPower.com
Add multimedia to your eBooks

EBookFriends.com
Discuss eBooks

EBookInterviews.com
Read about other eBook authors' experiences

EBookSubmit.com
Learn about eBook marketing

EBookJungle.com
Searchable directory of eBooks



Related Links

Affiliate Programs
Affiliate Marketing Downloads
Affiliate Marketing eBooks
Affiliate Program Reviews

eBook Authoring
eBook Authoring Downloads
eBooks for eBook Authors
eBook Compiler Software
eBook Cover Creation
eBook Cover Software

Marketing
Ezine Guide
Increase Website Traffic
Internet Marketing Guide
Internet Marketing Help
Press Release Guide

Search Engines
SEO Guide
SEO Tools

Your Site
Adobe Dreamweaver
Adobe Dreamweaver Tutorials
Accept Credit Cards
Domain Names
Web Design eBooks
Web Design Tools
Web Hosting
Web Hosting Directory
Webmaster Tools Directory

 

   
Disclosure: Advertising Link(s): Our company may receive a payment if you purchase a product/service after following this link.

Disclosure: Our company's websites' content (including this website's content) includes advertisements for our own company's websites, products, and services, and for other organization's websites, products, and services. In the case of links to other organization's websites, our company may receive a payment, (1) if you purchase products or services, or (2) if you sign-up for third party offers, after following links from this website. Unless specifically otherwise stated, information about other organization's products and services, is based on information provided by that organization, the product/service vendor, and/or publicly available information - and should not be taken to mean that we have used the product/service in question. Additionally, our company's websites contain some adverts which we are paid to display, but whose content is not selected by us, such as Google AdSense ads. For more detailed information, please see Advertising/Endorsements Disclosures

Our sites use cookies, some of which may already be set on your computer. Use of our site constitutes consent for this. For details, please see Privacy.

In Association With Amazon.com
Answers 2000 Limited is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.
In Association With Amazon.co.uk
Answers 2000 Limited is a participant in the Amazon EU Associates Programme, an affiliate advertising programme designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.co.uk.

Contact Us     About/Terms Of Use     Privacy     Site Map     Advertising/Endorsements Disclosures

Copyright © 2002-2015, Answers 2000 Limited