BlueGriffonを用いたHP作成手順

投稿者: | 2013 年 6 月 26 日
  1. データ3級をデスクトップにダウンロード。
  2. ダブルクリックし、展開。
  3. BlueGriffonを起動。
    01
  4. 学籍番号、氏名を入力。
  5. ファイルを保存をクリック。
    02
  6. タイトル(ここでは天の原ドライブウェー)を入力。
    03
  7. デスクトップに展開したフォルダを選ぶ(開く)。
  8. indexと入力。
  9. 保存をクリック。
    04
  10. パネルをクリック。
  11. スタイルシートをクリック。
    05
  12. スタイルシートを追加(+)をクリック。
    06
  13. 文書からリンクするをクリック。
  14. スタイルシートを選択をクリック。
    07
  15. デスクトップのフォルダの中のstyle.cssをクリック。
    08
  16. URLをページ相対にするをクリック。
  17. OKをクリック。
    09
  18. パネルを閉じるをクリック。
    10
  19. 改行して、次の行に移る。
  20. 表(テーブル)をクリック。
  21. 2x2となるようにドラッグし、クリック。
    11
  22. 1行目の2つセルをドラッグ(選択)。
    12
  23. 右クリックし、セルを結合をクリック。
    13
  24. 問題に従って、1行1列目のセルに文字(ここでは天の原ドライブウェー)を入力。
    14
  25. 見出し1をクリック。
    15
  26. つづけて2行目1列目のセルに、以下の図のように3行を入力。
    16
  27. 記号付きリストをクリック。
    17
  28. 1行目をドラッグ。
    18
  29. リンクの挿入または編集をクリック。
    19
  30. ファイルを選択をクリック。
    20
  31. デスクトップのフォルダの中に移り、page1.htmlをクリック。
  32. 開くをクリック。
    21
  33. URLをページに対して相対にするをクリック。
  34. OKをクリック。
    22
  35. アクセスもドラッグし、選択。
    23
  36. page2.htmlを選ぶ。
  37. URLをページに対して相対にするをクリック。
    24
  38. 観光スポットをドラッグ(選択)。
    25
  39. page3.htmlを選ぶ。
  40. URLをページに対して相対にするをクリック。
  41. OKをクリック。
    26
  42. 2行2列目のセルをクリック。
    27
  43. 画像を挿入または編集をクリック。
    28
  44. 画像を選択をクリック。
    29
  45. デスクトップのフォルダの中のpic.jpgをクリック。
  46. 開くをクリック。
    30
  47. pic.jpgを選ぶ。
  48. URLをページに対して相対にするをクリック。
  49. 代替文字列の欄に、問題に従って、高原と道路の写真と入力。
  50. OKをクリック。
    31
  51. 挿入した画像の右下をクリック。
  52. Enterを押して改行しておく。
    32
  53. 以下のように問題に従って、文字を入力する。
  54. 最新情報をドラッグ(選択)する。
    33
  55. 見出し2をクリック。
    34
  56. 同様に、イベントをドラッグして選択。
  57. 見出し2をクリック。
    35
  58. フォトコンテスト作品募集の後をクリック。
  59. 改行する。
    36
  60. 挿入-表をクリック。
    37
  61. 2x2となるようにドラッグ(選択)してクリック。
    38
  62. 問題に従って、文字入力。
  63. メールでのお問い合わせをドラッグ(選択)
    39
  64. リンクの挿入または編集をクリック。
    40
  65. amanohara@goukaku.ne.jp と入力。
  66. これはメールアドレスですをクリック。
    41
  67. ソースをクリック。
  68. tableの行を確認。
    42
  69. 1つ目のtableの中をborderだけにして、0(zero)にする。
  70. 2つ目のtableの中をborderだけにする。
    43
  71. ファイルを保存するをクリック。
    43
  72. デスクトップのフォルダを開く。
  73. index.htmlをダブルクリックし、ちゃんと表示されるか確認。
    43