ダミー Web サイトの作成方法

ダミー Web サイトとは、ダミーのテキスト、画像、メニュー、およびその他のコンテンツを保持する Web サイトであり、実際の Web サイト用に改造することができます。 Web サイトのレイアウトを計画して再利用することができます。 HTML に慣れていない場合は、WYSIWYG (What You See Is What You Get) Web エディターを使用して単純なダミーの Web サイトまたはテンプレートを作成するか、イメージ エディターを使用してゼロからより複雑なデザインを作成できます。

ステップ 1

オンラインで http://www.kompozer.net/download.php にアクセスし、Kompozer のコピーをダウンロードします。

ステップ 2

Kompozer を開き、メニューから [ファイル]、[新規] を選択します。

ステップ 3

2 番目のオプションを選択して既存のドキュメントに基づいて新しいドキュメントを作成するか、空白のテンプレートが必要な場合は 3 番目のオプションを選択します。オプション 2 を利用するには、使用するテンプレートの Web 上の場所を入力する必要があります。これは、Web デザインに慣れていない場合に便利なオプションです。

ステップ 4

[作成] をクリックし、[HTML タグ]、[ソース]、または [プレビュー] モードをクリックしてコンテンツを操作します。既存のコンテンツをダミー Web サイトのコンテンツに置き換えます。

ステップ 5

テキスト リンクを入力して右クリックし、ページ内の他のダミー ページへのリンクを追加します。 「リンクのプロパティ」を選択します。 [リンクのプロパティ] ダイアログ ボックスで、Web ページの場所、ファイル、または電子メール アドレスを入力します。

ステップ 6

対象セクションの「リンクを開く」にチェックマークを付けて、リンクを開く方法を指定し、「OK」をクリックします。

ステップ 7

既存の画像を右クリックし、[画像とリンクのプロパティ] を選択して、画像を置き換えます。

ステップ 8

[画像のプロパティ] ダイアログ ボックスの [場所] タブを選択し、[画像の場所] の右側にあるフォルダ アイコンをクリックして、使用する画像フォルダとファイルに移動します。終わったら「開く」を選択。画像に代替テキストまたはツール ヒントを追加し、[OK] をクリックします。

ステップ 9

ページ上のテキストを強調表示し、メニューから使用するフォーマットを選択して、フォントとフォーマットを変更します。追加機能については、「フォーマット」と該当するオプションを選択してください。

ステップ 10

メニューから [ファイル]、[名前を付けて保存] を選択して、ダミー Web ページと内部ページを個別に保存します。 [名前を付けてページを保存] ダイアログ ボックスで、ダミー ファイルを配置するフォルダーに移動します。

ステップ 11

ホームページに「index.html」という名前を付けます。ダミー Web サイトの内部ページに、「about.html」や「contact.html」などのわかりやすいファイル名を付けます。 「保存」をクリックします。おめでとう！ダミーの Web サイトを作成しました。