こちら

定塚小学校PTA向
平成14年6月28日
NetworkAssistTakaoka
ホームページって簡単につくれるの?
はい、
簡単につくれます。
ちょっと仕組みを
サーバ
ホームページを
見るときは
インターネット
データ
ブラウザー
ちょっと仕組みを
見せるためには
サーバ
データ
サーバーに公開
ホームページを
作成して
何を作るの?
HTMLのドキュメント
そんなの簡単に分かろうか?
最近は楽になりました。
何を作るの?
(例)定塚小のトップ
<!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="富士ポップP" 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 高岡市佐加野2384<BR>
E-mail [email protected]<BR>
<BR>
2002/2/13
up dated<BR>
<IMG src="gazo/c004lin.gif" width="512" height="13" border="0"></P>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</BODY>
</HTML>
どうやって作るの?
最近は
ワープロ感覚で操作できる
ソフトが多く発売
今日は
ホームページビルダー
を利用
どうやって作るの?
体験版 (1ケ月無料)
ご理解いただきたいこと
サイトを開く
ページ作成
サーバーへ転送
サイトを閉じる
インターネットで
閲覧可
ホームページビルダー体験版を
起動しよう
サイトを開こう
サイトを開こう
サイトを開こう
ここが
作成エリアです
まずは自分の名前を書いてみよう
まずは自分の名前を書いてみよう
1
2
まずは自分の名前を書いてみよう
上手くできたら保存してください
サーバーに転送しよう
高岡短期大学のサーバに
データを転送します。
サーバーに転送しよう
サーバーに転送しよう
皆さんのページを見てみよう
http://venus.takaoka-nc.ac.jp/~pta/jyoduka/study/top/
講習会の
トップページから
ジャンプできます。
後はこの繰り返し
サイトを開く
ページ作成
サーバーへ転送
サイトを閉じる
インターネットで
閲覧可
作成状態の確認
プレビュー
が
できます
このエリアにワープロ感覚で文字を
挿入することができます。
もちろん
センタリングや
右寄せが
できます
作成状態の確認
HTMLソースが
確認できます
こんなに難しいHTMLを
簡単に作成していることが
理解できます。
さて、何を作ろうか?
設定
皆さんがホームページ編集委員会で役割分担
したテーマについてページを作成してみましょう
最近の学校行事
ALT授業 大縄とび大会 書初め大会
カルタ大会 百人一首大会 スキー大会
下校指導 保護者会
地域紹介
古城のふるさと 高岡の民話
定塚の名所 定塚のお祭り
是非やってほしいこと
テキストを書いてみる
素材の挿入
リンクの作成
表の作成
デジカメやスキャナも活用ください
スタッフに聞きながらどんどん進む
21:20まで 前でもやります
素材の挿入
1
2
簡単に挿入できます。
3
拡大もできますよ
素材の挿入
1
前回の講習で集めた素材から
画像を挿入してみる
リンクの挿入
1
このページへジャンプ
http://www.yahoo.co.jp
ここにジャンプ先を記述
選択やブラウザーからGEt
表の作成
1
表の作成
1
←表が挿入されました
さてさて
本日の環境は?
小学校のパソコンで
あらかじめ設定されている
お宅で作業をするときには?
新規に「サイト」を作成する
必要があります。
モードについて
現在のお勧めモード
ブラウザーの環境に
よって表示が違う
よく考えてみると
今日やったことは
はじめの一歩
次回(明日)は
相互コミニュケーション
について
メールの活用