Skip to main content

Editing

How to Edit Your Web Site

These are some notes on how to edit your site at typed.com. All the editing is through the web and is designed to involve no use of special HTML codes for most purposes. Instead there are simple conventions for creating headings, lists, italicized text, and so on.

This page is on your site and accessible through the URL

http://dancevictoria.typed.com/editing

but it is not linked to your site and hence is not apparent to your users.

Getting Access for Editing

Go to http://typed.com, click on the Login link at the top right, and login using your email address and password. The system is designed to keep the login information on your local computer so you may find that you do not always need to login.

This is your home page for managing the site and you can always return to it by clicking the little home icon at the top left of every page.

The Sign Out link at the bottom logs you out. There is generally no need to do this if you are on your own private computer.

The Your Account link takes you to a page where you can change your password.

The *New Site" link allows you to create additional sites, up to three in all. You currently have one registered for Dance Victoria, accessed as http://dancevictoria.typed.com.

The Dance Victoria links takes you to the editor that site.

Posts, Pages and Settings

At the top right are links to Posts, Pages and Settings, and the page initially shown is the Posts page for updating the blog.

Posts supports Typed's blogging tool intended for dated news items such as newsletters and announcements. The tool makes it easy to add new entries which are automatically dated when entered.

The entries are shown in condensed form in reverse chronological order, and clicking on one shows the full contents. The date determining the order can itself be edited if, for example, one wants to keep an announcement at the top of the list for a while.

Pages supports normal web pages providing background information to the blog and generally requiring less editing. Each page has a title which appears in a navigation bar on the published site to allow users to access that page.

Settings provides access to more technical aspects of the site, such as the styling information for the colours, text sizes, and so on, determining the appearance of the items entered.

Editing

Posts and Pages are both written and edited on the web as one would in a word processor. To avoid the need to use HTML tags, Typed supports Markdown tags which enable one to create paragraphs, headings, italicized text, bulleted lists and so on, by simple tags in the text.

Markdown is explained at

https://en.wikipedia.org/wiki/Markdown

and, in greater detail, at

http://daringfireball.net/projects/markdown/syntax

The notes below are intended to cover all that is necessary to manage your site.

Paragraphing

Text is broken into paragraphs by leaving a gap between the lines, that is by putting two line breaks instead of one.

Headings

Headings are created by commencing a line with one or more "#" characters. The styles that have been set up for this site provide 3 levels of headings, each of which may be on the left or centred.

  • # text --- produces a first level heading on the left
  • ## text --- produces a first level heading centred
  • ## text --- produces a second level heading on the left
  • ### text --- produces a second level heading centred
  • #### text --- produces a third level heading on the left
  • ###### text --- produces a third level heading centred
Emphasis

The styles that have been set up for this site so that words or phrases may be italicized by putting an asterisk at the beginning and end, and may be shown in bold red by putting two asterisks at the beginning and end; for example:-

  • *text* --- produces text
  • **text** --- produces text

Bulleted lists like that above are produced by putting an asterisk followed by a space at the beginning of a line (showing the markup itself on the left of the list above is possible, but not normally necessary, because a backslash character in front of a markup character stops it being interpreted as markup).

Inserting Images

Images are simply inserted in a two-stage process: first, uploading them to the Typed server; second, dragging them into the page you are editing at the position where you wish them to appear.

There is an image management pane on the right of every page you edit, similar to that below.

Drag the file containing the image to the top section of the pane. It will upload to the server and appear in miniature in the lower section. The image above shows the image management pane for this page after the first two images used had been uploaded.

Then drag the miniature version of the image to where you wish it to appear on the page. Usually the best approach is to create a single line starting with ## as if it was a centred heading and drag the image just after the ##. The result appears similar to that below where Typed has converted the dragged miniature image to a link to your image on their server.

## ![](https://images.typed.com/752cd8cd-08ee-4815-84f2-23e286e1f176/images.png)

When you publish the page the actual image will appear in the position where you dragged it.