[ 活動(ホームページ作成講習会)へ戻る | ←← | →→ ] [ 活動(ホームページ作成講習会) | 記録日(2002/12) ]
新庄ちょっとコム

021218ホームページ作成講習会（第3回）

活動: ホームページ作成講習会 地域: 新庄市
(登録日: 2002/12/19 更新日: 2003/01/20)


この日も平日夜間の開催となりましたが、沢山の方が参加され、今回の講師をされたもり＠web担当さんのわかりやすいお話に、参加者の皆さんは熱心に耳を傾けられ、あっという間に3時間経ってしまいました。

今回講習で作成されたデモサイトは、ちょっとコムのサイトでも公開しておりますので（http://shinjotc.hp.infoseek.co.jp/web3/）参加者の方は家で復習された際、同じように動作するかなど、確認できるようになっていいます。

参加者の皆さんのやる気がメラメラと感じられましたので、これを機に新庄ちょっとコムのコンテンツがさらに増えそうな予感がします。
　

記録日: 2002/12/18 新庄市民プラザ第6研修室
当日の様子（よ、もりさん男前！）
(18件)
▼01 021218ホームページ作成講習会（第3回） ▼02 021218ホームページ作成講習会（第3回） ▼03 021218ホームページ作成講習会（第3回） ▼04 021218ホームページ作成講習会（第3回）
▼05 021218ホームページ作成講習会（第3回） ▼06 021218ホームページ作成講習会（第3回） ▼07 021218ホームページ作成講習会（第3回） ▼08 021218ホームページ作成講習会（第3回）
▼09 021218ホームページ作成講習会（第3回） ▼10 021218ホームページ作成講習会（第3回） ▼11 021218ホームページ作成講習会（第3回） ▼12 021218ホームページ作成講習会（第3回）
▼13 021218ホームページ作成講習会（第3回） ▼14 021218ホームページ作成講習会（第3回） ▼15 021218ホームページ作成講習会（第3回） ▼16 021218ホームページ作成講習会（第3回）
▼17 021218ホームページ作成講習会（第3回） ▼18 021218ホームページ作成講習会（第3回）

当日の資料

ホームページ作成講習会３（Webデザインの基礎)

2002/12/18　19:00〜21:00　新庄市民プラザ

講師 もり＠Web担当

参加者 森、西坂、伊藤（理）、柴田、沼澤（さと）、沼澤（和）、柴崎、小沼伊藤（幸）、佐藤、田中

１　Webデザイン　初めの一歩

・色んなホームページをみて、好きなページ、好きなデザインを見つけるのが、Webデザイン上達の近道。
・何のホームページにするのか、ハッキリとした目的を持とう。
・Webコンテンツは、百貨店より専門店。何でも有りはダメ。
・先ずはホームページのイメージを紙などにラフスケッチしてみよう。
・レイアウトはタグ等を上手く使って見易いページにしよう。
・色使いによってページのイメージが変わる。
・背景、装飾用画像、BGMはあくまでも主役の引き立て役。
・説明が無くてもサイト内を渡り歩けるよう、ナビゲーションに気を使おう。
・アクセシビリティへの配慮。
・Webデザイン私論　"Simple is Best!"　これに尽きます。Webページ作成に行き詰まったときは、
この言葉に立ち返ってみましょう。

２WYSIWYGのHTMLエディタにさわってみよう。

・WYSIWYG ? （ウィズィウィグと読みます） What You See Is What You Getの略
見えるものを手にすることが出来ると言うことで、ディスプレイで見えているそのままの
Webページを作ることが出来るエディタです。ちょうどWORD や一太郎の編集作業のように
Webページを編集する事が出来ます。

・WYSIWYG HTMLエディタにはどんなものがあるか

ホームページビルダーV7(win)
Dreamweaver MX 日本語(win/mac)
GoLive 6.0 日本語版(win/mac)
FrontPage Version 2002(win)
Homepage Manager フリーソフト(win)

その他にも色々なエディターがあります。各自探してね！



３WYSIWYGのHTMLエディタで本格的にプチサイトを構築しよう。

・どんなページを作るか（フランスに旅行したときのアルバム）
・ページのラフスケッチを描く（別紙）
・実際にHBを使ってページ作成の作業をする
・サイトを新規に作る（サイト名＝Web講習会３）
・背景画像を張り付けてみよう。
・テーブルを使ってページをレイアウトしていく。
・表、レイアウトの他にもテーブルの使い方はまだある。
・画像へのリンク設定をする。
・テンプレートの作り方使い方、手抜きでページを作ろう。

４　ホームページ作成お役立ちサイトの紹介

【ホームページ作成支援】
ホームページ キッチン
http://hp-kitchen.com/index.html
GAC
http://www.annie.ne.jp/~halpin/
やってはいけない!!ホームページの掟　http://www2.plala.or.jp/Cool/okite/
Another HTML-lint gateway http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

【ホームページの色について】
About HTML Color
http://www.dakiny.com/color/
Mariのいろえんぴつ
http://member.nifty.ne.jp/marimari/

【フリー素材】
G-TOOL
http://www.siliconcafe.com/free/index.html
牛飼いとアイコンの部屋 http://ushikai.wakusei.ne.jp/index.htm

【ホームページ作成講習会で使ったツール 】
Tag-Box http://www.vector.co.jp/soft/dl/win95/net/se184308.html
FFFTP
http://www.vector.co.jp/soft/win95/net/se061839.html
FFFTP Support Page
http://web.fu-sen.net/FFFTP/
ホームページビルダー７
http://www-6.ibm.com/jp/software/internet/hpb/

（番外編）
Homepage Manager
http://homepage1.nifty.com/~akira_t/
@BC
http://www.j-ns.com/ab/index.html
[ 活動(ホームページ作成講習会)へ戻る | ←← | →→ ] [ 活動(ホームページ作成講習会) | 記録日(2002/12) ]
[ ホーム| ]