こちら

定塚小学校ＰＴＡ向
平成１４年６月２８日
ＮｅｔｗｏｒｋＡｓｓｉｓｔＴａｋａｏｋａ
ホームページって簡単につくれるの？
はい、
簡単につくれます。
ちょっと仕組みを
サーバ
ホームページを
見るときは
インターネット
データ
ブラウザー
ちょっと仕組みを
見せるためには
サーバ
データ
サーバーに公開
ホームページを
作成して
何を作るの？
ＨＴＭＬのドキュメント
そんなの簡単に分かろうか？
最近は楽になりました。
何を作るの？
（例）定塚小のトップ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<BASE target="bot">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY>
<CENTER>
<TABLE border="0" cellpadding="0">
<TBODY>
<TR>
<TD width="800" align="center">
<P><FONT color="#0000ff" style="FONT-SIZE: 1.22em"><MARQUEE bgcolor="#ffffff" height="17" loop="INFINITE“
scrollamount="7" scrolldelay="70" width="439" ALIGN="TOP">ようこそ</MARQUEE></FONT></P>
<P align="center"><FONT color="#0000ff" face="富士ポップＰ" style="FONT-SIZE: 1.43em">高岡市立国吉小学校のホームページ</FONT></P>
<P align="center"><IMG src="gazo/kuniyoshi_kosha_2.jpg" width="360" height="271" border="0" alt="校舎の写真"> <BR>
〒933-0961 高岡市佐加野２３８４<BR>
E-mail [email protected]<BR>
<BR>
２００２/２/１３
up dated<BR>
<IMG src="gazo/c004lin.gif" width="512" height="13" border="0"></P>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</BODY>
</HTML>
どうやって作るの？
最近は
ワープロ感覚で操作できる
ソフトが多く発売
今日は
ホームページビルダー
を利用
どうやって作るの？
体験版（１ケ月無料）
ご理解いただきたいこと
サイトを開く
ページ作成
ｻｰﾊﾞｰへ転送
サイトを閉じる
ｲﾝﾀｰﾈｯﾄで
閲覧可
ホームページビルダー体験版を
起動しよう
サイトを開こう
サイトを開こう
サイトを開こう
ここが
作成エリアです
まずは自分の名前を書いてみよう
まずは自分の名前を書いてみよう
１
２
まずは自分の名前を書いてみよう
上手くできたら保存してください
サーバーに転送しよう
高岡短期大学のサーバに
データを転送します。
サーバーに転送しよう
サーバーに転送しよう
皆さんのページを見てみよう
http://venus.takaoka-nc.ac.jp/~pta/jyoduka/study/top/
講習会の
トップページから
ジャンプできます。
後はこの繰り返し
サイトを開く
ページ作成
ｻｰﾊﾞｰへ転送
サイトを閉じる
ｲﾝﾀｰﾈｯﾄで
閲覧可
作成状態の確認
プレビュー
が
できます
このエリアにワープロ感覚で文字を
挿入することができます。
もちろん
センタリングや
右寄せが
できます
作成状態の確認
ＨＴＭＬソースが
確認できます
こんなに難しいＨＴＭＬを
簡単に作成していることが
理解できます。
さて、何を作ろうか？
設定
皆さんがホームページ編集委員会で役割分担
したテーマについてページを作成してみましょう
最近の学校行事
ALT授業大縄とび大会書初め大会
カルタ大会百人一首大会スキー大会
下校指導保護者会
地域紹介
古城のふるさと高岡の民話
定塚の名所定塚のお祭り
是非やってほしいこと
テキストを書いてみる
素材の挿入
リンクの作成
表の作成
デジカメやスキャナも活用ください
スタッフに聞きながらどんどん進む
２１：２０まで前でもやります
素材の挿入
１
２
簡単に挿入できます。
３
拡大もできますよ
素材の挿入
１
前回の講習で集めた素材から
画像を挿入してみる
リンクの挿入
１
このページへジャンプ
http://www.yahoo.co.jp
ここにジャンプ先を記述
選択やﾌﾞﾗｳｻﾞｰからＧＥｔ
表の作成
１
表の作成
１
←表が挿入されました
さてさて
本日の環境は？
小学校のパソコンで
あらかじめ設定されている
お宅で作業をするときには？
新規に「サイト」を作成する
必要があります。
モードについて
現在のお勧めモード
ﾌﾞﾗｳｻﾞｰの環境に
よって表示が違う
よく考えてみると
今日やったことは
はじめの一歩
次回（明日）は
相互コミニュケーション
について
メールの活用

Download Report