ser Requirements
- The book will have the front cover page, an acknowledgement page, a forward page, a table of contents page and an index page.
- There are three chapters and each chapter has an introductory section with three ordinary sections.
- The content of each page is text and may have some images.
I have made these user requirements simple for pedagogic reasons; as a result, the code should not be too long. At the end of the chapter I will give you a link from where you can download the complete code for this project, free. You can modify the code for your own commercial projects.
Technical Requirements
The rest of this part of the series deals with the technical requirements.
A Frameset Page
There will be a frameset HTML page. The frameset page has the banner frame at the top, the sidebar frame on the left and the content frame for the content of each HTML page. All information is in HTML pages. When you require a new page by clicking a hyperlink, the HTML page of the content frame is changed to the new page.
The Banner Frame
The banner frame has an HTML page that does not change throughout the user's session. This HTML page has the title of the book; you may also add the name of the author there, but I have not added that in the project. The banner also has a Search Box and a Search Button. The user types his keywords in the search box separated by spaces and/or commas. The phrase the user types may end with a question sign. When the user clicks the search button, JavaScript will search for the HTML pages, by checking the content of each page. Each HTML page has a title tag and a META description tag.
After the search, JavaScript will created an HTML page for the results and display the page in the content frame. Before this JavaScript will scan each HTML page, character by character, looking for the keywords. When it sees any keyword in any page, it takes note of the hyperlink of the HTML page, the title of the page (from the title tag) and the description of the page (from the Meta description tag). JavaScript takes note of these for each page that has one or more of the keywords. The results page displayed consists of titles and corresponding descriptions for each HTML page seen, having one or more of the keywords typed in by the user. In the result page, the title is also a link to its HTML page. If such a link is clicked, the HTML page for the title will appear in the content frame.
The banner frame will not have scroll bars. It does not need to have them.
The Sidebar
When the frameset is loaded the HTML page of the sidebar displays the links for the cover page, acknowledgement page, forward page, table of contents page and index page, in the one column, including the links for the three chapters.
The link for each chapter can be expanded to show the links for the three sections of each chapter. The link for each section cannot be expanded since there are no sub sections for any chapter. If all the expansions in the sidebar are made, then the sidebar will indirectly be displaying the table of contents.
The sidebar frame will have scroll bars, because, as a tree is expanded, the resulting width and height of the tree increases. Scroll bars are needed for the user to scroll and see the right edge and bottom edge of expanded trees.
The Content Frame
When a link in the sidebar is clicked, the corresponding HTML page appears in the content frame. When a link in the content frame is clicked, the corresponding page still appears in the content frame, replacing the previous page.
HTML Pages and Directories
The cover page, the forward page, the acknowledgement page, the table of contents page, the index page and the frameset page are in the head directory. The HTML section pages for each chapter are in a sub directory of the head directory. There are three chapters and so three sub directories. Each chapter has three sections, so each sub directory has three HTML pages. Each chapter also has an introductory or overview section. This section for each chapter is in a separate HTML page, which is in the head directory, not in a sub directory.
JavaScript
JavaScript is used to make things move within the ebook.
Well, let us end here for this part of the series. There is still more on technical requirements. However, what are remaining are details. We shall see the details as we do the coding. We continue in the next part of the series.
Chrys
To arrive at any of the parts of this series, just type the corresponding title below in the Search Box of this page and click Search (use menu if available):
HTML Ebook Overview
An HTML Ebook Project
The HTML Ebook Frameset
The HTML Ebook Pages
The Banner HTML Document
The Sidebar HTML Document
The Search Results HTML Document
Read more: http://www.bukisa.com/articles/160356_an-html-ebook-project#ixzz1hwdF9OIz
