DirectEditorでページを作成しましょう!!
DirectEditorでページ作成

1.ホームページ作成に使用する画像を自分のhomepageへ転送しましょう!Windows
画像の転送の仕方はこちらから 画像の準備

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
2.Direct Editorへアクセスします。
画像の準備ができたところで、Direct Editorを使用してページを作成していきます。
まず、DirectEditorホームページhttp;//coara.directeditor.net/へアクセスします。
DirectEditor体験版(無料)
DirectEditorへアクセス

ログインIDとパスワードを入力。
・ログインID:お客様のユーザー名
・パスワード:お客様のホームページパスワード

FTPサーバー:(FTPサーバーの確認はコアラの「個人ID一覧表」の「ホームページ」の欄をご覧になってください。)

設定しましたら、「ログイン」ボタンをクリックします。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
3.「書きかえたいページを選択してくださいの画面が表示されます。
書きかえたいページを選択

・自分のFTPサーバーに入っている「homepage」内が表示され、「新規作成」を選択

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
4.「ページ編集の画面が表示されます。
ここからページ作成ができますので、まずは画像を貼り付けます。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
5.左画面上にある「画像集ツールを選択します。

画像集ツール

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
6.画像集-- Webページ ダイアログの画面が表示されます。
画像のあるファイルを選択
画像集--Webページ ダイアログ

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
7.使用する画像をクリック

使用したい画像

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
8.選択した画像が表示されますので、ドラック&ドロップをするか、
Ctrl-C
(コピー) → Ctrl-V(ペースト)でページへ貼り付けて下さい


画像選択

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
9.ページに画像を貼り付けたら、画像を選択し、左画面上にある「中央揃え」ボタンを選択
(左に画像を寄せたい場合は「左揃」を、右に寄せたい場合は「右揃」へ)

中央揃え

すると選択された画像がページの中央へ揃います。↓

中央揃え後

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
10.Enterで改行し、文字を入力

文字入力

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
11.文字の色を変更する場合
文字を選択し、画面左上にある色パネルを選択

色の変更

「色--Web 」 が表示されますので、ここで好きな色を選択できます。

色--Web ページ

文字変更後

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
12.作成したページを保存します。
・画面右上の「タイトル」にページのタイトル、「ファイル名」にはページ名を入力して下さい。
(注)「ファイル名」は必ず半角英数で記入してください。
・「保存先を選択」を選択

保存

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
13.「保存場所選択の画面が表示されます。
保存する場所を選び、その画像の入ったフォルダ内に「保存」する

保存場所の選択

これでホームページの出来上がりです。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
14.作ったページを見てみる
「保存」できましたら、下記の画面が表示されます。
「ページ表示」をクリックして、ページを見てみましょう。
ページを見てみる

(例)
完成図(例)

意外と簡単に出来ますよね。
さあ、この「DirectEditor」を使って、簡単に自分でホームページを作ってみましょう!!

まずは「DirectEditor」無料体験をアクセス!!