How to Edit an Existing Webpage
Step One
Go to the Web Page you wish to edit.
When you find the page you wish to edit, you'll notice that it has a thin border enclosing it with tabs along the top. This area is called the task bar. 
You'll notice that the View tab is selected, which makes sense; you're viewing the page as you would normally view any webpage.
[If you do not see the Edit tab either you do not have permission to edit the page or you need to contact the Portal Administrator.]
Click on the edit tab to access the page for editing. Every page is composed of the following three main sections:
- Title: The phrase you put here appears as the headline at the top of the page. This field is required; it should be descriptive and not too long.
- Description: This is a short lead-in to the page -- a good description of what the page is all about. It usually appears after the title of the page but before the body text. It isn't required, but we strongly encourage you to use this field, because you will see it in other places such as:
- in search result listings
- as a pop-up when you hold your mouse over this item when seen in the navigation
- in newsfeeds (called RSS feeds)
- Body Text: This is the main part of the page. In the Portal you will use a built-in webpage editor called Kupu to format the page content. It saves you from having to know HTML to create webpages (although if you like, you can also edit the HTML directly). Kupu works a lot like a word processor in that you type or paste in your content, and then use a set of tools to format it. The next page describes these formatting tools.
Learn what all the icons in Kupu do.
Most of the functions here are fairly self-evident, but a few require some elaboration. A brief description of a tool's function appears if you hover your mouse arrow over the icon. Here is a quick synopsis of the editing tools, in the order that they appear.
When you're done entering and formatting content for a page, be sure to push Save at the bottom of your screen. You will receive a prompt you if you try to leave the page you're editing without saving it first. Of course, if you click through the prompt, you'll lose all your work!
![]() |
The style menu allows you to choose a paragraph formatting style for your text. The choices in this box will likely be customized for your website's graphic design. However, in a default Plone setup, "Normal" is used for body text, "Heading" is used for major headlines, "Subheading" for secondary headlines, and "Formatted" is generally not used, unless you have need for formatting "literal" text like mathmatical equations or snippets of HTML code. |
![]() |
These buttons toggle whether the highlighted text is bolded, italicized, underlined, superscripted or subscipted. Basically similar to the formatting commands in a word processor. |
![]() |
Text alignment (left, center, right justified). These settings apply to an entire paragraph. Again, similar to your word processor. |
![]() |
Ordered and bulleted lists. We encourage you to use these instead of trying to manually insert numbers or bullets. To stop adding items to a list, delete the last bullet/number or hit enter twice. |
![]() |
Indent and Outdent. Best used for excerpted text or quotation. You can change this indented text back to normal using outdent. |
|
Toggle full-screen mode, which expands the editor to fill your entire screen. Can be handy for working on longer pages. |
![]() |
Insert a definition list, which is a way of formatting lists. A definition list has alternating lines that are boldfaced and indented, and looks like this:
Definition of the term (This is probably not something you'll use very often.) |
![]() |
Insert an image. This button will open up a "drawer" which will allow you to browse the contents of your site to find the image you want, or upload a new image. |
|
Insert a link to another page in your site. (Internal Link) |
|
Insert a link to a page outside of your site. (External Link) |
|
Insert a table. Tables can be very useful, but it takes a little doing to learn how to work with them. Read the tutorial for tables to find out more. |
|
Undo and redo edits done before the last time you saved. These buttons work with varying levels of success. |
|
View the HTML code of the page. This can be useful if you need to make some more technical adjustments to the code. Knowledge of HTML is a must however. |
You can create hyperlinks from one page to another. In the Portal, this type of link is called an internal link . It is internal because this link won't take you to another website. To link to other websites, see the instructions further down the page for creating an External Link. The following steps explain how to create an Internal Link:
Inserting Links to content residing in the Portal
Create or select the text you want to hyperlink, then click the button to insert an internal link. It will open a window that looks something like this:

From this screen, you can navigate around the contents of your site. When you find the content (file, folder image) that you want to insert a link to, highlight it and click OK.
External Links:
If you'd like to link your text to another website other than yours, highlight the desired text and use the External Link button. Now you'll see a window pop-up for you to enter the address (URL) of the website you want to reference.

Important: Be sure to include the http:// at the beginning of the web address. You can also push the preview button to see a preview of the website you are linking to. This is a good way of making sure the link is working properly, before you Save the page you are working on. Push Ok to finish, or Cancel to start over.
Creating an Email Link:
Creating an email link will create a link that will send an email to the person you specify by using the default email client. To create such a link, follow the instructions for External Link above, but erase the http:// and in its place put mailto: no spaces and the email address. The result should look like this: mailto:person@domain.org. Push Ok to finish. Note: You cannot use the Preview feature to test email links.








