コンピュータサイエンス 4. ウェブプログラミング
|
|
- まれあ とみもと
- 7 years ago
- Views:
Transcription
1 4. Chris Plaintail / 43
2 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43
3 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43
4 HTML, CSS http, https CSS HTML CSS.html file:// 4 / 43
5 HTML < =" "> </ > < =" "> style id class 5 / 43
6 1 meta 6 / 43 HTML sample-0.html <!DOCTYPE html> <html lang="ja"> <head> <title> </title> <meta charset="utf-8"> <link rel="stylesheet" href="example.css"> <script src="example.js"></script> </head> <body>... </body> </html>
7 HTML sample-1.html <!DOCTYPE html> <html lang="ja"> <head>... </head> <body> <h1> </h1> <p> <a href="hyperlink.html"> </a> <img src="gazou.jpg" alt=" "> </p> </body> </html> 7 / 43
8 HTML sample-2.html <!DOCTYPE html> <html lang="ja"> <head>... </head> <body> <h2> </h2> <table> <tr><td> </td><td> </td></tr> <tr><td> </td><td> </td></tr> <tr><td> </td><td> </td></tr> </table> </body> </html> 8 / 43
9 HTML sample-3.html <body> <h2> </h2> <ul> <li> <ul> <li> </li> <li> </li> </ul> </li> <li> </li> </ul> </body> 9 / 43
10 HTML sample-4.html <body> <h3> </h3> <form action="sample.php" methot="post"> <input type=" "><br> <input type="password"><br> <input type="tel"><br> <input type="text"><br> <input type="submit" value=" "> <input type="reset" value=" "> </form> <button> </button> </body> 10 / 43
11 HTML sample-5.html <form action="sample.php" methot="post"> <select id="language" name="language"> <option value="en"> </option> <option value="de"> </option> <option value="fr"> </option> <option value="ja" selected> </option> <option value="zh"> </option> </select> </form> 11 / 43
12 HTML sample-6.html <form action="sample.php" methot="post"> <select id="contact" name="contact" multiple size="5"> <option value=" " selected> </option> <option value="tel" selected> </option> <option value="fax" selected> </option> <option value="postal" selected> </option> <option value="office"> </option> </select> </form> 12 / 43
13 style CSS <style> <link> <html lang="ja"> <head>... </head> <body> <p style="color:blue;font-size:10px;"> style </p> </body> </html> 13 / 43
14 style CSS <style> <link> <html lang="ja"> <head> <style> p {color:blue; font-size:10pt;} </style> </head> <body> <p> </p> </body> </html> 14 / 43
15 style CSS <style> <link> <html lang="ja"> <head> <link rel="stylesheet" href="example.css"> </head> <body> <p> </p> </body> </html> example.css p {color:blue; font-size:10pt;} 15 / 43
16 CSS { : ;} p {color:blue; font-size:10pt;} 16 / 43
17 CSS p {color:blue;} * * {color:bule;} class. p.xxx {color:blue;} id #id p#yyy {color:blue;} :link a:link {color:blue;} :visited a:visited {color:blue;}, h1, h2 {color:blue;} p li{color:blue;} > ul > li {color:blue;} + h1 + p {color:blue;} 17 / 43
18 script head body <!DOCTYPE html> <html lang="ja"> <head> <title>javascript </title> </head> <body> <script> alert("hello World!!"); </script> </body> </html> 18 / 43
19 script head body <!DOCTYPE html> <html lang="ja"> <head> <title>javascript </title> <script src="example.js"></script> </head> <body> </body> </html> example.js console.log("hello World!!"); 19 / 43
20 ; <!DOCTYPE html> <html lang="ja"> <head> <title>javascript </title> </head> <body> <script> alert("hello World!!"); </script> </body> </html> 20 / 43
21 var x, y_1, X; var price, number; x = 1; var Y = 3; 21 / 43
22 Hello World! " " true false 22 / 43
23 var = [ 1, 2, 3,...]; var fruits = [ " ", " ", " " ]; var petbottle = [ 280, 350, 500, 900 ]; [ ] [ ]= ; 23 / 43
24 var matrix = [ [1, 2, 3], [10, 20, 30], [100, 200, 300]]; console.log(matrix[0][0]); console.log(matrix[0][1]); console.log(matrix[0][2]); console.log(matrix[1][0]); console.log(matrix[1][1]); console.log(matrix[1][2]); console.log(matrix[2][0]); console.log(matrix[2][1]); console.log(matrix[2][2]); 24 / 43
25 var Taro = { " " : 170, " " : 70, " " : " " }. 2 alert 25 / 43
26 a = a < 10 a < 10 && b < / 43
27 "Hello"+"World!" "HelloWorld!" * 3 * 2 6 / 10 / 3 3 % 10 * / 43
28 += a += b; a = a + b; -= a -= b; a = a - b; *= a *= b; a = a * b; /= a /= b; a = a / b; %= a %= b; a = a % b; ++ a++; a = a + 1; -- a--; a = a - 1; 28 / 43
29 3 a, b alert 1 alert 2 alert alert 29 / 43
30 5 Taro Yuri Saburo Tulip Goro / 43
31 31 / 43
32 32 / 43
33 33 / 43
34 34 / 43
35 35 / 43
36 DOM 36 / 43
37 jquery 37 / 43
38 jquery 38 / 43
39 jquery 39 / 43
40 jquery 40 / 43
41 41 / 43
42 42 / 43
43 43 / 43
コンピュータサイエンス 1. ウェブの基本
1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /
More information(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >
HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript
More informationCONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/
More information■新聞記事
情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]
More information1" 3 3 4 5 9 15 16 17 18 20 22 22
- - 2014 8 TEL 03-4455-7453 FAX 03-6740-1754 Mail tamago-con@temona.co.jp 1" 3 3 4 5 9 15 16 17 18 20 22 22 2" 2 23 24 25 27 28 29 30 31 32 33 34 35 42 47 STEP1 3" 4" STEP2 URL URL 5" STEP3 2 STEP4 jpg
More informationHTMLとメタデータ
HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)
More informationJavaScriptプログラミング入門
JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................
More information0序文‐1章.indd
本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft
More informationto-r
to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample
More information07_経営論集2010 小松先生.indd
19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT
More informationHTML文書の作成
99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text
More informationホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
More information1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2
XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................
More information: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1
: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp
More informationforever朝活
forever 朝 活 php 講 座 データベースの 巻 株 式 会 社 フォーエバー 目 次 データベースを 使 う... 2 mysqliを 使 用 する... 2 郵 便 番 号 データベースを 作 る... 4 市 ごとに ドロップダウンリストにしてみる... 8 Foundation を 使 ったサンプルソース... 11 1 データベースを 使 う 今 日 は php でデータベースをさわりましょう
More information¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ
HTTP/2 HTTP/1.1 (1999 ) 2015 5 RFC7540! Google SPDY ( ) 1 TCP TCP TLS HTTP Upgrade HTTP 1 HPACK 1 / 24 3 : HTTP : HTML4 2 / 24 testform.html: POST testform2.html: GET iedemo: IE default.css: CSS proxy.pac:
More informationil15-internet.key
http://www.is.c.titech.ac.jp/edu/2016-infoliteracy1/ /edu/2016-infoliteracy1/ /edu/2016-infoliteracy1/day6/ http://www.is.c.titech.ac.jp/edu/2016-infoliteracy1/day6/ /edu/2016-infoliteracy1/ /edu/2016-infoliteracy1/day6/
More informationあいち電子自治体ガイドライン(第1章)
1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2
More informationm_sotsuron
iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone
More information6 2 1
6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi
More informationtextbook.indd
02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24
More informationInfoPros13_digest.key
! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:
More informationHTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/
More informationMicrosoft PowerPoint - 051105-2.ppt
1.Webアプリケーション 1-1 Web 1989Tim Berners-Lee 1993 1999iWindows98 2005: http://www.w3.org/people/berners-lee/ 1-2 ( ) 汎 用 機 オフコン データベース アプリケーション 言 語 (COBOLなど) 文 字 端 末 タイプライター 端 末 http://research.microsoft.com/~gbell/digital/timeline/dechistory.htm
More information講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2
2015 年 度 Webシステムプログラミング a PHPの 基 礎 (2) 講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2 ( 前 回 ) 提 出 課 題 課 題 1: 1から100までの 乱 数 で 作 成 した2つの 整 数 の 足 し 算 を 表 示 するWebページを 作 成
More information130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3
129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/
More information8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We
8 Web Web XHTML XHTML 1 Web Web 1 Web XHTML Web Web XHTML XHTML Extensible HyperText Markup Language( ) Web HTML XML HTML Web 2 XHTML XHTML HTML 4.01 XHTML XHTML 1.0 3 XHTML XHTML XHTML Web 1 2 Netscape
More informationPowerPoint プレゼンテーション
HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種
More information練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と
ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の
More information1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................
CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS
More information文 書 構 造 とスタイル
第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介
More informationHTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー
Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込
More information388-356697252-2.pdf
専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]
More informationWeb 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3
XML Consortium XMLSOAWeb2.0 1 Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 Web
More informationuntitled
MoogaOne 1. MoogaOne... 1 2. MoogaOne... 1 3.... 1 4.... 1 5.... 2 6.... 2 1.... 2 2.... 2 3. Template.htm... 2 4. index.htm... 4 [ ]... 4 5.... 4 6.... 6 7.... 6 8.... 6 [Template.htm Template-e.htm
More informationHTML+CSS_Lesson03_2s.indd
Windows ファイル 名 には 半 角 スペースも 使 用 しないよう 注 意 しましょう 1. _- 2 類 似 するコンテンツがある 際 に content001 content002 といった 連 続 するナンバリングでフォ ルダ 名 をつけることがあります この 方 法 だと 途 中 のコンテンツがなくなったり ネーミングのルールに 無 理 が 生 じたときに ファイル やフォルダを 管
More informationWeb情報システム 第1章~第5章
Web 情 報 システム マルチメディア 情 報 通 信 ソフトウェア 第 1 章 ~ 第 4 章 1 Web 情 報 システム マルチメディア 情 報 の 流 通 Web 情 報 システム 概 論 デジタルメディアの 特 徴 デジタルメディアの 記 述 HTML (Hyper Text Markup Language) Css (Cascading style sheet) デジタルメディアの 制
More information確 認 とアップロード (2) ブラウザを 使 用 して 確 認 内 容 の 修 正 ブラウザでファイルを 開 き 表 示 されるページを 確 認 エディタで 修 正 し 上 書 保 存 した 後 再 読 込 み( 更 新 ) ボタン 上 記 作 業 を 繰 り 返 す (3) 完 成 したファイル
Webによる 情 報 提 供 リクエスト Webサーバ レスポンス ブラウザ 宮 原 のホームページ
More informationMicrosoft PowerPoint - A07回目②.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に
More informationCSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
More informationテキスト
インターネットの歴史 コンピューターは第2次大戦中のミサイル弾道計算の為に急速に発展しました 同様にコンピューター ネットワークも どこか一台のコンピューターが破壊されても 他のコンピューター同士の通信は維持さ れるように設計されました これが今のインターネットの原型であるアーパネットです その後 研究所 や大学 国の機関を中心にそれらを相互に接続し広まっていき 一般の商用利用が開始され 現在のイン
More informationMicrosoft PowerPoint - HTML1復習_1021.ppt
HTML-Ⅱ(HTML 文 書 構 造 編 ) 3-1 HTML 基 本 構 造 html おいしいお 店 一 覧
More informationスライド 1
第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの
More informationhtml_text
HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web
More information文京女子大学外国語学部
7.フォーム 7-1 フォームとは 皆 さんの 中 には ホームページを 閲 覧 していて アンケートに 答 えたり 申 込 書 のような 書 式 に 入 力 した 経 験 がある 人 もいるでしょう すなわち そのような 書 類 を 作 成 し 例 えば 電 子 メールの 形 式 であらかじめ 決 めておいたメールアドレスに 送 信 させる このような 機 能 を 持 つブロックがフ ォームタグで
More informationクリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに
Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522
More information講 義 内 容 ( 前 回 ) 提 出 課 題 の 解 答 例 PHPの 応 用 PHPからMySQLへのアクセス(レコードの 新 規 登 録 ) 2
2015 年 度 Webシステムプログラミング a PHPによるDB 操 作 (3) 講 義 内 容 ( 前 回 ) 提 出 課 題 の 解 答 例 PHPの 応 用 PHPからMySQLへのアクセス(レコードの 新 規 登 録 ) 2 ( 前 回 ) 提 出 課 題 課 題 1( 提 出 課 題 ):データベースからデータを 読 み 込 み,その データを 表 示 するWebページ 作 成 してみましょう
More information第7章 Webページによる情報の発信
筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL
More information1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................
More informationH10-3 placeholder 未 入 力 時 <textarea title="title " placeholder="placeholder "></textarea> placeholder title +placeholder + 各 input typeの 読 み 上 げ 例 tit
HTML H1-1 title - あり - ページタイトル + ページ 遷 移 時 に 読 み 上 げる H1-2 - なし なし 読 み 上 げしない H2 h1...h6 みだし + H3 em - タグ 前 後 の がある 場 合 は 一 拍 おいて 読 まれる H4 strong
More informationpixiv 63 はじめまして ピクシブ 株 式 会 社 でエンジニアをやってい ます 金 子 と 申 します 本 書 を 手 にとってくださり あり がとうございます この 本 では 画 像 投 稿 掲 示 板 を 作 ってみる という シン プルな 作 業 を 通 して プログラミングの 基 礎 を 学 んで 頂 き たいと 思 っています 本 書 は エンジニアでない 人 のためのプログラミング
More informationHTTPの 規 格
第 5 回 の 内 容 HTTPの 規 格 HTTPメッセージの 基 本 HTTPの 規 格 HTTPの 規 格 Internet Engineering Task Force (IETF) Request for Comments (RFC) 年 バージョン RFC 1996 年 HTTP/1.0 RFC 1945 Hypertext Transfer Protocol -- HTTP/1.0 1997
More information目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文 字 実 体 参 照... 9 CSS
Web クリエイター 能 力 認 定 試 験 スタンダード エキスパート 共 通 XHTML 1.0 対 応 受 験 者 用 リファレンス 目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文
More informationHTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17
1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML
More informationeil2009062930_4.ppt
URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer
More information3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................
More informationuntitled
Excel Internet Explorer Excel Internet Explorer Excel Internet Explorer 1 Excel Excel 1.1 Excel Excel 2 1 1.1.1 Ctrl-C ( Sheet2) 2 OK 3 1.1.2 ( Sheet3) A1 =Sheet1!A1 Sheet1 A1 Sheet1 A1 Sheet3 A1 4 A1
More information~モバイルを知る~ 日常生活とモバイルコンピューティング
Webプログラミングの 基 礎 PHPの 基 礎 (6) ~POST (2011/06/22) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 入 力 された 文 字 を 受 け 取 りPOSTで 送 信 する 部 分 (post.htm)
More information方程式を解いてみよう! C++ から PHP + JavaScriptへ
方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. HTMLで 自
More information第 11 問 HTML5 において s 要 素 は 正 確 ではなくなった 部 分 や 関 係 なくなった 部 分 を 示 す 第 12 問 HTML で 文 字 コード(テキストエンコーディング)を 示 すための 文 字 列 は 大 文 字 小 文 字 のいずれで 記 述 して もよい 第 13
1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザは ユーザエージェントの 一 つである 第 2 問 Apache などのウェブサーバが 動 作 しているかどうかは ping で 確 認 できる 第 3 問 労 働 基 準 法 では 使 用 者 は 労 働 時 間 が 6 時 間 を 超 える 場 合
More informationMicrosoft PowerPoint - 2016_2b-DOM.pptx
< 練 習 2-11> DOMの 空 白 ノード 2_nodeVisit の 実 行 結 果 ( 前 ページ)から,HTML をルート 要 素 とするDOMの 木 構 造 を 示 しなさい ただし, 空 白 ノードは 空 白,その 他 のテキストノードは テキスト とすること HTML DOMによる 文 書 データの 参 照 と 変 更 DOMツリー 内 のノード 参 照 相 対 位 置 によるノード
More information『HTML5プロフェッショナル認定資格 レベル1 教科書』サンプルPDF
本 書 について HTML5 NTT 2014 2 18 免 責 事 項 2013 12 URL HTML5 Level.1 http://www.html5exam.jp/outline/objectives.html#lv1 LPI-Japan HTML5 HTML5 ATM LPI-Japan LPI-Japan Contents 1 章 Webの 基 礎 知 識... 1 1.1 HTTP/HTTPS
More information橡ホームページの作り方
1. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3
More informationスライド 1
Webプログラミング2 2.Webプログラミング 概 要 (2) ( 復 習 )Webとは 様 々な 利 用 シーン 様 々なデバイス/ブラウザ パソコン 携 帯 電 話 ゲーム 機 /TV 電 子 ブックリーダー 学 校 案 内 / 会 社 案 内 オンラインショップ ブログ/ 掲 示 板 /SNS/Twitter/Facebook 学 内 / 社 内 システム スケジューラ/カレンダー/Webメール
More information第 10 問 HTML5 の h1 h6 要 素 は 単 なる 見 出 し ではなく セクションの 見 出 し を 表 す 第 11 問 ウェブページの 表 示 方 法 は CSS で 指 定 されるものであるため 記 述 する HTML の 文 法 に 誤 りがあったとしても 表 示 に 影 響
1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 において header 要 素 はセクショニングコンテンツに 属 さない 第 2 問 jquery などの JavaScript フレームワークの 利 用 には 各 ユーザエージェントのプラグインが 必 須 である 第 3 問 不 正 アクセスや 不 正
More information/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基
/ 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します
More information実習1
JavaScript JavaScript は Netscape 社 が 開 発 したスクリプト 言 語 です HTML ドキュメント(Web ペー ジ)に 埋 め 込 まれ ブラウザがそのページを 表 示 する 際 にスクリプトの 記 述 を 解 釈 し 実 行 されます スクリプト 言 語 : 機 械 語 への 変 換 を 簡 単 に 実 行 できるようにした 簡 易 プログラム 言 語 Java
More information68 <td valign="top" class="c8"> 69 <p class="c13"><a name="マーク0"><span class="c9">⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign="top" class
ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 2
More informationサーバサイドスクリプトPHPを実感しよう
第 3 講 サーバサイドスクリプト PHP を 実 感 しよう! クライアントサイドでは HTML に 埋 め 込 んだ(あるいは 別 ファイルから HTML に 読 み 込 まれた)JavaScript によって さまざまな 処 理 や 動 的 ページの 生 成 を 行 えることは すで に 第 3 講 までで 学 習 しました しかし HTML と JavaScript の 組 合 せではどうしても
More information経営論集2011_07_小松先生.indd
20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML
More informationHTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2
HTTP 6-1 HTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2 HTTP ( ) ( ) (GET, POST ) (Host ) Tomcat Servlet Examples / Request Headers ( ) (200, 404 ) (Content-Type ) 6-3
More informationp { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge
More informationuntitled
750 841 Webserver 1.0.0 ii General Copyright 2003 by WAGO Kontakttechnik GmbH All rights reserved. 136-0071 1-5-7 ND TEL 03-5627-2059 FAX 03-5627-2055 WAGO Kontakttechnik GmbH Hansastraße 27 D-32423 Minden
More informationSo-Cool CART マニュアル
So-Cool CART Ver..0 補 足 資 料 : 埋 め 込 み 機 能 タグ 一 覧 COPYRIGHT 008 Japan Area Code TV Co.,Ltd. ALL RIGHTS RESERVED. 埋 め 込 み 機 能 タグの 設 置 準 備 埋 め 込 み 機 能 タグ 商 品 ページに [カートに 入 れる]ボタン や 商 品 検 索 フォーム などの 機 能 を 埋
More information第3回HP講習会資料ver1.2(2007.9.20)
1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート
More information携帯電話でGoogle Mapsを使う
PHPのファイルは UTF-8 BOMなしで 保 存 し www.cyaneum.orgのpublic_htmlに 置 く! テーマ 研 究 会 (04/28) Google Mapsを 使 う 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト riho-m-rg10@cuc.ac.jp 資 料 http://www.cuc.ac.jp/rg10/ 前 回
More informationJavaScript演習
JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として
More information2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................
HTML 04480 2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................... 8 2 HTML................. 30 3.........................
More information1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名 (FQDN) ホストの 識
サーバサイドプログラミング 1. Form 処 理 コンテンツメディアプログラミング 演 習 Ⅱ 2014 年 菊 池, 斉 藤 1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名
More informationWeb±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à
Web Web 2 3 1 PC, Web, Web. Web,., Web., Web HTML, HTML., Web, Web.,,., Web, Web., Web, Web., Web, Web. 2 1 6 1.1.................................................. 6 1.2.................................................
More information2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html
1. 1 AWK HTML 18 8 14 1 HTML Yahoo! 3 Yahoo! (http://www.yahoo.co.jp/) 1 Yahoo! : http://headlines.yahoo.co.jp/hl ( ) ( ) Netscape 3.04 1. 2 Netscape 3.04 2. 1 Yahoo! 2. HTML 2 3. 1 1 100 6 4. csh AWK
More information問 題 1 背 景 色 という 文 字 列 の 背 景 をちょっと 青 っぽい 色 (#6699FF)で 表 示 するHMTLを 作 成 せよ <HTML><HEAD><TITLE>test11</TITLE> <BODY BGCOLOR="#FFFFFF"> この 部 分 は<STRONG STY
9.スタイルシートと JavaScript を 組 み 合 わせてみよう スタイルシートとは スタイルシートとは タグのみでは 実 現 不 可 能 なデザインレイアウトやページ 構 造 を 実 現 する 命 令 郡 です 主 に 次 の3つの 書 式 があります (1)インライン タグ 内 部 により 詳 細 なデザインを 組 み 込 む 書 式 です 例 : この 部 分 は
More informationMicrosoft Word - SUGIJ2008_舟尾暢男.doc
1. 1 2. 3. 2 3 4 5 6 4. 7 3 8 9 4 5 10 5. 11 例 数 設 計 くん メニュー resizeto(450,300); var MyArray1 = new Array("2 標 本 t 検 定 "); var MyArray2 = new
More information1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................
HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................
More information第 11 問 XML は Extensible Markup Language の 略 である 第 12 問 IPv6 で 定 義 可 能 な IP アドレスの 数 の 理 論 値 は 2 の 32 乗 である 第 13 問 Document Object Model (DOM) の 仕 様 は J
1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 GIF 形 式 などで 用 いられるディザリングとは 限 られた 色 数 でより 多 くの 色 を 擬 似 的 に 表 現 する 手 法 である 第 2 問 HTML5 文 書 の 内 部 には SVG 要 素 を 直 接 書 き 込 むことができる 第 3 問 cookie
More information1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python..................
JavaScript 0648016 1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python.................. 3 2......................... 4 3..........................
More informationjQueryのはじめ方
sato-shi 高 田 馬 場 で 働 いています jqueryを 分 かった 気 になる About jquery べた 書 き から お 手 軽 な 書 き 方 へ ブラウザ バージョン 表 示 CSS 操 作 イベント 処 理 エフェクト 非 同 期 通 信 (Ajax) クロスドメイン 通 信 (JSONP) アニメーション プラグイン 紹 介 (ズーム 画 像 表 示 ツールチップ) jqquery
More informationMicrosoft PowerPoint - 08回目.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading
More information第 10 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問
1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 グローバルナビゲーションとは 水 平 方 向 に 配 置 されるものを 指 し 垂 直 方 向 に 配 置 されるものはローカルナビ ゲーションと 呼 ばれる 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 IPv6 で 定
More information●70974_100_AC009160_KAPヘ<3099>ーシス自動車約款(11.10).indb
" # $ % & ' ( ) * +, -. / 0 1 2 3 4 5 6 7 8 9 : ; < = >? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y " # $ % & ' ( ) * + , -. / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B
More information2
1 2 VICS G***** 3 4 5 http://****.yahooapis.jp/****?query=*** WebAPI HTTP 6 7 8 9 10 11 12 13 14 15 16 17 18 19 YOLP AppID hacku_test 20
More informationWhat 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ
HeartRails APIs for MA5 ハートレイルズの 提 供 API について http://www.heartrails.com/ What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私
More informationPage 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text
Page 1 of 7 ホームページ 作 成 Note HOME HPビルダー HTML/CSS CGI/Perl ez-html WebDesign Link SiteMap HTML 入 力 フォーム WebブラウザにHTMLファイルを 表 示 させる 通 常 の 静 的 なページ に 対 し メールフォ ーム 掲 示 板 ブログなどのようにWebブラウザから 入 力 された 要 求 に 対 して
More information第7章 Webページによる情報の発信
筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.193~234 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL
More informationjquery02.html $("#btn").click(function(){ price = 0; if($("#cb1").prop('checked')) price += 650; if($("#cb2").prop('checked')) price += 300; if($("#cb
jquery01.html $("#btn").click(function(){ $("#txt2").val($("#txt1").val()); 課 題 1 課 題 1
More information「V-Sido CONNECT RC」 Raspberry Pi 2との連係方法
アスラテック 株 式 会 社 V-Sido CONNECT RC Raspberry Pi 2との 連 係 方 法 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 イメージ p.5 1-4. JavaScriptによる 開 発 環 境 の 概 略 p.6 2. Raspberry Pi 2を 利 用
More information