本文の作成‐3級-KompoZer

投稿者: | 2015 年 10 月 21 日

コンテンツ(メニュー)の作成(3級)‐KompoZer につづいて、ここからは本文の作成です。

  1. 1行目をクリックします。
  2. 画像をクリックします。
    画像
  3. ファイルを選択をクリックします。
    pic.jpgを選択
  4. pic.jpg をクリックし、開きます。
    pic.jpgを選択
  5. 代替テキストの欄に、大道芸フェスタの写真 と入力します。
    代替テキストの入力
  6. OKをクリックします。
  7. 写真が表示されます。
  8. 写真の右横をクリック。
    写真の右端をクリック
  9. Enterキーを押すと、そのまま2行目に移ります。
    ENTERを押して、次の行に移る
  10. 次の文章を入力します。
    お知らせ
    けん玉教室参加者募集
    けん玉を知っていますか?けん玉達人が上達のコツを指導!
    動体視力の訓練に効果的というけん玉をみんなで楽しみましょう♪
    開催日時
    テキストの入力
  11. お知らせをドラッグします。
  12. 見出し2に変更します。
    見出し2
  13. 開催日時も上と同様にドラッグし、見出し2に変更します。
    見出し完成
  14. 保存します。
  15. 【つぎに表の中に表を作ります。ただ、表の中に表が作れない場合があります。その際には、表の外に表を作っておいてから、表の中に移動します。】
  16. まず、表の中にそのまま表を作ってみましょう。作れない場合は、以下の図のように表の外をクリックし、外に作成します。
  17. テーブルをクリックします。
    テーブル
  18. 3行2列になるようにドラッグし、クリック(もしくは、OK)します。
    3x2
  19. それぞれのセルの中に次の文章を入力します。
    「開催日」 「11 月 9 日」
    「開催時間」 「午前 10 時から午後 4 時まで」
    「開催場所」 「来夢広場・駅前広場・なるみ小学校」
    テキストの入力
  20. ソースをクリック。
  21. 表の<td の中の styleから始まる文章をドラッグします。
  22. 右クリックコピーをクリック。
    コピー
  23. 編集から検索・置換をクリック。
    置換
  24. 検索文字列に貼り付け。
  25. すべて置換をクリック。
    すべて置換
    下のように、tdのタグがシンプルになります。
    td & table
  26. 前を検索をクリック。
  27. すべて置換をクリック。
    すべて置換(前方)
  28. 1つ目の表のtdもシンプルになります。
  29. <table の中は下図のようにドラッグし、青く選択した個所を削除します。
    表が2つありますが、2つとも削除します。
    td & table2
  30. ここから34までは、表の外に作った場合の手順です。
    2つ目の表をドラッグします。
    copy
  31. 右クリックし、コピーをクリック。
  32. 1つ目の表の<h2>開催日時</h2>の後の行貼り付けます。
    paste
  33. 1つ目の表の中に、2つ目の表が入りました。コピー終了
  34. 貼り付けが終わりましたので、コピー元のほうを削除します。
    削除
  35. 下図は表の中に表が入ったところです。
    表の移動終了
  36. デザインをクリック。
    design
  37. 表の下に1行あけます
  38. 次の文章を入力します。
    すばる市観光協会イベント課
    電話:052-904-3327
    メールでのお問い合わせ
  39. メールでのお問い合わせ をドラッグします。
  40. リンクをクリックします。
    design
  41. リンク対象の空欄にfesta@goukaku.ne.jp と入力します。
    電子メールアドレスとして扱うをクリック。
    プロパティ
  42. OKをクリック。
  43. 完成です。