How to Fit a Normal MS Office File to the sh.ea28.com Template

9/20/2016

  1. Save the Office files “as Web Page”.  Note: after saving, a file with the name of “filename.htm” and a folder with the name of “filename_files” were created.  The folder contains all graphs in the file.
  2. Use <iframe> to load the html file into the appropriate place in the page.  For example,

<iframe src="htm/Development_of_REPM.htm" name="paper" width="668" height="869" align="right" ></iframe>

  1. Detailed example is given as follow.

<!DOCTYPE html>

<head>

  <title>稀土永磁问世50周年纪念</title>

  <meta http-equiv="Content-Type" content="text/html; charset=GB18030"/>

  <link rel="stylesheet" type="text/css" href="../css/style2.css"> 

</head>

 

<body>

<div id = "container">            <!-- d1 -->

  <div id="menu">                  <!-- d2 -->

     <iframe src="../menu.htm" name="menu" width="168" height="680" align="center"
       scrolling="no"></iframe>   <!-- original width="168" -->

  </div>                                   <!-- -d2 -->

 

  <div id="content">               <!-- d3 -->

    <h1>稀土永磁问世50周年纪念</h1>

    <iframe src="htm/Development_of_REPM.htm" name="paper" width="668"
      height="869" align="right" ></iframe>

  </div>                                   <!-- ××-d3 -->

 

  <div>                                                <!-- d4 -->

     <iframe src="../footer.htm" name="footer" width="888" align="center" ></iframe>

  </div>                                   <!-- ××-d4 -->

 

</div>                                     <!-- ××-d1 -->

</body>

</html>

 

This method applies to the case in which the file is quite long and, therefore, not easy to add it directly to the webpage.  (Note: a short file can be added using <pre>……</pre> as preformatted plain text.)