Adobe GoLive™ 5.0 i-mode Module ReadMe

This document explains what emoji are, and how to install the emoji modules.
You need to have both the iMode.module and emoji_en objects installed to create pages using emoji characters.

There is a tutorial that explains all the functionality and examples to walk you through using the modules.


Introduction

Emoji is a Japanese word that means "character symbol." An emoji is actually a single character in the i-mode font set. The glyph, or visual representation of the character, is a little picture instead of a letter.

Because an emoji is a character, it only takes up two bytes of memory - much less than a tiny gif image.

There are 166 emoji characters, letting you communicate alot of information very efficiently.

In HTML, emoji are represented by an html entity. That is an ampersand, a pound sign followed by 5 digits, and an ending semicolon.

The entity > represents the "greater than" symbol and appears as the > character. In the same way the entity  represents the character "fine" (as in "fine weather"), and looks like a little shining sun.

These modules add extra helper html to your document to assist GoLive 5 display and edit emoji.

Name entity html visual representaion html in source
Greater Than > > >
Fine &#63547; Fine <emoji name="fine">
&#63647;
</emoji>

With these modules, Adobe GoLive 5 can display the emoji image in Layout mode. The Inspector makes it easy to select the emoji you want.


Installing

Macintosh

  1. Quit Adobe GoLive 5.
  2. Drag the "iMode.module" into the Modules folder within the Adobe GoLive 5 folder.
  3. Drag the "emoji_en" folder into the Modules/Extend Scripts folder within the Adobe GoLive 5 folder.
  4. Launch Adobe GoLive 5.

Windows

  1. Quit Adobe GoLive 5.
  2. Drag the "iMode.module" and the "iMode.RData" files into the Modules folder within the Adobe GoLive 5 folder.
  3. Drag the "emoji_en" folder into the Modules/Extend Scripts folder within the Adobe GoLive 5 folder.
  4. Launch Adobe GoLive 5.

Tutorial

There are 2 emoji modules, menu commands accessbile through the Emoji Menu in the tool bar at the top of the screen, and the emoji object available in the i-mode palette in the Objects window.

Emoji Object

Adding emoji objects to your document.

To insert an emoji into your document, use the Objects palette and the Inspector. Add the emoji icon to your Web page in the same way you add other objects to it. While in Layout view, drag the emoji icon from the i-mode tab of the Objects palette onto your document.

When the emoji icon is selected in Layout view, you can use the Inspector to edit it.

The Emoji inspector shows you:

There are two ways to change the selected emoji:

You can also change the emoji by going into Source view and changing the name property of the emoji tag. If you enter an invalid name, you will see a warning and the default name will reappear.

Note: Manually changing the emoji html entity has no effect. The emoji will revert to the character specified by the name property.


Examples

These examples show you how to insert emoji into your document, and edit it using the Inspector.

Inserting an emoji characters

Here you'll practice adding emoji to your Web pages, and editing them with the Inspector.

Before you begin, be sure that you have installed the Emoji modules correctly, and restarted Adobe GoLive 5.

To insert emoji into documents:

  1. Open your document in Layout view.
  2. Display the Objects palette.
  3. Click the i-mode tab.
  4. Drag the emoji icon to your document.

You should see the default emoji in your document:

Fine

To change the emoji using the menu in the Inspector:

  1. Select the emoji in Layout view.
  2. Select "Cloudy" from the menu in the Inspector.

Your emoji should now look like this:

Cloudy

To change the emoji by clicking its image:

  1. Select the emoji in Layout view.
  2. Click the open umbrella image in the Inspector.

Your emoji should now look like this:

Rainy


Removing emoji help code tags

Removing emoji tags and adding comments:

  1. Open the document example1.html
  2. Switch to Source view

The source should look like this:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>Emoji Example 1</title>
</head>
<body bgcolor="#ffffff">
<emoji name="1">&#63879;</emoji> First<br>
<emoji name="2">&#63880;</emoji> Second<br>
<emoji name="3">&#63881;</emoji> Third<br>
</body>
</html>

  1. From the Edit menu, select "Find".
  2. In the Find palette, click on the "Element" tab.
  3. Click on the "Open Task" pop-up, select "Browse".
  4. Select "remove_emoji.task" located in the GoLive 5.0/Modules/Extend Scripts/emoji_en folder.
  5. Click on the "Add Files" button located at the bottom lower right of the palette.
  6. Select the file(s) you wish to remove the emoji help characters (example1.html).
  7. When finished selecting the files you wish to remove emoji help codes, select done.
  8. Click Start

The once the emoji help codes have been removed your source should now look like this:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>Emoji Example 1</title>
</head>
<body bgcolor="#ffffff">
&#63879;
First<br>
&#63880;
Second<br>
&#63881;
Third<br>
</body>
</html>


Copyright ©2000 Adobe Systems Incorporated. All rights reserved.