Responsive HTML5 Files Generated by FrameMaker

Q

What are responsive HTML5 files generated by FrameMaker for my FrameMaker book? I have just used the "Responsive HTML5" publish function to generate them.

✍: FYIcenter.com

A

If you generated responsive HTML5 files using the "Responsive HTML5" function, you can follow this tutorial to review them.

1. Open Windows Explorer and go the folder where the HTML5 files are saved: You see the list of files and sub-folders generated by FrameMaker:

\fyicenter\FrameMaker\FM-Book-Example\Responsive HTML5
|- index.html
|- access_cookies.htm
|- ehlpdhtm.js
|- FM-Book-Example.ppf
|- FM_Book_Example.css
|- index.lng
|- index.stp
|- parentdata.js
|- projectdata.js
|- screendata.js
|- FM-Book-Example
|  |- FM-Book-Chapter-Basics
|  |  |- FM-Book-Chapter-Basics.htm
|  |- FM-Book-Chapter-Introduction
|  |  |- FM-Book-Chapter-Introduction.htm
|  |- FM-Book-Chapter-Summary
|     |- FM-Book-Chapter-Summary.htm
|- whxdata
|  |- csh.js
|  |- glo.js
|  |- glo.new.js
|  |- ...
|- template
   |- azure_blueResponsive_HTML5
   |  |- andsearch_mark.png
   |  |- andsearch_nomark.png
   |  |- back_mobile_filter.png
   |  |- ...
   |  |- usersettings.js
   |- images
   |  |- expand.png
   |  |- modal-close.png
   |- resources
   |  |- BSBack.png
   |  |- BSNext.png
   |- scripts
   |  |- common.min.js
   |  |- constants.js
   |  |- layout.min.js
   |  |- ...
   |- styles
      |- layout.min.css
      |- layoutfix.min.css
      |- topic.min.css

As you can see, "Responsive HTML5" publish function generates many more Web supporting files like .css, .js, .png files.

2. Open index.html in a text editor. You see the HTML code:

<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, 
maximum-scale=3, user-scalable=yes" />
<meta name="generator" content="Adobe Framemaker 2017" />
<title>Responsive HTML5</title>

<link rel="StyleSheet" href="template/azure_blueResponsive_HTML5/layout.css" 
type="text/css" />

<script type="text/javascript" src="template/scripts/rh.min.js"></script>
<script type="text/javascript" src="template/scripts/common.min.js"></script>
<script type="text/javascript" src="template/scripts/layout.min.js"></script>
...

 

FrameMaker Publish Functions

⇒⇒FrameMaker Tutorials

2017-12-31, 245👍, 0💬