担当教官:大月 美佳(佐賀大学) 2001年度 総合科目

Slides:



Advertisements
Similar presentations
1 実技演習1 2008/01/28,29 JaLTER Morpho 講習会. 2 起動・接続 各自、コンピュータを起動してネットワーク に接続してください。 各自、コンピュータを起動してネットワーク に接続してください。 IP アドレス自動取得 IP アドレス自動取得 無線 LAN 使用可 無線.
Advertisements

コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
北海道大学大学院 理学院宇宙理学専攻 修士 1 年 渡辺 健介.  WWW とは?  WWW の仕組み  WWW サーバ  著作権について  まとめ  参考文献  付録.
情報処理 第2回:ネットワークへの接続 Apr. 22, 本講義に毎回必ず持ってくるもの ノートパソコン本体 筆記用具 教科書  教職必修 情報機器の操作  情報モラル&情報セキュリティ 全学認証 ID 配布票 (個人情報なので, 大切に扱うこと) 電源ケーブル LAN ケーブル マウス.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
コンピュータ基礎実習上級 #4 拡張子、 URL 、ファイル名 一般教育研究センター 安田豊. ファイル名と拡張子 ファイルには名前が付けられている 区別のため。整理などに便利に利用するとよい。 abc.html ピリオドによってファイル名を前後に分ける習慣がある。 ピリオドの左は整理のために自由な名前を選べる.
簡単動画制作 使用するアプリケーション  iMovie  特別教室の Mac にインストールされています  使用方法の動画解説( apple ) 
EPnetFaN (2014/02/28) EPWWW サーバ 2013 北海道大学大学院 理学院宇宙理学専攻 修士 1 年 渡辺 健介.
WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)
神戸大学理学部地球惑星科学科 4回生 柏本 光司
情報基礎A 情報科学研究科 徳山 豪.
ホームページ勉強会の概要 インターネットとホームページの歴史 ホームページ作成の基礎(CMS)
ブラウザの基本操作 前のページに戻る ブラウザの左上にある 「戻る」ボタンで、自分がたどってきた一つ前のページに戻ることができます。
インターネットと プロトコル(TCP/IP)
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
情報処理基礎 2006年 6月 1日.
第4回ネットワーク講習会 医中誌・JCRのセットアップと利用方法
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
IPアドレス、IPパケットとはなにか? 情報塾( ) URLとの関係は? コンピュータ同士はどう繋がっているか?
HTMLの記述と WWWにおける情報公開 遠藤
アプレット (Applet)について.
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
ただで使えるソフトウェア ーインストールとお絵かきー
コンピュータ演習Ⅰ 8月7日(日) 1限目 ファイルの種類.
WWW (=World Wide Web)とは
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
「コンピュータと情報システム」 07章 インターネットとセキュリティ
30分でわかるTCP/IPの基礎 ~インターネットの標準プロトコル~ 所属: 法政大学 情報科学研究科 馬研究室 氏名: 川島友美
Netscape Communicator Eudora Microsoft Word
佐賀大学 理工学部知能情報システム学科 講師 大月 美佳
情報処理1 1.インターネット利用の基礎.
Web App Semi 2008 #1 Web App Semi 2008 #1.
Visual Studio インストール インストール時間:約1時間.
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
インターネット メールサーバ DNSサーバ WWWサーバ ファイアウォール/プロキシサーバ クライアント.
情報コミュニケーション入門 2016年度版 情報コミュニケーション入門m 総合実習(1).
HTTPプロトコルとJSP (1) データベース論 第3回.
Curlの仕組み.
Webページで自己紹介をしよう! 出席番号の席に着席し ユーザ名~user○○ パスワード~pass でログオン
HTTPプロトコル J2EE I 第7回 /
コンピュータ基礎実習上級 #10 絶対パスによる指定
ゆめクラブ藤沢 パソコン教室 テキスト (中級1:インターネット)
授業を始める前に 諸注意 無線LANを使用できない学生(主に4年生?)は2階の事務室へ行ってLANケーブルを借りてきて下さい。
コンピュータ・リテラシーb 第10回 Excel によるグラフ作成.
情報コミュニケーション入門 総合実習(1) 基礎知識のポイント(2)
マイクロソフト Access を使ってみよう 第1回
Windows 7 ウィルスバスターインストール方法 ユーザーアカウント制御の設定変更 ウィルスバスターのインストール
基礎プログラミング演習 第1回.
経営工学基礎演習a PowerPointの利用.
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
2003年度 データベース論 安藤 友晴.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
発表に必要なPCソフト等 について 社会福祉援助技術論Ⅲ 長崎和則.
 ソフトウェアの活用  コンピュータネットワークの利用.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
インターネット利用法実習 経営工学基礎演習a(第3週).
Netscape Communicator Eudora Microsoft Word
ファイルのアップロード HTMLファイルをWebサーバにアップロード 名商大のWebサーバ(opinion.nucba.ac.jp)
コンピュータ プレゼンテーション.
ウェッブページ書法の復習 ネットワーク論以前のお話.
コンピュータ リテラシー 担当教官  河中.
6 インターネット(2) 6.1 インターネットへの接続 ネットワークにつなげば  →ブラウザや電子メールなどのアプリ   ケーション使用可.
授業が始まる前に 諸注意 以下の人は2階の事務室へ行ってケーブルを借りてきて下さい。 Ethernetケーブルを持っていない
ネットワークプロトコル.
神奈川県立川崎北高等学校 「情報A」 インターネットで検索しよう WWWと情報検索.
 ソフトウェアの活用  コンピュータネットワークの利用.
Presentation transcript:

担当教官:大月 美佳(佐賀大学) 2001年度 総合科目 インターネットの仕組み ーウェブサーバー 担当教官:大月 美佳(佐賀大学) 2001年度 総合科目

前準備 http://www.cse.ec.kyushu-u.ac.jp/~bsmika/ http://web.rc.kyushu-u.ac.jp/~mika/work/internet/ クリック! CSEのホーム CSEにある私のホーム

ネットサーフィンしてる? もはやインターネット=WWWな時代 でもWWW(World Wide Web)って何? ケータイでもできちゃう i-mode, ezWeb, etc…. でもWWW(World Wide Web)って何? 世界に張り巡らされた情報の網(クモの巣) 網の結び目はWWWサーバ(サイト) ブラウザと呼ばれるクライアントでWWWから情報をゲット!

ネットサーフィン!の図 WWWサーバ1 ブラウザ インターネット リンク 自分のコンピュータ (ケータイ) WWWサーバ2 表示 見せて

用語が難しいんだよね URL (Unified Resource Locator) ネットワーク上の資源(ファイル)の場所 プロトコルとサーバの住所とファイルの場所 http://www.cse.ec.kyushu-u.ac.jp/~bsmika/ HTTP (Hypertext Transfer Protocol) ウェブサーバとブラウザが話す言葉(プロトコル) HTML (Hypertext Markup Language) ウェブページの書き方のお約束

ウェブサーバを動かしてみよう 目のまえのコンピュータでサーバが動く Apache httpdを入れてみよう 手順 世界で最もたくさん使われている フリー! 手順 必要なものをダウンロードしてくる インストールしてみる(今回は展開のみ) 起動してみる

ダウンロード開始 「ダウンロード」の ファイル apache.lzh をクリック! クリック!

Eドライブに保存 ここをつまんで …Eドライブを選ぶ クリック! クリック! 完了! 終わるまで待って …できたかな?

Eドライブに解凍 解凍中 右クリックしたまま 右下へ移動 できあがり 「解凍」から「ここに解凍」を選ぶ

サーバ起動! E:\apache 何か黒いものが!? ダブルクリック

ほんとに動いているのか? ブラウザで眺めてみよう http://127.0.0.1/ もしくは http://マシンのIPアドレス/ を書き込んでリターン! IP:133.5.23.xx

HTMLファイルを眺めてみる Internet Explorerの場合 Netscape の場合 「表示」→「ソース」 「表示」→「ページソース」

HTMLファイルの構造 タグ 本文 ブラウザに指示 何か適当なテキスト 本文の整形 ファイルの情報 「テストページでぇ~す」など 「ここはテーブル」など ファイルの情報 文字コード、タイトルなど 本文 何か適当なテキスト 「テストページでぇ~す」など

HTMLファイルを編集してみる HTMLファイルの編集はむずかしい (してもいいけど…) →Netscape Composerを使おう Netscape Communicator の付属品

編集開始 「htdocs」 ↓ 「index.html」 自分の情報に書き換えてみよう 編集モード! ファイルをつまんで落とす 「ファイル」→「ページを編集」を選ぶ

保存そして再表示 保存 再表示 編集モード (Composer) 「ファイル」→「上書き保存」 「ファイル」 →「ページをブラウザで表示」

お互いに眺めてみる 近くのできた人同士 お互いのマシンのIPアドレスを教えあう http://相手のマシンのIPアドレス/ を書き込んで リターン! IP:133.5.23.xx

レポート課題 どんなHTMLタグがあるか調べてみよう 代表的なものを10個ほど