| ＩＴ・Ｓの会，2008年1月12日学習会のテキスト フォントの大きさ，色などは当日配布したものと違っています。 また，一部を修正してあります。 ---------- ホームページまたはブログの開設を考えている会員へ ---------- 初心者には，操作が簡単なブログをお勧めします。 無料ブログでも広告が入らないものがあります。 例えば，日本財団のcanpanを小池律さんが使用しています。 https://blog.canpan.info/Top.blog から入って，個人ブログのページから登録できます。 ブログは，読者からコメントを受け取るなど，読者と交流ができる利点があります。 逆に，悪意を持った書き込みなどの心配があります。 初期設定をするとき，コメント，トラックバックなどを「受け付けない」に設定すれば，こういった心配がなくなります（ブログ開設後も設定変更可能です）。 設定は，画面の指示に従うだけです。 パスワードを設定することも可能ですが，最初は凝らない方が良いと思います。 開設できましたら，ぜひお知らせください。 山本のページからリンクさせていただき，会員にお知らせします。 お困りの方は，山本までE-mailまたはTELでどうぞ。あまりお役に立てていないのですが，時に役立つことがあります。 |
ＩＴ・Ｓの会 学習会資料 2008.1.12
インターネット活用術 ホームペ−ジの作り方入門 （担当：山本行雄） １．わたしたちはこれまでの学習会で，以下のことを学習してきました。 （１）Word文書の作成。 （２）Excel文書の作成。 （３）E-mailの送信，閲覧。 （４）Home pageの閲覧。 （５）パソコン初級講座の講師，サポーター。 （６）デジカメ写真の撮影，加工・プリント。 （７）その他，いろいろ。 ２．次のことは，パソコンの利用価値をいっそう高めます。 （１）ホームページ(HP)を作る。または，（２）ブログ(blog)を作る。 HP=ネットワーク上で見ることのできる記事 blog=Weblog：記事を登録した時間の順に並ぶHP ＩＴ・Ｓの会の連絡方法は主にHPとE-mailを使っています。我々の年齢では，今のと ころ，少しだけ自慢できそうです。 自慢ついでに，ＩＴ・Ｓの会の会員は，ぜひ自分のホームページかブログを持ちたい ものです。「自分のホームページかブログを持つための準備」が本日の学習会の目的です。 本会でも，HPかblogをお持ちの会員がすでに何名かいます。 ３．ホームページとブログ ホームページHPが良いかブログblogが良いかは，各自の判断で決めます。 （１）ホームページ ホームページはHTML(Hyper Text Makeup Language)という言語を使ったプログラム で書かれます。少し使えると，自分独自の形式のHPを作ることができます。 決まった形式に必要事項を書き込んでいく書式（テンプレート：見本）が用意されてい ますから，これを使えばかなり簡単です。Windows上で代表的なHP用テンプレートに Homepage Builderがあり，他にも無料サイトで提供されているものがあります。 例えば，Yahooで提供しているHP用テンプレート。 （２）ブログ 徹底的にテンプレートを利用する方法であり，作成はblogの方が簡単。 blogは記事を書いた順番に表示され，新しい記事が上部に表示されます。あまり手を掛 けたくない場合にはブログが便利。もちろん，手の込んだ凝ったブログも可能です。 ４．準備などの手順 （１）プロバイダに登録の手続きをします：必須 メールの登録と同様に，IDとパスワードを登録します。必ず記録しておく。 方法１：自分がネット契約をしているプロバイダのサイトを開き，HPまたはブログのページ を見る。例：plalaのHP >ブログ 方法２：契約しているプロバイダに関係なく，無料で提供されているHPまたはブログを利 用する。（無料のメールシステムと同様に広告が入る）。 例： Yahooのgeocities，Cyber Agentのameblo.jp，biglobe.ne.jpなど。 （２） 画面の指示に従って，記事を書き，アップする。 （３） ブログまたはホームページができたことを，知り合いに知らせて自慢しましょう。 ５．練習：ホームページをHTMLで書いてみる （１）写真の準備をしておく（今回は既存の写真を借用する）。 長野高専のHPを開く ＞学校紹介 ＞キャンパスの写真２枚をデスクトップへドラッ グアンドドロップする。 （２）PCのメモ帳を開いて以下を書き込む。これはプログラミングの１種である。 PCへの指示（命令）は半角文字で < > で囲んで書く。大文字，小文字のどちらでも 良い。命令の終了は のように / を書く。それ以外は何を書いても良い。 改行は ＜br＞と書く。
以上を知っているだけで相当なHPができる。 ---------------------------------------------------------------------------------------------------------------- ＜html> （HTML言語であることを示す） ＜title>ＩＴ・Ｓの会・自分の氏名など何でも ＜/title> （タイトル） ＜body> （以下が本文であることを示す） ＩＴ・Ｓの会でホームページの作り方を学習しています。 ＜img src="intro1[1].jpg" height="200"> （写真の名前と，寸法） 写真１：長野高専の春 (height:高さ，width:幅) ＜img src="intro2[1].jpg" width="300"> （写真の名前と，寸法） 写真２：長野高専の航空写真 ＜body> （本文が終了したことを示す） ＜/html> （htmlの終りを示す） 備考） < >および< >内に書かれる文字は，すべて半角文字にする。 ---------------------------------------------------------------------------------------------------------------- （３）上の原稿を保存する（今回はデスクトップへ。File名：home.html） 注）.htmlは必ず書く。ファイル名homeは他の名称にして良い。 写真の保存場所と，上のファイルの保存場所は同じフォルダにする。 （４）プレビューによって，どのような画面になるかを確かめる。 Windowsの場合は，保存してあるファイル（home.html）をダブルクリックすると， ＨＰにどのように表示されるが画面に現れる。 -----本日の実習ではここまで----- （５）ファイルをアップロードする。プロバイダのサーバーに記憶される。 戻る