|
Tips & Tricks
Click on Manila Guide to download a copy of instructions on maintaining your website.
Positioning an uploaded image with the Manila Macro method:
- Use the Manila macro known as pictureRef to accomplish this.
Macros are case sensitive so you must enter the macro exactly as shown
and it must be enclosed in curly brackets true.
- Navigate to the page to place the image and click the Edit this Page button.
- Find the point in the text and/or links where the image is to
appear. Include the pictureRef macro along with the shortcut name of
the image and the alignment.
Example: to add an image with the shortcut name globe and
to wrap text around it on the right side of it, include this macro:
"{pictureRef("globe", align: left)}" (no quotes) 
The align portion of the tag can be left, right, or center depending on how you want the text to flow around the image.
- Click the Post Changes button.
Click a picture and go to a web site
To make a picture a hot link use this format:
<a
href="http://www.website.com">"picture title" </a>
Example:
"<a href'="http://www.esu7.org">"globe"</a> "
(no quotes) will take you to the ESU 7 homepage.
Scaling images
Scale the image to a size that fits the layout of the page. Large
graphics take a great deal of time to load in the browser so scale
images to the minimum size that still allows you to view the
appropriate amount of detail
To use html to scale images:
-
Move the image to the server with the Pictures editing tool. Remember the original name of the image (globe.gif).
-
Click on the Edit this Page button of the story where you wish to place the image. Click in the View HTML Source box.
-
Click where you wish to place the image.
-
Enter the following HTML: "<img
src="http://skipper.esu7.org/gems/username/picturename" height="144"
width="144">" (no quotes)
Example:
"<img src="http://skipper.esu7.org/gems/support/globe.gif" height="100" width="100">"
You can also locate free programs to prepare images for the web at http://www.versiontracker.com/.
WYSIWYG Editing for Macintosh Platform
The editor works in Mozilla 1.3b (FireFox for Macintosh System X) or Netscape 7.2 or later on all platforms.
It supports text and paragraph formatting, text and background coloring, lists, and tables, and has multi-level Undo/Re-do.
In order to enable the WYSIWYG editor for your own site:
- Click Prefs in the Editors Only menu, then click the Editorial link.
- Scroll down to the Editing Tool section, and choose WYSIWYG from the pop-up menu.
- Click the Submit button at the bottom of the page.
The WYSIWYG editor is now enabled and can be used in your story editing pages.
Calendar Plug-in
- Login to your website.
- Select Plug-ins from the Prefs menu.
- Check the Calendar box and the Submit button.
A Calendar link now appears in the Editors only menu.
- Click the Calendar menu for documentation, to add and delete entries and to change preferences.
To add the Calendar to the navigation bar:
- Select Advanced from the Prefs menu
- Enter this text in the Naviation scroll area: <item name="Calendar" pagename="YourSiteName/tablecal/">
Counter Plug-in:
- Login to your website.
- Select Plug-ins from the Prefs menu.
- Check the Counter box and the Submit button.
A Counter link now appears in the Editors only menu.
- Click the Counter menu to change the preferences.
- To add the counter to a story, enter this macro: "{counterMacros.pagecounter()}"
To embed a movie:
1. Check the size of your movie. Example: 360 by 240.
In the Finder - select the Column view
Highlight/Select the movie
Select File--Get Info orCommand-I
In the Info window, click on the arrow to the left of Preview
Note the Dimensions of the movie
2. Place your movie on the server. Remember the name of the movie!!
3. Login to your website.
-Select the Prefs command
-Select the Legal Tags command
-Put a check next to 'embed', 'param', and 'object' tags
-Click the Submit button
4. Select the Story you wish to have the movie appear on.
-Click on the Edit Page button
-Copy and paste the the following HTML code in your story.
-Replace the width and height in both the object and embed tags (indicated in brown below) according to your movie size. Remember to add 15 pixels to the height if you are including a controller.
-Change the value of the "param src" to reflect the URL of your uploaded gem (indicated in blue below).
-Enter the same URL in the src section of the embed tag (indicated in blue below).
This code will allow both Windows and Macintosh users to view the video.
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
WIDTH="360" HEIGHT="255" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="http://skipper.esu7.org/gems/sopplig/algebra.mov"
PARAM name="AUTOPLAY" VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED SRC="http://skipper.esu7.org/gems/sopplig/algebra.mov"
WIDTH="360" HEIGHT="255" AUTOPLAY="false" CONTROLLER="true"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>
5. Click the Post Changes button
Adding a link to the navigation section:
- Click on the Edit button beneath the navigation links.
- In the Name column of the Add Link row add the link text (this should be something short).
- Add the URL to the story. On the Shortcuts page, right-click or control-click on the link to the page and choose to copy the URL to the clipboard. Paste this into the URL field.
- Click the Update button to add the link to the navigation section.
Deleting a link from the navigation section: - Click on the Edit button beneath the navigation links.
- Locate the link to delete and check the box to the right of its URL.
- Click the Update button.
Adding the current date to your page
To add the current date to a Manila web page, type this exact text in your story:
{monthName} {day}, {year}
Adding the current date AND time to your page
To include the current time AND current date, type this exact text in your story:
{now}
Learn More HTML
To learn more HTML go to http://www.ncdesign.org/html/index.htm
Elements of Design
Tammy Worcester has a nice web page giving examples of how to improve the design of your site: http://www.essdack.org/webdesign/
How do I make spaces?
To add spacing (ie: indenting a paragraph) Type
'ampersand n b s p semi-colon' over and over again until you have the spacing you desire.
Have you had visitors?
In order to view how many hits your Manila web pages have gotten go to this address:
http://teachers.esu7.org/yourlogin/stats/mostReadMessages (replace yourlogin with YOUR LOGIN)
You can also create a shortcut to this address and call it whatever you wish (eg. stats, page hits )
Assign-A-Day http://assignaday.4teachers.org/
This FREE tool is designed to enhance teacher and student
communication through an on-line, teacher-managed calendar. Teachers
create a calendar for each of their classes and add assignments for the
students to view. Students view their teachers!= calendars in order to
see assignments for classes they might have missed, or to get an
overview of the class.
Color Table
Shows what color names web browsers understand:
http://hubcap.clemson.edu/~trourke/RGB.html
http://manilanewbies.userland.com/colors
HPR*TEC
HPR*TEC is a great teacher resource to enhance your Manila Site - http://www.hprtec.org/
Promoting Your Web Site
You've spent all of this time establishing a web presence, now use this link to get ideas about how to Promote Your Website.
When you are finished for the day
Remember to always logoff from your Manila site since the computer you are using will most likely be used be someone else.
Manila can assist you with logging off by having cookies expire when
you quit the web browser. This command is found by selecting Membership from the Prefs link and then and changing the setting as indicated below:
Creating Tables
Choose one of the following websites to create a table for your website
http://support.ici.net/html/scripts/tablemaker.html
Features: Row, Col, Border. Padding. Spacing ? Copy Code, replace >=something?)
http://www.bagism.com/tablemaker/
Features: Row, col, border. Padding. Spacing ? copy code, replace
>=something?, caption, header rows/col,alignment, width, allows for
data input unique
http://paradigmwebdesign.net/tablemaker.html
Features: basic plus vertical and horizontal alignment, appears in right window, new window for code
http://www.draac.com/tablemaker2.html
Features: Rows, Cols, Width in pix or %, background color, horizontal & vertical alignment, nice layout
http://coolpagehelp.com/index.html?row2col2=tablemaker.html
Features: Row, Col, Padding, Color, Alignment, Replace, [row1. column3]
http://www.webenalysis.com/table-tag-generator.asp
Features: Row, Col, Color, Vertical Alignment, Captions, Shows Table and Code, Replace [Text Here]
http://www.jimtools.com/tools/generate-tables/
Features: Row, Col, Color, Font, Vertical Alignment, Show Table and Code, Replace Cell Content
Stopping E-mail Notification
By default, Manila sends an e-mail notification each time a new story
or picture is created and/or each time a story or picture is changed.
To stop these notices:
Select Prefs on the Editors Onlytool bar
Select theEditorial command
Change the setting as indicated below
|
