s1webmedia.co.uk - affordable web and media solutions
Password...

You need a JavaScript-enabled browser to use this page. Form disabled.Get Firefox - MUCH better (and safer) than Internet Explorer!

Use the password protected form on this page to edit your site content...

Authorization...
General Help

Once you have entered your password...

  • Use the «EasyEdit» form on this page to add/edit/move/delete sections to pages on your website.
  • Use the «EasyUploads» form on this page to manage the image/video/audio/etc. files that your site uses.

Once your site has some content, you can move things around, update text, add images, etc. Enjoy!

More help is available below, as well as at www.s1webmedia.co.uk/easyedit/data/help.htm

Top

«EasyEdit» Content Editor...

Use this form to add/edit/move/delete content to your website.

Dump ALL SimpleMarkup

Select Page...
Sections... Capitalize Title
Bigger
«EasyEdit» Help

Start by selecting the page you want to edit, then select an existing section or 'New Section' to add a new one.

A section has a title, and optional blurb which you enter using «SimpleMarkup».

Checking the 'Auto-Capitalize' checkbox turns e.g., 'this is a section title' into 'This is a Section Title' (recommended).

The 'Position...' drop-down lets you insert a new section within the page, or move / delete an existing section.

Deleting a section (you will be prompted to confirm all changes) DOES NOT remove any «EasyUpload» files the section links to.

Tip: also on this form (above the Page selector) there is link to dump the markup for your entire site. It is MUCH better to use this to edit your «SimpleMarkup» in and external editor, and use the clipboard. The Blurb field itself is best used for small changes.

«SimpleMarkup» Help

«SimpleMarkup» is quite forgiving of small errors in formatting, and generally corrects mistakes automatically.

On this form you will find a Test Page (above the page selector, when the test page is selected) which is not part of the site's navigation. This is a good place to try out your markup before moving it to your 'live' site.

Tip: also on the form (above the page selector) there is link to dump the markup of your entire site. It is MUCH better to use this to edit your «SimpleMarkup» in and external editor. The Blurb field itself is best used for small changes.

Text entered into the «EasyEdit» form's Blurb field (or better, pasted from Notepad/TextEdit, etc.) can be formatted in the following ways:

[ This font is used to display what is typed/pasted into the blurb field... ]

Note: ALL HTML is ignored!

Email addresses and URLs are AUTOMATICALLY converted to links
foo@bar.com, www.foo.com/bar, http://foo.com/bar, link to ##PHOME## and ##OMYZIP##.

become:

, www.foo.com/bar, http://foo.com/bar, link to s1webmedia, Example ZIP.

Note, if a URL begins with 'www.' you can omit the 'http://'.

The last example above shows how to link to arbitrary files you might have previously uploaded via the «EasyUpload» form - see the «EasyUploads» Help section below.

Tip: copy and paste IDs from the «EasyUpload» form into the 'Blurb' field.

Separate paragraphs using blank lines.
Paragraph 1...
This is NOT Paragraph 2!

Paragraph 2...

becomes:

Paragraph 1... This is NOT Paragraph 2!

Paragraph 2...

*Bold* and _Italics_
*All bold on a line of its own makes a sub-heading*

This is *bold text*, _italicized text_ *_bold italicized text*_ and \*NEITHER bold NOR \_italic_ text*.

become:

All bold on a line of its own makes a sub-heading

This is bold text, italicized text, bold italicized text and *NEITHER bold NOR _italic_ text*.

Note the last example where the special meaning of '*' and '_' are escaped using '\'.

If a closing '*' or '_' is omitted, bold or italic is applied to the end of the line.

+ Make bulleted lists
+ *Item 1*
+ _Item 2_
+ Item 3

becomes:

  • Item 1
  • Item 2
  • Item 3
| Mimic tables using a fixed-width font
| *foo* *bar* *baz*
|   1   2   3
|  10  20  30

becomes:

foo bar baz
  1   2   3
 10  20  30

Note, to keep alignment of headings, bold needs to be applied to each separately.

= Sub-sections within a page section
= Sub-section 1

Blurb for sub-section 1

More blurb for sub-section 1

= Sub-section 2

Blurb for sub-section 2

...

=

becomes:

Errm, well actually we're already in a subsection and we can't do sub-subsections - '= Sub-sections within a page section' is a subsection of the '«SimpleMarkup» Help' page section - but you get the idea, right?

Note, the final '=' on a line of its own 'closes' the sub-sections, and anything that follows belongs to the main section. If accidentally omitted, it will be automatically added to the end of the page section.

That's all - which is why we call this «SimpleMarkup»!

For more comprehensive documentation - including a short tutorial see www.s1webmedia.co.uk/easyedit/data/help.htm

Top

«EasyUploads» File Manager...

Use this form to manage the image/video/sound/etc. files that your site uses.

Uploaded Files... by Title
 | 
by Type
 | 
by Date
Sort  

Preview:
preview unavailable

-

Upload Options...

Remember to give a meaningful title to all files you upload. This makes your site more accessible and easier to manage.

Capitalize Title
Check URL
Local Files...
«EasyUploads» Help

Use the '«EasyUploads» File Manager...' section of the form to manage the image/video/audio/etc. files that your site uses.

Start by choosing either an existing upload to change, or 'NEW Upload...' from the 'Uploaded Files' selector.

Once you have uploaded a few files, you might find it useful to change the order of the list in the selector - by Type, Date or Title.

Selecting an existing upload may show a small preview image below the selector.

Information about an existing upload is shown below the preview pane, including its ID - ##VMYVID## for example. It can be handy to select, copy to the clipboard, and paste this into your «SimpleMarkup».

You can delete the upload (and all references to it in your «SimpleMarkup») by clicking the Delete button below the preview pane (you will be prompted to confirm all changes).

All uploads must have a Title and a file (or URL if it points to audio or video).

Clicking on 'Capitalize Title' turns e.g., 'this is an upload title' into 'This is an Upload Title' (recommended).

Once you have entered a Title, selected a file via 'Local Files...' (or URL), and options, click the 'Save Upload Changes' button (you will be prompted to confirm all changes).

Changes to an «EasyUpload» are automatically reflected in any pages that contain its ID.

Available options and how uploads are displayed depend on the type of file you're uploading/changing. We'll start with the simplest:

'Other'

Any file not recognized as image/video/audio is treated as an 'other' file.

Option

Icon Next to Link - depending on file type, «EasyEdit» will try to put an appropriate icon next to the link.

Display

Other files are always displayed 'inline' - within the flow of text - when a reference to one is inserted in your «SimpleMarkup»:

This is an example of an inline «EasyUpload» ##OMYPDF## (with icon), and here's another ##OJWMED## (with icon).

becomes:

This is an example of an inline «EasyUpload» Example PDF (with icon), and here's another Example ZIP (without icon).

Audio

«EasyEdit» only recognizes MP3 files (other formats like WMA or WAV are treated as 'other' files).

Options

Title Caption - displayed below the audio player.

URL - to save your disk and bandwidth quotas, you might specify the URL - web address - of an off-site MP3 track.

If you click the Check URL above the URL field, a new window opens. If you get a 'not found' error - check your typing. (It's always better to copy and paste URLs to avoid such typos).

Display

Audio is always displayed on a line of its own (with optional caption below):

This is an off-site track (from http://download.mp3.com/user_audio/d1/2/8/9/3/21744663.mp3):

##A21741##

and this is a small uploaded MP3 file:

##AASONG##

becomes:

This is an off-site track (from http://download.mp3.com/user_audio/d1/2/8/9/3/21744663.mp3):

Please use a JavaScript-enabled browser with Flash to hear this audio.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

Radiohead - Jigsaw Falling into Place

and this is a small uploaded MP3 file (no caption):

Please use a JavaScript-enabled browser with Flash to hear this audio.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

Video

«EasyEdit» only recognizes Flash Video (FLV) files (other formats like WMV or MOV are treated as 'other' files).

Free FLV encoders can be downloaded from http://www.erightsoft.com/SUPER.html (Windows) and http://ffmpegx.com/ (Mac).

Options

Title Caption - displayed below the video player.

Thumbnail File - any image - preferably a still frame (JPG) from the video.

URL - to save your disk and bandwidth quotas, you might specify the URL - web address - of an off-site FLV file.

If you click the Check URL above the URL field, a new window opens. If you get a 'not found' error - check your typing. (It's always better to copy and paste URLs to avoid such typos).

Display

Videos (and images) can only appear at the beginning or end of paragraphs - not within textual paragraphs, in bulleted lists, subsection headings or in text with fixed-width fonts:

A video (taken with a mobile phone!) on a paragraph on its own:

##VWESTB##

becomes:

Please use a JavaScript-enabled browser with Flash to view this video.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

West Berlin

The next examples are less simple, although not difficult...

Paragraphs with Text and Video/Images

##VWESTB## ##VWESTB## Starting a paragraph with a group of one or more video IDs pushes the text of what follows to the right of them.

\

becomes:

Please use a JavaScript-enabled browser with Flash to view this video.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

West Berlin

Please use a JavaScript-enabled browser with Flash to view this video.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

West Berlin

Starting a paragraph with a group of one or more video IDs pushes the text of what follows to the right of them.

By default, this continues until the next video (see next example), image or (sub)section.

To force a break, so that subsequent text is pushed back to the left margin, put a single '\' on a line of its own. This is not needed when there is no text in the paragraph.

Ending a paragraph with video ID(s) pushes the videos to the right, with the paragraph and the following text to the left. ##VWESTB## ##VWESTB##

becomes:

Please use a JavaScript-enabled browser with Flash to view this video.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

West Berlin

Please use a JavaScript-enabled browser with Flash to view this video.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

West Berlin

Ending a paragraph with video ID(s) pushes the videos to the right, with the paragraph and the following text to the left.

Again, you can force a break with the '\' on a line of its own.

You can also mix groups of videos with images - see next subsection...

Image

«EasyEdit» (and most web browsers) only recognizes JPEG, GIF and PNG image files (other formats like TIFF or BMP are treated as 'other' files).

Options

Title Caption - displayed below the image.

Clickable Thumbnail - larger images only - display an auto-generated thumbnail of the larger image. Clicking the thumbnail shows the larger image.

URL - small images only - unlike audio/video - clicking on the image displays the specified URL, typically an external webpage.

Display

Images display options are the same as for video - in fact, they can be grouped together on the same paragraph:

##IAIRPO## ##VVWES2## ##IAIRP1##

becomes:

Airport

Airport

Please use a JavaScript-enabled browser with Flash to view this video.
Get Firefox - MUCH better (and safer) than Internet Explorer! Get Flash Player

West Berlin

Airport

Airport

Paragraphs with Text and Video/Images

##IAIRP2## Paragraph started with image ID.

\

and

Paragraph ended with image ID. ##IAIRP3##

becomes:

Airport

Airport

Paragraph started with image ID.

and...

Airport

Airport

Paragraph ended with image ID.

Note the '\' on a line of its own to force the following text back to the left margin. This is not needed with groups of images/video with no text in the paragraph.

Finally, a small image with a link to http://gimp.org/ - a free multi-platform image editing program:

Get The GIMP!

The above might seem like a lot to know (especially the stuff about starting/ending paragraphs with video/images). Don't worry, the default behaviours are usually what you'll want.

For more comprehensive documentation - including a short tutorial see www.s1webmedia.co.uk/easyedit/data/help.htm

Top

Download Entire Site...

Use this form to download a single 'tarball' file containing a 'Snapshot' of your site.

Once you have extracted all the files from the downloaded tarball, you can burn an offline version of your site onto CDROM.

Download...

NOTE - Depending on the size of your site, this can take upto a few minutes...

Download Help

Use the 'Download Entire Site...' section on the form to download a single 'tarball' file containing a 'Snapshot' of your site.

Simply click on the Download Snapshot button and click OK to confirm.

Save the tarball as e.g., 20070704T120000.tar

NOTE that depending on the size of your site, this can take a few minutes to download.

To extract the files from the downloaded tarball, Windows users might need a copy of 7-Zip from www.7-zip.org. Mac users can use Applications/Utilities/Stuffit Expander.

Once you have extracted all the files, you can burn an offline version of your site onto CDROM.

NOTE that you cannot use the «EasyEdit» form or send emails via an offline version of your site. Also, video or audio files that are stored on a different server (created via the URL field in the '«EasyUploads» File Manager' section of the form) will only be available to people with an Internet connection.

Top

Last update: 2009-12-17 © 2009 s1webmedia.co.uk