Transcript pptx

情報基礎
最終回
福田玄明
Webサイトの作り方
• Htmlファイルを作る．
– htmlで書く．
– 名前を付けて保存．11ec***.html
• 作ったhtmlファイルをサーバーに送る
–
–
–
–
Cyberduckでsftp転送
http://prosody.c.u-tokyo.ac.jp/~saitamam
ユーザー名saitamam
Password **********(休んでる人は出席した人に聞いてください．ど
うしてもわからなければ福田までメールしてください．)
• 確認する．
– http://prosody.c.u-tokyo.ac.jp/~saitamamをブラウザで表示
– ボックスに*********
– 学籍番号のところをクリック
Webサイトを作ろう
• 先週は，皆さんのwebサイトを作りました．
• もう少し，ページを派手にしてみましょう．
– 背景に色を付ける．
– 線を引く
– 文字を変える
• フォント，色，大きさ
– 画像を張る.
• 画像ファイルには学籍番号を含むファイル名をつけて
ください．
• 例，eco53320img.jpgなど
Webサイトを作ろう２
• リンクを張る．
– Webはもともとリンクの張り巡らされたhtml
• 前回の課題のパワーポイントファイルにリンク
を張ってみよう．
– パワーポイントをpdfに変換
– アップロード
– <a href = “ファイル名”> タイトル</a>
Webサイトを作ろう３
• リンク集をつくろう．
• すきなページ，面白いページを集めよう．
• <a href = “ページのURL”> タイトル</a>
• 自分のページからリンク集にリンクを貼ろう．
Webサイトをみてみよう
• 他の人の作ったページを見てみましょう．
• みたら感想を掲示板に書きましょう．
– 名前は学籍番号にしてください．
– 言葉遣いに気をつけよう．
• 自分のことが書き込まれたら，返事してくださ
い．
その他
• 課題提出状況をアップしました．
• 確認してください．
• 違っていたら福田まで教えてください．
• 課題のみで点数をつけます．今からでも出し
てください．
• 最後ですので，今までの課題に関することで
も，その他のことでも質問を受け付けます．
課題
• 自分のページを作ってアップロードしてくださ
い．他の人のページを見て掲示板にコメント
を残してください．基本褒める方向で．
• ７月２５日，24時締め切りにします．
• きれいなページ，凝った作りのページ，内容
の面白いページを評価します．
• 掲示板では他の人とちゃんとコミュニケーショ
ンできているかを評価します．
最後に
• 半年間ありがとうございました．
• 皆さんの役に立つ授業であったかはわかりま
せんが，一通りのことはできたと思っていま
す．
• 皆様の今後の活躍を願います．