<div id="popup_box_thanks" style="display:none" onClick="close_popup_thanks('popup_box_thanks', 'ts')"><br>Thanks for submitting your tip! All submissions are moderated by an editor before appearing online. We've reset the form so you can enter another tip. Or you can close the tip submission box. <div class="x_close" id="thanks_upper_right"><a href="javascript:void(0)" onmousedown="close_popup_thanks('popup_box_thanks', 'ts'); return true;">Close</a></div></div>
<div class="tbf_row"><div class="tbf_wide_extra_top not_bold">Please submit only technical tips that will help other TidBITS readers better use their Macs, iPhones, and related software and hardware. All product announcements should be sent to <a href="mailto:releases@tidbits.com">releases@tidbits.com</a>.</div></div>
<div class="tbf_left">URL</div><div class="tbf_right"><input type="text" value="" name="tip_link_url" tabindex="3"><span class="tip_description"><br>Enter the URL to a Web page that supports your tip.</span></div>
</div>
<div class="spacer"></div>
<div class="tbf_row">
<div class="tbf_left">Linked text</div><div class="tbf_right"><input type="text" value="" name="tip_link_label" tabindex="4"><span class="tip_description"><br>Enter the name of the page linked above.</span></div>
<div class="tbf_wide"><input type="submit" value="Preview Your Tip" name="preview_tip" onClick="fill_preview('tipbits_enclosure_preview', 'ts', this.form); return false;" tabindex="7"> <input type="submit" value="Send Us Your Tip!" name="submit_this_tip" onClick="handle_tip_submission('ts', '', this.form, 'tip'); return false;" tabindex="8"></div>
</div>
<div class="spacer"></div>
<div class="tbf_row">
<div class="tbf_wide"><span class="fine_print">When you submit a tip, you give us permission to use it. Read <a href="javascript:void(0)" onClick="generic_show_hide('tip_terms')">our terms</a> for more details. All submissions are reviewed before publication.</span></div>
<div class="tbf_wide"><span class="fine_print">Our terms: By submitting a tip, you agree to assign TidBITS Publishing Inc., a non-exclusive, worldwide, perpetual license to reproduce, publish, and distribute your tip in connection with the TidBITS Web site and associated products in any media. You agree that you created the content you submitted, and that you have the right to assign us this license. You give us permission to use your name, but your email address won't be publicly displayed or shared. We review all submissions before publication, and reserve the right to select which submissions we feel are appropriate for our readers and to edit those we publish.</span></div>
<div id="comment_thanks" style="display:none" onClick="close_popup_thanks('comment_thanks', 'comm')"><br>Thanks for submitting a comment! Please check your email for a link that, when clicked, will verify that you're a real person and cause your comment to appear immediately. <div class="x_close" id="comment_upper_right"><a href="javascript:void(0)" onmousedown="close_popup_thanks('comment_thanks', 'comm'); return true;">Close</a></div></div>
<div class="tbf_wide"><span class="fine_print">Our terms: We reserve the right to edit or delete any comment, so please post thoughtfully. We use your email address <i>only</i> to send you a one-time verification message confirming that you posted this comment. We also store your address to allow you to verify using other Web browsers in the future. For more info, see our <a href="http://db.tidbits.com/privacy.html">privacy policy</a>.</span></div>
<li><a href="/feeds/tidbits.rss" title="Subscribe via RSS" class="gettb">RSS <img src="/images/feed-icon-12x12.gif" width="12" height="12" border="0" class="nav_img" alt="Subscribe via RSS"></a></li>
<li><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=276986548" title="Subscribe to the podcast" class="gettb">Podcast <img src="/images/feed-icon-12x12_podcast.gif" width="12" height="12" border="0" class="nav_img" alt="Subscribe to the postcast"></a></li>
<li><a href="http://www.twitter.com/TidBITS" title="Get Article Updates via Twitter" class="gettb">Twitter <img src="/images/feed_icon_12x12_twitter.png" width="12" height="12" border="0" class="nav_img" alt="Get Article Updates via Twitter"></a></li>
<li><a href="http://www.facebook.com/pages/TidBITS/195314925519" title="Go to the TidBITS Page at Facebook" class="gettb">Facebook <img src="/images/feed_icon_12x12_facebook.gif" width="12" height="12" border="0" class="nav_img" alt="Go to the TidBITS Page at Facebook"></a></li>
<li><a href="javascript:void(0)" title="Sections" class="tabhead" onClick="return showhide('articleslist')">Sections <span id="articleslist_triangle"><img src="/images/nav_triangle_open.gif" width="9" height="9" border="0" class="navtriangle" id="articleslist_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
<li><a href="javascript:void(0)" onClick="return showhide('stafflist')" title="Staff" class="tabhead">Staff <span id="stafflist_triangle"><img src="/images/nav_triangle_closed.gif" width="9" height="9" border="0" class="navtriangle" id="stafflist_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
<li><a href="javascript:void(0)" title="Issues" class="tabhead" onClick="return showhide('issuelist')">Weekly Issues <span id="issuelist_triangle"><img src="/images/nav_triangle_closed.gif" width="9" height="9" border="0" class="navtriangle" id="issuelist_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
<li><a href="javascript:void(0)" onClick="return showhide('abouttidbits')" title="About TidBITS" class="tabhead">About TidBITS <span id="abouttidbits_triangle"><img src="/images/nav_triangle_closed.gif" width="9" height="9" border="0" class="navtriangle" id="abouttidbits_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
<div class="center_top">Thoughtful, detailed coverage of the Mac, iPhone, and iPad, plus the best-selling <a href="http://www.takecontrolbooks.com/?pt=TB-TAGLINE" style="color:yellow">Take Control</a> ebooks.</div>
<!-- begin centercolumn -->
<div id="centercolumn">
<!-- begin rightcolumn_container -->
<div id="rightcolumn_container">
<!-- begin rightcolumn -->
<!-- rightcolumn is embedded within centercolumn so featured text wraps around it -->
<p><p>While Pear Note is primarily geared toward recording notes in the physical world, it's possible to use it to record things in the virtual world as well. For instance, you can use it to record and take notes on Skype calls. To do this:</p><ol>
<li>Download Soundflower and install it (along with the Soundflowerbed app that comes with it).</li>
<li>Download LineIn and install it.</li>
<li>Start Soundflowerbed, and select Built-in Output (or whatever output you'd like to listen to the conversation on).</li>
<li>Start LineIn, and select your microphone (e.g. Built-in Mic) as the input and Soundflower (2ch) as the output, then press Pass Thru.</li>
<li>Open Pear Note Preferences, select Recording, and select Soundflower (2ch) as the audio device.</li>
<li>Open Skype Preferences, select Audio, and select Soundflower (2ch) as the audio output and your microphone (e.g. Built-in Mic) as the audio input.</li>
<li>Hit record in Pear Note and make your Skype call.</li>
</ol>
<p>This will allow you to conduct your Skype call while Pear Note records both your audio and the other participant's.</p></p>
<p>Visit <a href="http://www.usefulfruit.com/tb">Useful Fruit Software</a></p>
</div>
<div class="tearoffbox_wide_bottom_tips">
<div style="padding-bottom:35px"><div class="tip_display" style="float:left"><p><br><a href="/tipbits/238">Link to this tip</a></p></div><div class="tip_display" style="float:right; width:150px">
<p class="credit">Written by<br><a href="/author/Adam%20C.%20Engst">Adam C. Engst</a></p></div></div>
<div class="tbf_wide_80" id="hc_rc_2925">To help us avoid automated posts and misuse of our site, please enter the words below.</div><div class="x_close_row" id="hc_upper_right2_2925"><a href="javascript:void(0)" onmousedown="HidePopupContent('hc_2925', 'hc', '2925'); return true;">Close</a></div>
<div class="featured_meta"><div class="meta_article">16 Jun 1997 | <a href="/article/2195?print_version=1">Print <span class="shift_up"><img src="/images/printer_icon.gif" alt="Printer-Friendly Version of This Article" border="0" width="9" height="10"></span></a></div></div>
<H2>Spinning the Web Part I: Trade-offs and PageSpinner</H2>
<div id="article_box_2925"><P>Watching the Web authoring field change is like watching a volcano-studded island. Sure, you get a few months of calm, but then a spurt of new product releases wreaks havoc on the landscape. TidBITS hasn't reviewed many Web authoring programs lately, and it's time to correct that lapse. In this multi-part series, I plan to discuss much of the Web authoring software that has come out recently, with a focus on products that I think are most notable.</P><P><STRONG>Choose Your Poison</STRONG> -- In choosing software for making Web pages, you generally trade easy layout for precise control, and most products fit neatly in a range between those two ideals. When choosing software, it's important to match your requirements to that range.</P><P>Our Web site is a great example of one that leans toward precise control. Because our pages stick around for so long, we avoid newfangled techniques that look great in modern browsers but have a greater potential to break in the future. A Web authoring tool that creates HTML behind the scenes make us nervous, because we can't control what it's doing. Also, in our seven-year history, we've undergone two major conversions of back issues: HyperCard to setext, and then setext to HTML. This has taught us the value of uniform formatting - it's easier to run macros on uniformly formatted documents. We also don't have bosses breathing down our necks, so our site can evolve slowly.</P><P><<A HREF="http://www.tidbits.com/">http://www.tidbits.com/</A>></P><P>In contrast, webmasters creating sites that must go up overnight or that will have short lives have neither time nor incentive to worry about perfect, uniform HTML. These people require quick, easy layout.</P><P>For instance, programs like NetObjects Fusion offers easy layout - page layout always occurs on a grid, and you can drag page elements to any location. The grid converts to an HTML table behind the scenes. You cannot edit HTML within Fusion, and you would not wish to - the table tags are extremely complex. (Although Fusion 2.0 ships with the free BBEdit Lite, BBEdit Lite is for use with "external pages," which cannot be edited in Fusion.) However, Fusion makes it easy to prototype and assemble a site rapidly.</P><P><<A HREF="http://www.netobjects.com/">http://www.netobjects.com/</A>><BR><<A HREF="http://www.barebones.com/freeware.html">http://www.barebones.com/freeware.html</A>></P><P>Next come tools like Adobe PageMill. PageMill expects you to work in a view that works like a word processor - you can't drag stuff around willy-nilly as you can in Fusion. There is an HTML view for editing HTML directly, but you get the impression Adobe doesn't understand why you'd want to. The HTML from the likes of PageMill is usually human readable, though it tends to lack the uniformity required for automation.</P><P><<A HREF="http://www.adobe.com/prodindex/pagemill/main.html">http://www.adobe.com/prodindex/pagemill/ main.html</A>></P><P>Finally, the spectrum ends with HTML editors like PageSpinner, where you work with HTML directly and see the visual results secondarily in a Web browser. Such an application makes it easy to create uniform, precise HTML, but you may have trouble visualizing what you are doing, and experimenting with layouts will be time consuming.</P><P><<A HREF="http://www.algonet.se/~optima/pagespinner.html">http://www.algonet.se/~optima/pagespinner.html</A>></P><P>A program that spans the divide between easy layout and precise control is GoLive's CyberStudio Pro. CyberStudio Pro gives you an optional grid for drag-it-anywhere layouts, and it also provides quick access to the underlying HTML of any page.</P><P><<A HREF="http://www.golive.com/">http://www.golive.com/</A>></P><P>Of course, there are other criteria for choosing Web authoring software, like whether you want to learn HTML, whether you tend to include a lot of plug-ins, whether you require site management features, and so on. Whatever your requirements, the rest of this installment will fill you in on PageSpinner 2.0.1 from Optima Systems and glance at cascading style sheets, a cool HTML specification.</P><P><STRONG>A Great Value</STRONG> -- At $25, PageSpinner represents one of the best shareware values I've seen. At first glance, PageSpinner is deceptively simple. After launching, it displays a new document, populated by the HTML skeleton of a Web page. A simple toolbar holds basic options for tagging for the likes of bold text and horizontal rules, and a quick tour of the menus shows commands for styling text, setting up a table, and so on. A new user might read the fairly good Apple Guide-based description of how HTML works, and then plunge in using these immediately obvious options. Alert users will quickly identify modern features like an FTP upload (via a link to Fetch or Anarchie, though no download or integrated on-server editing), forms, and frames.</P><P><STRONG>Options Galore</STRONG> -- PageSpinner's preferences offer a startling level of flexibility. For instance, if you don't want to see a new document when you start up, you can instead show an Open dialog, show a New dialog (which has extensive page setup features), or do nothing. Another notable setting is whether the bold and italic toolbar buttons set bold and italic tags, or strong and emphasis tags. In PageSpinner you can set whether Return or Command-Return automatically inserts a paragraph tag (you can use paragraph end-tags also, if you like). PageSpinner also has sensible keyboard shortcuts for inserting line breaks and horizontal rules.</P><P>Those who frequently work with upper-ASCII characters will love how PageSpinner treats these characters. One option keeps them in the document as they are typed on the Mac. Another converts them to the ISO 8859-1 character set, often used internationally. Save a file in either of these two formats, and the characters will look the same after the save. Finally, upper-ASCII characters can be converted to HTML entities, which, though correct, are awkward to read within an HTML document.</P><P>Another option that speaks to PageSpinner's flexibility is the User Tags feature, which enables users to create up to 18 tags of their own.</P><P><STRONG>Just Kitting</STRONG> -- What makes PageSpinner a great value isn't its basic feature set, or even its flexibility. PageSpinner is less a program and more an HTML Assembly Kit - much like a Young Scientists' Chemistry Kit, with helpful instructions and easy projects for creating your very own quivering goo. It also has advanced projects, and those require exploration to find.</P><P>PageSpinner provides an HTML Assistant (accessed via a menu or you can just keep its window open), which has plenty of in-context help and gives working examples that you can paste into a document. Examples range from basic HTML (such as setting up links or headers) to advanced topics like JavaScript and frames. I've found the Assistant a great way to refresh my memory, and also a helpful stepping stone to learning new tags.</P><P>PageSpinner uses extensions (these work like plug-in modules, not system extensions) to add new features, and those who want to venture past the basic feature set will note an extension (plus help) for creating cascading style sheets (technically known as Cascading Style Sheets, Level 1, or CSS1). In its full implementation, CSS1 can flexibly specify fonts, sizes, position, blank space, colors, and more. Most measurements can be set specifically or generally (for instance, a font size could be 18 point or "extra large"). CSS1 is partially supported by Microsoft Internet Explorer and - in theory - will be robustly supported in Internet Explorer 4 and Netscape Communicator 4.</P><P><<A HREF="http://www.w3.org/pub/WWW/TR/REC-CSS1">http://www.w3.org/pub/WWW/TR/REC-CSS1</A>></P><P>Style sheets have two compelling features. First, they work much like style sheets in a word processor - to change the look of every heading in a document, you change it once in the style sheet, not 50 times in the document. Style sheets can apply to a page section, an entire page, or even an entire site. Second, they separate structure from style, so pages can have simple HTML but still display in visually oriented glory in CSS1-savvy browsers (and, yes, at least in current examples and the spec, you can turn off style sheets in CSS1-savvy browsers, if you wish).</P><P>Other PageSpinner extensions help with creating JavaScripts, inserting Java applets, and handling Netscapisms like snaking columns and spacer tags.</P><P>PageSpinner unfolds further if you examine the files that come with it. I found directions for setting up "include" files (these are not server-side includes). An include file acts as a container for information referenced from within an HTML file. For example, if a group of Web pages all end with the same content, you could put that content in an include file. Then, on the Web pages, you'd simply add a pointer to the include file. Should you wish to change the content, you change only the include file and then update the entire group of pages, a much faster process than modifying each page by hand. Includes can also quickly update the time or date.</P><P>There's also a collection of sample AppleScripts that link PageSpinner to other applications. For example, one script turns the contents of a Eudora mailbox into a sensibly organized Web page (this works best for smaller mailboxes). More generally, sample scripts show how to create Web pages from FileMaker Pro, HyperCard, and 4D Server. I generally shy away from scripting; however, when exploring PageSpinner, I easily created my first JavaScript and modified the AppleScript that turns Eudora mailboxes into Web pages. I feel as though PageSpinner helped me wedge open a heavy door.</P><P><STRONG>Team Player</STRONG> -- As icing on the cake of PageSpinner's you-can-do-it attitude, PageSpinner is a team player. For example, PageSpinner doesn't come with a spelling checker, but you can link its Check Spelling command to any clipboard-based spelling checker. More impressively, PageSpinner comes with a hierarchical Web Tools menu, loaded with commands that you configure to match popular non-commercial utilities that ably supplement PageSpinner's feature set.</P><P><STRONG>But What About...?</STRONG> PageSpinner has a few problems that need fixing: drag & drop for words isn't smart about inserting an extra space to accommodate a dropped-in word, the Find and Replace feature can't search on "whole word only," (so a search for "test" also finds "testing"), and there are a few references to an Alt key in the dialog boxes. Perhaps my main criticism of PageSpinner is that its documentation is scattered among numerous documents - there's no uniform way to access the information.</P><P>In terms of price, PageSpinner's closest competitor is the shareware HTML Web Weaver Lite, from Miracle Software, which costs $25 ($15 educational). HTML Web Weaver Lite feels rougher than PageSpinner in overall use and lacks key features like tables, frames, and forms. You might also compare PageSpinner to the freeware BBEdit Lite 4.0.1 from Bare Bones Software, which - when supplemented with appropriate BBEdit extensions - is a serviceable HTML editor with a price that can't be beat.</P><P><<A HREF="http://www.miracleinc.com/">http://www.miracleinc.com/</A>><BR><<A HREF="http://www.barebones.com/freeware.html">http://www.barebones.com/freeware.html</A>></P><P>Feature-wise, PageSpinner compares most directly to BBEdit 4.0.4 and Miracle Software's commercial World Wide Web Weaver 2.1 (W4). Next week, we'll check out W4 in more detail (especially its cool auto-preview feature) and note some of BBEdit's key HTML features. (For a full review of BBEdit, see <A HREF="http://www.tidbits.com/tb-issues/TidBITS-365.html">TidBITS-365</A>.)</P><!-- Spinning the Web Part I: Trade-offs and PageSpinner Tonya Engst --></div>
<!-- end article text -->
<!-- PayBITS -->
<p> </p><div class="sponsorbox">
<div class="sponsortext"><A HREF="http://crashplan.com/ref/tidbits.html"><IMG SRC="http://db.tidbits.com/images/badges/CrashPlan.png" ALT="" HEIGHT="50" WIDTH="50" BORDER="0" ALIGN="left"></A>CrashPlan is easy, secure backup that works everywhere. Back up<br />to your own drives, computers, and online with unlimited storage.<br />With unlimited online backup, this is one resolution you can keep.<br />Back Up Your Life Today! <<a href="http://crashplan.com/ref/tidbits.html">http://crashplan.com/ref/tidbits.html</a>></div>
