Iceape Composer
ーーーHTMLエディターです。ヘルプをある程度和訳しました。ーーー
Starting a new page
新しいページ作成。( 以下の方法のうち一つ選ぶ。)
ナビゲーターブラウザからページ作成
ファイルメニューを開き、New
現在みているページを編集
ナビゲータウィンドウでFile->Edit Page
composer中で新しいページを作る。
composer ->
toolbar -> New
ローカルドライブ中のHTMLffile からスタート
- windowメニューからcomposerを選ぶ。(composer window 表示)
- file menu -> Open file -> open HTML File dialog box
- local drive 中の 編集したい fileに行く。
- open
Web ページの編集
- window menu -> navigator
- web page に行く。(URLをタイプして)
- File menuでedit Page を選ぶ。
Saving and Browsing Your New Page
HTMLとしてSAVE
file -> save( か コンポーザーツールバーのsave
button)
コンポーザーはタイトルをつけるようさせる。そしてファイル名と保存場所を入れるようにする。
サウンドや画像がfile:/// ~ (ローカル)ならドキュメントはでない。
text-only fileとしてセーブ
File -> Export to Text
- filename 場所を記入する。
Formatting Paragraphs, Headings, and Lists
段落をformat するには
- format する場所をクリックするかformatするtextを選ぶ。
- format toolbar のdrop-down listから選ぶ。
- Body text: default font でありspaceを作らない。
- Paragraph: 上下の境界を含む段落を挿入。
- Heading1-6:段落をheadingとしてformatする。
- Address: user@example.comのようなもので、web page の署名などに使われる。
- Preformat:code example,column data,mail-mesageなどをfixed-width
fontで表示するのに有用(original extra-spaceを保存する)。
Textを Headingとしてformatするには
- 場所をクリック(挿入点)
- heading1-6をformat toolbarから選ぶ。
list item formatするには
- 場所のクリック
- Format menuからListを選び
- Styleを選ぶ。
- Bulleted
- numbered
- Term and Definition(works together):glossaryーstyleのtermー
definitionを作る。
Working with Lists
リストを終わらせるには最終アイテムの終わりにenterを2度入れる。
1つ以上のリストアイテムをbody textに変えるには
- 挿入点をクリックするかリストアイテムを選ぶ。
- numbered list (bulleted list)ではFormatted toolbarのnumbered
list(bulleted list)ボタンをクリックする。
indented text をlist item の下に置くには
- 挿入点をクリック
- sift + enter でhanging indent を作る。
- indent text をタイプ。
- sift + enterで、他のindented paragraphを作るか,returnを押して次のリストアイテムを作る。
tip.
リストアイテムのインデントを増減させることはFormat toolbar のIndent or
Outputボタンをクリックすることによりどこでもできる。代わりにリストアイテム中どこでもtabを押すことで1段階のindentできる。sift
+ tab で1レベルのoutdent できる。
2つの隣接リストをmergeするには
- 2つのリストを選んで(両者の間の全テキストもmergeされる)
- Format toolbarのballeted or numbered list ボタンをクリックする。
changing TextColor, Style, and Font
-
全テキストスタイル(bold,italic,...)を選択したテキストから取り除
くには
- textを選び
- Format menuからRemove All Text Style を選ぶ。
- タイプを続ける。
text style を取り去ってtext typeを続けるには
- 挿入点を置く。
- Format menuからDiscontinue Text Styleを選び、タイプを続ける。
Finding and Replacing Text
作業中のページでtextをfind
- 検索を始める場所の挿入点をクリック
- Edit menuのFind and Replaceを選択。(dialog box が開く。)
- Find what にタイプ オプションは
- Match upper/lower case
- Wrap around(ぺーじの終わりまで行って top or bottom から再スタート。)
- search backward;
- Find next
- Close
作業中のページでfind and replace
- 2まで 同上
- findにtextそしてreplacementにtext
- 以下同上
Inserting Horizontal Lines
- 挿入点をクリック
- insert menuからHorizontal Lineを選ぶ。
setting Horizontal Line Properties
- Horizontal Line Properties dialog boxを表示するためにlineをダブルクリック
- 以下のpropertiesを編集
- width: "%of window" or "pixels"
- Height:(pixels)
- 3-D shading
- Alignment(左、中央、右)
- Use をクリックしてこれをdefaultとする。
- manualでproperties を編集するにはAdvancedEditクリック
Inserting Special Characters
- click to place
- insert menu -> characters and symbols
Inserting HTML Elements and Attributes
HTML source code を扱えるなら、tag,style
attribute,Javascript 等付け加えられる。以下の1つを使う。
- 挿入点を置いてHTMLコードを入れるか編集したいテキストを選択し、insert
menuでHTMLを選ぶ。HTMLダイアログボックスでHTMLーTAGとテキストを入れてクリック。
- table, named anchor, image, link horizontal line
等を選美、ダブルクリックしてproperties dialogboxを表示 ->advanced editをクリック
- view menu -> HTML source (or Edit Mode toolbar
<HTML>source tab click (Composer bottom))
Using the Advanced Property editor
tables,images,horizontal lines 等の
objectsにHTML-atributeやjava-scriptを付けるにはAdvanced Property Editor を使う。
- View menu(or Edit toolbar) -> HTML tags
- modifyしたいobjectをダブルクリックしてproperties dialog box
- Advanced Edit
- HTML Attribute
- Inline style
- Javascript Events
-
-
-
- Validating the HTML
- Tool menu -> Validate HTML(セーブせよといわれたらセーブ)
- W3CHMLValidation Service Page が出たらBrouseをクリックしてhard
disk上のvalidate ページをだし
- "Validate this document"をクリック
Choosing the Right Editing Mode
- Normal (table borders と named anchor icon のみ表示)
- HTML Tags
- <HTML> Source
- Preview
Adding Tables to Your Web Page
Inserting Table
- click to place
- ツールバーのtable button をクリック -> Insert Table dialog
- rows (行) columns(列)の数を入れる。
- borderの厚さ(pixels) , 0---no border
- 付加的table attribute 或いはjavascript -> Advanced Edit
- OK
Changing a Table Properties
- テーブルを選ぶかそのいずれかの場所でクリック。
- ツールバーのtable button をクリックするかtable menuを開きtable propertiesを開く(table
tab, Cells tab)
- Table tab
- size 行 列の数、 テーブルのwidth (% , pixel )
- border and spacing 幅のborder line のpixels, cells間のspace , cell
padding (cell内contents とcell border間の space)
- Table alignment (Page 内での配置)
- Caption (見出し) (drop-down list から)
- back-ground color
- Advanced Edit
- Preview or OK
一つ以上のcellsに対するpropertiesの付加、変化をみるには
- row, column, or cellを選びtable propertiesを選ぶ。
- cells tab で以下のpropertiesを編集する。
- Selection
- Size
- Content Alignment
- Cell style
- Text wrap
- Background color
- Apply to preview or click OK
Adding and Deleting Rows, Columns, and Cells
To add a cell, row or column
- テーブル中のセルを加えたい場所でクリック
- table menuを開きinsertを選ぶ。
- cell groupings の一つを選ぶ。(table cells中に新tableをinsertすることもできる。)
To delete a cell ,row,or,column
- row 、column、 cell をクリックする、か、drag over neighboring cells to
delete, or Ctrl + click over cells to delete,
- Table menu -> delete
- delete する item を選ぶ。
To join (or merge) a cell with the cell on its right
- 左のセル中をクリックしてtable menuよりjoin with Cell the right
To join (or merge ) adjacent cells.
- adjacent cellsをdagging overで選択。
- table menuでjoin selected cells を選ぶ。
To split a joined cell back into 2 or more cells
- joined cell中でクリックしtable menuでSplit cellを選ぶ。セル中の内容は2つのうちの最初のセルに入る。
default で cellの増減を行っても元の四角いテーブルの形は変わらないようになっているこれを変えるには
- Edit menu -> Preference -> Composer
- Under editingで以下のpreferencesをセット
- "Maintain table layout when inserting or deleting
cells."がチェックされているか
Selecting Table Elements(table,cell,group of cellsの選択)
- テーブル中でクリックしてtable menu -> Select -> submenu -> itemを選ぶ。か
- マウスで選択
Moving Copying , and Deleting tables
テーブルを移動
- テーブル内でクリック
- table menu -> select -> tableを選ぶ
- コピー或いは移動するにはEdit menu の cut, copy, pasteを使う。
- 消去するにはtable menu -> Deleteを選び、Tableを選ぶ。
Converting Text into a Table
to convert text into a table
- table中にconvertしたいtextを選択。選択中の段落ごとに新しい行ができることに留意。
- table menu -> Create Table from Selectionを選ぶ。 --> Convert
to Table dialog box
- the character Composer uses to separate selection into
Columnsを選ぶか、他のcharacterを特定する。もしスペースを選んだらマルチスペースを一つとして扱うか選ぶ。
- "Delete separator character"をチェックしてconvert時に取り去るかどうか決める。
- OK
Adding Pictures(Images) to Your Page
Inserting an Image into Your Page
GIF, JPEG, BMP, PNG(Portable Network Graphics)を挿入できる。create
linksでそれらを利用することもできる。
tip:イメージを挿入する前にページをセーブ或いは出版したらコンポーザーがイメージを挿入するときに相対参照を作るのでベストである。
To insert an image
- 場所をクリック
- toolbar Image button をクリックするか Insert menuでImageを選んでImage
Properties dialog box を出す。
- image file の location と filenameをタイプするか Choose
fileをクリックしてハードドライブやネットワークからイメージを探す。
- alternate text にイメージのsimple description をタイプしてtext-only browser
に表す。代わりにalternate text なしでもできる。
- 必要なら他のタブ。
Editing Image Properties
一度ページに挿入したらそのプロパティを編集できる。(height, width, spacing, text alignment)
to edit the properties for a selected image:
- imageをダブルクリック或いは選択して、toolbarのimageボタンをクリックするとproperties dialog
boxが出る。
- Locationタブをクリックして以下のpropertiesを編集する。
- image location:hard drive or network 中のファイル名と場所をタイプするか選ぶ。
- URL is relative to page
location:これをチェックするとどこにファイルがあろうともウェブ上で公開でき便利。チェックしないとURLは絶対的となる。チェックするために
はまずページをセーブしなくてはならない。
- attache this image to the message: チェックしなかったらリンクが代わりに挿入される。
- Alternate text
- Don't use alternate text
- Dimension tabをクリックして以下のproperties を編集する。
- Actual size: originalにもどす。
- Custom size:サイズ変更(ページ内のみ)
- constrain: (height or width変更のみで済む)
- Apperance tab
- Spacing : image 周囲のスペースを決める(TEXTとの間の)
- Align Text to Image:イメージに対してTEXTをどのように置くか決める。
- Image Map:Remove をクリックするとセッティングremoveする。
- Link tabをクリックしてpropertiesを編集
- Enter a web page location : このイメージのリンクを定義
- URL is relative to page location:
これをチェックしなかったら、イメージなどの絶対的URLが必要になる。チェックするとリンクしたファイルがすべてページに対して相対的となりウェブ公開
に便利。まずページをセーブする事が必要。
- Show border around linked image:
Setting Page Properties and Meta Tags
title,author,documentのdescription等の
propertiesを入れるのにPage properties dialog
boxを使うのはwebsiteで検索エンジンに情報を与えるために有用である。この情報はbrowser windowでview menu
--> Page Infoで見ることができる。
- Format menu --> Page Title and Properties選択
- 以下を編集
- Title:
- Author:
- Description
Setting Page Colors and Backgrounds
- Format menu で Page colors and Backgroudを選ぶ。
- 下記のいずれかを編集
- Reader's default color:
- Use custom colors:
- Background image:
- URL is relative to Page location:他者から見ることができるためには必要
Creating Links in Composer
Creating Links Within the Same Page
同一ページ中のsection異動などの為には、anchor(target
location)を作り、anchorを示すlinkをつくる。(named
anchorと呼ぶ)
- 挿入点を置くために、アンカーを作るラインの最初をクリックするかTEXTを選ぶ。
- Insert menuでNamed Anchorを選ぶ。
- Anchor Nameをタイプ(30字まで)。スペースはアンダースコアに変換される。1でTEXTを選んだ場合すでに名前は付いている。
- OK
クリックしたらアンカーへジャンプできるリンクを作るには
- anchorへリンクしたいテキストかイメージをクリックして選択。
- Link butttonをクリックするかinsert menuを開いてLinkを選ぶ(dialog)
- HTTMLファイルへのリンクを作りたいならChoose Fileを選ぶ。
- named anchor へのリンクを作るならこのページ中で使用できるanchors listから選ぶ
- 現在のページのheading list(1-6)から選ぶ。
- OK
Creating Links to other Pages
自分のページから自分のコンピュータ上のローカルや、ネットワーク上のページにリンクを作る。
まず自分のページをセーブか発刊してから他ページへのリンクを張った方がよい(自動的に相対参照を作る)。
他ページへのリンクを作るには
- リンクを作るべき場所をクリックするか、テキストかイメージを選択してanchorへリンクする。
- Link buttonをクリックするとLink Properties dialog box が開く。
- Link定義
- Link text :
リンクボタンクリック以前にイメージファイル或いはテキストを選んでいたらそれがここに出る。そうでないならリンクとして使いたいテキストを入力する。
- Link location : local path and file name,or remote URLをタイプ。
- URL is relative to page location をチェックせよ。
- Advanced Property Editorでjavascript等を
- OK
Using Images as Links
- ページのイメージを選択
- LINKボタン(ツールバー上)を押すかInsert-->Linkで
- Link Properties dialog boxを使いnamed anchor or heading within this
page 或いはseparate local or remote pageとしてクリック
tip:navigator
windowからcomposerへdrag and dropでリンクとイメージともコピーできる。
Removing or Discontinuing Links
remove
- リンクされたテキスト(青く下線付き)かイメージを選び
- Format menuでRemove Links を選ぶ。
discontinue a link(リンクの後ろにタイプしたテキストが、リンクの一部として含まれないようにする。)
- リンクを終わらせる部位をクリックして
- Format menu --> Discontinuing Linkを選ぶ。
Publishing Your Pages on the Web
Publishing a Document
リンクやイメージを挿入する前にページを発刊するか保存することが望ましい。
ドキュメントを発刊するには
- 発刊するHTMLドキュメントを開くか新しいコンポーザードキュメントを作る。
- 発刊する用意ができたらPublishボタンを押す。以前このドキュメントを発刊したことがあったらコンポーザーはそのセッティングを覚えて
おり発刊する。発刊が進行中の間Publishing status dialog boxを出す。
- まだ発刊したことがないならdialog box 中にsetting tab を出して情報を入れるようにさせる。
- ドキュメントを保存したことがないならファイル名を入れるようさせる。
- BROWSEボタンで見る
- 必要なら編集を続けアップデート時publishボタンを押す。
ドキュメントを最初に発刊する時コンポーザーはfile:///URLをhttp://URLに変え,published
documentを編集していることを教える。もしlocalに保存したいならsaveボタンを押す。
tips for Avoiding Broken Links or Missing Images
- composer filename が.htmlか .htmで images が.JPG,.GIF, .PNGで終わるべき
- images がbroken link として出るならpublish時に imageを含むのを忘れたかもしれない。File
menu を開きPublish Asを選んで Publish Page dialog boxを出し Publish tab でinclude
images and other filesを checkしてpublish
Updating a Published Document
- composer window でdocumentを選び
- File menu --> Edit Page
- Edit
- toolbar --> Publish
tip:
webserber上に発刊したページや画像を削除するためにはFTPプログラムを使う。subdirectoriesを作るかwebserver上の
ファイルをrenameするにもFTPプログラムを使う。
Changing the Filename or Publishing Location
このためには
- Composer window で File menu --> Recent Page 等でドキュメントを選び
- File menu --> Edit Page
- Edit
- File menu --> Publish As
- 異なるページタイトルをもし必要なら入力
- 異なるファイル名をもし必要なら入力
- Site Name listから使いたいpublishing siteを選ぶ。新しいpublishing location
を作るにはNew Siteをクリック(Publish Page-Setting参照)
- Click publish
Creating a New Publishing Site
複数のリモートにドキュメントを発刊したいならコンポーザーが各リモートサイトに対して発刊情報を保存するようにセットアップできる。
new publishing siteを作るには
- Edit menu --> Publishing site Setting
- New Site をクリック
- Site Name にはこのpublishing siteを引用するためのニックネーム。
- Publishing Adderssには完全URLを入力(ftp://... or http://...と言う形)。
- HTTP address of your home page にはnavigator browser
がこのページを見るために入力する完全URLを入力。filenameかsubdirectoryをURLの一部としてはならない。必ず
http://...と言う形とする。(あるケースではpublishing addressと同じになる。)確実で無いならブランクにせよ。
- user name : ISP or web hosting service にloginするときのusername
- 上記のパスワード
Choosing the default Publishing site
- Edit --> Publishing site Settings (dialog box)
- list --> publishing site
- Set as default
- OK
Deleting a Publishing Site
- Edit menu --> Publishing Site Settings (dialog box)
- list --> publishing site
- Remove siteをclick,composerはsite's setting のみ除去しremote
site自身は侵されない。
- OK
Solving Common Publishing Problems
複数のファイルの発刊に失敗したら,Publishing Status dialog box にエラーメッセージがでる.trouble
shooting buttonをクリックせよ。
veryfying your publishing setting
- publishing status dialog box を(もし開いていたら)閉じる。
- Edit menu --> Publishing Site Settings
- Site Setting が正しいか確かめる。(ISPかweb hostingでcheck)
- publish setting にmis-typeは?
- 正しいpublishing addressか?ほすとさーびすやISPはpublishing
addressを"サーバー名"、"ホスト名"、あるいは"サーバー/ホスト”
ISPなどはpublish locationをしばしば ftp.*.com/usernameとして特定する。
publishing addressを正しいものとするには
ftp:// or http://で始める。例えば上記サイトの正しいpublishing
addressはftrp://ftp.*.com/usernameとなる。
checking Your Filename
- 数字か小文字化大文字のみを使うようにしないと発刊したらウェブサーバー上case-sensitiveとなり記憶しにくくなる。
- punctuation character ,space を使ってはならない。underscoreやhyphensは可。
- .html or .htmで終わること
- 32文字以下とする。
Fixing Publishing Errors
publishできなかったら以下のエラーメッセージがでる
error
message:
Filename not found
or X or Y filefailed to publish
error discription:コンピュータが見付そこなった理由は
- file locationが正しくない。
- web上file locationにaccessできない。
- file locationは除去された。
possible solution
- broken image (iconあり)はダブるクリックしてプロパティで正しいアドレスを入れる
- broken imageを除去
- 後から発刊しなおす。
- missing fileがcssなら
error message:
The subdirectory directory
name does'nt exist on this site or the filename filename is already in
use by another subdirectory
error description:
コンポーザーはpublishing locationに存在するremote
subdirectoryにしかpublishできない。あるいはpublishing site
にすでにあるsubdirectory 名と同じな前のfilenameを特定した。たとえばPublish Page dialog box
->Publish tab以下
- "Site subdirectory for this page"にたいしてpublishing location
にないsubdirectory名をタイプした?
- "Include image and other file"をcheckしてpublishing
location中にないsubdirectory名をタイプしたかも?
- 発刊しようとするファイルの一つがpublishing siteのsubdirectory名と同じ名前?
possible solutions;
- publishing siteでsubdirectoriesをcreate,rename,deleteするならseparate
FTP programをつかう
- .html or .htm で終わるのはcomposer filenameだけとする。
- subdiretory names はcase-sensitiveである。
error message:
The server is not available,check
your connection and try again later
error description
- publishing site settingがよくない。
- internet connection --lost
- モデムなどの問題
- your web server使用できない。
- ISP
possible solutions;
error message:
You do not have permission to
publish to this location
以下略
Publish Settings
Publish Page - publish
- File menu --> Publish As --> Publish page dialog
- Publish tab をクリック
- Site Name :作ったpublishing sites をlistする(選ぶ)。新しく作るならNew Siteをクリック
- Page Title: ブラウザで見るときウィンドウのタイトルバーにでる。ブックマークするときのbookmarkにもなる。
- Filename : .html
.htmとするように。(注意:リモートサイトファイルが新規アップロードファイルと同名なら質問無しに置き換わる。)
- site subdirectory for this page:ここをブランクにするとコンポーザーはページをmain
(root) publishing directoryに発刊する。もしmain (root) publishing
directory(このサイトの)下のremote
subdirectoryにページを発刊するならsubdirectory名を入力するかリストから選ぶ。
- include images and other file;
チェックしたらこのページで引用されるすべてのイメージや他のファイルを発刊する。これらファイルをページと同じ場所に或いはメイン下のリモートサブディ
レクトリに発刊するか選ぶことができる。
tip:リモートサブディレクトリを作るか発刊されたページや画像の削除するにはFTPプログラムを要する。
Publish page - settings
remote publishing site へのlogin情報を決める。
- File menu --> Publish As
- Setting tab click
- Site Name;このサイトへのニックネームをつける。
- Publishing Address; ISP下システム管理者によって支給される完全URL(ftp:// or http://
のいずれかで始まる)。ホスト名あるいはホストサーバー名と呼ばれる。どこにドキュメントがアップロード(発刊)されるかを決める。
- HTTP address of your home page; Publishing home directory
の完全なアドレスを決める。これが自分のウェブサイトでのホームページのウェブアドレスである。(URLにサブディレクトリなど含めないこと)。常に
http://で始まる(しばしばpublishing addressと同じとなる)分からなかったらISPに聞くかブランクにせよ。
- user name
- password
- save password
Publish setting
- Edit menu -> Publishing site Settings
- New Site: リストに新しいpublishing siteできる。
- Set as Default:選択したpublishing site をdefaultとする。これで、publish page
dialog で他を選ばない限りここに発刊される。
- 省略
以下略(重複が多い故)
、