KompoZer User Guide

 1 - はじめに

 2 - クイックスタート

 3 - KompoZerを使う

 4 - スタイルシート

 5 - スクリプト

 6 - 挿入

 7 - 雛型

 8 - サイトマネージャ

 9 - 設定

10 - 公開

      付録

This page was composed using KompoZer

サイトマップ クイック
インデックス
著 作権 あとが き 日本語訳に ついて

English (Original)
Traduction française

KompoZer logo 付録

A1   用語

この用語解説ではこの文書で使用される用語を定義します。また使用される用語がHTMLやCSS仕様に現れるときには、できるだけそれ らの仕様と同じ意味 であるようにします。そのような場合、より正確な定義がそこで得られるかもしれません。

ボ タン   小さい絵またはアイコンで、クリックするとなんら かの動作をもたらします。KompoZerのボタンは様々な形のものがあります。
CSS
カスケーディングスタイルシート。
(訳注: HTML や XML の要素をどのように修飾(表示)するかを指示する仕様であり、W3Cによる勧告の一つ: Wikipediaよ り引用)
宣言 ス タイル規則の2つ目の部分。スタイルの書式の詳細を含む。(訳注: 具体的には、Wikipedia の「CSS」-「記述方法」がわかりやすい。)
Deprecated
(推奨されない) 
「推奨されない」として印をつけられた機能は時代遅れであると考え られ、使用はお勧めできないものです。 一般にCSSは、より良い機能を提供します。 「暫定の文書型(Transitional Document)」は推奨されない機能の使用を許します。 (「厳密な(Strict)」文書型はそれを許しません。)
ディレクトリ Windowsで 「フォルダ」と呼ばれるものと同じ。
Doctype  文書型宣言(訳注: 単に「文書型」とも訳される) - appendix 3 を参照。
DTD 文書型定義 - appendix 3 を参照。
要素 ブラウザによって操作することのできる段落や画像と いったウェブページの小部分で、要素に関連しているコードによって決 定している。
FTP ファ イルトランスファープロトコル。ファイルをサーバに転送するのに使う。
ハンドル クリックすると、通常小さい正方形のシンボルで、サイズ調整ボックスの端に 現れ、ドラッグすることでサイズや位置が変え られる。.
HTML ハ イパーテキストマーク付け言語。WWW(ワールドワイドウェブ)の出版言語。
ISP インターネットサービスプロバイダ。
(訳注: 電気通信事業者の内、インターネット接続サービスを提供するもの: Wikipediaよ り引用)
Mozilla  私は、Netscape6およびそれ以降のヴァージョン、Mozilla、およびFirefoxを含む多くの同様のブラ ウザについて 言及するのにこの用語を使用します。(訳注: Mozillaそのものについては http://www.mozilla-japan.org/
MSIE Microsoft Internet Explorer。 マイクロソフト社製のブラウザ。
改 行抑制空白文字
目 に見えないが普通の文字として働く空白文字で、改行抑制空白文字を含む単語は、行を回り込むときには分離しないでしょ う。
KompoZer 
このガイドが元にしている、オープンソースソフトウェアパッケージで、http://kompozer.netで入手で きま す。(発音は N-view / ’envju: / 「new view」から。)
(訳注:忠実な発音では「エンビュー」ですが、 日本語でいうと「エヌ・ビュー」というのがありふれた呼び方ですかね。)
セレクタ(選択子) スタイル規則の1つ目の部分。  (規則の名前として考えられるかもしれません) (訳注: 具体的には、Wikipedia の「CSS」-「記述方法」がわかりやすい。)
サ イズ調整ボックス 小さな正方形(ハンドル)が表示され、KompoZerで何らかの項目をクリックしたときに現れる ボックス。「ハンドル」も参照。
Strict(厳密 な)    「Deprecated(推奨されない)」を参照。
タブ (ウィンドウ) ファイル のある部分に迅速にアクセスできるように設計され、あたかも紙のファイリングシステムの上にあるタブに似せた、 多くのウィンドウを表示するための構造における部品。タブがクリックされると、新しい表示が同じウィンドウの中に現れるでしょう。
タブ (キー) タイプライタに おけるタブキーの動作に似せたキーボードキー。(訳注: 通常は数文字分字下げするためのキー)
タグ 要素に関連しているウェブページのコードの1つ。通 常、各要素には開始タグと終了タグがあります。タグは要素名を含ん で、山かっこによって囲まれます。 例えば<p>や</p>など。
アップロード ウェブファイルを、あなたのローカルコン ピュータからウェブでホスティングしているコンピュータへ転送する過程。
URL ユニフォーム・リソース・ロケータ。項目のウェブのアドレス。
(訳注: インターネット上のリソースを特定するための形式的な記号の並び。例えばWebページや電子メールの宛先: Wikipediaより 引用)
W3C ワー ルド・ワイド・ウェブ・コンソーシアム。  http://www.w3.org
異なったプラットホーム、デバイス、オペレーティングシステム、およびメディアに問題なしでHTMLやCSSのような言語が共同利用 することができるよう に、仕様と推奨される文法を定義するために集まった500の最も大きいIT会社の共同体。

A2     参考リンク

HTML 4.01 仕様書 http://www.w3.org/TR/html4/cover.html
(日本語) http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html.ja.sjis
CSS2 仕様書 http://www.w3.org/TR/CSS21/
W3C http://www.w3.org
訳注:W3C関連文書の各種日本 語訳は
http://www.w3.org/Consortium/Translation/ から検索できます。
HTML チェッカー http://validator.w3.org/
訳注:日本語でHTMLチェックをするときは
Another HTML-lint http://openlab.ring.gr.jp/k16/htmllint/ が便利です。
CSS チェッカー http://jigsaw.w3.org/css-validator/
(日本語) http://jigsaw.w3.org/css-validator/validator.html.ja

A3 Doctype(文書型)

A 3.1    はじめに

ヴァージョン1.0以前には、KompoZerは1つの文書型(HTML Transitional)だけをサポートしていました。 今、ユーザには選択がありますので、このわずかに難解な対象のいくつかの側面に触れるのが必要です。
Doctypeは"Document type Declaration"(文書型宣言)の省略形で、ページを解釈するのに、どの"Document type Declaration"(DTD;文書型定義)を使用したらよいかをブラウザに伝えます。DoctypeはDTDの詳細を含むファイルのURLも含んで います。

注意: 実 際にXHTMLページでは、XML宣言はこれに先行するでしょうが、これはいくつかのブラウザに関して問題が生じるかもしれません。KompoZerは この宣言を挿入しません。 XML宣言のないファイルはUTF-8キャラクタコードを使用します。

A 3.2    サポートしている文書型

KompoZerがサポートしている文書型は以下の通り。
HTML Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

注 意: HTML文書型において、KompoZerが文書型宣言を挿入するとき、URLは省略します。これがMicrosoft Internet Expoloerのいくつかのバージョンを、いわゆる「quirks mode」(訳注:過 去慣習的な解釈を再現するモード)に変更するきっかけとなる望ましくない効果をもっています。

A 3.3 言語の違い

HTMLは1990年から始まるウェブページの原語です。最新の定式化したHTML4.01はその9年後に現れました。XHTMLは本 質的には同じ 言語で、それゆえ全ての現代的な(あるいはそう現代的でもない)ブラウザはどちらの言語でもページをレンダリングします。HTMLは標準からの変化におい て非常に許容性があり、さらにブラウザもかなり許容性がある応答をします。 XHTMLははるかに厳密で、周到に、詳細に注意することが要求され、これを支援するために多くの(簡単な)変化を導入しました。 HTMLは確かに長く生き残るでしょうが、XHTMLはもっとはるかに「将来的な保証」があります。

2つの言語の簡潔だが有用な比較は http://www.nypl.org/styleguide/xhtml/guidelines.html で見つけられるでしょう。
どの言語を使用したらよいかと思うどのような意図のための比較は、他にもあります。http://www.webstandards.org/learn/articles/askw3c/oct2003/ (訳注:リンクが変更されたため変更)
HTML とXHTMLの両方には、結局段階的に廃止される特徴を含んだTransitional(暫定の)ヴァージョンがあります。Strict(厳密な)ヴァー ジョンはこれらを排除します。 事実、CSSのブラウザのサポート状況は現在一般に非常に良いので、新しいファイルを作成するのにTransitional文書型を使用する必要は全くあ りません。 しかしながら、Transitionalバージョンは既存のファイルをサポートすることの役に立ちます。
HTMLにおいて、Deprecated(推奨されない)要素と属性は仕様の終わりのほうに現れる、要素のインデックスと属性のインデックスに記載されて います。(URLについては appendix 2を参照).

XHTMLについて有用な比較は http://www.zvon.org/xxl/xhtmlReference/Output/comparison.html で見つけられるでしょう。

A 3.4 KompoZerができること

KompoZerはこれらの文書型のどれを使っても、ページを作成できます。雛型から作られるページは常にTransitional HTML文書型を使って生成されます。

注意:  KompoZerへの外部の雛型を編集して、文書型を変えるのが可能であるかもしれません。そこから作成されたページは対応する文書型を使用します。私は これを試し ていません。

作成されたHTMLページ「html」拡張子が提供され、保存されます。XHTMLページは「xhtml」拡張子 を提供するで しょう。 しかしながらこの選択はKompoZerもブラウザも両方とも重要ではなく、「htm」、「html」または「xtml」のいずれかでしょう。応答を決定 する のは文書型です。

注意: ユーザシステムは異なったファイル形式のための標準として異なったブラウザを起動するかもしれません。

KompoZerはこれらの文書型のどれを用いても、ページを開いて編集することができます。 文書型は編集可能ではありませんが、KompoZerは出会ったいかなる文書型も変えないでしょう。
文 書を作成して編集するとき、KompoZerは適切な要素と属性だけを使用して、宣言された文書型に適切なコードを生成するでしょう。 これは遭遇する文書の形式に依存して、いくつかの特徴が無効になるか、またはアクセスできないことを意味します。典型的には、HTML属性を使用すること ができないとき、その効果を得るためにCSSスタイルの使用を必要とするかもしれません。
KompoZerはある文書型を別の文書型に変換しないで、文書型がページのコードと一致していないなら、ページの結果は信頼できなくなるでしょう。

A 3.5 推薦

初心者はこの時点で痛い頭をこすっているかもしれません。彼らのための私が推薦するのはStrict HTMLを使用することです。 これは奇妙に聞こえるかもしれませんが、よりよくCSSの書式を利用するブラウザを使う一因となるので、実際にできることが増えます。
別の文書型であることが述べられない場合、ガイド中ではずっとこの文書型が使用されたときのKompoZerの動作について説明しています。

A 3.6 ブラウザの応答

文書型に関係なくブラウザがページを表示するときには、応答に詳細な違いは起こります。 表にあるすべての文書型がについて、多くの異なったブラウザに対する役に立つ比較は http://hsivonen.iki.fi/doctype/ で見つけられるでしょう。

Internet Explorer 6 についてはむしろ全ての詳細が以下で提供されています。
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
(訳 注:日本語ではhttp://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp

A4 KompoZerの更新

KompoZerをインストールするのは非常に簡単であるので、説明を全くしていません。節目節目で、プログラムの新しいヴァージョン は http://kompozer.net/ から無料で入手可能です。変更とともに最新の状態でありたいとユーザは思うでしょう。 アップデートは簡単ですが、初めのインストールと全く同じくらい直接的ではありません。
KompoZer は「プロファイル」フォルダに位置するファイルの中に多くの設定を格納します。 これらは、「サイトマネージャ」やあなたの「公開サイト設定」で設定したサイトの標準の設定と詳細を含んでいます。KompoZer開発チームは、 KompoZerの新しい ヴァージョンをインストールする前にこのフォルダを削除することを勧めます。このことは、これらの設定が失われ、新しいインストールに続いて再入力しなけ ればならないことを意味します。 この推薦に従うことが賢明です。

プロファイルフォルダは、 %AppData%\KompoZer に位置しています。 (すなわち、 たいていは c:\Documents and Settings\<login settings>\Application Data\KompoZer).

それゆえKompoZerの更新の手順は、

  1. 最新ヴァージョンのKompoZerを http://kompozer.net/download.php からダウンロードする。
  2. あなたの「公開サイト設定」が記録されているか確認する。(訳注: 要するに、覚えたり、メモしたりしておく)
  3. 普通の方法でKompoZerをアンインストールする。例えば、(訳注: Windowsの)ス タート > 設定 >コントロールパネル > プログラムの追加と削除 から行う。
  4. プロファイルフォルダを削除する。.
  5. 新しいヴァージョンのKompoZerをインストールす る。
  6. サイトマネージャや公開サイト設定を設定する。

KompoZerの最新ヴァージョンを使って楽しんでください。

A5 更新履歴(原文)

30-Mar-2006

A3.2 - 注意を修正した。

13-Mar-2006

数々の細かな修正を全体的に行った。

07-Jan-2006

細かな変更: 3.6, 3.6.2.1, 3.6.2.4, 6, 3.3.2, 3.4.1.2, 3.6.2.4, 4.1.3.2, 4.1.3.4, 4.2.1.1, 4.2.3, 4.4, 4.5, 4.5.1, 4.5.2, A3.4
書き直し: 3.6.5 (題名変更), 9
間違い直し:3.10.7, 4.2.5.3, 4.2.5.4
修正: 3.10.5, 4.1.3.3, 4.2.1.1, 4.2.1, 4.2.1.2, 4.3.2.4, 4.2.3.1, 4.5

30-Nov-2005

Section 3.7.2 - 書き直し(完全に誤っていた)。 3.4.2で少し追加。

30-Jul-2005

少しの修正 - 3.7.2を明確にした。 Section 4.5.2の書式エラーを直した。Section 7で画像の間違いや関連するテキストを直した。

15-Jul-2005

Nvu 1.0をもとにした。

Section 3.2.1 - 文書型 -- 書き直し。
Section 3.4.2 - 注意を再構成し、注意2、注意3を追加した。
Section 3.4.4 - リスト – 書き直し。
Section 3.4.7 - 特殊文字 – 充実した。
Section 3.4.8 - 綴り – 書き直し。
Section 3.5.2 - 画像の配置 -- 修正した。
Sections 3.6.1, 3.6.2.1, 3.16, 9.1について少々の変更。
Sections 3.4.4, 3.5.2 – 警告はもうあてはまらないので削除。 

06-Jun-2005

Nvu 1.0PRをもとにした。

異なる文書型の使用を組み込んだ。  - 主に section 3.2
このガイドがStrict doctype(厳密な文書型)を用いた。
トップメニューとそこにリンクしたページを加えた。
Section 3.10 - フォーム - 書き直し。
Section 3.13 - 目次 - 追加。
Section 4.2.5 - Style selectors - 追加。
Section 7 - Templates - 大幅に書き直し。
Appendix 3 - 文書型 - 追加。
Appendix 4 - KompoZerの更新 - 追加。
結果として、上のように番号のつけ直し。
あらゆる点で、細かい編集とスタイルの改良を組み込んだ。

01-Apr-2005

nvudev.org を通じた初 ヴァージョン。
フランス語、日本語の翻訳が始まる。
Section 9.2 
on Toolbar Buttons を追加。
Section 4.6 on Styles Special Cases (Links, Class selectors) を追加。

17-Mar-2005

Nvu 0.9をもとにした。
Nvu 0.9 の新しいあるいは変更された特徴: 枠線ボタン (Section 3.11), Eメールのリンク (3.7.1.2), <div> element (4.5), set Icon size (9.1), テーブル設定 (3.6.2.4), ソース編集モードの名称変更。
以前、省略された項目を追加: 印刷 (3.3.3), 位置グリッド (3.10.4), CaScadeS Beginners mode (4.2.3.5), 設定ウィンドウを使った画像サイズの変更 (3.5.2).
明確化あるいは訂正: ドラッグアンドドロップ (3.3),  コメント (6), ハンドルに言及したサイズ調整ボックス,そのほか細かな点..

07-Feb-2005

Nvu 0.81をもとにした。
HTMLバージョンをフレーム無しにした。Mozillaタイプのブラウザに最適化した。
Section 3.6 テーブルを書き換えた。
Section 3.10 レイヤー (以前は 絶対位置に置く) へ拡張。
Section 7 Templates を修正、拡張。
あらゆる点。- 広範囲に作業し直し、細かな修正、明確化、および拡張。
「警告」を「注意」から分化。
ガイドの書式を徐々に変化させているが、まだ不完全。.

25-Jan-2005

Nvu 0.7をもとにした。
HTMLとpdf形式の両方で利用可能な最初のヴァージョン。 フレームに基づいたHTMLヴァージョン。
本文に組み入れられた脚注。
Sections 8 (Site Manager), 10 (Publishing)を大幅に書き直し。
Sections 3.4.6-7 (テキスト), 3.6.2 (テーブル), 3.10 (絶対位置に置く), 3.14 (HTML編集)を追加。
あらゆるところで細かな編集。

Go to Top of page

サイトマップ クイック
インデックス
著 作権 あとが き 日本語訳に ついて

Valid HTML 4.01!Valid CSS

KompoZer User Guide - Based version 0.7.10 - Updated 29-September-2007