JavaScriptプログラミング入門
|
|
- ことこ おとべ
- 7 years ago
- Views:
Transcription
1 JavaScript JavaScript if : : JavaScript LightBox JQuery JQuery Wikipedia API
2 1 1.1 JavaScript JavaScript HTML ( Hellow World 1 ) <html> <head> <title>javascript</title> </head> <body> <h1>javascript</h1> <p> <script> document.write("hellow World!"); </script> </p> </body> </html> : HTML HTML <script> document.write("hellow World!"); </script> <script> </script> document.write(" ") ; 1 JavaScript ( ) 2
3 1.1.2 JavaScript Firefox Google Chrome JavaScript F TeraPad : TeraPad HTML document.write(" " " " " "); document.write(" " " " + ( ) + " "); : <p> <p> JavaScript var 2 var seireki = 2009; var seireki = 2009; document.write(" " + seireki + " " + (seireki ) + " "); 2 3
4 var seireki = 1993; document.write(" " + seireki + " " + (seireki ) + " "); : 1.3 if if if ( ) { 1989 var seireki = 2009; if (seireki >= 1989) { document.write(" " + seireki + " " + (seireki ) + " "); >= <= > x > y x y >= x >= y x y < x < y x y <= x <= y x y == x == y x y if ( ) { else { 4
5 if ( 1) { 1 else if ( 2) { 1 2 else { : : document.write(2 + 3); ( ) document.write(" " + " "); document.write(" " + " " ); JavaScript document.write(" " + " " + (2 + 3)); document.write("2" + "3"); 5
6 Alt + TAB Ctrl + v Ctrl + c Ctrl + x Ctrl + z Ctrl + F HOME Ctrl + HOME END Ctrl + END ( ) ( ) Windows Alt + TAB 2.2 if && 1 &&
7 function () { (); // (); // ( ) : function calc() { var seireki = 2009; document.write(" " + seireki + " " + (seireki-1988) + " "); calc(); calc(); : <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"> </form> input Form seireki calc() :
8 var seireki = document.input.seireki.value; input ( Form) seireki ( ) (value) seireki : 2.5 document.write kekka p <p id="kekka"></p> document.write var kekka_p = document.getelementbyid("kekka"); kekka_p.innerhtml = " " document.getelementbyid("kekka") kekka kekka_p kekka_p.innerhtml kekka 2.6 if 8
9 <html> <head> <title> </title> </head> <body> <h1> </h1> <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="calc();"></p> </form> <p id="kekka"></p> <script> function calc() { var seireki = document.input.seireki.value; var kekka_p = document.getelementbyid("kekka"); if (seireki >= 1989) { kekka_p.innerhtml = " "+seireki+" "+(seireki-1988)+" "; </script> </body> </html> :
10 id 3 HTML kekka ID HTML : <p id="kekka"></p> : p#kekka { font-size: 220%; color: red; p#kekka <p> kekka ID p kekka # : ( ) input autofocus <form name="input"> <input type="text" name="seireki" autofocus> <input type="button" value=" " onclick="calc();"> </form> : Date Date now now ( Wiki ) 10
11 var now = new Date(); var year = now.getfullyear(); var month = now.getmonth() + 1; var date = now.getdate(); var hour = now.gethours(); var min = now.getminutes(); var sec = now.getseconds(); document.write(year+" "+month+" "+date+" "+hour+" "+min+" "+sec+" "); : HTML ( ) : function func(a, b) { document.write(a + b) func(2, 3) // calc function calc(seireki, place) { // var seireki = document.in.seireki.value; <-- var kkk = document.getelementbyid(place); <-- ID... onclick 11
12 <input type="button" value=" " onclick="calc(document.in.seireki.value, kekka );"> Date <p id="now"></p> <script> var now = new Date(); var year = now.getfullyear(); calc(year, now ); </script> : 4 : 4.1 ( ) for : for (i=0; i< 10; i++){ document.write(i) i 0 (i=0) 1 (i++) 4 10 (i<10) 4 i = i
13 4.2 for (seireki=1868; i<2011; i++){ calc(); seireki calc function calc(seireki) { document.write(" " + seireki + " " + (seireki-1988) + " "); for (i=1868; i<2011; i++){ calc(i); 13
14 5 : JavaScript API API LightBox JQuery Wikipedia API 5.1 LightBox LightBox LightBox LightBox public_html Google LightBox index.html js css images 3 public_html HTML 1. HEAD JavaScript 2. rel="lightbox" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <head> <script src="js/jquery min.js"></script> <script src="js/lightbox.js"></script> <link href="css/lightbox.css" rel="stylesheet" /> </head> <body> <a href="image_small.jpg" rel="lightbox"><img src="image.jpg"></a> </body> </html> 14
15 5.2 JQuery JQuery Light- Box JQuery head JQuery LightBox JQuery <script type="text/javascript" src=" </script> var kekka_p = document.getelementbyid( kekka ); kekka_p.innerhtml = " "; $("#kekka").html(" "); ID # $( ). ( ); 15
16 5.2.4 $("#kekka").css("color", "red"); // $("#kekka").show(); // $("#kekka").hide(); // $("h1").slidedown(); // $("h1").slideup(); // $("#list").fadein(); // $("#list").fadeout(); // $("#kekka").html.(" ").css("color", "red").fadein(); 5.3 JQuery Wikipedia API JQuery JavaScript JSON JSON Wikipedia API Wikipedia JSON JQuery HTML HTML 1. HEAD JavaScript jquery-latest.min.js wikipedia.js public_html 2. wikipedia ID 3. <div> <P> 16
17 <html> <head> <script src=" <script src="wikipedia.js"></script> </head> <body> <h1> </h1> <form name="input"> <input type="text" name="seireki"> <input type="button" value=" " onclick="wikipedia(document.input.seireki.value, info );"> </form> <div id="info"></div> </body> </html> JavaScript JavaScript wikipedia.js public_html function wikipedia(seireki, id) { var e = document.getelementbyid(id); e.innerhtml = "" var url = " $.getjson(url, {"keyword": seireki+" ", function(data){ $.each(data, function(i, data){ e.innerhtml += "<h3>"+data.title+"</h3>"; e.innerhtml += data.body; ); ); 17
18 5.3.4 function wikipedia(seireki, id) { var e = document.getelementbyid(id); e.innerhtml = "" HTML ID e HTML innerhtml API URL Wikipedia API URL URL Wikipedia API var url = " getjson getjson JQuery 1) API URL 2) API 3) $.getjson(url, {"keyword": seireki+" ", function(data){ $.each(data, function(i, data){ e.innerhtml += "<h3>"+data.title+"</h3>"; e.innerhtml += data.body; ); ); 1. URL 2. seireki+" " 3. HTML 18
JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç
JavaScript 2009 5 28 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................
More informationコンピュータサイエンス 4. ウェブプログラミング
4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html
More informationコンピュータサイエンス 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 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 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 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 informationWebデザイン論
2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の課題 Web デザイン論 の期末試験まで何日残っているか表示する Web ページを JavaScript で制作し 公開せよ 宛先 : dan@cc.matsuyama-u.ac.jp
More information方程式を解いてみよう! C++ から PHP + JavaScriptへ
方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. HTMLで 自
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 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 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 information0序文‐1章.indd
本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft
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 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 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¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ
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 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 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 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 informationto-r
to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample
More information本 プレゼンの 資 料 は 以 下 のURLから 参 照 できます http://tinyurl.com/2vte59
The Days of Web Standards jsライブラリで 実 装 する 効 率 的 なWeb 制 作 本 プレゼンの 資 料 は 以 下 のURLから 参 照 できます http://tinyurl.com/2vte59 プロフィール 西 畑 一 馬 (Nishihata Kazuma) 大 阪 生 まれ 大 阪 在 住 株 式 会 社 ネットテン プログラマー ポータルサイトの 制 作
More informationMicrosoft PowerPoint - 2016_2b-DOM.pptx
< 練 習 2-11> DOMの 空 白 ノード 2_nodeVisit の 実 行 結 果 ( 前 ページ)から,HTML をルート 要 素 とするDOMの 木 構 造 を 示 しなさい ただし, 空 白 ノードは 空 白,その 他 のテキストノードは テキスト とすること HTML DOMによる 文 書 データの 参 照 と 変 更 DOMツリー 内 のノード 参 照 相 対 位 置 によるノード
More informationp { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge
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 information■新聞記事
情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]
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 informationすばやく小さくはじめられる HTML5 CSS3 JavaScriptで 青森のコンテンツをつくる 青森大学ソフトウェア情報学部 小久保 温(こくぼ あつし) alert('x=' + x); var styletable = { normal: "default", syncing: "syncing", failed:
More information1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................
More informationjQueryのはじめ方
sato-shi 高 田 馬 場 で 働 いています jqueryを 分 かった 気 になる About jquery べた 書 き から お 手 軽 な 書 き 方 へ ブラウザ バージョン 表 示 CSS 操 作 イベント 処 理 エフェクト 非 同 期 通 信 (Ajax) クロスドメイン 通 信 (JSONP) アニメーション プラグイン 紹 介 (ズーム 画 像 表 示 ツールチップ) jqquery
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: 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 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 informationhtml ソース <HTML> <HEAD> <META charset="cp932" /> <TITLE>MPC 通 信 サンプル</TITLE> <SCRIPT src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <SCRIP
テーマ Application Note Ref No: an2k-050 Last Modify 160428 Raspberry Pi でネットワークにアクセスする 使 用 機 器 MPC-2000 シリーズ, USB-RS,Raspberry Pi2 イメージ 名 刺 サイズのコンピュータ Raspberry Pi に Web サーバーを 乗 せて MPC の 状 態 を 取 得 変 更 します
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 information2016年COM実験_JavaScript演習資料
COM 実 験 JavaScript 演 習 問 題 2016 年 7 月 14 日 ( 木 ) 山 口 高 平 はじめに 開 発 環 境 の 準 備 JavaScriptの 復 習 演 習 問 題 の 概 要 演 習 問 題 1 演 習 問 題 2 演 習 問 題 3 演 習 問 題 4 演 習 問 題 5 レポート 課 題 の 説 明 目 次 はじめに 演 習 を 通 じてHTMLとJavaScriptの
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 information(Microsoft Word - \203v\203\215\203O\203\211\203~\203\223\203O1new.doc)
1.プログラム 言 語 1-1 プログラム 言 語 の 種 類 プログラム 言 語 は その 言 語 が 目 的 とする 処 理 別 に 基 本 的 な 記 述 概 念 が 存 在 する プログ ラム 言 語 の 種 類 ごとに 記 述 的 特 徴 や 生 産 性 が 異 なる Program 言 語 低 水 準 言 語 マシン 語 アセンブラ 高 水 準 言 語 手 続 き 型 言 語 FORTRAN
More informationvar NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid("result").innerhtml = ev
########################### ###2つの 数 の 和 を 求 める ### ########################### 和 を 求 める function Add() var NUM1 = document.getelementbyid('param1').value; var NUM2 = document.getelementbyid('param2').value;
More informationMicrosoft PowerPoint - A07回目②.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に
More information練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と
ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の
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 informationPowerPoint プレゼンテーション
"# "# $%&' "#$% $# & $# $% % ' ()(*"#$% +,(- ()(*"#$%.' ()(* $/.0##'' %0$&0% 1*2#/0/%'&0343$56 789#/0/'%&04../ "3"0##"$ "0%0$" "7 1*2#.30///04%.$ 789#.30///0#$'4 http://www.ibie2016.com/exhibitorlist/
More information第3回HP講習会資料ver1.2(2007.9.20)
1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート
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スライド 1
Webプログラミング2 2.Webプログラミング 概 要 (2) ( 復 習 )Webとは 様 々な 利 用 シーン 様 々なデバイス/ブラウザ パソコン 携 帯 電 話 ゲーム 機 /TV 電 子 ブックリーダー 学 校 案 内 / 会 社 案 内 オンラインショップ ブログ/ 掲 示 板 /SNS/Twitter/Facebook 学 内 / 社 内 システム スケジューラ/カレンダー/Webメール
More informationインターネットマガジン1999年12月号―INTERNET magazine No.59
+CD-ROM A N S W E R TD { color: white; borer-with: 8px; paing: ; :
More information祝 1.0 を 2010 年 4 月 にリリース
- IronRuby の 活 用 - 祝 1.0 を 2010 年 4 月 にリリース hello Active Script Ruby @doc = @window.document おもしろい def click(btn) @doc.all(btn).value = btn + " is
More informationオンラインテスト
1. 2. JavaScript 3. Perl 4. CGI 1. WWW HTML WWW World Wide Web HTML Hyper Text Markup Language XML, XHTML Java (.java) JavaApplet (.class,.jar) JavaServlet (.jsp) JavaScript (.html) CGI (.cgi) SSI (.shtml)
More information簡単なHTMLファイルを作ろう
Perl CGI 1. HTML sample1.html WWW (^^) (Paragraph) (Line brake) number
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 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 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 informationJavaScript演習
JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として
More informationMicrosoft Word - 関数の資料_var100.doc
関 数 教 科 書 P98~P108 関 数 の 考 え 方 関 数 とは 処 理 の 集 まり の 事 です new Date( ); や Math.random( );も あらかじめ 用 意 されている 関 数 から 呼 び 出 されています オリジナルの 関 数 を 作 ってみる 自 分 が 使 いたい 処 理 だけを 集 めたオリジナルの 関 数 を 作 ることもできます 自 分 オリジナルの
More information問 題 1 背 景 色 という 文 字 列 の 背 景 をちょっと 青 っぽい 色 (#6699FF)で 表 示 するHMTLを 作 成 せよ <HTML><HEAD><TITLE>test11</TITLE> <BODY BGCOLOR="#FFFFFF"> この 部 分 は<STRONG STY
9.スタイルシートと JavaScript を 組 み 合 わせてみよう スタイルシートとは スタイルシートとは タグのみでは 実 現 不 可 能 なデザインレイアウトやページ 構 造 を 実 現 する 命 令 郡 です 主 に 次 の3つの 書 式 があります (1)インライン タグ 内 部 により 詳 細 なデザインを 組 み 込 む 書 式 です 例 : この 部 分 は
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 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 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~モバイルを知る~ 日常生活とモバイルコンピューティング
Webプログラミングの 基 礎 PHPの 基 礎 (8) (2011/07/06) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 POSTでデータが 送 信 されているかを 確 認 送 信 されていれば
More informationCSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
More information/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基
/ 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します
More informationuntitled
JavaScript HP JavaScript JavaScript Web JavaScript Web JavaScript JavaScript JavaScript HTML HTML HTML JavaScript 1. JavaScript ON/OFF 2. JavaScript 3. 4. 5. 6. 7. 8. 9. 10. if 11. if 12. switch 13. 14.
More information目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に
GC スクリプト 利 用 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう...
More informationインターネットマガジン1998年11月号―INTERNET magazine No.46
6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;
More informationPowerPoint プレゼンテーション
ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが
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 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 informationワードプロセッシングについて
Word Word ONOFF (U)(P) ******** 1 OS Windows2000 Windows2000 (U) OK 2 Windows 3 Word 1) 2) (F)(O) A() FD(A) Word 4 1) / > < *.? " : ; 2) SAMPLE2 A SAMPLE2 5 .doc 6 Alt f6f9 7 + 8 ) 2) 9 1) 2) 1) 10 2)
More information2 1 6 2 7 2.1....................................... 7 2.2.......................................... 7 3 9 3.1.......................................
23 Travel M 20 2 1 6 2 7 2.1....................................... 7 2.2.......................................... 7 3 9 3.1....................................... 9 3.1.1....................................
More informationJavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能
JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として
More informationWebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps API WebGISJSGI i
18 WebGIS A Sharing of Geographic Information for WebGIS 1095303 2007 3 9 WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps
More information目 次 0. 計 測 タグ 設 置 の 基 本 3 このマニュアルについて... 4 計 測 タグ 設 置 の 流 れ... 5 必 ず 確 認 していただきたいこと... 6 1. 計 測 タグの 種 類 7 入 口 ページタグ... 9 コンバージョンタグ... 10 イベント 計 測 用 タグ
計 測 タグの 設 置 と 動 作 確 認 方 法 このマニュアルの 対 象 となる 方 ウェブアンテナの 計 測 タグをサイトに 設 置 するご 担 当 の 方 (HTML に 関 する 知 識 をある 程 度 お 持 ちの 方 を 想 定 ) このマニュアルでわかること 計 測 タグの 設 置 方 法 や 注 意 点 コンバージョン 属 性 を 計 測 するための 実 装 例 計 測 タグの 動
More informationMicrosoft PowerPoint - InfPro_I9.pptx
今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ
More informationMicrosoft PowerPoint - 08回目.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading
More informationMicrosoft Word - 11_thesis_08k1131_hamada.docx
23 08k1131 24 i JSP HTML CSS JavaScript Flash ios ii 1.... 1 2.... 1 2.1...1 2.2...2 2.3 Flash...2 2.4...2 2.5...3 2.6...3 2.7...4 3.... 4 3.1...4 3.2...6 3.3...8 3.4...9 3.5... 11 3.6... 12 3.7... 13
More information1 1 3 1.1 Web............................ 3 1.2 Servlet/JSP.................................. 3 2 JSP 7 2.1................................... 7 2.2..
Servlet/JSP 1 1 3 1.1 Web............................ 3 1.2 Servlet/JSP.................................. 3 2 JSP 7 2.1................................... 7 2.2........................................
More information情報資源組織演習B:
情 報 資 源 組 織 演 習 A( 書 誌 の 作 成 ) 第 12 回 書 誌 データ 管 理 検 索 システムの 構 築 2013 年 度 跡 見 学 園 女 子 大 学 文 学 部 准 教 授 福 田 博 同 書 誌 データ 管 理 検 索 システムの 構 築 第 9 回 で 書 誌 データベース 構 築 は 理 解 Web 検 索 では 以 下 の 様 な 方 法 が 取 られる A B
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 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 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 informationreport for biz 顧客分析レポートAPI ver 1.00 仕様書
report for biz API 仕 様 書 顧 客 分 析 レポート API ver1.00 技 研 商 事 インターナショナル 株 式 会 社 作 成 日 :2015/06/24 改 訂 履 歴 改 訂 履 歴 日 付 バージョン 更 新 内 容 2015/06/24 1.00 初 版 第 1 章 概 要... 4 1 本 サービスのコンセプト... 4 1-1 r4b(report 4 biz)とは...
More informationContao 3 Contao Conference 2012
Contao 3 Contao Conference 2012 Contao 2012 2012 JavaScript jquery HTML5 jquery JavaScript jquery JavaScript jquery MooTools MooTools (" ") $ MooTools JQuery Mediabox jqeury " " (MooTools ) jquery
More informationhtml_text
HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web
More informationuntitled
FLIPPER3 Maker ~ FLIPPER Report ~ 09 -FL010052-04 4 2011 5 25 1.... 3 1.1 FLIPPER Report... 3 1.2 FLIPPER Report... 3 2.... 4 3. FLIPPER REPORT... 5 3.1... 5 3.2 FLIPPER Report... 5 3.3... 6 4. FLIPPER
More informationMicrosoft PowerPoint - HTML1復習_1021.ppt
HTML-Ⅱ(HTML 文 書 構 造 編 ) 3-1 HTML 基 本 構 造 html おいしいお 店 一 覧
More informationjQuery_004_012_mkj(02).indd
はじめに Flash Flash JavaScript jquery JavaScript jquery Web プログラム 経 験 の 少 ないデザイナーでも 容 易 に 理 解 できる 構 成 jquery jquery jquery 1 Web jquery Web SB 23 11 3 Contents コードの 解 説 39 サンプルコードを 書 き 替 えてみよう! 40 Column
More informationホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
More information2
1 2 10 14 945 3000 2012 3 10 4 5 6 7 8 9 10 11 12 2011 11 21 12301430 (1215 ) 13 6 27 17 () ( ) ( ) (112360) 2 (1157) (119099) ((11861231) )( ) (11641205) 3 (1277) 3 4 (1558) (1639)() 12 (1699)( ) 7 (1722)
More informationホームページの仕組み
見 やすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 23 年 5 月 7 日 14 日 目 次 5 月 7 日 1. ショートカットキー 2. HTMLの 仕 組 み 3. XHTMLとCSS 4. W3C 標 準 5. 見 本 に 書 き 込 む 6. 単 語 登 録 5 月 14 日 1. ブログを 試 そう 2.
More information1 1 1.......................... 1 2........................ 2 2 3 1.................. 3 2.......................... 5 3........................... 6 4
1 1 1.......................... 1 2........................ 2 2 3 1.................. 3 2.......................... 5 3........................... 6 4........................ 7 3 Ajax 8 1...........................
More information確 認 とアップロード (2) ブラウザを 使 用 して 確 認 内 容 の 修 正 ブラウザでファイルを 開 き 表 示 されるページを 確 認 エディタで 修 正 し 上 書 保 存 した 後 再 読 込 み( 更 新 ) ボタン 上 記 作 業 を 繰 り 返 す (3) 完 成 したファイル
Webによる 情 報 提 供 リクエスト Webサーバ レスポンス ブラウザ 宮 原 のホームページ
More information