背景が水色とピンク色、黄色の部分を選択状態にして"Ctrl + c"でコピーする。
「TeraPad」を開いて"Ctrl + v"で貼り付ける。
赤色文字 の部分を自分用に変更してデスクトップにファイル名：index.html で保存する。
index.html の中で水色の画像ファイル名のファイルについては各自が準備してアップロードすること。

別項目の画像を追加する（例えば自分の作品など）場合は、背景がピンク色の部分をその下にコピーして以下の作業を行う。
この追加は、加点の対象とします。
　(1). 追加する項目名「私の好きなキャンパスの風景」を「私の作品紹介」などに変更する。
　(2). 画像ファイル名を変更する。
　　 （例えば、"photo-3"を"photo-5"など数字を変更する。）
　(3). (2)に対応した画像を同じルールで準備し、アップロードする。
また、リンク先についても追加設定してもよい。その場合は、背景が黄色の部分をその下にコピーし、水色文字の部分を変更する。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Welcome to FUKUI's Page 2020/07/13</title>

<style type="text/css">
<!--
  h1 {font-size:20pt;color:#606060;text-shadow: 2px 2px 0 rgba(0,0,0,.2);}
  h2 {font-size:18pt;color:#606060;text-shadow: 2px 2px 0 rgba(0,0,0,.2);}
  table,tr,td {font-size:10pt}
  body {font-size:10pt; color:#404040}
  a {text-decoration:none;}
  a:hover {color:#ff0000}
-->
</style>

</head>

<body background="./osu_bg.gif" link="#4080E0" vlink="#4080E0" alink="#4080E0">

<center>

<h1>Welcome to FUKUI's Page</h1>
私のぺ一ジ <img src="/cgi-bin/Count.cgi?dd=B|df=f20m888_top"> にようこそ！
                                                               <!-- アクセスカウンターの指定 -->

<p>現在、ホームページ作成に取り組んでいます。<br>
すこし時間をください。頑張ります！

<table border="3" cellpadding="1" bgcolor="#E0C090">                 <!-- 枠付きテーブル指定 -->
  <tr><td align="center">

    <table border="0" cellpadding="10">                <!-- 枠付きテーブルの内側テーブル指定 -->
      <tr>
      <td align="center" bgcolor="#D8F0FF">                      <!-- 所属，学番，氏名のセル -->
        <p>建築・環境デザイン学科</p>
        <p>20M888</p>
        <p>福井 義員</p>
      </td>
      <td align="center" bgcolor="#C0D0E0">                        <!-- 写真を貼り付けるセル -->
        <img src="./face.jpg" ALT="[my face]">
        <br>撮影 : Jul.13,'20
      </td>
      <td bgcolor="#D8F0FF" align="left">                                    <!-- 趣味のセル -->
        ■<font color="SeaGreen">私の趣味</font>
        <ol>                                       <!-- 番号付きリスト表示の指定　趣味は短く -->
          <li>スノボー
          <li>ギター
          <li>フィッシング
          <li>ドライブ
        </ol>
        ■<a href="./profile.html">自己紹介</a>
      </td>
      </tr>
    </table>                                             <!-- 内側３つのセルのテーブル終わり -->

  </td></tr>
</table>                                                           <!-- 枠付きテーブルの終了 -->

<br>

<table rules="none" border="1" cellpadding="2" cellspacing="0">                        <!-- リンク・テーブルの開始 -->

  <tr>
    <td colspan="2" align="left" bgcolor="#ffc080"><font color="#6060a0">●私が好きな自宅周辺の風景</font></td>
  </tr>
  <tr>
    <td align="left"><a href="./photo-1.jpg"><img src="./s-photo-1.jpg" border="0"></a></td>
    <td align="left"><a href="./photo-2.jpg"><img src="./s-photo-2.jpg" border="0"></a></td>
  </tr>

  <tr>
    <td colspan="2" align="left" bgcolor="#a0d0ff"><font color="#6060a0">●私の好きな風景</font></td>
  </tr>
  <tr>
    <td align="left"><a href="./photo-3.jpg"><img src="./s-photo-3.jpg" border="0"></a></td>
    <td align="left"><a href="./photo-4.jpg"><img src="./s-photo-4.jpg" border="0"></a></td>
  </tr>

  <tr>
    <td colspan="2" align="left" bgcolor="#d0d0d0"><font color="#6060a0">●授業関係リンク</font></td>
  </tr>
  <tr>
    <td align="left">◆<a href="/~fukui/lecture/">デジプレ論</a></td>
    <td align="left">◆<a href="https://saba.edd.osaka-sandai.ac.jp/~miyake/">CAD・CG論</a>（三宅先生）</td>
  </tr>
  <tr>
    <td align="left">◆<a href="/~y-fukui/CAD-CG1/">CAD・CG演習I</a></td>
    <td align="left">◆<a href="/~y-fukui/CAD-CG2/">CAD・CG演習II</a></td>
  </tr>

  <tr>
    <td colspan="2" align="left" bgcolor="#d0d0d0"><font color="#6060a0">●学内関係りンク</td>
  </tr>
  <tr>
    <td align="left">▼<a href="https://www.edd.osaka-sandai.ac.jp/">建築・環境デザイン学科</a></td>
    <td align="left">▼<a href="https://www.osaka-sandai.ac.jp/life/access_map/suminodo_bus.html">シャトルバス時刻表</a></td>
  </tr>
  <tr>
    <td align="left">▼<a href="https://www.osaka-sandai.ac.jp/life/ins/">教務課</a></td>
    <td align="left">▼<a href="https://www.osaka-sandai.ac.jp/cnt/">情報科学センター</a></td>
  </tr>
  <tr>
    <td align="left">▼<a href="https://wr19.osaka-sandai.ac.jp/cnt/portal-Infomation/">ポータルシステム</a>
    <td align="left">▼<a href="https://accounts.google.com/ServiceLogin?hl=ja&service=mail#identifier">Gmail ログイン</a></td>
    </td>
  </tr>

</table>                                                           <!-- リンク・テーブル終了 -->

  <br><a href="https://www.osaka-sandai.ac.jp/">
  <img src="./osu.gif" height="100" alt="[OSU logo]" border="0"></a>
  <br>

  <font size="-1">更新日：
    <!--#config timefmt="20%y年%m月%d日"-->
    <!--#flastmod file="index.html"-->
  </font>

  <form><input type="button" value="元のページに戻る" onClick="history.back()"></form>

</center>
</body>
</html>