ＨＴＭＬのタグを使ったホームページ作成第1章ＨＴＭＬ文書の基本１．タグの基本・ ＨＴＭＬ文書は普通の文章とタグで構成される。
・ タグは半角英数字で書く。・ <H1>文字</H1>のように開始タグ（<>）と終了タグ（</・ オプションをつけることもできる。

２．基本構成（下線のタグは必ず書きます）<HTML><HEAD><TITLE>タイトル</TITLE></HEAD><BODY>本文・・・・・・・・・・・<ADDRESS>作者氏名など</ADDRESS></BODY></HTML>>）で囲む。第２章

ドキュメント・ページに関するタグ機能タグ記述例タイトル<TITLE><TITLE>ようこそ</TITLE>ＵＲＬ<BASE><BASE>http://www.owc.ac.jp</BASE>

コメント<!********>

アドレス<ADDRESS></ADDRESS>BGCOLOR色の指定背景<BODY BGCOLOR=”#ffffff”

TEXTTEXT=”BLACK”

LINKLINK=”BLUE”

VLINKVLINK=”RED”

ALINKALINK=”yellow” >BACKGROUND<BODY BACKGROUND=”****.gif”BGPROPERTIESBGPROPERTIES=FIXED>第３章基本的なタグ機能タグ記述例ｎは１から６<H1>ようこそ○○短期大学図書館へ</H1>

見出し<Hｎ></Hｎ>

段落<P>強制改行<BR>水平線<HR>

センタリング<CENTER></CENTER>太字<B></B>フォント<FONT COLOR="***" SIZE="***"></FONT>斜体<I></I>下線付き<U></U>

インデントし <DL>

<DL>

た箇条書き<DT>日時<DT><DD><DD>2001 年 7 月 23 日</DD></DL></DL>マーク付きリ <UL TYPE=”***”><LI></UL><UL TYPE=”SQUARE”>スト項目<LI>一般</LI><LI>子供</LI></UL>番号付き箇条 <OL TYPE=”***”><OL TYPE=”A”>書き<LI></LI><LI>一般</LI></OL></OL>

表の作成<TABLEBORDER="*"><TR><TABLE BORDER="2"><TR><TH></TH><TH>番号</TH><TH></TH><TH>書名</TH><TH></TH><TH>作者</TH></TR></TR><TR><TR><TD></TD><TD>100011</TD><TD></TD><TD>坊ちゃん</TD><TD></TD><TD>夏目漱石</TD></TR>・・・・・</TABLE></TR></TABLE>画像の表示<IMGSRC=”******.gif”HEIGHT=”***”リンク

WIDTH=”***”BORDER=”***”<A HREF=”*****.html>メールウィン <A HREF="mailto:メールアドレス">ドウを開く<IMGSRC="cut001.gif" width="151"height="116" border="0"><A HREF=”data2.html”><A HREF="mailto:kawasaki@owc.ac.jp">第４章

入力画面の作成に必要なタグ１．購入希望図書申込み・購入希望図書の申込みをメールで送ってもらう場合の例です。
・メールで回答をもらうと文字化けを起こし、そのままでは、全く読むことができません。送ってもらった回答を読むためにはＣｌｉｐＤｅｃｏｄｅｒなどのソフトで再変換する必要があります。
・文字化けを防ぐにはＣＧＩプログラムを作る必要があります。
・ＣＧＩを使用するときは下の例の下線部をＣＧＩプログラム名に書き直します。
<HTML><HEAD><TITLE>購入希望図書申込</TITLE></HEAD><BODY background="g9b.gif"><H1 align="center"><B>購入希望図書申込</B></H1><center><H3 align="left"><B>利用案内・注意事項</B></H3></center>①学生に読んでもらいたい図書や課題図書など授業に関する研究図書以外の図書。<BR>②職務上必要な図書。<BR>③氏名・メールアドレス・利用目的は必ず記入して下さい。
<HR><H3><B>申込みフォーム</B></H3><FORM action="mailto:kawasaki@owc.ac.jp" method="POST"><TABLE><TR><TD><FONT size="-1">学科名</FONT></TD><TD><SELECT name="major"><OPTION value="生活情報学科">生活情報学科<OPTION value="食物栄養学科">食物栄養学科<OPTION value="幼児教育学科">幼児教育学科<OPTION value="英語科">英語科</SELECT></TD></TR><TR><TD><FONT size="-1">学籍番号</FONT></TD><TD><INPUT name="gakuseki" size="30"></TD></TR><TR><TD><FONT size="-1">氏名</FONT></TD><TD><INPUT name="myname" size="30"></TD></TR><TR><TD><FONT size="-1">住所（現住所）</FONT></TD><TD><INPUT name="address" size="60"></TD></TR><TR><TD><FONT size="-1">電話番号</FONT></TD><TD><INPUT name="tel" size="14"></TD></TR><TR><TD><FONT size="-1">メールアドレス</FONT></TD><TD><INPUT name="mail" size="40"></TD></TR></TABLE>希望図書<P><FONT size="-1">*『ISBN』は 10 桁の数字です。
（例／ISBN：1-2345-678-9）</FONT></P><TABLE border="0"><TR><TD></TD><TD align="center"><FONT size="-1">書名</FONT></TD><TD align="center"><FONT size="-1">著者名</FONT></TD><TD align="center"><FONT size="-1">出版者（社）</FONT></TD><TD align="center"><FONT size="-1">価格</FONT></TD><TD align="center"><FONT size="-1">ISBN</FONT></TD></TR><TR><TD><FONT size="-1">1</FONT></TD><TD><INPUT name="shomei1" size="60"></TD><TD><INPUT name="cyosya1" size="30"></TD><TD><INPUT name="syupan1" size="30"></TD><TD><INPUT name="kakaku1" size="6"></TD><TD><INPUT name="isbn1" size="13"></TD></TR><TR><TD><FONT size="-1">2</FONT></TD><TD><INPUT name="shomei2" size="60"></TD><TD><INPUT name="cyosya2" size="30"></TD><TD><INPUT name="syupan2" size="30"></TD><TD><INPUT name="kakaku2" size="6"></TD><TD><INPUT name="isbn2" size="13"></TD></TR><TR><TD><FONT size="-1">3</FONT></TD><TD><INPUT name="shomei3" size="60"></TD><TD><INPUT name="cyosya3" size="30"></TD><TD><INPUT name="syupan3" size="30"></TD><TD><INPUT name="kakaku3" size="6"></TD><TD><INPUT name="isbn3" size="13"></TD></TR><TR><TD><FONT size="-1">4</FONT></TD><TD><INPUT name="shomei4" size="60"></TD><TD><INPUT name="cyosya4" size="30"></TD><TD><INPUT name="syupan4" size="30"></TD><TD><INPUT name="kakaku4" size="6"></TD><TD><INPUT name="isbn4" size="13"></TD></TR><TR><TD><FONT size="-1">5</FONT></TD><TD><INPUT name="shomei5" size="60"></TD><TD><INPUT name="cyosya5" size="30"></TD><TD><INPUT name="syupan5" size="30"></TD><TD><INPUT name="kakaku5" size="6"></TD><TD><INPUT name="isbn5" size="13"></TD></TR></TABLE><BR><FONT size="-1">利用目的（必ずどれかをチェックして下さい。この項目に目的がない場合は備考に記入して下さい。）</FONT><BR><TABLE><TR><TD><SELECT name="mokuteki"><OPTION value="学生に読んでもらいたい図書">学生に読んでもらいたい図書<OPTION value="課題図書">課題図書<OPTION value="職務上必要な図書">職務上必要な図書<OPTION value="読みたい図書">読みたい図書<OPTION value="学習上必要な図書">学習上必要な図書</SELECT><BR><BR><BR><BR></TD><FONT size="-1">備考：</FONT><TD><FONT size="-1">備考：</FONT><P><FONT size="2" color="red">（注：半角カナの使用は避けてください）</FONT></P></TD><TD><TEXTAREA name="mycomment" rows="5" cols="55"></TEXTAREA><BR></TD></TR></TABLE><P align="center"><FONT size="-1"> 必要事項は記入しましたか？もう一度確認をして送信して下さい。 </FONT></P><CENTER><TABLE><TR><TD align="center"><FONT size="-1" color="red"><INPUT type="submit" value="申し込む "></FONT></TD><TD align="center"><INPUT type="reset" value=" 書き直し "></TD></TR></TABLE></CENTER></FORM></BODY></HTML>２．入力フォーム用のタグ一覧フォームの指<FORM ACTION=”maiito:メール<FORM action="mailto:kawasaki@owc.ac.jp"

定アドレス” METHOD=”POST” >method="POST">1 行の記入欄<INPUT type="text" value<INPUT type="text" value =”山田太郎”=”*****”name="name" size="55">name="***"size="**">ラジオボタン<INPUT TYPE="RADIO"<INPUT type="radio" name="sex"name="***" VALUE=”*****”>value="male"><FONT size="2">男性</FONT><INPUT type="radio" name="sex"value="female"><FONT size="2">女性</FONT>チェクボック<INPUT TYPE="CHECKBOX"<INPUT TYPE="CHECKBOX" name="age"ス

name="***" VALUE=”*****”>VALUE=”under20”>20 歳未満<INPUT TYPE="CHECKBOX" name="age"VALUE=”20to29”>20 代選択項目をポ<SELECT NAME=”****”><SELECT name="major">ップアップ形<OPTION VALUE=”****”><OPTION value="生活情報学科">生活情報学科式にする<OPTION value="食物栄養学科">食物栄養学科<OPTION value="幼児教育学科">幼児教育学科</SELECT>長い文章の記<TEXTAREA NAME=”****”<TEXTAREA name="mycomment" rows="5"入欄ROWS=**cols="55"></TEXTAREA>COLS=**>送信・取り消<INPUT type="submit"<INPUT type="submit" name="submit" value="

しname="**" value="**">

送信"><INPUT type="reset"<INPUT type="reset" name="clear" value="name="**" value="**">

クリア">第５章

ＣｌｉｐＤｅｃｏｄｅｒ１．インストール①解凍レンジ・解凍レンジ（range14）をインストールするフォルダにコピー・解凍レンジ（range14）をダブルクリック②ＣｌｉｐＤｅｃｏｄｅｒ
・Ｃｌｉｐｄｅｃをインストールするフォルダにコピー・Ｃｌｉｐｄｅｃを解凍レンジまで Drag & Drop２．デコード・メールの添付ファイル（Postdata.att)を保存・Clipdec をクリック・Clipdec のクリップボードまで保存した添付ファイル（Postdata.att)を Drag & Drop・クリップボードに変化された文字列が表示される・保存したいときは[Save to File]をクリック＊詳しくは Clipdec の README.TXT を参照第６章IIS・PWS の設定１．IIS(InternertInformationServices）Windows 2000 Professional／Windows XP Professional には、Web サーバ機能を実現するための IIS が標準で提供されています。

１．１①IIS のインスト－ルコントロールパネルの［プログラムの追加と削除］（Windows 2000 では［アプリケーションの追加と削除］）をクリック②

Windows コンポーネントの追加と削除をクリック（［Windows コンポーネント ウィザード］のダイアログが表示される）③ インターネット インフォメーション サービス（IIS）の左にあるチェック・ボックスにチェックを入れ、［次へ］ボタンをクリック１．２IIS の設定①コントロールパネル→管理ツール→パーソナルＷｅｂマネージャー②左のツールバーから詳細を選べば、細かい設定ができます。

【エイリアス】・仮想ディレクトリとして呼び出すための名前。
【ディレクトリ】
・公開したいフォルダのパスを指定する。
【読み取り】・クライアントに対して、仮想ディレクトリ内のファイルを読み取り、ダウンロードを有効にする。
【ＡＳＰなどのスクリプトを実行する】・スクリプトに対する実行権を有効にする。
【ＩＳＡＰＩアプリケーションやＣＧＩを実行する】
・任意のアプリケーションに対する実行権を有効にする。
【書込み】・クライアントに対し、仮想ディレクトリへの書込みを可能にする。
【参照】・ファイルの一覧を見ることができるようにする。
【既定のドキュメント】・ファイル名を指定せずに表示するトップページを指定する。２．PWS（Personal

WebWindows Me／95／98／Nt２．１Server）WorkStation で Web サーバ機能を実現します。

インストール・Windows Me／95 では、NTOption

Pack を入手し、PWS をインストールします。

・Windows 98 では、￥add-ons\pws\setup.exe を実行します。

２．２PWS の設定・パーソナル Web マネージャーを起動し、左のツールバーから詳細を選べば、細かい設定ができます。
【エイリアス】・仮想ディレクトリとして呼び出すための名前。
【ディレクトリ】
・公開したいフォルダのパスを指定する。
【読み取り】・クライアントに対して、仮想ディレクトリ内のファイルを読み取り、ダウンロードを有効にする。
【スクリプト】
・スクリプトに対する実行権を有効にする。【実行】・任意のアプリケーションに対する実行権を有効にする。
【書込み】・クライアントに対し、仮想ディレクトリへの書込みを可能にする。
【参照】・ファイルの一覧を見ることができるようにする。
【既定のドキュメント】・ファイル名を指定せずに表示するトップページを指定する。