HTTPとHTML 技術領域専攻 3回 中川 晃.

Slides:



Advertisements
Similar presentations
北海道大学大学院 理学院宇宙理学専攻 修士 1 年 渡辺 健介.  WWW とは?  WWW の仕組み  WWW サーバ  著作権について  まとめ  参考文献  付録.
Advertisements

1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平.
WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)
神戸大学理学部地球惑星科学科 4回生 柏本 光司
情報基礎A 情報科学研究科 徳山 豪.
ホームページ勉強会の概要 インターネットとホームページの歴史 ホームページ作成の基礎(CMS)
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
情報リテラシー実習 Exercise in Information Literacy
HTMLの基礎知識.
情報処理基礎 2006年 6月 1日.
JavaScriptゼミ第2回 2-2 変数とリテラル 発表者 直江宗紀.
下左近研究室 ゼミ資料 ホームページの作り方(基礎編)
ウェブページの仕組みとCMS 田村貴紀.
働くサーバ ~WWW サーバ編~ 惑星物理学研究室 修士課程2年 山下達也.
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
IPアドレス、IPパケットとはなにか? 情報塾( ) URLとの関係は? コンピュータ同士はどう繋がっているか?
HTMLの記述と WWWにおける情報公開 遠藤
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
ホームページの作り方.
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
WWW全文検索エンジンVernoにおける 要素構造データベースの設計と実装
WWW (=World Wide Web)とは
講議資料 コンピュータ プレゼンテーション 講議資料
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
基礎 Bコース向け 情報検索技術スキルアップ勉強会  「情報の活用と発信」 2008年9月11日(木)  上田図書館倶楽部 情報サービス部会 
オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16.
Web App Semi 2008 #1 Web App Semi 2008 #1.
見た目を定義する技術 CSS(スタイルシート).
4-3.基本的なPHPスクリプト 2004年6月24日(木) 大北高広 01T6010F.
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
担当教官:大月 美佳(佐賀大学) 2001年度 総合科目
HTTPプロトコルとJSP (1) データベース論 第3回.
Webページで自己紹介をしよう! 出席番号の席に着席し ユーザ名~user○○ パスワード~pass でログオン
HTTPプロトコル J2EE I 第7回 /
情報コミュニケーション入門 総合実習(1) 基礎知識のポイント(2)
アクセスUPを意識した効果的なページ作成のテクニック
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
ネットワーク de 情報発信 - コンテンツ作りのはじめの一歩 - 城西国際大学薬学部 二村 典行.
基礎プログラミング演習 第1回.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
第4回 javaのプログラミング 04A2029           古賀慎也.
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
制作技術ー3 双方向通信 : CGIシステムと環境変数
第3章 第2節 ネットワークを活用した 情報の収集・発信 4 文書による情報開示
情報スキル活用  第6週    基礎技術のまとめ  復習.
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
インターネット利用法実習 経営工学基礎演習a(第3週).
情報スキル活用 第3週 基礎技術ー3 : 学部・学科紹介のページ作成.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
HTML の成り立ち 惑星物理学研究室 4年 安達 俊貴.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
コンピュータ プレゼンテーション.
ウェッブページ書法の復習 ネットワーク論以前のお話.
HP作成 そろそろまとめ編 担当:TAの人.
コンピュータ プレゼンテーション.
画像を貼る 目標:このようなページを作る.
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
Webページに動きを持たせるJavascript言語について 例題のプログラムを通して体験的に理解することとします。
第14回放送授業.
例題のプログラムを通して JavaScriptの仕組みを理解することとします。
Presentation transcript:

HTTPとHTML 技術領域専攻 3回 中川 晃

復習 ・WWWとは・・・ World Wide Web の略。 「世界中に張り巡らされた蜘蛛の糸」 このWWWの中で使用されているのが  「世界中に張り巡らされた蜘蛛の糸」 このWWWの中で使用されているのが 「HTTP」と「HTML」

HTTP ・Hyper Text Transfer Protocol の略 ・プロトコル(※規約)のこと。  ・プロトコル(※規約)のこと。  ・HTML文書や、文書に関連付けられている画像、音声、動画などのファイルをやり取りをするために必要。

HTML ・Hyper Text Markup Language の略 ・ウェブページを記述するための言語。  つまり・・・日本語や英語と同じようなコンピュータの言葉 ・タグ(<>)を用いて書かれている。 実際に見てみよう!

タグ その1 中身の前に・・・ 基本は<○○>~</○○> <HTML> ~ </HTML> タグ その1 中身の前に・・・  基本は<○○>~</○○>    <HTML> ~ </HTML>    ~にHTML文書を入力する  <HEAD> ~ </HEAD>    ~にページの情報を入力する  <TITLE> ~ </TITLE>    ~にページのタイトルを入力する  <BODY> ~ </BODY>    ~にブラウザに表示したい本文を入力する

タグ その2(使い方) http://homepage2.nifty.com/htada/tyuutou/

タグ その3 <H1>~</H1> ・Headingの頭文字 ・見出しを作成するときに使用するタグ。 タグ その3 <H1>~</H1> ・Headingの頭文字 ・見出しを作成するときに使用するタグ。 ・1~6までの数字で文字の大きさが変化する。

タグ その4 <P>~</P> ・paragraphの頭文字 ・段落ごとに文章を書くときに使用するタグ

タグ その5 <br> ・breakの頭文字 ・改行をするときのタグ

タグ その6 <a href=“~”> ・anchor の頭文字 ・「~」の部分にリンクさせる時に使用するタグ

タグ その7 <img src=“~”> ・image、sourceの略 ・画像、動画、音声などを貼り付ける時に使用するタグ

まとめ <HTML>~</HTML> HTML文書を入力する <HEAD>~</HEAD> ページの情報を入力する <TITLE>~</TITLE> タイトルを入力する <BODY>~</BODY> 本文を入力する <H1>~</H1> 見出し <P>~</P> 段落 <br> 改行 <a href=“~”> リンク <img src=“~”> 画像、動画、音声