home *** CD-ROM | disk | FTP | other *** search
- <HTML>
- <HEAD>
- <TITLE> Quick guide to HTML key bindings </TITLE>
- </HEAD>
-
- <BODY>
-
- <H1>The Zap HTML Keymap</H1>
-
- <P>
- This is the <EM>All New HTML Keybindings for</EM> <STRONG>Zap</STRONG>! This
- keys file will revolutionise the way you work. Within 2 hours of starting to use
- this key map we promise you that you will no longer consider HTML coding to be
- a chore, <STRONG>or your money back</STRONG>! Yes! We guarentee you that you will soon
- find HTML creation more fun than a dirty weekend with Pamella Anderson!
- </P>
-
- <P>
- Honest!
- </P>
-
- <P>
- Well, OK; that's a <EM>slight</EM> exaggeration, but it <EM>does</EM> make
- some things easier. For instance, I knocked up this 12K of documentation in
- about 2 hours, and it's actually quite complex. Yes, really!
- </P>
-
- <P>
- Anyway, here's the Contents page!
- </P>
-
- <H2>The Contents Page</H2>
-
- <H3 ALIGN="center">
- <A HREF="#Legal">The Legal Guff</A><BR>
-
- <A HREF="#Install">Installation</A><BR>
-
- <A HREF="#Overview">Overview</A><BR>
-
- <A HREF="#KeyCut">Keycut Rundown</A><BR>
-
- <A HREF="#Bugs">Known Bugs</A><BR>
-
- </H3>
-
-
- <HR>
-
- <A NAME="Legal">
- <H2>Legal Guff</H2>
- </A>
-
- <P>
- Don't come running to me in the unlikely event that this keymap trashes
- your computer or harddisc, eats your dog, or invades Poland to start
- World War III.
- </P>
-
- <P>
- This keymap and associated documentation is <EM>© Andrew Ward 1995</EM>
- and are released as Freeware into the Pubic Domain in the hope that some
- people will find it useful. Feel free to alter it to suit your tastes,
- though. Finally, <STRONG>don't even think about charging money for it!
- </STRONG> (PD libraries may charge enough to cover their costs though)
- </P>
-
- <P>
- <EM>Distribute freely, though please don't separate the documentation from
- the Keys file</EM>
- </P>
-
- <H3>Acknowledgment</H3>
-
- <P>
- Thanks to Dom Symes firstly for the excellent <EM>Zap</EM> (withouut
- which I would be wasting my time now :-) and secondly for the default
- keymap which this HTML keymap is appended to.
- </P>
-
- <HR>
-
- <A NAME="Install">
- <H2>Installation</H2>
- </A>
-
- <P>
- To install this keys file you must be one of two sorts of Zap user:
- </P>
-
- <OL>
- <LI>You are the apprehensive/easy-to-please type and haven't altered the
- default <EM>Zap</EM> keymap. This is great, because all you have to do is
- drag this Keys file over the default Keys file inside the <EM>Zap</EM>
- application, and Bob's your uncle.
-
- <LI>You are the stubborn, awkward type who has completely customised your keys
- file to your liking, so as to make optimum use of your 12 fingers and 3
- tenticles (commonly known as the <EM>vi</EM> bindings). You also have the
- alphabet mapped in such a way that everything you type is automatically
- ROT13'd. <BR>
- <P>
- In short you are a pain in the arse, and since you obviously know what you're
- doing I'll leave it up to you to <EM>munge</EM> the two keymaps together.
- </OL>
-
- <HR>
- <A NAME="Overview">
- <H2>Overview</H2>
- </A>
-
- This <EM>Zap</EM> keymap is for those of you who like to edit their HTML
- by hand, for whatever reason:
-
- <UL>
- <LI> You haven't got <EM>Impression </EM> <STRONG>or</STRONG> don't want to give Ben
- Summers any money for his HTML loaders/savers.
- <LI> You don't want to line Andrew Rawnsley's pockets with 30 quid for <EM>!HTMLEdit</EM>.
- <LI> You get some perverse gratification from seeing < and > characters all
- over your screen.
- <LI> You actually need the power of editing HTML directly so you can add all those
- cheesey <EM>Netscape</EM> hacks that Acorn WYSIWYG editors don't support.
- <LI> Or you might even (<EM>Shock! Horror!</EM>) want to code some proper HTML3.
- <LI> In my case, it's all the above.
- </UL>
-
- <P>
- Anyway, this <EM>Zap</EM> keys file takes some of the pain and tedium out
- of editing HTML by hand by providing a load of key shortcuts for some
- commonly typed tags. There are two new keymaps, for two different methods
- of document creation, though they are broadly similar.
- </P>
-
- <H3>HTML Creation Map</H3>
-
- <P>
- The first kemap is for creating HTML on a blank page, so that you can type the
- tags in on the fly, as and when you need to put them in your text. i.e Typing
- </P>
-
- <P>
- <KBD>
- The best text editor for the <STRONG>[Ctrl-E] </STRONG> Acorn
- <STRONG>[Ctrl-Sh-E] </STRONG> range of computers is <STRONG>[Ctrl-S] </STRONG> Zap
- <STRONG>[Ctrl-Sh-S]</STRONG>.
- </KBD>
- </P>
-
- <P>
- (Where <STRONG>[Ctrl-S]</STRONG> means pressing <EM>Control</EM> and the
- letter <EM>S</EM> simultaneously, and <STRONG>[Ctrl-Sh-S]</STRONG> means
- pressing <EM>Control, Shift</EM> and <EM>S</EM>
- simultaneously, <STRONG>stupid</STRONG>)
- </P>
-
- <P>
- will produce HTML that looks like:<BR>
- </P>
-
- <P>
- <CODE>
- The best text editor for the <EM>Acorn</EM> range of computers is
- <STRONG>Zap</STRONG>.
- </CODE>
- </P>
-
- <P>
- Which would <EM>should</EM> hopefully get rendered as: <BR>
-
- <P>
- The best text editor for the <EM>Acorn</EM> range of computers is <STRONG>Zap</STRONG>.
- </P>
-
-
- <H3>HTML Markup Map</H3>
-
- <P>
- The second keymap is for marking up an existing text file. Basically you can highlight
- the region you want to apply the tag to and hit the keycut to put the HTML
- markers around it. For example, take the following pre-typed paragraph in Zap: <BR>
- </P>
-
- <P>
- <CODE>
- I love my Acorn Computer. It's just so damn easy to use, and combined with
- the all-singing all-dancing editor, Zap, HTML editing is a breeze.
- </CODE>
-
- <P>
- By high-lighting the words <EM>Acorn Computer</EM> and hitting
- <STRONG>[Ctrl-A] </STRONG> Zap will enclose the selection with
- <I><A HREF="http://"></I> and <I></A></I> so you get:<BR>
- </P>
-
- <P>
- <CODE>
- I love my <A HREF="http://">Acorn Computer</A>. It's just so
- damn easy to use, and combined with the all singing all dancing editor,
- Zap, HTML editing is a breeze.
- </CODE>
- </P>
-
- <P>
- Not only that, but it will <STRONG>also</STRONG> place the cursor after
- the '<EM>//</EM>' ready for you to type in the rest of the URL.
- </P>
-
- <P>Simple, yeah! Anyway, enough of the waffle; here's the definitive listing
- of what keycuts do what.
- </P>
-
- <HR>
-
- <A NAME="Keycut">
- <H2>Keycut Rundown</H2>
- </A>
-
- <P>
- I've tried to make the keys obvious, or at least attach the most used tags
- to the obvious keys, though some of this is pretty subjective. Feel free to
- hack it round if you want. I haven't been able to get all the baseline
- HTML2 tags allocated to keys, because I ran out of letters, and using Meta
- keypresses for entering 4 letter tags like <DT> is a waste of time
- IMO.
- </P>
-
- <H3>Conventions</H3>
-
- <P>
- I'm using the Zap Keys file convention of <STRONG>c</STRONG> for
- <EM>Control</EM> and <STRONG>s</STRONG> for <EM>Shift</EM> though I'll
- undoubtedly change my mind just to keep you on your toes.
- </P>
-
- <H3>Non-HTML Keycuts common to both keymaps</H3>
-
- <PRE>
- Action Key
- ============================================
-
- Change to HTML Creation Mode c\
- Change to HTML Markup Mode cs\
- Return to Default Keymap Esc
- Pass next key to default keymap cQ
-
- Copy Selection cC
- Cut Selection cX
- Move Selection cM
- (Sorry cV was already taken :)
- Clear Selection cZ
- Select Word at cursor cW
-
- </PRE>
-
- <H3>HTML related keys common to both maps</H3>
-
- <DL>
-
- <DT> <STRONG>Ctrl-Shift-7 (Ctrl-&)</STRONG>
- <DD> Inserts the escaped ampersand , <STRONG>&</STRONG> (&)
-
- <DT> <STRONG>Ctrl-Shift-9 (Ctrl-( )</STRONG>
- <DD> Inserts the escaped version of <STRONG><</STRONG> (<)
-
- <DT> <STRONG>Ctrl-Shift-0 (Ctrl-) )</STRONG>
- <DD> Inserts the escaped version of <STRONG>></STRONG> (>)
-
- <DT> <STRONG>Ctrl-Shift-C</STRONG>
- <DD> Inserts the <STRONG>©</STRONG> symbol (©) Be aware that
- © is a dreaded Netscapism, whereas © is the agreed W3
- standard for the copyright symbol.
-
- <DT> <STRONG>Ctrl-Shift-L</STRONG>
- <DD> Inserts the <STRONG>£</STRONG> sign. (£)
-
- </DL>
-
- <H3>HTML keys for Creation Keymap </H3>
-
- <P>
- Probably the best way to remember what keys do what is to fire up Zap
- and have a go. As mentioned above, <EM>Ctrl-\</EM> changes to the HTML
- creation keymap. So, do that then suck it and see.
- </P>
-
- <H4>The Simple ones</H4>
-
- <!-- My kingdom for Universal Tables support :-) -->
-
- <PRE>
- Key Ctrl Ctrl-Sh
- ============================================
-
- A <A HREF=" </A>
- B <B> </B>
- D <DL> </DL>
- E <EM> </EM>
- I <I> </I>
- K <KBD> </KBD>
- L <LI> Inserts a £ (£)
- N <A NAME=" Easter Egg
- O <OL> </OL>
- P <PRE> </PRE>
- R <!-- --> (LET R = REM)
- S <STRONG> </STRONG>
- T <TT> </TT>
- U <UL> </UL>
- V <VAR> </VAR>
-
- 1 <H1> </H1>
- 2 <H2> </H2>
- ... 3-5 left as an exercise to the reader ...
- 6 <H6> </H6>
-
- </PRE>
-
- <H4>The Less Simple ones</H4>
-
- (The ones I couldn't fit in the table sensibly :-)
-
- <DL>
-
- <DT> <STRONG>Ctrl-F</STRONG>
- <DD> Inserts <CODE> <FORM METHOD="POST" ACTION=" </CODE>
-
- <DT> <STRONG>Ctrl-Shift-F</STRONG>
- <DD> Inserts <CODE> </FORM> </CODE>
-
- <DT> <STRONG>Ctrl-G</STRONG>
- <DD> Inserts an inline GIF as in : <CODE> <IMG SRC=".gif"> </CODE>
- and puts the cursor before the dot of <EM>.gif</EM> ready for you to type
- in the URL. Gosh! Aren't I kind saving you all those keypresses :-)<BR>
-
- <P>
- <DD>In a perfect world this would be mapped to <EM>Ctrl-I</EM> but that's
- already pinched by <I> Besides G was unallocated, and the
- alternative was J ...
-
- <DT> <STRONG>Ctrl-J</STRONG>
- <DD> Which nicely inserts an inline JPEG <EM>comme ça</EM> :<CODE> <IMG
- SRC=".jpg"> </CODE> and again conveniently places the cursor before the
- dot.
-
- <DT> <STRONG>Ctrl-H</STRONG>
- <DD> Puts the basic HTML Header around a document. ie.
-
- <PRE>
- <HTML>
- <HEAD>
- <TITLE> </TITLE>
- </HEAD>
- <P>
- <BODY>
-
- <P>
- </BODY>
- </HTML>
- </PRE>
-
- <DD>Any text previously on the page will be left between the <EM>BODY</EM> tags.
- Don't forget to put some text in for the <EM>TITLE</EM>. If you want to add
- your Netscape pretties to the <EM>BODY</EM> section do it yourself :-)
-
- <DT> <STRONG>Ctrl-RETURN</STRONG>
- <DD> Puts in a line Break : <EM><BR></EM>
-
- <DT> <STRONG>Shift-RETURN</STRONG>
- <DD> Inserts a paragraph break <EM>(sic)</EM> : <EM><P></EM>
-
- <DT> <STRONG>Ctrl-Shift-RETURN</STRONG>
- <DD> Inserts the close paragraph tag : </P>
-
- </DL>
-
- OK! That's most of it out the way. Now for the Markup Section ...
-
- <HR>
-
- <H3>HTML keys for Creation Keymap</H3>
-
-
- <P>
- <STRONG><SPEECH TYPE="Jack Dee" Value="Sarcastic"></STRONG>
- </P>
-
- <P>
- <EM>Oh... I can't do this!</EM>
- </P>
-
- <P>
- <STRONG></SPEECH></STRONG>
- </P>
-
- <P>
- Yep, I <EM>really</EM> can't be bothered to go through all the same stuff
- again going over the minor differences between the Creation and Markup
- maps! I've got better things to do :-) Basically, all the keys are mapped onto
- the same tags, except, when you apply a container tag, such as <EM> you
- <A NAME="NOSEL"> <STRONG>must</STRONG></A> have a selection highlighted.
- If you don't, you will find whatever you selected <STRONG>last</STRONG>
- slapped inbetween the container tags. This is because, what the macro does
- is a process of<BR>
- </P>
-
- <OL>
- <LI>Cut Selection.
- <LI>Insert start tag.
- <LI>Paste back selection.
- <LI>Insert end tag.
- </OL>
-
- <P>
- And if you didn't cut anything in step one you'll paste rubbish back. In short
- <STRONG>don't do it</STRONG>. If you need <EM>create</EM> HTML put yourself in
- Creation mode, and if you want to <EM>markup</EM> make sure you're in Markup mode.
- </P>
-
- <P>
- Right, that's it! Simple yeah? If you want to change anything, feel free, though
- if you make any majorly useful changes I'd appreciate a copy. If you don't like
- your tags in capitals tough, 'cos I do!
- </P>
-
- <HR>
-
- <A NAME="Bugs">
- <H2>Known Bugs</H3>
- </A>
-
- <UL>
- <LI>There appears to be a bug in Zap's redraw code that leaves behind a ghost cursor
- when a complex series of '<EM>INSERTs</EM>' are carried out. This is especially
- visible when using the <EM>[Ctrl-H]</EM> 'Header' keycut. Redrawing the window
- sorts it out.
-
- <LI>Using the container tags in the markup mode without a selection. See
- <A HREF="#NOSEL">above</A>
- </UL>
-
- <P>
- <EM>Everything else is <STRONG>your</STRONG> fault!</EM>
- </P>
-
- <P>
- That'll be it then! Any problems, bugs (Ha!), requests, remunerations etc. to the
- <EM>Netscape enhanced</EM> email address below.
- </P>
-
- <HR>
- <ADDRESS>
- <A HREF="mailto:andy@websvcs.demon.co.uk">andy@websvcs.demon.co.uk</A><BR>
- </ADDRESS>
-
- </BODY>
- </HTML>
-