home *** CD-ROM | disk | FTP | other *** search
/ CD Actual 9 / CDACTUAL9.iso / comms / Internet / biosc / WEBSTYLE.HT_ / WEBSTYLE.HT
Encoding:
Text File  |  1996-12-06  |  22.1 KB  |  357 lines

  1. <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
  2.  
  3. <html>
  4.  
  5. <head>
  6. <title>Web Style 1.0 Help</title>
  7. <meta name="GENERATOR" content="Microsoft FrontPage 1.1">
  8. </head>
  9.  
  10. <body bgcolor="#FFFFFF">
  11. <table width=100%>
  12. <tr><td align=right valign=top rowspan=2 width=15%><img src="WS.gif" align=middle width=104 height=93></td><td valign=bottom width=80%><h1><font color="#FF0000"><font size=7>Web Style 1.0</font></font> </h1>
  13. </td></tr>
  14. <tr><td width=80%><strong>Copyright © 1996 by Daniel Eng</strong></td></tr>
  15. </table>
  16. <h1><font color="#FF0000">Contents</font></h1>
  17. <table width=100%>
  18. <tr><td width=30%><ul>
  19. <li><h2><a href="#Introduction"><font color="#FF0000">Introduction</font></a> </h2>
  20. </li>
  21. </ul>
  22. </td><td width=50%><ul>
  23. <li><h2><a href="wsrefer.htm"><font color="#FF0000">Web Style Reference</font></a> </h2>
  24. </li>
  25. </ul>
  26. </td></tr>
  27. <tr><td width=30%><ul>
  28. <li><h2><a href="#Features"><font color="#FF0000">Features</font></a> </h2>
  29. </li>
  30. </ul>
  31. </td><td width=50%><ul>
  32. <li><h2><a href="#Registration Information"><font color="#FF0000">Registration Information</font></a> </h2>
  33. </li>
  34. </ul>
  35. </td></tr>
  36. <tr><td width=30%><ul>
  37. <li><h2><a href="#Requirements"><font color="#FF0000">Requirements</font></a> </h2>
  38. </li>
  39. </ul>
  40. </td><td width=50%><ul>
  41. <li><h2><a href="#Frequently Asked Questions"><font color="#FF0000">Frequently Asked Questions</font></a> </h2>
  42. </li>
  43. </ul>
  44. </td></tr>
  45. <tr><td width=30%><ul>
  46. <li><h2><a href="#Quick Start"><font color="#FF0000">Quick Start</font></a> </h2>
  47. </li>
  48. </ul>
  49. </td><td width=50%>  </td></tr>
  50. </table>
  51. <p>  </p>
  52. <h1><a name="Contact"><font color="#FF0000">Contact</font></a></h1>
  53. <p><strong>If you have have questions, suggestions, or comments, please send them to:</strong></p>
  54. <blockquote>
  55. <p><font color="#0000FF"><strong>daneng@netrunner.net</strong> </font></p>
  56. </blockquote>
  57. <p><strong>For latest release information and product updates, visit the product site at: </strong></p>
  58. <blockquote>
  59. <p><font color="#FF0000"><strong>http://www.netrunner.net/~daneng/webstyle.htm</strong></font></p>
  60. </blockquote>
  61. <hr>
  62. <h1><a name="Introduction"><font color="#0000FF">Introduction</font></a></h1>
  63. <p><strong>Web Style</strong> is the easiest web styling program available! Now you can create and apply 
  64. different user-defined styles for your web site in a matter of minutes. If you decide to change 
  65. the style for your site, simply change the style settings and re-apply it across the web site. 
  66. This will ensure that all your pages will have the same look and feel. You can also do global 
  67. searches and replaces and well as convert existing text files into HTML pages. Web Style is 
  68. ideal for web administrators and web authors who need to quickly make changes across 
  69. hundreds of web pages. </p>
  70. <p>  </p>
  71. <hr>
  72. <h1><a name="Features"><font color="#0000FF">Features</font></a></h1>
  73. <h2>With Web Style, you can easily: </h2>
  74. <ul>
  75. <li><h3><font color="#FF0000">Create and manage multiple styles</font> </h3>
  76. <p>In Web Style, a style is defined as a group of attributes that can be applied to multiple 
  77. web pages. A style consist of header information, footer information, background 
  78. color and image, text colors, and link colors. Once a style is defined, it can be applied 
  79. and managed. Web pages can also have multiple styles applied to them, and each 
  80. style can be removed without affecting other defined styles. </p>
  81. </li>
  82. <li><h3><font color="#FF0000">Apply multiple headers and footers </font></h3>
  83. <p>Web pages can have a style defined to include multiple headers and footers. This is 
  84. especially useful when you need to define headers and subheaders as well as footers 
  85. and subfooters. For instance, a header may be your logo for the site and a subheader 
  86. may consist of a navagation bar for a particular subsection of your web site. A footer 
  87. can be your copyright information while a subfooter can contain points of interests and 
  88. other links. </p>
  89. </li>
  90. <li><h3><font color="#FF0000">Apply background color, images, text and link colors </font></h3>
  91. <p>Sometimes when you have a document converted or imported from other authors, you 
  92. may want to maintain a consistent look and feel of the site, such as background color, 
  93. images, and links. By setting up a style with a standard look and feel, this can be 
  94. applied across the site. If you want to maintain any pre-defined background, text, and 
  95. link settings and not overwrite them, that can be accomplished also. </p>
  96. </li>
  97. <li><h3><font color="#FF0000">Perform global search and replace</font> </h3>
  98. <p>This is a very common feature used to search for particular matches and peform and 
  99. optional replace. This can be done for the whole site or selective pages from your site. </p>
  100. </li>
  101. <li><h3><font color="#FF0000">Convert text to HTML pages </font></h3>
  102. <p>If you have plain text files that you wish to convert into an HTML format, simply select 
  103. those text files and apply the conversion to them. Then you can apply the style of your 
  104. choice to give a consistent look and feel. </p>
  105. </li>
  106. <li><h3><font color="#FF0000">Preview before and after conversions</font> </h3>
  107. <p>Rather than converting all your web pages to a selected style, you can preview the 
  108. changes on a page before committing the changes. A preview panel displays how the 
  109. HTML document would look like and also how the page appears in your browser of 
  110. choice. </p>
  111. </li>
  112. <li><h3><font color="#FF0000">Use on existing web pages</font> </h3>
  113. <p>Unlike other sophisticated web designing tools, which sometimes requires you to 
  114. convert your existing pages into a proprietary format, Web Style uses your existing 
  115. web pages without any special importing or conversion steps. This ensures that you 
  116. can immediately start using Web Style and not worry about fixing up your web pages 
  117. in a proprietary format. </p>
  118. </li>
  119. <li><h3><font color="#FF0000">Automatic color selection</font> </h3>
  120. <p>Even if you do not use Web Style for applying styles, you can still use it to find the 
  121. equivalent hexidecimal code for a selected color from a color dialog box. No need to 
  122. memorize or lookup color codes. </p>
  123. </li>
  124. <li><h3><font color="#FF0000">Create styles from existing pages</font> </h3>
  125. <p>If you already have a style that you use in your site, you can save your existing style as 
  126. an HTML document and apply it automatically to new web pages. This saves you 
  127. time in designing new styles manually. </p>
  128. </li>
  129. <li><h3><font color="#FF0000">Remove styles from selected pages </font></h3>
  130. <p>If you decide to remove a style, or portions of a style, simply select the style for 
  131. removal and the options to remove in that style, and apply across it to all the selected 
  132. pages in your web site. </p>
  133. </li>
  134. <li><h3><font color="#FF0000">Restore and backup selected pages</font> </h3>
  135. <p>After a committed conversion takes place, say across 100 web pages, you decided 
  136. that the style is not as what you expected. You can easily restore the previous 
  137. conversion with just a click of the Restore button. No need to worry about manually 
  138. going in to undo the changes. (Just make sure you create a backup first). </p>
  139. </li>
  140. <li><h3><font color="#FF0000">Save multiple Web Style configurations</font> </h3>
  141. <p>If you happen to be a webmaster or web administrator with hundreds of users, 
  142. customers, or departments to support, you can save a Web Style Configuration for 
  143. each picky individual or group. Each configuration contains the web site search path, 
  144. default browser and backup areas, and up to ten different styles. </p>
  145. </li>
  146. </ul>
  147. <p> </p>
  148. <hr>
  149. <h1><a name="Requirements"><font color="#0000FF">Requirements</font></a></h1>
  150. <h3>The following is the minimum requirements to use Web Style 1.0:</h3>
  151. <ul>
  152. <li><h3><strong>486/66 PC (Pentium preferred)</strong> </h3>
  153. </li>
  154. <li><h3><strong>8 MB of RAM (16 MB preferred)</strong> </h3>
  155. </li>
  156. <li><h3><strong>Windows 95/NT</strong> </h3>
  157. </li>
  158. <li><h3><strong>5 MB of disk space</strong> </h3>
  159. </li>
  160. <li><h3><strong>A web browser (MS IE or Netscape Navigator preferred)</strong> </h3>
  161. </li>
  162. </ul>
  163. <p> </p>
  164. <hr>
  165. <h1><a name="Quick Start"><font color="#0000FF">Quick Start</font></a></h1>
  166. <p><strong>Web Style</strong> takes only a few minutes to <strong>setup</strong> before it can be used effectively. </p>
  167. <h3>These are the basic steps to get started: </h3>
  168. <h3><font color="#FF0000">To Apply Styles</font></h3>
  169. <p>1. Select<strong> File -> New</strong> to create a new <strong>configuation file</strong> to store style settings.</p>
  170. <p>2. Select <strong>Defaults</strong> to choose a <strong>default browser</strong> and <strong>backup area</strong>. </p>
  171. <p>3. Enter your <strong>web site directory </strong>in the <strong>search path</strong> field. Choose to<strong> include subfolders</strong> if 
  172. desired.</p>
  173. <p><em>(It is recommended you use a sample or a copy of your web site directory for practice).</em></p>
  174. <p>4. To list HTML files with the<strong> htm</strong> or<strong> html </strong>extension, choose <strong>HTML</strong>, otherwise choose 
  175. <strong>TEXT </strong>to list files with the <strong>txt</strong> extenstion.</p>
  176. <p>5. Select the <strong>Style</strong> option and click <strong>Details</strong> to define the style settings.</p>
  177. <p>6. Click the <strong>New</strong> button and enter a <strong>style name </strong>to create a new style.. </p>
  178. <p>7. To apply a <strong>header</strong>, you can either</p>
  179. <blockquote>
  180. <p><strong>7.1 Create a New Header File</strong></p>
  181. <ul>
  182. <li>Enter a <strong>header filename</strong> including the path, hit <strong>enter</strong>, and answer 
  183. <strong>Yes</strong> to create the new file.</li>
  184. <li>Enter in plain text or HTML code in the <strong>header text box</strong>.</li>
  185. <li>Click the <strong>header save button </strong>and be sure to check the <strong>header 
  186. check box</strong>.</li>
  187. </ul>
  188. <p><strong>7.2 Or, Select an Existing Header File</strong></p>
  189. <ul>
  190. <li>Choose an existing plain text or HTML file by clicking the "..." button 
  191. in the header line.</li>
  192. <li>Be sure to check the<strong> header check box</strong>.</li>
  193. </ul>
  194. </blockquote>
  195. <p>8. <strong>Check</strong> the applicable <strong>background </strong>options, <strong>text </strong>and <strong>link</strong> colors and apply.</p>
  196. <blockquote>
  197. <p>8.1 For a <strong>Background Image</strong>, enter the <strong>URL path </strong>for the image. For 
  198. example, if the image "logo.gif" is in a subdirectory called "images", enter 
  199. <strong>images/logo.gif</strong>.</p>
  200. </blockquote>
  201. <p>9. Perform the same steps for the<strong> Footer </strong>information as you did for the header information.</p>
  202. <p>10. Click <strong>OK</strong> when you finish defining the style.</p>
  203. <p>11. To <strong>Preview</strong>, select a file from the search list box on the left to preview the current file in 
  204. the preview panel.</p>
  205. <p>12. Click the <strong>Preview a File</strong> button to see how the file looks after the conversion. Click the 
  206. blue button on the right of the converted text to view it in the default browser.</p>
  207. <p>13. If satisfied, select the desired files from the <strong>Search List Box</strong> on the left to put them to 
  208. the <strong>Selected List Box</strong> on the right.</p>
  209. <p>14. Click the <strong>Convert Selected Files</strong> button to convert the selected files.</p>
  210. <p>15. Make a <strong>backup </strong>of the<strong> selected files</strong> if you prefer.</p>
  211. <p>16. If you are not satisfied with the conversion, click the <strong>Restore </strong>button to revert the 
  212. changes.</p>
  213. <p>17. To save the <strong>Web Style Configuration</strong>, click <strong>Save </strong>and select a configuration filename.</p>
  214. <h3><font color="#FF0000">To Search and Replace</font></h3>
  215. <p>1. Select <strong>Defaults</strong> to choose a <strong>default browser</strong> and <strong>backup area</strong>. </p>
  216. <p>2. Enter your <strong>web site directory </strong>in the <strong>search path</strong> field. Choose to<strong> include subfolders</strong> if 
  217. desired.</p>
  218. <p><em>(It is recommended you use a sample or a copy of your web site directory for practice).</em></p>
  219. <p>3. To list HTML files with the<strong> htm</strong> or<strong> html </strong>extension, choose <strong>HTML</strong>, otherwise choose 
  220. <strong>TEXT </strong>to list files with the <strong>txt</strong> extension.</p>
  221. <p>4. Select the <strong>Search and Replace Option</strong> and click <strong>Details</strong>. </p>
  222. <p>5. Enter the search text in the<strong> Search Box</strong>.</p>
  223. <p>6. Check the <strong>Replace With </strong>check box and enter text to replace with if you want to <strong>replace</strong> 
  224. the search text.</p>
  225. <p>7. Click<strong> OK</strong> to return to the Web Style main screen. </p>
  226. <p>8. To <strong>Preview</strong>, select a file from the search list box on the left to preview the current file in 
  227. the preview panel.</p>
  228. <p>9. Click the <strong>Preview a File</strong> button to see how the file looks after the conversion. Click the 
  229. blue button on the right of the converted text to view it in the default browser.</p>
  230. <p>10. If satisfied, select the desired files from the <strong>Search List Box</strong> on the left to put them to 
  231. the <strong>Selected List Box</strong> on the right.</p>
  232. <p>11. Click the <strong>Convert Selected Files</strong> button to convert the selected files.</p>
  233. <p>12. Make a <strong>backup </strong>of the<strong> selected files</strong> if you prefer.</p>
  234. <p>13. If you are not satisfied with the conversion, click the <strong>Restore </strong>button to revert the 
  235. changes.</p>
  236. <h3><font color="#FF0000">To Convert Text to HTML</font></h3>
  237. <p>1. Select <strong>Defaults</strong> to choose a <strong>default browser</strong> and <strong>backup area</strong>. </p>
  238. <p>2. Enter your <strong>directory </strong>in the <strong>search path</strong> field. Choose to<strong> include subfolders</strong> if desired.</p>
  239. <p><em>(It is recommended you use a sample or a copy of your web site directory for practice).</em></p>
  240. <p>3. Choose the <strong>TEXT </strong>option to list files with the <strong>txt</strong> extension.</p>
  241. <p>4. Select the <strong>Text to HTML Option.</strong></p>
  242. <p>5. To <strong>Preview</strong>, select a file from the search list box on the left to preview the current file in 
  243. the preview panel.</p>
  244. <p>6. Click the <strong>Preview a File </strong>button to see how the file looks after the conversion. Click the 
  245. blue button on the right of the converted text to view it in the default browser.</p>
  246. <p>7. If satisfied, select the desired files from the <strong>Search List Box</strong> on the left to put them to the 
  247. <strong>Selected List Box</strong> on the right.</p>
  248. <p>8. Click the <strong>Convert Selected Files</strong> button to convert the selected files.</p>
  249. <p>9. Make a <strong>backup </strong>of the<strong> selected files</strong> if you prefer.</p>
  250. <p>10. If you are not satisfied with the conversion, click the <strong>Restore </strong>button to revert the 
  251. changes.</p>
  252. <p> </p>
  253. <hr>
  254. <h1><a name="Registration Information"><font color="#0000FF">Registration Information</font></a></h1>
  255. <h4>Please print out and send your <a href="register.htm">Registration Form</a> with an enclosed payment of only 
  256. <font color="#FF0000"><strong>$29</strong></font> (USD) for each copy of Web Style.</h4>
  257. <h4>Send your Registration Form addressed to:</h4>
  258. <blockquote>
  259. <address>Daniel Eng</address>
  260. <address>2955 SW 22nd Ave #205</address>
  261. <address>Delray Beach, FL 33445</address>
  262. </blockquote>
  263. <p> </p>
  264. <p><strong>Your registration entitles you to the Following:</strong></p>
  265. <ul>
  266. <li><p align=left>Up to 300 selected files for conversion </p>
  267. </li>
  268. <li><p align=left>Free minor upgrades for one year from registration date </p>
  269. </li>
  270. <li><p align=left>E-mail support for one year from registration date </p>
  271. </li>
  272. <li><p align=left>Discounts on all future full releases and other new products </p>
  273. </li>
  274. <li><p align=left>Elimination of the initial unregistered display screen </p>
  275. </li>
  276. </ul>
  277. <p><em>You must register your copy of the Web Style if you use it beyond the 30-day 
  278. evaluation period.</em></p>
  279. <p> </p>
  280. <hr>
  281. <h1><a name="Frequently Asked Questions"><font color="#0000FF">Frequently Asked Questions</font></a></h1>
  282. <p>Web Style is designed to be a powerful utility to complement HTML editors and site 
  283. management tools. Here are some common questions asked about Web Style:</p>
  284. <p><strong>What can I use Web Style for?</strong></p>
  285. <p>You can use Web Style to apply common headers, footers, background colors, images, text 
  286. colors and link colors to the pages selected in your web site. You can also use Web Style to 
  287. search and replace any text globally in your web site. There is also a text to HTML converter 
  288. if you want to convert plain text files into HTML pages.</p>
  289. <p>Some typical uses include, managing company-wide web sites that require a standard look 
  290. and feel, corporate Intranets where each style can represent a department look and feel, 
  291. making quick changes that appear in multiple pages such as copyright information, logos, 
  292. navigation bars, and address information, and converting hundreds of existing text files into 
  293. HTML format and applying a pre-defined standard look and feel style to them.  </p>
  294. <p><strong>Who is this tool designed for?</strong></p>
  295. <p>Web Style is designed mainly for web authors, web administrators, and content providers 
  296. who have a lot of web pages to maintain where it is not feasible to manually make changes 
  297. across a web site. It is also designed to work with existing web pages as opposed to using 
  298. proprietary formats, and not limit authors to what they can or cannot put in their web pages.</p>
  299. <p><strong>Is Web Style limited to a specific level of HTML?</strong></p>
  300. <p>No. Web Style is designed not to conform to any level of HTML, browser, or programming 
  301. languages such as Javascript or Java. It can be used to apply styles to any level of HTML as 
  302. long as the author creates styles that adhere to the HTML level of choice.</p>
  303. <p><strong>Will Web Style interfere with my web authoring tools?</strong></p>
  304. <p>No. Tags created by Web Style are all commented out based on HTML standards. It is 
  305. specifically designed to be interpreted by Web Style. There may be a remote possibility that 
  306. your authoring tool might parse commented fields but the syntax created by Web Style is not 
  307. designed for use by any other authoring tools.</p>
  308. <p><strong>How long does it take to convert my web pages?</strong></p>
  309. <p>Depending on the size of each web page, and the number of web pages to convert, and your 
  310. computer power, it takes from seconds to 2-3 minutes to convert 100 files of 15k bytes 
  311. each. This is considerably less time than it would take to manually convert these files or 
  312. spending the time importing existing pages into a propriertary software package.</p>
  313. <p><strong>I have converted over 100 files and it is not what I expected. What should I do now?</strong></p>
  314. <p>First of all, always make a backup of your work before you start. Additionally, Web Style 
  315. offers a backup feature that allows you to backup all the selected files for conversion prior to 
  316. the actual conversion. Once you completed the conversion, check the results with your 
  317. default browser immediately to ensure that the changes are correct. If not, simply hit the 
  318. restore button to revert the changes.</p>
  319. <p>If you haven't made a backup or selected the backup option prior to the conversion, you're 
  320. not totally out of luck. Depending on what you applied, you can still use the Search and 
  321. Replace option to remove or change the styles you just applied. Just define the settings in the 
  322. Search and Replace details area. Remember to make a backup this time!</p>
  323. <p><strong>What is the difference between Web Style and Cascaded Style Sheets and other 
  324. styling standards?</strong></p>
  325. <p>Technically in Web Style, a style is defined as a collection of attributes grouped together and 
  326. applied across selected pages in a web site. These attributes include header files, footer files, 
  327. and background image, colors, text and link color attributes. CSS and other styling standards 
  328. are designed to be interpreted specifically by their intended web browsers. They are also 
  329. more related to content layout and font settings which, again, are only intended for certain 
  330. web browsers to interpret correctly. Web Style settings are not mutually exclusive with other 
  331. styling standards. In other words, they can be used together.</p>
  332. <p><strong>Do you have any plans for a Professional Edition?</strong></p>
  333. <p>It depends on the responses that I receive. Some of the professional features may include 
  334. adding automated navigation toolbars for pages such as next, previous, and table of contents 
  335. buttons. There may be more styling attributes. Another feature may include creating various 
  336. style-like directory listings based on selected file listings. This is meant for servers that show 
  337. plain directory trees when users browse a certain directory listing via a web browser. There 
  338. may also be more detailed settings for text to HTML conversions.</p>
  339. <p><strong>Why is there not a WYSIWYG previewer?</strong></p>
  340. <p>Since Web Style is designed not to conform to any level of HTML, and the fact that not all 
  341. styles are necessarily HTML coding (it is up to the web author to determine what content is 
  342. in his style settings), a WYSIWYG previewer may not always function as expected. A web 
  343. author may be designing web pages for a specific browser or HTML level which can be set 
  344. as the default browser to preview those pages. This ensures that the actual result of the 
  345. conversions will appear as they expected.</p>
  346. <p><strong>Is there a limit to the number of styles or files I can convert?</strong></p>
  347. <p>You can define up to 10 different styles per Web Style Configuration and allow up to 300 
  348. selected files at a time for the registered version.</p>
  349. <p><strong>How much does Web Style cost?</strong></p>
  350. <p>Only $29 (USD) for each copy. There are also Corporate discounts available. See the 
  351. <a href="#Registration Information">Registration</a> section for more details.</p>
  352. <p><strong>Where can I find the latest release of Web Style?</strong></p>
  353. <p>Check the <a href="#Contact">Contact</a> section to find out more information.</p>
  354. </body>
  355.  
  356. </html>
  357.