|
Introduction
Working Offline
Copying Text From Your Word Processor to
ZyWeb
Bulleted or Numbered Lists
Fonts and Font Size
Horizontal Rules
Embedding Hyperlinks and E-mails
Embedding Pictures
HTML is the language used by most web authors to create
web pages. You don't need to know anything about HTML to
create great looking pages with ZyWeb.
However, you might like to know a few simply commands to
format your text differently.
- ZyWeb
enables you to add many items automatically
- Current
browser technology doesn't allow you to enter bold or
italic text directly into the ZyWeb text box - so it can
only accept simple, plain text
- Therefore
we have to use other ways to control bold and italic,
or color or font changes, and the easiest way is by using
some very simple HTML
- Using
HTML simply involves putting some 'embedded commands'
into your text - and most are easy to remember.
- These
commands, called tags in HTML, always start with a <
and end with a >
- For
example to make a word bold you just put a <b>
before the word and a </b> after
- Similarly
for italic you can use <i> and </i>
- It's
easy to prepare your text offline, using a text editor
or word processor
- This
is especially useful if you're preparing large amounts
of text or want to include some of the more complex HTML
- To
transfer the text from your word processor into ZyWeb,
simply select the text in your word processor, copy it,
then click in the text box in ZyWeb and paste it
- Please
remember when copying text from your word processor that
only characters and spaces are copied (i.e you will lose
any tabs, tables and formatting such as colours which
you use in your word processor)
- Select
the text in your word processor or text editor, then use
Copy - or simply press Ctrl C
- Click
in the text box in ZyWeb, and select Paste, or Ctrl V
- You
will usually have to delete the text that's there before
you paste - and that's just as easy
- Either
drag select the text (a bit fiddly)
- or
use Shift in conjunction with the arrow keys
- or
probably easiest, click at the start of the text, scroll
to the end, hold Shift and click again - that selects
all the text in-between
- Once
you have the text selected you can delete it, or just
replace it by pasting the new text in
- Tip:Users
of Internet Explorer can select all the text in the small
text box by pressing Ctrl A, then replacing it with a
Ctrl V
- You
start with a <ul> before the list (which stands
for an un-ordered list) and a </ul> at the end of
the list
- Then
on the start of each line or separate item in the list
you simply put a <li> (which stands for List Item.)
and then the matching </li> at the end of each item
- If
you want HTML to create an ordered, automatically numbered
list then use <ol> and </ol> around the whole
list
- One
of the main drawbacks with web pages is that you have
little control over the types of font you can use
- Only
three basic types can be relied on to work with all browsers
Times, a serif font, Arial a sans-serif font and Courier
a typewriter style font
- You
can alter the font used by inserting <font face="Times">
at the start and a </font> at the end of the text
you want to change
- Simply
replace the 'Times' word with 'Arial' or 'Courier'
- On
Windows 95 and 98 there is another quite common font called
Verdana that is quite attractive, but this won't show
on many other types of computer
- To
alter the size of the font, there is a very similar tag
called, not surprisingly 'font size'
- There
are only 6 basic font sizes that are allowed so, to make
some text very small use <font size=1>at the start
and then </font> at the end to revert back to normal
- Tip1:The
Times font always comes out smaller than the others, as
you can see from the above examples. . It generally looks
better to use Arial and Verdana at size=2, like this
- Tip2:You
can combine both the face and size tag into one like this
<font face="arial" size=2> and then you only need
one </font> at the end
- Simply
put a <hr> in the text
- You
can put a link in the text, which can either be a link
to another page, or be an email link, by inserting this
HTML;
<a href="URL">your words</a>
- In
the above, replace the URL with the full URL including
the http:// and the 'your words' with the text that you
want the link to be attatched to
- If
you want to put an email link in it's almost exactly the
same
<a href="mailto:fred@company.com">your words</a>
- In
both cases the 'your words' part will be underlined links
as usual
- ZY
Web users can easily insert pictures into their pages
using using a template which already has a picture in
it, then Customize page option clicking on the picture
and change style then selecting the appropriate
file from your filestore
- Alternatively,
and this is getting more advanced, using HTML you can
achieve the same effect
- First
you have to upload the picture, which has to be a GIF
or JPG file, into your filestore using the get
files button
- Remember
the exact width and height of the image that is given
when the picture is uploaded
- Then
publish this image using the Publish button
- Remember
the URL(web address)of the published image
- Then,
where you want to include the picture in your text, insert
this HTML;
<img src="URL" border="0" alt="some pop-up text" width="123"
height="456">
- In
the above example, replace the URL with the precise published
URL of the image, including the http://
- Replace
the 'some pop-up text' with the text you want to appear
when you hold the mouse over the image
- Replace
the width and height values with the exact pixel values
of the image
|
