第3学年    学習指導案



Similar documents
Web

経営論集2011_07_小松先生.indd

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

untitled

PowerPoint プレゼンテーション

Taro-CSS.jtd

あいち電子自治体ガイドライン(第1章)


~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID


PowerPoint プレゼンテーション


<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

pdf

<834A E837D D836A B2D30312E6169>

websample 1 2 websample index.html

6 2 1


07_経営論集2010 小松先生.indd

CONTENTS No.55 November 2013 JPNIC News letter No.55 November

インターネットマガジン1996年12月号―INTERNET magazine No.23

Web

untitled

textbook.indd

■新聞記事

2

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.

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文


Network Computing の基礎

コンピュータサイエンス 1. ウェブの基本

P TCP IP ISDN ISDN TA DSU DSU

27短01研01斉藤.indd

<4D F736F F F696E74202D F82CC92B48AEE CE8DF4837D836A B2E707074>

立ち読みページ

文京女子大学外国語学部

untitled

PowerPoint Presentation

アクセシビリティガイドライン骨子

0序文‐1章.indd

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

HTML HTML HTML

瀬田唐橋景観検討について

! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ

インターネットマガジン1998年11月号―INTERNET magazine No.46

in000.ai

文 書 構 造 とスタイル

CSSの基礎

教材ドットコムオリジナル教材

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ

2

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p>

untitled

SVG資料第6回目(その3) SVGとHTMLの間でデータを交換する

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out

Webデザイン論

ohp.mgp

_勉強会_丸山さつき_v3


年刊EDP 2003

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx

</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り

</BODY> </HTML> HTML HTML HTML HTML <HTML> </HTML> <HTML> </HTML> HTML <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> BODY moji.htm <HTML> <HEAD> <TIT


Oracle HTML DBのテンプレート・カスタマイズ


transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は

第3回HP講習会資料ver1.2( )

JavaScript Python

1

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ

1222-B Transform Using Class And Tag (classセレクタと要素型セレクタ(Tag)を使用してスタイルを適用する)

HTML文書の作成

Microsoft PowerPoint - 04WWWとHTML.pptx

Microsoft Word IL3_3.doc

Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用で

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

ルール&マナー集_社内版)_修正版.PDF

eil _4.ppt

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

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す

FileList Convert a pdf file!

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18

/var/lib/sharelatex/data/compiles/5b35c6e168aeba3d a72a7acd11f6ba07fbbff68/output.dvi


transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個

【お試し版】Web制作者のためのCSS設計の教科書(非売品)


Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/23


CSS

hands_on_4.PDF

untitled

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習

0720

Transcription:

Web Page 2

-1-

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-

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-

body bgcolor="# ffff00" text="#000000" h1 Welcome to Sasaki's Home page /h1 br hr /body br hr /br /hr -4-

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-

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-

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-

title.htm mokuji.htm kaisetu.htm html body bgcolor="# 000000" 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-

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-

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-

form action="mailto:kasai@valley.or.jp" 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:kasai@valley.or.jp" method=" post" p input type=" radio" name=" machine" value=" dos/v" checked DOS/V input type="submit" value=" " input type=" reset" value=" " -11-

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-

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-

Kiyotech HP

Web Web

1. 2. FAX 3. 4. 5. CGI URL WWW 6.

FLASH Loading FLASH FLASH

o o o o o o o Word) WORD 10 3 5 3 1

100MB 100MB 100MB Web 50MB 3 5MB CGI CGI CGI CGI CGI (SEO) WEB yahoo google goo 80% 20 SEO WEB UP WEB SEO

goo infoseek Google nifty Excite Biglobe all the web OCN hi-ho 1? 1 1???

31.500 () 12.600 () CGI, URL URL http:// URL URL PR URL URL Web Web

Yahoo Japan Web Web URL Web 1 1 2 Web Web Web 40% 20% 40%

Web E-mail Web CD-R

1 1 ID ID

? 1 1? 1 A4 A4 1 2?? 1?

? JPEGGIF HP??? CD-R?

01 ID 1 ATM 02

03 04 05 Web 1:0.62 38% 62% 62% 38%

06 07 08 1978

09 10 11 Flash 12 13 14 15 16

17 18 19 20 21 Web creators