"g10s.jpg", "g10.jpg", "(10) 菖 蒲 の 花 も 美 しい", 0] /* は "サムネイルファイル"," 写 真 ファイル"," 写 真 コメント", */ photo_holder[1] ="photo/" /* 写 真 ファイルのホルダ */ subfile_nam



Similar documents
68 <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

ホームページ制作スターターズ

■新聞記事


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

untitled

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



クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに

文 書 構 造 とスタイル

Microsoft PowerPoint - InfPro_I9.pptx

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

html_text

HTML HTML HTML

PowerPoint プレゼンテーション

2. HTML csh AWK AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html

InfoPros13_digest.key

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

スライド 1

第7章 Webページによる情報の発信

textbook.indd

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >

Microsoft Word - class_specification_guide_v60.doc

CSSの基礎

スライド 1

カンペキな初心者のための、Adobe® AIR™の基礎の基礎

WORD 98 入力の手引き

PowerPoint プレゼンテーション

6 2 1

確 認 とアップロード (2) ブラウザを 使 用 して 確 認 内 容 の 修 正 ブラウザでファイルを 開 き 表 示 されるページを 確 認 エディタで 修 正 し 上 書 保 存 した 後 再 読 込 み( 更 新 ) ボタン 上 記 作 業 を 繰 り 返 す (3) 完 成 したファイル

問 題 1 背 景 色 という 文 字 列 の 背 景 をちょっと 青 っぽい 色 (#6699FF)で 表 示 するHMTLを 作 成 せよ <HTML><HEAD><TITLE>test11</TITLE> <BODY BGCOLOR="#FFFFFF"> この 部 分 は<STRONG STY

Microsoft PowerPoint - A07回目②.pptx

eil _4.ppt

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


: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1

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

Microsoft PowerPoint - 08回目.pptx

(Microsoft Word - \203X\203\215\203b\203g\203}\203V\203\223.doc)

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

インターネットマガジン1997年4月号―INTERNET magazine No.27

情報公開システム論2.pptx

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と


A B C A B C Ctrl (S) 5 A B C 11.2: (F) (A) ( OK ) 3 (E) ( ) (E)

1129

コンピュータサイエンス 4. ウェブプログラミング

Web

スタイルシートでデザインを整えよう

<4D F736F F F696E74202D F82CC92B48AEE CE8DF4837D836A B2E707074>

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

HTMLとメタデータ


What 色 々な Web サービスを 提 供 している 会 社 です 会 社 ) 私 ) ぜひ 名 前 を 覚 えていってくださ

HTML5&CSS3 レッスンブック

ホームページの作成

タイトル 画 像 の 挿 入 <1 行 目 > タイトル 挿 入 セルの 選 択 属 性 セルタブ 参 照 タイトル 画 像 (30title.jp g) 選 択 開 く <2 行 目 > < 左 側 > < 右 側 > < 中 央 > <3 行 目 > 挿 入 セルの 選 択 属 性 セルタブ 参

JavaScriptプログラミング入門

CSS

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

0序文‐1章.indd

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

(Microsoft Word - \203u\203\215\203O\215\354\220\254.doc)

Taro-CSS.jtd

Web10.pptx

untitled

HTML入門

HTML+CSS_Lesson03_2s.indd


モール管理者マニュアル Ver.1.0

食生活

1/2

Microsoft Word - 1-html.doc

第7章 Webページによる情報の発信

1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むこと

<script type="text/javascript"><!-- あとで 分 離 --> $(function(){ $('#tabs div').hide(); $('#tabs div:first').show(); $('#tabs div:first div').show(); $('

Microsoft Word - SUGIJ2008_舟尾暢男.doc

Microsoft PowerPoint - hp2.ppt [互換モード]

Microsoft Word - wsample.docx

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

< F2D93648E718E868EC58B8F30332E6A7464>

1"

問 題 1 次 の 文 章 は 作 業 環 境 について 述 べたものである にあてはまる 適 切 なも のを 解 答 群 { }より 選 び その 記 号 で 答 えよ 設 問 1. < 図 1>はアプリケーションウィンドウの 一 部 である < 図 1>の1の 部 分 を < 図 1> という

地域ポータルサイト「こむねっと ひろしま」

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

HTML5 CSS

■新聞記事

Table of Contents... 3 XML XSL... 4 CSS XML... 5 CSS... 5 HTML+CSS... 6 CSS XML... 7 CSS... 8 XSLT XML HTML(+CSS)... 9 IE5 XML... 9 IE5

1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ

Microsoft Word - HTML.docx

第9回

目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文 字 実 体 参 照... 9 CSS

Microsoft PowerPoint - css [互換モード]

Microsoft PowerPoint -

!!!!!

2 / 16 ページ 第 12 講 ビジネスプレゼンテーションの 作 成 12-1 プレゼンテーションを 開 く 第 11 講 で 保 存 したファイル プレゼンテーション 学 習.pptx を 開 きましょう 12-2 スライドマスター マスター とはプレゼンテーションの 書 式 を 管 理 して

Lecture/CompPracR2003/12th

かんたんガイド_面付.indd

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法 テンプレートの 使 用 キャラクタエンコーディング ヘッダーの 書 き 方 画 像 について CSS の 書 き

Transcription:

城 南 宮 基 本 < md_main_b01.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="imagetoolbar" content="no"> <META http-equiv="content-style-type" content="text/css"> <META name="generator" content="ibm WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows"> <TITLE>md_main_b01</TITLE> <!-- md_main2.js を 同 じホルダーに 置 く --> <SCRIPT type="text/javascript" src="md_main2.js"></script> <!-- =============== 写 真 データ 部 =============== --> <SCRIPT type="text/javascript"> photo_data = [ "g1.jpg", "g1.jpg", "(1) 手 入 れの 行 き 届 いたお 庭 ", "g2s.jpg", "g2.jpg", "(2) 立 派 な 躑 躅 が 花 盛 り", "g3s.jpg", "g3.jpg", "(3) 散 策 の 道 は 歩 きやすいように", "g4s.jpg", "g4.jpg", "(4)お 茶 室 はゆったりと 寛 げる", "g5s.jpg", "g5.jpg", "(5) 大 きな 岩 は 滝 のようにく", "g6s.jpg", "g6.jpg", "(6) 岩 の 間 のせせらぎは", "g7s.jpg", "g7.jpg", "(7) 水 に 映 った 木 々", "g8s.jpg", "g8.jpg", "(8) 御 神 木 ", "g9s.jpg", "g9.jpg", "(9) 竹 の 林 も 心 が 休 まる", 1

"g10s.jpg", "g10.jpg", "(10) 菖 蒲 の 花 も 美 しい", 0] /* は "サムネイルファイル"," 写 真 ファイル"," 写 真 コメント", */ photo_holder[1] ="photo/" /* 写 真 ファイルのホルダ */ subfile_name[1] = "md_sub_b01.htm" /* サブファイル 名 */ /* =============== サムネイルデータ 部 =============== */ thmb_data = [ /* サムネイル 配 置 */ "3..111", "111", "111", 0] tm1_width[1] = 120 /* 小 サムネイル 横 サイズ */ tm1_height[1] = 90 /* 小 サムネイル 縦 サイズ */ tm_border[1] = 3 /* サムネイル 枠 幅 */ tm_padding[1] =4 /* 枠 内 余 裕 */ tm_tate[1] = 5 /* サムネイル 間 縦 */ tm_yoko[1] = 5 /* サムネイル 間 横 */ subdata() </SCRIPT> 2

<!-- =============== 共 通 スタイルシート 部 =============== --> <STYLE type="text/css"> <!-- /* === サムネイルの 枠 最 大 5 種 類 === */.sty_no1{ border-color:red ; /* 枠 の 色 */ background-color : yellow ; /* 背 景 色 */ border-style: solid ; /* 枠 スタイル */.sty_no2{ border-style: ridge ; /* 枠 スタイル */ border-color: #4488cc ; /* 枠 の 色 */ background-color : #eee8a0 ; /* 背 景 色 */.sty_no3{.sty_no4{.sty_no5{ /* === サムネイル 全 体 の 枠 === */ #tm_frm1{ 3

.tm_photo{ cursor:pointer; body{ /* === スクロールバー 色 === */ scrollbar-base-color: #002838 ; scrollbar-track-color: #002838 ; scrollbar-highlight-color: #444466 ; --> </STYLE> </HEAD> <!-- 背 景 画 像 背 景 色 文 字 色 --> <BODY bgcolor="blue" text="#eeeeee" link="#eeeeee" vlink="#cccccc" alink="#cccccc"> <!-- ===== 以 下 はサムネイル 表 示 部 の 一 行 の 他 は 任 意 ===== --> <CENTER> <font color="#ffff00" size="4"><b> 京 都 城 南 宮 </b><br> </font><font color="#ffff00">!!!</font><font color="#ff00ff"><script type="text/javascript">dspthmb()</script><!-- サムネイル 表 示 部 --><BR> </font> <table style="line-height:130%"> <tbody> <tr><td nowrap> <p align="center"> 城 南 宮 は 京 都 の 伏 見 にある 方 除 けと 交 通 安 全 の 神 様 である<BR> 庭 園 は 立 派 で 毎 年 4 月 29 日 には 曲 水 の 宴 が 催 される <br> 4

</td></tr> </tbody></table> </CENTER> <center> <table style="line-height: 130%"> <tr> <td nowrap> <p align="center"> 上 の 写 真 をクリックすると 大 きく 表 示 され その 写 真 をクリックすると<br> 順 に 表 示 されます キーボードの<b> </b>を 押 しても 順 に 表 示 されます <BR> </tr> </table> </center> <P align="center"><br> <A href="http://www51.tok2.com/home/tksk3/"><img src="01c.gif" width="63" height="63" border="0"></a><br> <BR> </P> <P><EMBED src="01.wma" type="audio/x-ms-wma" width="13" height="13"></p> </BODY> </HTML> 5

6

< md_sub_b01.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="imagetoolbar" content="no"> <META http-equiv="content-style-type" content="text/css"> <META name="generator" content="ibm WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <title> md_sub_b01 </title> <!-- md_sub2.js を 同 じホルダーに 置 く --> <SCRIPT type="text/javascript" src="md_sub2.js"></script> <SCRIPT type="text/javascript"> sub_ver = 3 button_type = 0 /* 0 文 字 ボタン 1 画 像 ボタン 2 文 字 (close)のみ 3 画 像 (close)のみ */ numb_posi = [35,30] /* 連 番 位 置 [ 右, 上 ]*/ back_posi = [160,5] /* back ボタン 位 置 */ next_posi = [100,5] /* next ボタン 位 置 */ close_posi = [20,5] /* close ボタン 位 置 */ /* 画 像 ボタンファイル */ icon_back = "tm_back1.gif" /* back */ icon_home = "tm_close1.gif" /* close */ 7

icon_next = "tm_next1.gif" /* next */ icon_stop = "tm_stop1.gif" /* slide stop */ icon_start = "tm_start1.gif" /* slide start */ /* 文 字 ボタン 表 示 */ back_button = "<<<" /* back */ next_button = ">>>" /* next */ close_button = "close" /* close */ stop_button = "===" /* slide stop */ start_button = "-->" /* slide start */ /* ボタン オンマウスタイトル */ close_title = " 閉 じる" next_title = " 次 の 写 真 " back_title = " 前 の 写 真 " slide_stop_title = "スライド 停 止 " slide_start_title = "スライド 開 始 " /* コメント 位 置 */ com_pos = 0 /* 0 写 真 の 下 1 最 上 行 */ com_left = 1 /* 0 センター 1 右 寄 せ ( 写 真 の 下 に 複 数 行 の 場 合 )*/ /* スライドショー 残 時 間 の 表 示 文 字 */ slide_scale0 = " " slide_scale1 = " " /* スライドショー 停 止 時 の 表 示 */ pause_text1 = "** PAUSE ** [SLIDE start] で 再 開 写 真 クリックで 順 に 表 示 " 8

pause_text2 = "** PAUSE **" </SCRIPT> <!-- スタイルシート 部 --> <STYLE type="text/css"> <!-- /* 写 真 の 枠 スタイル */ #photo_frm1{ border-color : yellow ; border-style : solid ; border-width :25 ; /* 写 真 部 内 枠 スタイル */ #photo_frm2{ /* 写 真 部 外 枠 のスタイル */ #photo_frm3{ background-color :red; border-color : blue ; border-style: solid ; border-width :1 ; 9

padding : 15 ; margin : 5 ; /* 文 字 ボタン 共 通 */.mbtn_style{ font-size : 14px ; /* 文 字 サイズ */ font-family: "monospace" ; /* フォント */ letter-spacing :1 ; /* 文 字 間 */ border-style : ridge ; /* 枠 スタイル */ border-width : 1; /* 枠 サイズ */ /* 文 字 ボタン close */ #mbtn_close{ color :#eeeeee ; /* 文 字 色 */ background-color :#224455 ; /* 背 景 色 */ border-color : #4488ee ; /* 枠 色 */ padding : 1 0 0 0 ; /* 文 字 と 枠 間 */ width : 55 ; /* 文 字 ボタン next */ #mbtn_next{ color :#eeeeee ; /* 文 字 色 */ background-color :#224455 ; /* 背 景 色 */ 10

border-color : #4488ee ; /* 枠 色 */ padding : 1 0 0 0 ; /* 文 字 と 枠 間 */ width : 55 ; /* 文 字 ボタン back */ #mbtn_back{ color :#eeeeee ; /* 文 字 色 */ background-color :#224455 ; /* 背 景 色 */ border-color : #4488ee ; /* 枠 色 */ padding : 1 0 0 0 ; /* 文 字 と 枠 間 */ width : 55 ; /* コメントフォント */ #com_font{ margin-top : 5 ; /* 写 真 とコメント 間 */ letter-spacing : 1 ; /* コメント 文 字 間 */ /* 連 番 文 字 */ #numb{ color : #cccccc ; 11

/* タイトル 文 字 */ #title_font{ font-size: 16px ; /* 文 字 サイズ */ /* スライドショー 残 時 間 文 字 色 */ #sl_scale{ color: #cccccc ; /* 画 面 全 体 の 枠 */ #win_frm{ cursor : crosshair; body{ margin :0 ; padding :0 ; scrollbar-base-color: #002838 ; scrollbar-track-color: #002838 ; scrollbar-highlight-color: #444466 ; /* スクロールバー */ overflow: hidden ; --> </STYLE> 12

<SCRIPT type="text/javascript">initsub()</script> </HEAD> <!-- 画 面 全 体 の 背 景 色 文 字 色 --> <BODY bgcolor="blue" text="#eeeeee" link="#eeeeee" vlink="#cccccc" alink="#cccccc" onload ="startsub()"> <SCRIPT type="text/javascript"> dspbutton() </SCRIPT><!-- ボタン 表 示 --> <DIV ID="fscrn"> <TABLE width=100% height=100% cellpadding=0 cellspacing=0 border=0 ID="win_frm"> <TBODY> <TR> <TD align="center" valign="middle"> <SCRIPT type="text/javascript"> dsptitle() /* タイトル 表 示 ( 写 真 上 )*/ dspphoto() /* 写 真 表 示 */ dspcomn(1) /* コメント 表 示 ( 写 真 下 )*/ </SCRIPT> </TD></TR> </TBODY></TABLE> </DIV> </BODY> </HTML> <!-- 文 字 や 各 部 の 配 色 は 印 の 項 目 中 の color とある 部 分 などで 指 定 する ホームページ 道 具 箱 http://jalk.sakura.ne.jp/photo_tools/ --> 13

14