リンク挿入②・背景色の設定

ファイル名は、「index.html」にすること

リンク挿入　※必須課題に必要な内容

<HTML>
<HEAD>
<TITLE>ウェブページ小課題</TITLE>
</HEAD>

<BODY>
<a href="kadai1.html">課題１</a>
<a href="kadai2.html">課題２</a>
<a href="kadai3.html">課題３</a>
<a href="kadai4.html">課題４</a>
</BODY>
</HTML>

ウェブページ小課題
課題１課題２課題３課題４

背景色の設定　※必須課題に必要な内容

HPに記載ないため、動画にて要確認。

<HTML>
<HEAD>
<TITLE>ウェブページ小課題</TITLE>
</HEAD>

<BODY bgcolor="#00A500">
<a href="kadai1.html">課題１</a>
<a href="kadai2.html">課題２</a>
<a href="kadai3.html">課題３</a>
<a href="kadai4.html">課題４</a>
</BODY>
</HTML>

ウェブサイトの公開　※必須課題に必要な内容

決まり事

ファイル名は、半角英数であること（トップ.htmlはダメ。renshu.htmlはOK）。
トップページのファイル名は、「index.html」であること。
ウェブサーバ上にないものは、他人からは見られない。

概要

FTP（File Transfer Protcol）ソフトを使って、自分のフォルダからサーバ上の自分のフォルダに送る。
WinSCPというFTPソフト（無料）を用いて行う。
Macの方は、Transmit 5というFTPソフト（無料）を用いて行う。
初期設定を正しく行えば、あとはドラッグ＆ドロップのみ。

初期設定の方法

WinSCPを起動する。ここからダウンロードできる。
Transmit　5を起動する。ここからダウンロードできる。
Transmit　5の設定方法。ここをクリック
ホスト名は「upload.user.keio.ac.jp」、「ユーザ名」と「パスワード」は、ITCアカウントと同じ。
以下のファイルを全てアップすること（public_htmlの中にアップロードする）
- index.html
- kadai4.html
- tora_01.jpg
自分のウェブページを確認しよう。
URLは、「http://user.keio.ac.jp/~ユーザ名/」です。「」内の語句を、検索するのではなく、
URL欄に入れてenterキーを押す。

必須課題：共通ウェブページ作成

単位取得には必須。他の課題での点数がいかに高くても、これを出さないと単位はとれない。
課題4と5を行い、そこで作成したhtmlファイルを、ウェブにアップロードすること。
背景色・文字色を自由に変えること。
ウェブ上から自分のウェブページが正しく閲覧できることを必ず確認すること（ブラウザを開き、URL入力欄に、「http:」で始まる自分のウェブサイトのURLを入力する。スマホでもよい。「z:\」や「c:\」で始まるURLは、自分のアカウントでログインしたときにしか見られないものなのでダメ。
keio.jpの授業支援のアンケートコーナーから、「必須課題：共通ウェブページ作成」に回答すること。「http:」で始まる自分のウェブページのURLを記入すること。
締め切りは7月13日6時00分（木曜・金曜共通）。URLを、keio.jpのアンケート機能を使って提出。

任意課題：オリジナルウェブページ作成

締切は、7月28日6時00分（木曜・金曜共通）。締め切り日以降に教員がチェックし、重大な問題がある場合には訂正を求める場合もある。URLを、keio.jpのアンケート機能を使って提出。
ウェブ上から自分のウェブページが正しく閲覧できることを必ず確認すること（ブラウザを開き、URL入力欄に、「http:」で始まる自分のウェブページのURLを入力する。「z:\」や「c:\」で始まるURLは、自分のアカウントでログインしたときにしか見られないものなのでダメ。
keio.jpの授業支援のアンケートコーナーから、「オリジナルウェブページ課題」に回答すること。「http:」で始まる自分のウェブページのURLを記入すること。
ウェブページ作成ソフト等を使わずに自分でhtmlタグを用いて作成したウェブページであること。
「なにかの魅力を紹介する」ウェブページであること。
「なにか」の概要や魅力が伝わるものであること。
トップページは、「index.html」というファイル名にすること。これをアップロードすると共通課題のトップページは上書きされるが、それでよい。
トップページを含めて3ページ以上であること。
トップページから2ページ以降のページへのリンクや、2ページ目以降のページからトップページへのリンクを設定していること（aタグ）。
画像が2つ以上使用されていること（imgタグ）。
パワーポイントの課題と同じ対象を用いてもよいが、著作権・肖像権を侵さないように留意すること。芸能人の画像・マンガのスキャン画像、これらを模写した画像、出身高校や出身地の役所のウェブサイト上にある画像などは、著作権に触れるため、一切使用不可能。また、人物の写真は、当人の承諾の有無にかかわらず一切使用不可能。自分や家族も同様。

トップページに戻る