ウェッブページ書法の復習 ネットワーク論以前のお話.

Slides:



Advertisements
Similar presentations
Outlook メール文字化けの原因と対策 Exchange Server 環境編. 目次はじめに文字化けのよくある原因と回避策 1. A:半角英数字、ヨーロッパ言語などが混在した 文字化け B : 送信済みメールの宛先や CC の文字化け 2. 返信、転送時の、ユーザー名や件名の文字化け 3. 日本語が半角英数字に文字化け.
Advertisements

XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平.
WEB デザイン基礎実 験 担当:清水,田代 副手:浦辺,石井 ( 1 日目) NC-2 情報通信基礎実験.
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
Webアプリケーションの 通信メカニズム WEBアプリ研究プロジェクト 第2回.
JavaScriptゼミ第2回 2-2 変数とリテラル 発表者 直江宗紀.
タグの直接入力によるウェブページの制作 練習課題1~3
働くサーバ ~WWW サーバ編~ 惑星物理学研究室 修士課程2年 山下達也.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
背景 我々の研究室で開発しているJavaプログラム解析フレ ームワークでは,解析情報はメモリ上に保持される 問題点
IDLTM/IONTMを使用した UDON (Universe via Darts ON-line) プロトタイプの作成
CMSとは?.
HTMLの記述と WWWにおける情報公開 遠藤
売れるためのWEBサイト構築.
インターネットの通信メカニズム 概要 WEBアプリ研究会 2回目.
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
NetworkAssistTakaoka
NetworkAssistTakaoka
ホームページの作り方.
WWW全文検索エンジン Vernoにおける 要素構造データベースの設計と実装
XMLゼミ 2.3 XMLのプロローグ 2.4 XMLのタグ 高橋 辰裕.
WWW (=World Wide Web)とは
講議資料 コンピュータ プレゼンテーション 講議資料
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
コンピュータ基礎実習上級 #11画像ファイルと文字のフォーマット
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16.
JavaScript 成瀬 基樹 平野 敦 北浦 繁.
見た目を定義する技術 CSS(スタイルシート).
4-3.基本的なPHPスクリプト 2004年6月24日(木) 大北高広 01T6010F.
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
担当教官:大月 美佳(佐賀大学) 2001年度 総合科目
HTTPプロトコルとJSP (1) データベース論 第3回.
HTTPプロトコル J2EE I 第7回 /
Javaプログラムの実行まで バイト Javaの コード 実行 ソースコード Java ファイル名 ファイル名 abc.java
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
SGMLについて 2年8組  原口 文晃.
ネットワーク de 情報発信 - コンテンツ作りのはじめの一歩 - 城西国際大学薬学部 二村 典行.
岡村耕二 サイバーセキュリティ Web セキュリティ 岡村耕二 情報ネットワーク.
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
第4回JavaScriptゼミ セクション2-8 発表者 直江 宗紀.
パソコン並みの性能を持つスマートフォンに関する情報教育
ガジェット・マスターへの まわり道!? ~Ajaxを理解しよう~
独習XML 第2章 XML文書の構成要素 2.1 XMLの文字と文字列 2.2 コメント
ネットワークプログラミング論 平成28年10月31日 森田 彦.
情報スキル活用  第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)
情報スキル活用 第3週 基礎技術ー3 : 学部・学科紹介のページ作成.
XMLゼミ 1.3 XML文書の表示 1.4 XMLの役割 1.5 XMLとプログラミング M2 正木 裕一.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
コンピュータ プレゼンテーション.
PHP 概要 担当 岡村耕二 月曜日 2限 平成22年度 情報科学III (理系コア科目・2年生)
HP作成 そろそろまとめ編 担当:TAの人.
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
Webページに動きを持たせるJavascript言語について 例題のプログラムを通して体験的に理解することとします。
第14回放送授業.
JSPの基本 J2EE I (データベース論) 第8回 /
PHP と SQL (MySQL) の連携 日本語のデータを扱う
例題のプログラムを通して JavaScriptの仕組みを理解することとします。
第2章 HTMLの基本 2.1 HTML文書の書き方 2.2 基本的なタグ 2.3 テキスト関連のタグ 2.4 リンクタグ
Presentation transcript:

ウェッブページ書法の復習 ネットワーク論以前のお話

HTML (HyperText Markup Language) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML //EN"> 4.01 DOCTYPE 宣言 <HTML lang="ja"> <HEAD> HEAD 部 <META http-equiv="content-type" content="text/html;charset=shift_jis"> <TITLE> ウェブページ超基本 </TITLE> </HEAD> <BODY> <H1>ネットワーク論以前の話</H1> <P> ウェッブ・デザインの単位は取ってますよね? </P> どこが HTML の話で、どこがネットワーク論の話なのか<BR> 頭の整理をすることが大切!! </BODY> BODY 部 本文 HTML 文書 </HTML>

HTML (HyperText Markup Language) 並び順と大体の意味 前置き構造 ・・・ 書き方の約束事などをコンピュータに伝える箇所 基本的にブラウザに表出しない HTMLのバージョン情報 ・・・HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML //EN"> 4.01 DOCTYPE 宣言 <HTML lang="ja"> このHTMLファイルは日本語ですよ <HEAD> <META http-equiv="content-type" content="text/html;charset=shift_jis"> META タグ <TITLE> ウェブページ超基本 </TITLE> タイトル </HEAD> テキスト形式のHTMLですよ 文字コードがシフトJISですよ <BODY> <H1>ネットワーク論以前の話</H1> <P> ウェッブ・デザインの単位は取ってますよね? </P> どこが HTML の話で、どこがネットワーク論の話なのか<BR> 頭の整理をすることが大切!! </BODY> </HTML>

HTML (HyperText Markup Language) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML //EN"> 4.01 <HTML lang="ja"> <HEAD> <META http-equiv="content-type" content="text/html;charset=shift_jis"> <TITLE> ウェブページ超基本 </TITLE> </HEAD> 基本構造・・・タグで挟む <BODY> <H1>ネットワーク論以前の話</H1> <P> ウェッブ・デザインの単位は取ってますよね? </P> どこが HTML の話で、どこがネットワーク論の話なのか<BR> 頭の整理をすることが大切!! </BODY> <H1> ~ </H1> は見出しを意味する 開始 タグ <P> ~ </P> は段落を意味する 終了 タグ 改行タグ </HTML>