簡単なHTMLファイルを作ろう
|
|
- あけなお まるこ
- 7 years ago
- Views:
Transcription
1 Perl CGI 1. HTML sample1.html <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML> WWW (^^) <H1> </H1> <H1> <H6> <H1> <P> </P> (Paragraph) <BR> (Line brake) <FONT size= number > </FONT> number <FONT color= color > </FONT> (Black,White,Red,Blue,Green,Yellow,Gray ) <BODY text= color > <BODY text= Red > <BODY bgcolor= color > <BODY bgcolor= Aqua > <A href= > </A> <IMG src= sample.jpg alt= >
2 . index.html <HTML> <BODY> <H1> </H1> <HR> <!--#exec cmd="./cgi-bin/count.cgi"--> </BODY> </HTML> /cgi-bin/count.cgi open(fh,"./cgi-bin/count.dat"); $cnt=<fh>; close(fh); $cnt++; print"<center> ${cnt </CENTER>"; open(fh,">./cgi-bin/count.dat"); print FH $cnt; close(fh); END.htaccess Options +Includes Options +ExecCGI AddHandler server-parsed html AddHandler cgi-script cgi
3 . Perl print ; ($ ) first.pl print " Perl!" DOS perl first.pl first2.pl # name $name = " "; print "$name n"; print " ${name n"; 3 hello.cgi # UNIX Perl # /usr/local/bin or /usr/local/bin/perl # which perl # print "Content-type: text/html n n"; # HTML # n # Content-type print "<HTML> n"; print " <BODY> n"; print " <H1> Hello!</H1> n"; print " </BODY> n"; print "</HTML> n"; perl hello.cgi > hello.html hello.html calc.pl # $x = 1;
4 $y = 2; $ans = $x + $y; print "$x $y $ans "; END if if ( ) { ; else { ; 1 ex_if.pl #if 1 $a=6; if ( $a > 5 ) { print " $a $a 5 "; else { print " $a $a 5 "; = =! = > > = < < = ex_if2.pl #if 2 #if 0 # 0 $a = 0; if ( $a ) { print " "; else {
5 print " "; for ) ex_for.pl # 1-10 for ( $i=1 ; $i<=10 ; $i++ ) { print "$i"; print " n"; # *( ) for ( $i=1 ; $i<=10 ; $i++ ) { print "*"; print " n"; ex_for2.pl = (" "," "," "); # print " $list[0] n"; $count print "$count n"; # # for ($i=0 ; $i<=$count-1 ; $i++) { print "$list[$i] n";
6 open (, ); close ( ); print ; $data = < > ex_file_write.pl # open( FH, ">test.dat"); print FH " n"; close(fh); # # # ex_file_write2.pl # open( FH, ">>test.dat"); # print FH " n"; # close(fh); # ex_file_read.pl # open( FH, "<./test.dat"); $str = <FH>; print "$str"; # # $str = <FH>; print "$str"; # close(fh); #
7 = split( / /, $str ); ex_split.pl #split $str = = split( /-/, $str); for ($i=0 ; $i $i++) { print "$list[$i] n"; ex_split2.pl #split $str = = split( //, $str); for ($i=0 ; $i $i++) { print "$list[$i] n"; foreach foreach $str ); ex_foreach.pl foreach $str (@list) { print "$str n"; printf, sprintf printf (, ); $str = sprintf (, );
8 ex_printf.pl #printf,sprintf $number = 10; printf("%9d n",$number); printf("%09d n",$number); # 9 (10 ) # 0 $number = ; printf("%9.2f n",$number); # 9, 2 $number = 123; $new_number = sprintf("%05d n",$number); print "$number $new_number n"; #
9 . GIF (CGI ) gif_counter.cgi # $DataFile="./count.dat"; #gif $dir_gif="./gif"; print "Content-type: text/html n n"; print "<HTML> n"; print " <BODY> n"; print " <H1> GIF </H1> n"; # if( open( FH, "<$DataFile" )) { $count = <FH>; close(fh); # #print "$count n"; # $count++; # $count = sprintf("%05d",$count); # foreach $number (split( //, $count )) { print "<IMG SRC= "${dir_gif /${number.gif ">"; print " n";
10 else { # if( open( FH, ">$DataFile" )) { print FH $count; close(fh); else { print " <BR> n"; print " <BR> n"; print " </BODY> n"; print "</HTML> n"; END
11 HTML HTML 1,780 HTML 1,500 CGI Perl Perl CGI 2,730 Perl CGI 3,000 Perl/CGI 2, CGI SSI Hypertext Markup Language Web ( Common Gateway Interface) CGI CGI Yahoo! CGI Server Side Include CGI HTML ( ) CGI Active Perl Perl FFftp Apache
12 /cgi-bin guest_book.html 644 guest_write.html 644 guest_write.cgi 755 guest_read.cgi 755 guest_book.dat 666 cgi-lib.pl 644 cgi
13
14 guest_book.html <HTML> <BODY> <H1><< >></H1> <H2><A HREF="guest_write.html"> </H2> <H2><A HREF="guest_read.cgi" > </H2> <BODY> </HTML> guest_write.html <HTML> <BODY> <H1> </H1> <FORM ACTION="guest_write.cgi" METHOD="POST"> <BR> <INPUT TYPE="text" SIZE=60 NAME="name"> <P> <BR> <TEXTAREA NAME="comment" cols=60 rows=8> </TEXTAREA> <P> <INPUT TYPE="submit" VALUE=" "> <INPUT TYPE="reset" VALUE=" "> </FORM> </BODY> </HTML>
15 guest_write.cgi # # $data_file = 'guest_book.dat'; # HTML print "Content-type: text/html n n"; # require 'cgi-lib.pl'; # %form &ReadParse(*form); # $name = $form{'name'; $comment = $form{'comment'; # #$name = ' '; #$comment = ' '; # if ($name eq '') { &print_error(" "); # if ($comment eq '') { &print_error(" "); #
16 $name =~ s/</</g; $comment =~ s/</</g; # if (!open(txt, "+<$data_file")) { &print_error(" "); # if (!&lock_file(txt)) { close(txt); &print_error(" "); = <TXT>; # seek(txt, 0, 0); # print TXT "<DL> n"; # print TXT "<DT> <DD>$name n"; # if ($comment ne '') { print TXT "<DT> <DD>$comment n"; # $datestr = &get_date_string; print TXT "<DT> <DD>$datestr n"; print TXT "</DL> n";
17 print TXT "<HR> n"; # # print # truncate(txt, tell(txt)); # &unlock_file(txt); # close(txt); # &page_begin(" "); &page_end; # exit(0); # # # # # &print_error(" "); sub print_error { local($msg) &page_begin($msg); &page_end; exit(0);
18 # # &page_begin(" "); sub page_begin { local ($msg) print "<HTML> n"; print "<HEAD> n"; print "<TITLE>$msg</TITLE> n"; print "</HEAD> n"; print "$bodytag n"; print "<H1>$msg</H1> n"; # sub page_end { print "<HR> n"; print "<A HREF=guest_book.html> </A> n"; print "<HR> n"; print "</BODY> n"; print "</HTML> n"; # sub get_date_string { local($sec, $min, $hour, $day, $mon, $year); ( $sec, $min, $hour, $day, $mon, $year ) = localtime(time); $year += 1900; $mon++; # if ($hour < 10) { $hour = "0$hour"; if ($min < 10) { $min = "0$min";
19 if ($sec < 10) { $sec = "0$sec"; return "$year $mon $day $hour $min $sec "; # sub lock_file { local(*file) if ($uselock) { eval("flock(file, 2)"); # 2=LOCK_EX if ($@){ # flock return 0; return 1; # sub unlock_file { local(*file) if ($uselock) { eval("flock(file, 8)"); # 8=LOCK_UN
20 guest_read.cgi # # # $data_file = 'guest_book.dat'; # print "Content-type: text/html n n"; # if (!open(txt, "$data_file")) { &print_error(" "); else { &page_begin(" "); print "<HR> n"; # while (<TXT>) { print; &page_end; # close(txt); # exit(0); # # #
21 # # &print_error(" "); sub print_error { local($msg) &page_begin($msg); &page_end; exit(0); # # &page_begin(" "); sub page_begin { local ($msg) print "<HTML> n"; print "<HEAD> n"; print "<TITLE>$msg</TITLE> n"; print "</HEAD> n"; print "$bodytag n"; print "<H1>$msg</H1> n"; # sub page_end { print "<HR> n"; print "<A HREF=guest_book.html> </A> n"; print "<HR> n"; print "</BODY> n"; print "</HTML> n";
(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 information10/ / /30 3. ( ) 11/ 6 4. UNIX + C socket 11/13 5. ( ) C 11/20 6. http, CGI Perl 11/27 7. ( ) Perl 12/ 4 8. Windows Winsock 12/11 9. JAV
tutimura@mist.i.u-tokyo.ac.jp kaneko@ipl.t.u-tokyo.ac.jp http://www.misojiro.t.u-tokyo.ac.jp/ tutimura/sem3/ 2002 11 20 p.1/34 10/16 1. 10/23 2. 10/30 3. ( ) 11/ 6 4. UNIX + C socket 11/13 5. ( ) C 11/20
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 informationJavaScriptプログラミング入門
JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................
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 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 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 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 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 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 information方程式を解いてみよう! C++ から PHP + JavaScriptへ
方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. HTMLで 自
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 information演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23
Web データ管理 CGI (3 章 ) 2011/11/30( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23 CGI とは Common Gateway Interface の略 通常のページでは
More information演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義
演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義で使うフォルダ 1/23 2/23 CGI とは Common Gateway Interface の略
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コンピュータサイエンス 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.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文京女子大学外国語学部
7.フォーム 7-1 フォームとは 皆 さんの 中 には ホームページを 閲 覧 していて アンケートに 答 えたり 申 込 書 のような 書 式 に 入 力 した 経 験 がある 人 もいるでしょう すなわち そのような 書 類 を 作 成 し 例 えば 電 子 メールの 形 式 であらかじめ 決 めておいたメールアドレスに 送 信 させる このような 機 能 を 持 つブロックがフ ォームタグで
More informationPowerPoint プレゼンテーション
HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種
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 (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]
More information</BODY> </HTML> HTML HTML HTML HTML <HTML> </HTML> <HTML> </HTML> HTML <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> BODY moji.htm <HTML> <HEAD> <TIT
HTML HTML.html.htm HTML HTML FTP HTML HTML HTML 1 HTML HTML HTML HTML HTML
More informationhtml_text
HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web
More informationLecture/CompPracR2003/12th
Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行
More informationサーバサイドスクリプトPHPを実感しよう
第 3 講 サーバサイドスクリプト PHP を 実 感 しよう! クライアントサイドでは HTML に 埋 め 込 んだ(あるいは 別 ファイルから HTML に 読 み 込 まれた)JavaScript によって さまざまな 処 理 や 動 的 ページの 生 成 を 行 えることは すで に 第 3 講 までで 学 習 しました しかし HTML と JavaScript の 組 合 せではどうしても
More information~モバイルを知る~ 日常生活とモバイルコンピューティング
Webプログラミングの 基 礎 PHPの 基 礎 (7) (2011/06/29) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 おみくじのプログラムを 参 考 にして 生 まれた 年 ( 西 暦 )を
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 information1 1.1 CGI CGI(Common Gateway Interface) CGI CGI CGI Perl Ruby CGI HTML Ruby 2 CGI ( ) HTTP(Hypertext Transfer Protocol) httpd UNIX OS Apache Apache Ap
20 12 19 CGI CGI CGI 1 2 1.1 CGI............................................ 2 2 2 3 CGI 2 3.1.......................................... 2 3.2 CGI.......................................... 3 3.3........................................
More informationMicrosoft PowerPoint - InfPro_I9.pptx
今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ
More informationC G I 入 門 講 座
Apache VsftpdPerl tsuyoshi@t-ohhashi JAPET NTT Linux 1 FTP CGI VSFTP Apache Perl Perl CGI Apache CGI CGI Perl CGI CGI PHP CGI CGI 2 Windows CGI EUC Windows Windows CGI 64KB Windows CGI ( ) Windows TeraPad
More information̤Äê
SNS 1, IT.,.,.,., SNS,,,..,,.,,,.,.,,. 2 1 6 1.1................................................ 6 1.2................................................ 6 1.3...............................................
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 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スマートアヴェニュー ご利用マニュアル CGI編
CGI CGI SSI smartavenue CGI SSI CGI SSI CGI CGI CGI HTML CGI perl C 3 C CGI Linux CGI perl sendmail uuencode uudecode nkf /usr/bin/perl /usr/local/bin/perl /usr/lib/sendmail /usr/bin/uuencode /usr/bin/uudecode
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 informationHTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d
第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd
More information講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2
2015 年 度 Webシステムプログラミング a PHPの 基 礎 (2) 講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2 ( 前 回 ) 提 出 課 題 課 題 1: 1から100までの 乱 数 で 作 成 した2つの 整 数 の 足 し 算 を 表 示 するWebページを 作 成
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 ABC of Hyper Text Markup Language 2009 2 HTML2009 Copyright 2009 by BohYoh Shibata 3 WWW HTML WWW WWWworld wide web hyper text resource 4 HTML2009 http WWW httphyper text transfer protocol HTML HTMLhyper
More information第7章 Webページによる情報の発信
筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL
More information11
( 40 ) 1 ipad ) LAN (Local Area Network) WAN (Wide Area Network) 2 TCP/IP 3 LAN LAN EMOBILE WiMAX WILLCOM ) 4 ( www(world wide web,) ) 5 6 7 8 9 10 index.html Web IE, FireFox, Safari ( ) 11 IP IP xx.xx.xx.xx
More informationPowerPoint プレゼンテーション
ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが
More information0序文‐1章.indd
本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft
More informationWebデザイン論
2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 出席確認 受講管理システム AMUSE を使って 本日の出席登録をせよ 学籍番号とパスワードを入力するだけでよい : http://davinci.cc.matsuyama-u.ac.jp/~dan/amuse/
More informationおすすめページ
第 6 章 フォーム コントロールを 作 成 する 作 成 した 内 に お 名 前 や ご 意 見 ご 要 望 などの 入 力 フォームを 作 成 していきま す 最 後 に 送 信 ボタンを 設 置 します テキストフィールドを 作 成 する 名 前 を 入 力 できる 欄 をテキストフィールドで 作 成 します テキストフィールドを 作 成 すると 同 時 にラベ ルのテキストも
More information橡Taro9-生徒の活動.PDF
3 1 4 1 20 30 2 2 3-1- 1 2-2- -3- 18 1200 1 4-4- -5- 15 5 25 5-6- 1 4 2 1 10 20 2 3-7- 1 2 3 150 431 338-8- 2 3 100 4 5 6 7 1-9- 1291-10 - -11 - 10 1 35 2 3 1866 68 4 1871 1873 5 6-12 - 1 2 3 4 1 4-13
More informationインターネットマガジン1996年3月号―INTERNET magazine No.14
Common Gateway Interface +SSI j 164 INTERNET magazine 1996/3 INTERNET magazine 1996/3 165 Common Gateway Interface 5 2 3 1 2 3 4 1 4 j Common Gateway Interface j j j j 166 INTERNET magazine 1996/3 INTERNET
More information3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................
More informationApache on CLUSTERPRO for Linux HOWTO
Apache on CLUSTERPRO for Linux HOWTO 1 はじめに この 文 章 は Linuxの 標 準 HTTPサーバであるApacheとCLUSTERPRO for Linuxを 組 み 合 わせてフェイル オーバクラスタを 構 成 するのに 必 要 な 情 報 を 記 述 したものです HTTPサーバをフェイルオーバクラスタ 化 す ることにより 単 一 Linuxサーバでは
More informationビジネスホームページご利用ガイド
ご 参 考 資 料 ビジネスホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> ビジネスホームページ は ご 利 用 される 法 人 様 がご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは 弊 社 では 致
More informationMicrosoft Word - wsample.docx
2013.10 情 報 科 学 A 補 足 資 料 Web ページ 作 成 のポイントとサンプルデータ HTML 作 成 のポイント テキストエディタ (EmEditor, メモ 帳 など) でテキストファイルとして 作 成 する Microsoft Expression Web など,Web ページ 作 成 専 用 のソフトウエア (オーサリングソフト) を 用 いるこ ともできる HTML(HyperText
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 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 information1-3_二階堂.indd
Unicode Web JIS X JIS JIS GB BigKSC JIS JIS JIS JIS X JIS JIS Unicode OS Windows /XP Mac OS X Linux Unix OS MS Word MS Power Point Unicode Unicode Web Google http://www.google.co.jp/ Google Unicode Yahoo!
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 information1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4..
WWW 17 2 10 1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4................................. 8 4.5...........................
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 informationスライド 1
第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの
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 informationMicrosoft PowerPoint - 2015-asp-10-07-01-cgi.pptx
CGIの 作 成 プログラミング 演 習 演 習 開 始 前 の 確 認 事 項 1. パスワード 無 しでcstmsへログイン スライド 3 2. cstms 上 にウェブページを 作 成 スライド 4 3. CGI 作 業 のディレクトリを 作 る スライド 9 2 1. パスワード 無 しでcstmsへログイン 1. 順 2. $ hostname と 3. mv4b のような 端 末 名 が
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 informationMicrosoft PowerPoint - 20140203 Perl講習会.ppt [互換モード]
中 村 聡 史 1 12345の 約 数 の 数 を 数 えるプログラム int i = 1; int count = 0; while( i
More information1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.
1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................
More informationuntitled
2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp
More informationMicrosoft Word - chap5.doc
第 5 章 フォームと PHP プログラム [1] PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプロ グラムのデバッグは 結 構 面 倒 になる と いうのは 単 独 のプログラム(つまり CGI ではなくて 普 通 の Java や C のプログラ ムと 同 じようにして)として
More information1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................
web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................
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 informationスライド 1
Webプログラミング2 2.Webプログラミング 概 要 (2) ( 復 習 )Webとは 様 々な 利 用 シーン 様 々なデバイス/ブラウザ パソコン 携 帯 電 話 ゲーム 機 /TV 電 子 ブックリーダー 学 校 案 内 / 会 社 案 内 オンラインショップ ブログ/ 掲 示 板 /SNS/Twitter/Facebook 学 内 / 社 内 システム スケジューラ/カレンダー/Webメール
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 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 information橡5.PDF
1 FileMaker FileMaker Pro 5.5 http://www.filemaker.co.jp/downloads/index.html FileMaker Pro4.x FileMaker Pro5.x FileMaker Pro 5.x FileMaker Pro4.x fmj FileMaker Pro 5.x fp5 FileMaker Pro4.x FileMaker Pro
More information1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................
0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................
More informationMicrosoft PowerPoint - webapp.ppt [互換モード]
一 般 的 なWebアクセス Webサーバ バ レスポンス HTML ファイル HTTPリクエスト 画 像 ファイル Webブラウザ あらかじめ 用 意 されたリソースしか 提 供 できない Webアプリケーション Webサーバ バ レスポンス HTTPリクエスト HTML Webブラウザ ページを 動 的 に 生 成 プログラム 実 行 データベース 操 作 Webアプリケーション 掲 示 板 検
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 information(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文
情 報 リテラシー 第 13 回 ウェブページの 作 成 と 更 新 インターネットによって 世 界 中 の 人 に 瞬 時 に 情 報 を 伝 えることができるようになった ウェブページ はその 情 報 発 信 基 地 である ここではウェブページの 作 り 方 を 学 ぶ コンピュータ ストアにはたくさ んのウェブページ 作 成 ソフトが 市 販 されており 操 作 法 はソフトによって 様 々である
More informationこの 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に <P></P>を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は <P>を 省 略 してもうまく 表 示 される ) この 例
第 5 章 フォームと PHP プログラム PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプログラムのデバッグは 結 構 面 倒 になる というのは 入 力 や 出 力 がキーボードや 画 面 にならないため 簡 単 に 試 せない CGI 環 境 で 実 行 される
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 information1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX
L A TEX HTML 2000 7 2 ([-30]5051.49) 1 2 1.1.............................................. 2 1.2.............................................. 2 1.3................................................ 2 1.4.............................................
More informationMicrosoft Word - OniNet-Grobal_Manual win8.doc
セットアップマニュアル ( 固 定 IPオプション) 岡 山 ネットワーク 株 式 会 社 もくじ ご 利 用 までの 流 れ --------------------------------------- 1 宅 内 配 線 ----------------------------------------------- 2 安 全 にご 利 用 いただくために -------------------------------
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 information1 print "\r\n"; 2 print " $author\r\n"; 3 print " Web"; 4 print "$url\r\n"; 5 print " $message\r\n";
More informationMicrosoft PowerPoint - hp2.ppt [互換モード]
技 術 センター HP 講 習 会 ( 第 2 回 ) 広 島 大 学 技 術 センター HP 運 用 WG 本 日 の 講 習 会 の 流 れ FTPソフトの 使 い 方 ファイルをサーバにアップロードする 方 法 前 回 ( 第 1 回 )の 復 習 とその 応 用 フォルダ(ディレクトリ)とリンクの 関 係 リンクの 仕 組 み: 絶 対 パスと 相 対 パス パスワードによるアクセス 制 限
More informationWikiで作成するWiki編集インタフェース
Wiki Wiki Wiki Wiki 1 1 Wiki Wiki Wiki Wiki Wiki Web Wiki Wiki Wiki 1 1 5 1.1....................................... 5 1.2 - Wiki-Templates.............................. 5 1.2.1 Wiki-Templates.............................
More information第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる <html> <body bgcolor=yellow> <p> 背 景
第 22 章 ウェブページの 作 成 2 画 像 の 表 示 HTMLの 細 かいタグ 自 己 紹 介 ページの 作 成 1. 画 像 を 入 れる Word の 画 面 で 画 像 ( 写 真 や 絵 )を 入 れるときは イメージそのものを 表 示 し たが ウェブページに 画 像 を 入 れるには メモ 帳 の 画 面 で 直 接 画 像 を 表 示 させることはできない 作 業 している HTML
More information第7章 Webページによる情報の発信
筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.193~234 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL
More informationデータ構造とアルゴリズム論
第 7 章.サーブレット 間 の 連 携 学 習 のねらい 1 Web アプリケーションの 処 理 を サーブレット JSP そして HTML ファイルによる 処 理 分 担 あるいは 連 携 によって 実 現 する 仕 組 みを フォワード(forward) インクルー ド(include)およびリダイレクト(redirect)の 活 用 方 法 を 通 じて 学 習 する 2 また リクエスト
More informationHTML文章作成
HTML 文 章 作 成 Web ページは HTML(Hyper Text Markup Language) という 言 語 を 使 っ て 欠 かれた HTML ファイルでできています ここでは 簡 単 な HTML 文 章 を 実 際 につくっていきます 参 考 文 献 :エクスナレッジ HTML とスタイルシートによる Web サイト 作 成 術 1. 簡 単 なホームページをつくりましょう
More informationMicrosoft Word - 1-html.doc
Web ページ 作 成 の 基 礎 の 基 礎 内 容 : 1. HTML の 仕 組 み 2. HTMLの 文 法 2007-11-16 テキスト 原 案 作 成 原 田 隆 史 ( 慶 應 義 塾 大 学 ) 協 力 : 石 田 栄 美 ( 駿 河 台 大 学 ), 新 居 雅 行 (Apple Japan), 中 島 玲 子 1.Web ページの 仕 組 みと 作 成 1. Web ページを
More informationCopyright 2006 Mitsui Bussan Secure Directions, Inc. All Rights Reserved. 3 Copyright 2006 Mitsui Bussan Secure Directions, Inc. All Rights Reserved.
2006 12 14 Copyright 2006 Mitsui Bussan Secure Directions, Inc. All Rights Reserved. 2 Copyright 2006 Mitsui Bussan Secure Directions, Inc. All Rights Reserved. 3 Copyright 2006 Mitsui Bussan Secure Directions,
More informationアプレットの作成
HTML JDK Word97 HTML WWW(World Wide Web) HTML(HyperText Markup Langueage) JAVA HTML. HTML HTML - 1 - HTML.1
More information1 ARENA DNS CSR ID ( ).. I 3-1 3-1
. II NTTPC 1 ARENA DNS CSR ID ( ).. I 3-1 3-1 30 http://web.arena.ne.jp/suite/support/startup/admin-useradd/index.html 31 32 33 34 http://web.arena.ne.jp/suite/cgiinstaller/index.html 35 36 CGI 37 CGI
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 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(Microsoft Word - \203v\203\215\203O\203\211\203~\203\223\203O1new.doc)
1.プログラム 言 語 1-1 プログラム 言 語 の 種 類 プログラム 言 語 は その 言 語 が 目 的 とする 処 理 別 に 基 本 的 な 記 述 概 念 が 存 在 する プログ ラム 言 語 の 種 類 ごとに 記 述 的 特 徴 や 生 産 性 が 異 なる Program 言 語 低 水 準 言 語 マシン 語 アセンブラ 高 水 準 言 語 手 続 き 型 言 語 FORTRAN
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 informationL03_final.indd
XHTML meta DOCTYPE XHTML XHTML XHTML XHTML XHTML a. b. c. d. XHTML Transitional 2 a. b. c. d. XHTML h1h2
More information