第３学年 学習指導案
|
|
|
- あつひろ ちとく
- 9 years ago
- Views:
Transcription
1 Web Page 2
2
3
4 -1-
5 myhome.htm html head title my home page /title /head body Welcome to Sasaki's Home page /body /html myhom e.htm html /htmlhead /headtitle /title body /body myhome.htm -2-
6 myhome.htm body h1 Welcome to Sasaki's Home page /h1 /body h1h6 body font size=1 /font font size=2 /font font size=3 /font font size=4 /font font size=5 /font font size=6 /font font size=6 /font /body body bgcolor="# ffff00" text="#000000" h1 Welcome to Sasaki's Home page /h1 /body -3-
7 body bgcolor="# ffff00" text="#000000" h1 Welcome to Sasaki's Home page /h1 br hr /body br hr /br /hr -4-
8 body bgcolor="# ffff00" text="#000000" center h1 Welcome to Sasaki's Home page /h1 /center br hr br center /center br center a href="shokai.htm". shokai.htm /a /center /body myhome.htm -5-
9 shokai.htm html head title /title /head body bgcolor="# 00ffff" text="#ff0000" center b /b /center br br img src="kao.jpg" width=100% height=100% br br br a href="myhome.htm" /a /body /html shokai.htm body b /b b /b i /i i /i u /u u /u /body img src="kao.jpg" width=100% height=100% -6-
10 myhome.htm center h1 marquee direction="left" behavior="alternate" scrollamount="5" /marquee /h1 /center marquee direction="left" behavior=" alternate" scrollamount="5" "left" "right" "alternate" "scroll" "slide" "scrollslide" html head title center /center /title /head fram eset rows="25%,75%" 25%, 75% frame name="title" src="title.htm" titletitle.htm frameset cols="35%,65%" 35%, 65% frame name="mokuji" src="mokuji.htm" mokuji mokuji.htm frame name="kaisetu" src="kaisetu.htm" kaisetukaisetu.htm /frameset /frameset /html frame.htm -7-
11 title.htm mokuji.htm kaisetu.htm html body bgcolor="# " text="#ffffff" center h1 /h1 /center br center h1 /h1 /center /body html title.htm html body text="#000055" br brbrbr a href="myhome.htm" target="kaisetu" /a /body /html mokuji.htm -8-
12 html body /body /html kaisetu.htm hana.htm sora.htm um i.htm html body centerh1 /h1 /center brbr centerimg src="hana.jpg" width=80% height=80% /center /body /html hana.htm html body brbrbr centerh1 /h1 /center brbr centerimg src="sora.jpg" width=80% height=80% /center /body /html sora.htm -9-
13 html body brbrbr centerh1 /h1 /center brbr centerimg src="umi.jpg" width=70% height=70% /center /body /html um i.htm. body table border td rowspan=3 /td rowspan=3 td colspan=2 /td td colspan=2 /td colspan=2 tr td /tdtd /tdtd /tdtd /td tr td /tdtd /tdtd /tdtd /td /table /body a href="#book1" /a a name="book1" /a -10-
14 form method="post" User ID: input type="text" name="id" size=20 p input type=" radio" name=" machine" value=" dos/v" checked DOS/Vbr input type=" radio" name=" machine" value=" UNIX" UNIXbr input type=" radio" name=" machine" value=" Mac" M ac p input type="submit" value=" " input type="reset" value=" " /form form action="mailto:[email protected]" method=" post" p input type=" radio" name=" machine" value=" dos/v" checked DOS/V input type="submit" value=" " input type=" reset" value=" " -11-
15 stylesheet1.htm!doctype html public "-//w3c//dtd html 4.01 transitional//en" html head meta http-equiv="content-type" content="text/html; charset=shift_jis" meta http-equiv="content-style-type" content="text/css" style type="text/css" style /style h1 font-size : 50pt ; color : blue ; border-style : solid ; border-color : red ; border-width : 3px 50px 3px 50px ; text-align : center ; h1 h2 font-size : 20pt ; color : purple ; border-style : solid ; border-color : green ; border-width : 1px 20px 1px 20px ; text-align : center ; /style title /title /h ead body h1 /h1 brbr h2 /h2 /body h2 /html -12-
16 stylesheet2.htm!doctype html public "-//w3c//dtd html 4.01 transitional//en" html head meta http-equiv="content-type" content="text/html; charset=shift_jis" meta http-equiv="content-style-type" content="text/css" link rel="stylesheet" type="text/css" href="stylesheet2.css" title /title /head styl es heet2.css body h1 /h1 brbr h2 /h2 /body /html stylesheet2.css h1 h1 font-size : 50pt ; color : blue ; border-style : solid ; border-color : red ; border-width : 3px 50px 3px 50px ; text-align : center ; h2 h2 font-size : 20pt ; color : purple ; border-style : solid ; border-color : green ; border-width : 1px 20px 1px 20px ; text-align : center ; -13-
17
18 Kiyotech HP
19
20 Web Web
21 1. 2. FAX CGI URL WWW 6.
22 FLASH Loading FLASH FLASH
23 o o o o o o o Word) WORD
24 100MB 100MB 100MB Web 50MB 3 5MB CGI CGI CGI CGI CGI (SEO) WEB yahoo google goo 80% 20 SEO WEB UP WEB SEO
25 goo infoseek Google nifty Excite Biglobe all the web OCN hi-ho 1? 1 1???
26 () () CGI, URL URL URL URL PR URL URL Web Web
27 Yahoo Japan Web Web URL Web Web Web Web 40% 20% 40%
28 Web Web CD-R
29 1 1 ID ID
30 ? 1 1? 1 A4 A4 1 2?? 1?
31 ? JPEGGIF HP??? CD-R?
32 01 ID 1 ATM 02
33 Web 1: % 62% 62% 38%
34
35 Flash
36 Web creators
経営論集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
untitled
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
Taro-CSS.jtd
CSSCascading Style Sheet 1. CSS CSSCascading Style Sheet HTML XHTML, XML HTML CSS HTML/XHTML/XML CSS HTMLXHTML CSS XML CSS 2. CSS HTML/XHTML CSS HTML CSS XML XSL-FO XSLT+CSS CSS Web Web HTML 3. HTML HTML
1 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...........................
~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID
10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/
388-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]
<834A8358835E837D83438359837D836A83858341838B2D30312E6169>
01 1 2 3 4 02 03 1 2 3 4 5 6 7 8 9 10 11 12 13 1 2 3 4 5 6 7 8 9 10 11 12 13 04 1 2 1 2 3 3 05 06 01 02 03 04 01 02 03 04 05 SITE Web Site Welcome to my home page. SITE Web Site Welcome to my home page.
6 2 1
6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)
SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web
07_経営論集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
CONTENTS 01 15 25 46 50 02 06 09 10 53 No.55 November 2013 JPNIC News letter No.55 November 2013 1
No.55 November 2013 CONTENTS 01 15 25 46 50 02 06 09 10 53 No.55 November 2013 JPNIC News letter No.55 November 2013 1 2 JPNIC News letter No.55 November 2013 JPNIC News letter No.55 November 2013 3 4
インターネットマガジン1996年12月号―INTERNET magazine No.23
26 INTERNET magazine 1996/12 HTML S jhttp://www.microsoft.com/truetype/css/gall ery/spec2.htm S jhttp://www.hidaho.com/c/ S jhttp://www.microsoft.com/ie/most/howto/lay out/winston/wclub.htm
1 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....................
textbook.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
JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.
http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c
ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3
Web 2.0 Web Web Web Web Web Web Web I II I ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3 1. 1.1 Web... 1 1.1.1... 3 1.1.2... 3 1.1.3... 4 1.2... 4 I 2 5 2. HTMLCSS 2.1 HTML...
コンピュータサイエンス 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 /
文京女子大学外国語学部
6. テーブル 6-1 テーブルとはテーブルとは表のことです ホームページ上で表を作成するには テーブル作成用に用意された数種のタグを使用します なお HTML 文書を書くためのエディタでは 通常 単純な罫線すら引けないことに注意してください 文字の羅列よりも表にまとめた方がわかりやすく レイアウトとしても優れていることは 皆さんもよく経験するところだと思います ですからテーブルは 表形式のデータ表示に有効であるとともに
untitled
25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)
PowerPoint Presentation
HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam
0序文‐1章.indd
本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft
Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet
2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage
HTML 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
CSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
2
1 2 2005 15 17 21 22 24 25 67 95 3 1 2 3 4 17 4 5 6 7 8 9 PR PR PR 10 11 12 PR 419 844 1,490 950 590 20 12 50 13 12/20 2/28 3/30 14 17 349 666 15 59 6 11 15 17 14 15 15 17 3,525,992 15 59 15 17 18 910
SVG 6 ( 3) I(SVG) 2017/5/30 HTML (1) 1 2 4 5 6 サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out
1339 アウトラインのアニメーション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースと して使用されることが多い機能です また outline でボックスの輪郭をアニメーションさ せることもできますが あまり使われることはないかもしれません アニメーションで変化させることができる outline 関係のプロパティ outline-color animation
ohp.mgp
2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.
_勉強会_丸山さつき_v3
CSS 2019/6/21 1 CSS CSS CSS!2 CSS Web!3 CSS HTML CSS CSS!4 CSS!5 !6 Id class id class CSS!7 !8 body 16px p 16px px, rem, em, %!9 !10 body 16px p 16px 1 CSS!11 !12 CSS CSS!13 CSS 4 CSS 1. OOCSS 2. SMACSS
年刊EDP 2003
1 2 3 HDD HDD HDD HDD ( 4 !!! ( )!! HDD ( )!! ( )!!(ry YU-SHOW!!!!!!!! HxH 5 HDD ( 0123-456-789 ( e 6 PC PC psd 7 8 YO! WebPage http://mode.jp/ PowerTone 9 A4 Canon PIXUS850i 1,440dpi 720dpi A4 10 etc
Microsoft PowerPoint - ＣＳＳ（Cascading Style Sheets）の基本.pptx
CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の
</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig
1342-7 応用 1 Rotate 3D Cube 3D Cube が回転するアニメーション サンプル CSS1 CSS3 で 3D の Cube を描いて回転させてみましょう 3DCubeAnime1 の説明 HTML の記述 (3DCubeAnime1.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 cube の div 要素を記述し
</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
1 JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2 ... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3...
.xml.xsl bcs.dtd 2. 提案 BCS.DTD のエレメントと属性 BCS.DTD のエレメントの属性を以下に示す 出 エレメント説明 現 属性 下位構造 数 code 適宜工事コード等を記述する 任 意 Common Docinfo Reference UkeoiKeiyakusyoHikaeSoufusyo KoujiTyakusyuTodoke SongaihokenKeiyakuHoukokusyo
1 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..........................
1
0 1 2 OK NG 3 ID 4 CMS 5 CMS 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 [PDF 7KB] [ ] 22 23 (HP ( pt) ) () ( 24 25 ( ) 26 27 28 29 #() URL # # 30 [PDF 7KB] [ ] 31 32 33 34 35 HTML HTML 36 37 38 39 40
¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ
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:
ルール&マナー集_社内版）_修正版.PDF
WWW(World Wide Web) Web 12 WWW ID 2 1 2 3 4 WWW World Wide Web 5 5 A B 11 http://www.enc.or.jp/enc/code/rule/main.html 12 3 ... 2 1... 5 1.1... 5 1.2... 5 1.3... 6 1.4... 7 2... 9 2.1... 9 2.2 ID... 10
II 2 p.2 2 GET POST form action URL Aisatsu 2.1 Servlet GET GET : Query String QueryStringTest.java 1 import java.io.ioexception; 2 import java.io.pri
II 2 p.1 2 GET POST Servlet Servlet Servlet CGI/Servlet GET POST 2 GET URL? FORM GET : http://maps.google.co.jp/maps?hl=ja&ll=34.292821,134.063587&z=15 POST HTML HTML : Aisatsu.html HTML 1
FileList Convert a pdf file!
Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri
transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動
1225-8 練習 8 Translate Balls(translateX, translatey, translate) transform プロパティの translate 関数を使用して 2 つのボールを斜めに転がすトランジシ ョンを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると 2 つのボールが斜 めに転がります 動きの仕組み このトランジションは
【お試し版】Web制作者のためのCSS設計の教科書（非売品）
UI Frontrend JS Girls html5j HTML5 CSS3 iphone Twitter : http://twitter.com/hiloki : http://inkdesign.jp GitHub : https://github.com/hiloki/ URL http://www.impressjapan.jp/books/1113101128 Web 10 IT UI
Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/23
Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111019 演習
p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge
1 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......................
hands_on_4.PDF
PHPMySQL 4 PC LAN 2 () () SQLDBMS DBMS DataBase Management System mysql DBMS SQL Structured Query Language SQL DBMS 3 DBMS DataBase Management System B Table 3 Table 2 Table 1 a 1 a 2 a 3 A SQLStructured
0720
DRM SNS WP WP UG Width of the Flash tag cloud Height of the Flash tag cloud Color of the tags 000000 Background color FFFFFF Use compatibility mode? WEB - HTML Color Names http://www.joomler.net/download/131-wordpress/890-wordpress-wp-cumulus-49kb.html