日立社友クラブ茨城支部ホームページのWebページを作成するための講座を11月10日と11月20日に開催することになった。この講座はhtml言語やCSSの為の講座ではなく、ミスの少ない着せ替え法でWebページを作成する講座です。htmlのことは知らなくても、誰でも簡単にWebページを作成することができます。第2回のWeb原稿作成特別講座は11月20日(月)、14名出席のもと、大みかクラブ内の大みか拠点で開催しました。今回の講座は前回参加できなかった人が多いことから、前回と同様の内容で開催しております。資料は、講師が作成した資料を使用します。講師は安田出同好会顧問です。
 内容梗概は下記のとおりです。

Webページのダウンロードの方法

★見ているWebページのアドレスからフォルダ名、ファイル名を確認しておき、あらかじめ、PCにフォルダを作成しておく。
★画像がある場合は、画像がファイルと同じ階層なのか、別のフォルダにあるのか確認しておく。
★Edgeの場合、「設定」から「F12開発者ツール」をクリックしhtmlを表示させ、コピー&ペーストで、TeraPadなどに保存す
  る。
★同様にCSSもTeraPadなどに保存し、画像も右クリックして保存する。これらの保存した資料は最初に確認したフォルダ
  に保管する。
★IEの場合も同様である。htmlファイルをクリックするとインターネットで見たものと同じものが表示される。この方法がサー
  バーにアップしたWeb原稿と同じである。

着せ替え方法の説明と実演

★着せ替えには、元となるWebページが必要である。既に実証されたWeb原稿があればそれをベースにすればよいが、無
  い場合は上記の方法でダウンロードしたWebページをベースにすればよい。
★ベースとなるWebページをTeraPadやHPBなどで表示し、テキスト文章と画像を置き換えるだけで良い。
★画像はベースとしたWebページの画像と、サイズを合わせておくこと。
★画像スペースの追加や削除は、ソースで追加・削除する必要がある。

作成したWebページの確認方法

★ホームページサーバーは半角英数字と一部の記号しか受け付けない。自分のパソコン内でファイル名が日本語や全角
  の数字でも表示されるので、確認したことにはならない。
★Webページの確認は、契約しているプロバイダーのホームページサーバーを活用すればよいが、誰でも利用できるサイ
  トを作成したので、これを活用しても良い。ファイル転送ソフトのFFFTPを使って自分のフォルダーをアップして確認する
  ことができる。
★詳細は講座で説明済み。

その他

★Webページ作成・編集には、無料のメモ帳「TeraPad」でも可能ですが、やり易さを考えれば「ホームページビルダー」が
  便利である。私はもっと便利な「Dreamweaver」を推奨します。
★HTMLやCSSを勉強するには、「HTML&スタイルシート(改訂第3版)」(技術評論社、栗原明則」を推奨します。
文責 世話人 安田 出

171120web

第2回Web原稿作成特別講座に参加の皆さん

(戻り)