スライド 1

Size: px

Start display at page:

Download "スライド 1"

いおりはかまや
5 years ago
Views:

1 GMO インターネット株式会社 1

2 目次エディタ機能一覧 1. ソース表示機能 3p リンク挿入 / 編集機能 / 削除機能 27-29p 44.HTML タグ貼り付け機能 55p 2-1. 文書プロパティ設定機能 ( 全般 ) 4p 22. サーバーからファイル選択機能 30p 45. 最大化機能 56p 2-2. 文書プロパティ設定機能 ( 背景メタデータ ) 5p イメージ挿入 / 編集機能 31-33p 46. 閉じる機能 57p 2-3. 文書プロパティ設定機能 ( 色とマージン ) 6p 24. Flash 挿入 / 編集機能 34p 47. 環境設定 58p 3. 保存機能 7p 4. 新しいページ 8p 25. テーブル挿入 / 編集機能 35p 26. 横罫線機能改ページ機能 36p 48. かんたんサイト作成機能 59p-65p 5. プレビュー機能 9p 27. フォーマット選択機能フォント選択機能 37p 6. ブロック表示 10p 28. サイズ選択機能 38p 7-1. 切り取り機能コピー機能貼り付け機能 11p 29. テキスト色選択機能背景色選択機能 39p 7-2. 貼り付け機能 ( プレーンテキスト貼り付け機能 ) 12p 高度な設定機能 40-41p 7-3. 貼り付け機能 ( ワード文章から貼り付け機能 ) 13p 31. 新規 HTML 作成機能 42p 8. 印刷機能 14p 32. フォルダ作成機能 43p 9. 元に戻す機能やり直し機能 15p 33. 上位フォルダへ移動機能 44p 10. 検索機能 16p 34. ファイルアップロード機能 45p 11. 置き換え機能 17p 35. 名称変更機能 46p 12. フォーマット削除機能 18p 36. 編集機能 47p 13. すべて選択機能 19p 37. 複製編集機能 48p 14. 太字機能斜体機能下線機能打消し線機能 20p 38. 属性の変更機能 49p 15. 添え字機能上付き文字機能 21p 39. ダウンロード機能 50p 16. 段落番号の追加 / 削除機能 22p 40. 削除機能 51p 17. 箇条書きの追加 / 削除機能 23p 41. 履歴機能 52p 18. インデント機能インデント削除機能 24p 42. RSS フィード作成機能 53p 19. 左揃え機能中央揃え機能右揃え機能両端揃え機能 25p 20. アンカー挿入 / 編集機能 26p 43. RSS ボタン挿入機能 54p 2

3 1. ソースの表示機能ホームページのソースを表示させることができます JavaScript や HTML ソースコードを直接編集することができます 1 回クリックするとソースコード編集画面に変わりますもう一度クリックすると通常の編集画面に戻ります Click! 3

4 2-1. 文書プロパティ設定機能 ( 全般 ) ページタイトル言語コードなどページに対しての設定を行うことができますページのタイトルを設定することができます HTML がどこの国の言葉で記述しているのかを明示的に宣言することができます文字セット符号化文書タイプヘッダーをプルダウンから選択することができます文字表記の方向をプルダウンから選択することができます右から左左から右 4

2-2. 文書プロパティ設定機能 ( 背景メタデータ ) ページの背景色や背景画像を設定することができます

その中から背景色を選択するとページの背景が変更されます背景画像を設定することができます

にチェックを入れるとページをスクロールしても背景画像はスクロールされないようになります

5 2-2. 文書プロパティ設定機能 ( 背景メタデータ ) ページの背景色や背景画像を設定することができますページの背景色を設定することができます選択をクリックすると色選択ダイアログボックスが表示されますその中から背景色を選択するとページの背景が変更されます背景画像を設定することができますアップロードされている画像から選択するとページの背景が変更されますスクロールしない背景にチェックを入れるとページをスクロールしても背景画像はスクロールされないようになります設定した背景色を確認することができますメタデータそのデータに関連する情報データを効率的に管理または検索するための情報を設定することができます文書のキーワード文書の概要文書の作者文書の著作権のメタデータの設定が行えます 5

2-3. 文書プロパティ設定機能 ( 色とマージン ) ページの上下左右の余白を設定することができます上部 40 左 20 の設定の場合 40 20 設定したテキスト色をプレビューで確認することができますテキスト

6 2-3. 文書プロパティ設定機能 ( 色とマージン ) ページの上下左右の余白を設定することができます上部 40 左 20 の設定の場合設定したテキスト色をプレビューで確認することができますテキストリンクアクセス済みリンクアクセス中リンクのテキスト色を変更することができます選択をクリックするとそれぞれ色選択ダイアログボックス( 右図 ) が表示されますその中からテキスト色を選択すると文字色が変更されます 6

7 3. 保存機能エディタで編集した内容を反映することができますをクリックするとメッセージボックスが表示されますエディタでの編集が完了したら左上のメニューから保存をクリックします Click! Click! 保存するをクリックすると保存が完了します 7

8 4. 新しいページ機能をクリックすると新しいページを開くことができます Click! 8

9 5. プレビュー機能をクリックするとプレビューを見ることができます ( 更新後のイメージを別ウィンドウで確認することができます ) Click! 9

10 6. ブロック表示をクリックすると HTML 内に記述されているブロック要素 (CSS 読み込み部分 ) を視覚的に表示しますブロック部分が点線で囲まれます 10

11 7-1. 切り取り機能コピー機能貼り付け機能切り取り機能選択した範囲の切り取りを行うことができます Click! コピー機能選択した範囲のコピーを行うことができます Click! 貼り付け機能コピーした文を貼り付けることができます * 今回の場合は上のコピー機能でコピーした文を貼り付けています Click! 11

12 7-2. プレーンテキスト貼り付け機能プレーンテキストとはフォントやスタイルの情報が混じらない純粋な文字だけのデータですコピープレーンテキスト貼り付けの場合普通の貼り付けの場合 12

13 7-3. ワード文章から貼り付け機能ワードからコピーした文を貼り付けることができます Face 属性スタイル定義の有無も設定できますをクリックするとワード貼り付け設定ダイアログボックスが表示されます例 Face 属性 ( 文字書体 ) MS P ゴシック MS P 明朝 MS ゴシックなどコピーした文をキーボード Ctrl+V で貼り付けますコピーした文をクリアします 13

14 8. 印刷機能ページを印刷することができますエディタの部分は印刷されません Click! 点線より下の部分が印刷されます 14

15 9. 元に戻す機能やり直し機能元に戻す機能行った動作の一つ前の状態に戻すことができますコピー貼り付け Click! やり直し機能元に戻す機能を行う前の状態に戻すことができます Click! 15

16 10. 検索機能文字列を検索することができます検索したい文字列を入力してください入力された文字列が検索された場合本文中の文字列が黒く反転します入力された文字列が検索できなかった場合指定された文字列は見つかりませんでしたと表示されますメンテナンスと入力すると検索できます 16

17 11. 置き換え機能検索する文字列を置き換えたい文字列と置き換えることができます最初に該当する文字列一つを置き換えます該当する文字列すべてを置き換えます Click! 17

18 12. フォーマット削除機能フォーマットとは文書や文字のスタイルなどの書式設定のことです選択した箇所のフォーマットを削除することができますフォーマットの削除を行いたい場所を選択します Click! 18

19 13. すべて選択機能エディタ内に表示されているすべてを選択することができます Click! 19

20 14. 太字機能斜体機能下線機能打ち消し線機能それぞれ変更したい文字列をドラッグして選択してください太字機能選択した箇所の文字列を太字にすることができます下線機能選択した箇所の文字列に下線をつけることができます Click! Click! 斜体機能 Click! 打ち消し線機能 Click! 選択した箇所の文字列を斜体にすることができます選択した箇所の文字列に打ち消し線をつけることができます 20

21 15. 添え字機能上付き文字機能添え字機能選択した文字列を添え字にすることができます添え字にしたい文字列を選択状態にしをクリックすると選択した文字列が添え字になります Click! 上付き文字機能選択した文字列を上付き文字にすることができます上付き文字にしたい文字列を選択状態にしをクリックすると選択した文字列が上付き文字になります Click! 21

22 16. 段落番号の追加 / 削除機能段落番号の追加を行いたい箇所でをクリックすると段落表示されますキーボード Enter で次の段落番号が追加されます段落を追加された箇所の上で右クリック段落番号プロパティから段落番号の種類を選択することができます Click! 選択段落番号が追加されている状態で段落番号が削除されますをクリックするとここで入力した文字から段落番号を英字小文字英字大文字始められますローマ数字小文字ローマ数字大文字 Click! 22

23 17. 箇条書きの追加 / 削除機能箇条書きにしたい箇所でをクリックすると箇条書き表示されますキーボードEnterでが追加されます箇条書きを追加した場所の上で右クリック箇条書きプロパティから箇条書きの種類を選択することができます Click! 箇条書きを削除したい箇所でをクリックするとが削除されます白丸四角 Click! 23

24 18. インデント機能インデント削除機能インデント ( 字下げ機能 ) を行いたい箇所で文章中の特定部分の左端位置を変更できますをクリックするとインデントを追加することができます Click! インデントを削除したい箇所を選択しをクリックするとインデントを削除することができます Click! 24

25 19. 左揃え機能中央揃え機能右揃え機能左揃え機能 Click! 中央揃え機能 Click! 右揃え機能 Click! 25

26 20. アンカー挿入 / 編集機能リンククリックなどで同じページ内の項目の箇所 ( アンカーを挿入した箇所 ) に飛ぶことができますアンカーを挿入したい箇所を選択しをクリックするとアンカープロパティダイアログボックスが表示されますアンカー名を入力してくださいをクリックするとアンカーが挿入されます挿入されたアンカーです挿入されたアンカーを選択しをクリックするとアンカープロパティーダイアログボックスが表示され編集することができます挿入されたアンカーの使用は 21-2 リンク挿入 / 編集機能で説明します 26

27 21-1. リンク挿入 / 編集 / 削除機能リンクタイプにURLを選択した場合選択した箇所にリンクを挿入することができます 1. リンクの貼りたい箇所を選択します今回は文字列 SiteCreationJr. にリンクを貼ります 2. をクリックするとリンク挿入設定用のダイアログボックスが表示されます 3. URL を入力してくださいと入力しますとプロトコルにが自動選択されます 4. OK をクリックすると選択した文字列にリンクが貼られますプレビュー機能で実際にリンクが貼られているか確認することができますアップロードされている HTML ファイルから選択することもできます 22. サーバーからファイル選択機能で説明します 27

28 21-2. リンク挿入 / 編集 / 削除機能リンクタイプにこのページのアンカーを選択した場合挿入したアンカーを使用することができます今回は 20. アンカー挿入 / 編集機能で挿入されたアンカーを使用しますページトップへ 1. 挿入したアンカーまで飛ばすリンク箇所を選択してください今回はページトップへにリンクを貼ります 2. をクリックしリンクタイプをこのページのアンカーを選択するとアンカー設定用のダイアログボックスに変わります 3. 使用するアンカーをプルダウンから選択してください 4. イメージ画像などのプロパティで id を指定してある場合はプルダウンから選択することができます選択された id にあたるイメージなどがアンカーの役割になります 5. OK をクリックすると選択した文字列に挿入したアンカーまで飛ばすことができるリンクを貼ることができますプレビュー機能で実際に挿入したアンカーまで飛ぶことができるリンクが貼られているか確認できます 28

21-3. リンク挿入 / 編集 / 削除機能リンクタイプに E-Mail を選択した場合設定した宛先にメールを送信することができますメール送信 1. メールを送信するリンク箇所を選択してください今回はメール送信を選択します 2.

29 21-3. リンク挿入 / 編集 / 削除機能リンクタイプにを選択した場合設定した宛先にメールを送信することができますメール送信 1. メールを送信するリンク箇所を選択してください今回はメール送信を選択します 2. をクリックしリンクタイプをを選択すると E- Mail 設定用のダイアログボックスに変わります 3. アドレス件名本文を入力してください *E- Mail アドレスは必須です 4. OK をクリックすると選択した文字列にメール送信用リンクが貼られますリンク削除機能リンクの削除を行いたい箇所を選択しプレビュー機能でメール送信リンク確認できますをクリックするとリンクの削除ができます 29

30 22. サーバーからファイル選択機能サーバーにアップされているファイルから HTML ファイルやイメージを選択することができますサーバーにアップされているファイル一覧ですサーバーにアップされているファイル一覧からファイル名をクリックすることで選択することができますパソコン内のファイルをサーバーにアップすることができます参照をクリックしアップさせたいファイルを選択してくださいをクリックするとアップロード完了です新規フォルダを作成することができます 30

23-1. イメージ挿入 / 編集機能 ( イメージ情報 ) イメージの貼り付けイメージのアップロードを行うことができますイメージを挿入したい箇所でをクリックするとイメージプロパティダイアログボックスが表示されますアップロードされているファイル一覧からイメージを選択することができます 22.

31 23-1. イメージ挿入 / 編集機能 ( イメージ情報 ) イメージの貼り付けイメージのアップロードを行うことができますイメージを挿入したい箇所でをクリックするとイメージプロパティダイアログボックスが表示されますアップロードされているファイル一覧からイメージを選択することができます 22. サーバーからファイル選択機能で説明します選択したイメージが存在しなかった場合に表示されるテキストです設定されているイメージのプレビューを見ることができますイメージの幅高さイメージの枠線 ( ボーダー ) イメージの位置の横間隔縦間隔 OK をクリックすると指定した箇所にイメージが挿入されますイメージのテキストとの位置設定変更した幅高さリセット幅高さ片方を変更したとき比率によってもう片方も変わります編集画像を選択した状態でをクリックすると編集することができます 31

32 23-2. イメージ挿入 / 編集機能 ( リンク ) リンク先の URL を入力してくださいアップロードされているファイルから選択することもできます 22. サーバーからファイル選択機能で説明しますリンク挿入したイメージにリンクを貼ることができますリンクを貼ることでイメージをクリックした時に指定した URL に飛ぶことができますターゲットを指定することで新しいウインドウとして表示させるなどを設定することができます 32

33 23-3. イメージ挿入 / 編集機能 ( アップロード ) 選択したイメージをサーバーにアップすることができます参照をクリックしアップロードしたいイメージを選択してください Click! クリックするとパソコン内のイメージをサーバーにアップすることができますイメージのアップロード完了です高度な設定は 30-2 高度な設定機能で説明します 33

サーバーからファイル選択機能で説明します Flash の幅と高さを設定します設定されたプレビューを見ることができます OK をクリックすると Flash が挿入されます挿入された

34 24. Flash 挿入 / 編集機能 Flashの挿入アップロードを行うことができます Flashを挿入したい箇所でをクリックすると Flashプロパティダイアログボックスが表示されます挿入した Flash を選択しをクリックすると編集することができますアップロードされているファイルから選択してください 22. サーバーからファイル選択機能で説明します Flash の幅と高さを設定します設定されたプレビューを見ることができます OK をクリックすると Flash が挿入されます挿入された Flash はプレビュー機能で確認することができますアップロードしたい Flash を選択してくださいパソコン内の Flash をサーバーにアップすることができます選択した Flash をサーバーにアップします 34

テーブルの幅と高さを設定することができます幅単位はピクセルかパーセントをプルダウンで選択することができますセル内の余白を設定することができます

35 25. テーブル挿入 / 編集機能テーブルを挿入したい箇所を選択しをクリックするとテーブルプロパティダイアログボックスが表示されますテーブル内の行数と列数を設定することができますテーブルの枠線のサイズを設定することができますテーブルの位置を設定することができますテーブルの幅と高さを設定することができます幅単位はピクセルかパーセントをプルダウンで選択することができますセル内の余白を設定することができますセル内の大きさを設定することができますテーブルのタイトルを設定することができますテーブル目的 / 構造をメモすることができますセル内余白セル内間隔挿入したテーブルを選択しすることができますをクリックするとテーブルを編集 35

36 26. 横罫線機能改ページ機能横罫線機能マウスカーソルの点滅している位置より前に横罫線を挿入することができます Click! 改ページ機能マウスカーソルの点滅している位置より前に改ページを挿入することができます改ページを挿入することでページを印刷したときに挿入部分から下の部分が新しいページとして印刷されます Click! 36

37 27. フォーマット選択機能フォント選択機能フォーマット選択機能文字のフォーマットをプルダウンから選択することができますフォント選択機能文字のフォントをプルダウンから選択することができます 37

38 28. サイズ選択機能サイズ選択機能文字のサイズを 1 ピクセル単位で選択することができます 38

39 29. テキスト色選択機能背景色選択機能テキスト色選択機能テキスト色をプルダウンから選択することができます背景色選択機能背景色をプルダウンから選択することができます 39

30-1. 高度な設定機能リンク挿入 / 編集機能 GMO インターネット GMO インターネットへ Title 属性を設定した場合リンクにカーソルを重ねると表示されます今回は Title 属性に GMO インターネットへと設定した場合です Id 指定したリンクに対して名前を設定することができますアンカー名として利用することができます文字列表記の方向

40 30-1. 高度な設定機能リンク挿入 / 編集機能 GMO インターネット GMO インターネットへ Title 属性を設定した場合リンクにカーソルを重ねると表示されます今回は Title 属性に GMO インターネットへと設定した場合です Id 指定したリンクに対して名前を設定することができますアンカー名として利用することができます文字列表記の方向文字列表記の方向をプルダウンから選択することができますアクセスキー設定すると Alt+ 設定したキーでページ内の設定したリンクが選択状態になります Name 属性アンカー名をつけることができますアンカーは id で指定することもできます言語コードドキュメント内で主に使われる言語を指定するために用いられますタブインデックス TAB キーなどによる選択は通常選択項目を文書の先頭から移動していきますがタブインデックスを指定することで選択順序を変更することができます設定した数値が小さいものから選択していきます Title 属性補足情報を設定できますリンクにカーソルをあわせたとき Title 属性に設定した情報が表示されます Content Type 属性文書のタイプを指定しますスタイルシートクラススタイルシートのクラスを設定することができますリンク Charset 属性リンク先の文字コードセットを指定することができますスタイルシートスタイルの設定を直接行うことができます 40

属性には画像の長文説明文書へのリンクを指定することができますスタイルシートクラススタイルシートのクラスを設定することができますスタイルシート

41 30-2. 高度な設定機能イメージ挿入 / 編集画像ボタン機能 Flash 挿入 / 編集機能文字表記の方法をプルダウンから選択できます拡大縮小設定をプルダウンから選択できます id 名前を指定することができますアンカー名として使用することもできます Longdesc 属性 longdesc 属性には画像の長文説明文書へのリンクを指定することができますスタイルシートクラススタイルシートのクラスを設定することができますスタイルシートスタイルの設定を直接行うことができます Title 属性 Title 属性に補足情報を設定することができますイメージや Flash にカーソルを合わせたとき Title 属性に設定された情報が表示されます 41

42 31. 新規 HTML 作成機能現在の階層に新規 HTML ファイルを作成することができます Click! 左上のメニューから新規作成 HTML ファイルを選びます作成したページがエディタ画面で表示されます新規 HTMLファイル名を入力してください拡張子 (htm,html) を忘れずに入力してくださいエディタの保存機能 (3. 保存機能で説明 ) で新規 HTMLファイルが保存されます * 保存しないと今回作成したHTMLファイルが登録されず破棄されます 42

43 32. フォルダ作成機能現在の階層に新規フォルダを作成することができます左上のメニューから新規作成 HTML フォルダを選びます Click! OK をクリックすると新規フォルダが作成されます新規フォルダ名を入力してください 43

44 33. 上位フォルダへ移動機能現在の階層から一つ上の階層へと移動することができます現在の階層 /public_html/directory-a/directory-b/ 1 つ上の階層 /public_html/directory-a/ Click! 44

ファイル毎にアスキーバイナリを自動的に切り替えて転送しますアスキー転送モード HTML ファイル等

45 34. ファイルアップロード機能パソコン内の HTML ファイルやイメージファイルなどをサーバーにアップすることができます Click! 左上のメニューからをクリックします重複するファイル名があった場合の処理を選択しますアップロードしないにチェックを入れていた場合重複するファイルはアップロードされずファイル名が赤文字で表示されます自動判定モードファイル毎にアスキーバイナリを自動的に切り替えて転送しますアスキー転送モード HTML ファイル等テキストファイルを転送します Click! バイナリ転送モード JPEG,GIF 等の画像ファイルを転送しますをクリックすると該当するファイル一覧にアップロードしたファイルが追加されます選択状態にすることで複数のファイルを一度にアップロードできます 45

46 35. 名称変更機能サーバーにアップされているファイルの名前を変更することができます名前を変えたいファイルを選択し左の操作メニューからを選びます Click! をクリックするとファイル名が変更されます新規ファイル名を入力します 46

47 36. 編集機能 HTML ファイルをエディタ画面で編集することができます Click! 編集したい HTML ファイルを選択し左の操作メニューからクリックしてくださいを選択した HTML ファイルがエディット画面で開きますエディット機能一覧の説明は 1. ソースの表示機能から説明します 47

48 37. 複製編集機能選択した HTML ファイルをコピーし編集することができますコピーしたい HTML ファイルを選択し左の操作メニューからをクリックしてください Click! をクリックするとコピーした HTML ファイルがファイル一覧に追加されますコピー後のファイル名を入力してください 48

左の操作メニューからをクリックしてくださいをクリックすると属性値が変更されます一覧表示に切り替えると属性値を確認できます

49 38. 属性の変更機能選択したファイルの属性 ( アクセス権限 ) の変更をすることができますファイルの所有者グループユーザーその他それぞれの読み込み書き込み実行権限を変更することができます属性を変更したい HTMLファイルを選択し左の操作メニューからをクリックしてくださいをクリックすると属性値が変更されます一覧表示に切り替えると属性値を確認できます権限を変更すると属性値が変わります Click! エディタ画面のページ部分が表示されない編集の保存が失敗する場合はもう一度属性 ( アクセス権限 ) を確認してください 49

50 39. ダウンロード機能サーバーにアップされているHTMLファイルやイメージファイルなどをパソコン内にダウンロードすることができますダウンロードしたいファイルの行のをクリックしてくださいダウンロードしたいファイルを選択し左の操作メニューからをクリックします Click! Click! このファイルを開くか保存しますか? と聞かれますので保存を選択します保存先を選択し保存をクリックするとダウンロード完了です 50

51 40. 削除機能サーバーにアップされているファイルを削除することができます削除したいファイルを選択し左の操作メニューからをクリックしてください Click! をクリックします * 一度削除すると元に戻すことはご注意くださいファイルが削除されます 51

52 41. 履歴機能履歴よりファイルデータを復元する事ができます履歴は作業を終了するときに履歴を残すにチェックを入れると作業前のデータが履歴として残ります元のファイルデータが新しく履歴として残されます復元したいファイルを選択し左の操作メニューからをクリックしてくださいプレビュー復元削除ファイルデータが履歴の状態に復元されます復元したい履歴のをクリックします Click! 52

表示項目に含まれない場合があります ) ページのカテゴリを記入する欄です (RSS リーダーによって表示項目に含まれない場合があります ) RSSとは?

53 42. RSS フィード作成機能 RSS フィードをページの情報をもとに作成することができますタイトルはページタイトルがすでに入力されています変更も可能です ( 必須入力 ) 更新ボタンをクリックするとその時設定されているページタイトルを表示します内容を入力します ( 必須入力 ) あらかじめ入力したいテキストを選択しておくとすでに入力された状態でウィンドウが開きますページ編集者を記入する欄です (RSS リーダーによって表示項目に含まれない場合があります ) ページのカテゴリを記入する欄です (RSS リーダーによって表示項目に含まれない場合があります ) RSSとは? RSSとはサイトの概要を記述するための形式ですブログやニュースサイトなどが更新した記事を広く知らせる目的でよく利用しています RSSリーダーを使えば更新があった場合にのみタイトルや更新日時の情報が届くので効率的にサイトを巡回できますまた複数のサイトの更新情報を集めたWebサイトにもRSSが使われていますページ保存時に下記の内容で RSS を生成するにチェックを入れた場合 RSS が生成されます 53

54 43. RSS ボタン挿入機能ページ内に RSS ボタンを挿入することができます RSS ボタンを挿入したい箇所にカーソルを合わせ RSS ボタン挿入ボタンをクリックします RSS のバージョンは RSS1.0 RSS2.0 ATOM0.3 の中から選択できますアイコンのデザインを選択します RSS のバージョンについて RSS リーダーや対応サービスのほとんどが上記 3 つのバージョンに対応しております 54

55 44. HTML タグ貼り付け機能アンカーを挿入したい箇所を選択しれますをクリックすると HTML タグ貼り付けダイアログボックスが表示さコピーした HTML タグを Ctrl+V で貼り付けますコピーした文をクリアします 55

56 45. 最大化機能編集画面をウィンドウの最大幅最大高さで表示することができます通常の編集画面を開き右上のをクリックします編集画面がウィンドウいっぱいに開きます元の画面に戻す時は右上のをクリックします Click! 56

57 46. 閉じる機能編集画面を閉じてファイル一覧画面に戻ります通常の編集画面から右上のをクリックします Click! 編集画面が閉じられファイル一覧表示画面に戻りますファイルが編集されていた場合エディタを終了する前に編集内容の保存についての確認画面が表示されます 57

のタイトルを入力します RSS の概要を入力しますサイトの紹介文や説明文を設定します

58 47. 環境設定履歴とRSSの設定を変更できます右上のをクリックします Click! 履歴の最大保持件数を設定します 1 ファイルにつき設定件数まで履歴を保存できます RSS のタイトルを入力します RSS の概要を入力しますサイトの紹介文や説明文を設定します Click! RSS に掲載する記事の最大件数を設定しますをクリックすると設定が保存されます 58

59 48-1. かんたんサイト作成 STEP1 URL 確認かんたんサイト作成とはお好みのデザインテンプレートを選択し簡単なカスタマイズを行うだけで手軽にサイトが作成公開できる機能ですまずサイトを公開するURLを確認します右上のメニューからをクリックします Click! Click! クリックすると次のステップ 48-2 テンプレート選択へ進みます 59

60 48-2. かんたんサイト作成 STEP2 テンプレート選択サイトの用途に合わせてテンプレートを選択します業種を選択します選択した業種に合わせてテーマが表示されます選択したテーマのプレビューが枠内に表示されますより詳細なイメージを確認したい場合はをクリックしてくださいテーマのメインカラーを変更できます選択したテーマのページ構成が表示されます Click! 一つ前のステップに戻りますクリックすると次のステップ 48-3 基本情報入力へ進みます 60

61 48-3. かんたんサイト作成 STEP3 基本情報入力サイトの基本情報を入力しますサイト名を入力しますをクリックしロゴ画像を選択しますコピーライトを入力しますサイトの説明文を入力します Click! 検索する際にヒントになるようなキーワードを入力しますキーワードは 1 つごとに改行するか半角コンマで区切ってください一つ前のステップに戻りますクリックすると次のステップ 48-4 コンテンツ設定へ進みます 61

62 48-4. かんたんサイト作成 STEP4 コンテンツ設定サイトのコンテンツを入力しますサイトのコンテンツメニューを入力しますテーマによってデフォルトの文字が表示されるので変更したい部分を書き換えてください項目に合わせて情報を入力してください Click! 一つ前のステップに戻りますクリックすると次のステップ 48-5 入力内容確認へ進みます 62

48-5. かんたんサイト作成 STEP5 入力内容確認 STEP2 テンプレート選択 STEP3 基本情報入力 STEP4 コンテンツ設定で入力した内容を確認します STEP2テンプレート選択で選んだテンプレートが表示されます STEP3 基本情報入力で入力した内容が表示されます STEP4

63 48-5. かんたんサイト作成 STEP5 入力内容確認 STEP2 テンプレート選択 STEP3 基本情報入力 STEP4 コンテンツ設定で入力した内容を確認します STEP2テンプレート選択で選んだテンプレートが表示されます STEP3 基本情報入力で入力した内容が表示されます STEP4 コンテンツ設定で入力した内容が表示されます Click! ここに表示された内容で正しければをクリックしてください一時ファイルがお使いのサーバーに転送されます修正したい場合はをクリックし前のページに戻って該当項目を変更してください一つ前のステップに戻りますクリックすると次のステップ 48-6 コンテンツ設定へ進みます 63

既存ファイルを別の名前に変更自動的に別のファイル名をつけて保存しますすべて上書きすべて既存のファイルに上書き保存されますすべて上書きを選択すると上書き保存されたファイルは復元

64 48-6. かんたんサイト作成 STEP6 プレビュー上書き確認確定された情報をプレビューで確認し重複ファイルの処理を指定します Click! プレビューボタンをクリックするとファイルの上書き確認画面が表示されます処理を切り替えると表示が変わります重複しているファイル一覧が表示されるので処理を選択します既存ファイルを別の名前に変更自動的に別のファイル名をつけて保存しますすべて上書きすべて既存のファイルに上書き保存されますすべて上書きを選択すると上書き保存されたファイルは復元することができませんのでご注意ください既存ファイルを別の名前に変更を選択した場合のみ表示されます重複しているファイル一覧が表示されますので再度確認を行ってください一つ前のステップに戻りますクリックすると次のステップ 48-7 サイト設置完了へ進みます 64

65 48-7. かんたんサイト作成 STEP7 サイト設置完了サイト設置完了画面が表示されますオンラインガイドを立ち上げます作成したサイトを開きます Click! この画面を閉じます以上の手順でサイトの設置が完了しました各ページをお客様の情報に書き換えてホームページを完成させてくださいページ編集の際に分からないことがあればオンラインガイドかこのマニュアルをご参照ください 65

地域ポータルサイト「こむねっとひろしま」

地域ポータルサイト「こむねっとひろしま」 5.1. エディタとは? NetCommons の全モジュールで共通する編集画面です 5.2. 通常のエディタの使い方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19) (20) (21) (22) (23) (24) (1) 書式設定左からフォントサイズスタイルを設定するためのプルダウンメニューです