FC2

FC2ヘルプFC2ホームページマニュアル管理画面内でファイルを作成

FC2ホームページ

マニュアル

管理画面内でファイルを作成

FC2ホームページでは簡易ページをWEB上で簡単に作成することができます。

「HTMLメーカー」「ファイルエディター(WEBエディター)」この2つの機能の説明をいたします。


HTMLメーカーではページをデザイン・レイアウトします。

ファイルエディターではページの本文を作成します。


このページで解説する内容は、HTMLメーカーで[2カラム(右)・CSS形式]に指定、ファイルエディタはHTMLAreaを利用しています。エディタの変更は管理画面の「登録情報の確認・変更」から行えます。


管理画面内でのファイル作成について


ファイルマネージャ内のファイルエディターは簡易な仕様のため

複雑な内容のページの編集を行う場合、内のHTMLコードが

自動的に書き換えられてしまう場合があります。


ファイルマネージャの機能でレイアウトなどが上手く行なえない場合は

高機能のホームページ作成ソフト・テキストエディタの使用を推奨します。


1.FC2ホームページにログイン

FC2ホームページ管理画面にログインしてください


2.ファイル作成

管理画面メニューからファイルマネージャーをクリックし、ファイルを作成されたいディレクトリ(階層)に移動して「ファイル作成」をクリックしてください


3.作成するファイル名を記入

ファイル名は半角英数字のみご利用可能ですので、ご注意ください。

半角・全角はタスクバー(画面下のバー)のIMEツールバーで確認・変更しましょう


4.HTMLメーカーを起動

「HTMLメーカーを起動しますか」と表示がされますので、ページの大枠なレイアウトを作成されたい場合は、OKをクリックしてください


5.ページのレイアウトを設定

ステップ1から順に、ページの大枠を設定してください。完了しましたら「ファイルエディタの起動」をクリックしましょう


6.ファイルエディタで入力

ステップ4、ステップ5でデザインし、そのままファイルエディタを起動した場合はレイアウト・色が反映された状態でファイルエディタが起動されます


044


2カラム以上を選択した場合、あらかじめ[本文]と[コンテンツ]に分けられています。

コンテンツにはメニューなどを置き、本文に文章を打ち込んでいきます。

実際には後々の更新の事なども考えながらメニューを作成していきますが、ここでは練習として、[本文]に文章を打ち込んでみます。


7.[本文]の領域をクリック

本文領域が選択状態になります。


045


8.[本文]の領域をダブルクリック

章を打ち込める状態になります。


046


9.文章を入力

文章を入力してみます。


047


10.領域のサイズを変更

白い四角のボックスをドラッグすると、領域を調整する事も可能です。


048


11.保存をクリック

ページを保存します。[保存する]ボタンをクリックすると、HTMLエディタ、ファイルエディタで作成したページがサーバーに保存されます。


049


12.ファイルマネージャーで確認

作成したファイルが保存されているか確認してみましょう。

虫眼鏡アイコンをクリックするとページを確認する事ができます。


050


ファイルエディタにはWordなど、オフィスツールで見た事のあるアイコンが表示されていたはずです。

既にクリックしてみた方もおられるかもしれませんが、これらのボタンは文章を装飾したり、

リンクを張って、画像を挿入する場合などに使います。



13.ファイルを編集する場合

作成後、ページを編集する時にもファイルエディタで編集する事が出来ます。

051

ファイルマネージャーのページにアクセスし、編集したいファイルの編集アイコンをクリックするとファイルエディタが起動されます。

編集後はファイル作成時と同じように、保存ボタンをクリックしてファイルを更新します。





それぞれのファイルエディター(WEBエディター)の違い

アカウント情報のページでは、3種類のWEBエディターの中から1つ選択する事が出来ます。(変更は 登録情報の確認・変更 参照)


HTMLAreaは機能はあまり豊富ではありませんが、シンプルで分かりやすく、表示速度が短時間です。


FCKeditor、CKeditorは多機能ですが、ボタンが多いため利用がやや難しく、HTMLAreaと比べ表示にも時間がかかります。


初心者にはHTMLArea、中~上級者にはFCKeditor、CKeditorをお勧めします。


なお、このマニュアルではHTMLAreaでの解説をしています。



Internet Explorer 10 の場合


Internet Explorer 10ではFCKeditor及びCKeditorを使用した際に

編集ボタンが表示されない事があります。

その場合は「ツール」より「互換表示」にチェックを入れると正常に表示されます。

「ツール」が無い場合はInternet Explorer 10のバーの上の何もないところで

右クリックして「メニューバー」にチェックを入れると表示されます。