エディタの使い方

視覚的にホームページを作成できる「ビジュアルエディタ」と従来のタグ打ちでホームページを作成する「HTMLエディタ」を利用することができます。制作スキルにあわせてご選択ください。

page-image4


ビジュアルモード(簡単編集)の使い方

以下画面のようにビジュアルでホームページを編集できます。ブログと同じような感覚で簡単に編集作業をおこないたい場合にご利用ください。マウスをボタンの上にあわせると詳しい説明が表示されます。
 
page-hennsyuu-image6

page-botan-image1・・・本文に任意の画像を挿入するボタンです。
page-botan2・・・動画を本文に挿入するボタンです。普段は隠れているのでF.アドバンストツールバーをクリックして表示させてください。

・・・選択した文字列を太字にするボタンです。
・・・選択した文字列をイタリック体にするボタンです。
・・・選択した文字列に打ち消し線をひくボタンです。
・・・選択した文字列に下線をひくボタンです。
 
・・・文字なしのリストを作るボタンです。
・・・番号つきのリストを作るボタンです。
・・・引用文を挿入するボタンです。
・・・インテンドを解除するボタンです。
・・・選択した文字列にインテンドをつけるボタンです。
・・・選択した文字列を左揃えにするボタンです。
・・・選択した文字列を中央揃えにするボタンです。
・・・選択した文字列を右揃えにするボタンです。
 
・・・リンクの挿入、編集をするボタンです。
・・・リンクの解除をするボタンです。
 
page-botan1・・・フルスクリーンで編集できるようにするボタンです。
・・・アドバンストツールバーの表示、非表示を切り替えるボタンです。

・・・表を挿入するボタンです。
・・・行のプロパティを設定するボタンです。
・・・セルのプロパティを設定するボタンです。
・・・行を上に挿入するボタンです。
・・・行を下に挿入するボタンです。
・・・行を削除するボタンです。
・・・列を左に挿入するボタンです。
・・・列を右に挿入するボタンです。
・・・列を削除するボタンです。
・・・セルの結合を解除するボタンです。
・・・セルを結合するボタンです。
 
・・・属性の挿入、削除を行うボタンです。
・・・CSS編集を行うボタンです。

・・・選択した文字列に任意のHTMLタグを挿入します。
・・・選択した文字列の文字サイズを変更します。
 
・・・選択した文字列の文字色を変更します。
page-botan3・・・文字背景色を変更します。
 
・・・本文中に任意の特殊文字を挿入するボタンです。
・・・本文中に任意の表情アイコンを挿入するボタンです。
・・・直前の行動を一段階取り消します。
・・・取り消した行動を一段階やり直します。
・・・エディタのヘルプを表示します。
・・・本文中に水平線を挿入するボタンです。
・・・テキストとして貼り付けするボタンです。
・・・ワードからの貼り付けをするボタンです。
・・・フォーマットの解除をするボタンです。


フォーマットの活用


フォーマットは通常のホームページを作成する場合、
「見出し2」→「段落」→「見出し3」→「段落」→「見出し4」→「段落」→「見出し5」→「段落」
のように「見出し」「段落」「見出し」「段落」と使っていくと検索エンジンで検索されやすい文章構造になります。


改行について

なおビジュアルエディタでの改行(<br>)方法は、「Shift」+「Enter」です。ホームページ作成ソフトの改行のように「Enter」キーのみの入力だと、新たな段落(<p></p>)になってしまいますのでご注意ください。

パソコンキーボードボタン「Shift」+「Enter」・・・改行
パソコンキーボードボタン「Enter」・・・段落


テキストモード(プロ向け編集)について

HTMLモードでページ編集をおこないたい場合は「テキスト」をクリックしてください。HTMLを直接記入できます。なおJAVA・CGI・PHP等プログラムタグはセキュリティ設定から動作しないように設計されています。

コメントは停止中です。