2 " name="description"> 2 "> 69

70 71 72 73

68 69

70 71 72 73

Size: px
Start display at page:

Download "68 69

70 71 72 73
69

70 71 72 73 Download Document

Transcription

1 ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> 2 <html lang="ja"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 5 <title></title> 6 <meta http-equiv="content-style-type" content="text/css"> 7 <meta http-equiv="content-script-type" content="text/javascript"> 8 <meta http-equiv="x-ua-compatible" content="ie=emulateie7" > 9 <script type="text/javascript" src="smartrollover.js"></script> 10 <style type="text/css"> 11 <!-- 12 body {margin:0px 0px 0px 0px} 13 p {margin:0px; text-align:left; font-size:88%; font-family:"ms 明 朝 ","serif"} 14 div.wordsection1 15 {page:wordsection1} 16.c1 {layout-grid:24px} 17.c2 {margin-left:52px; border:none} 18.c3 {margin-left:356px; border:none} 19.c4 {width:54px; padding:0px 7px 0px 7px} 20.c5 {width:47px; padding:0px 7px 0px 7px} 21.c6 {width:521px; padding:0px 7px 0px 7px} 22.c7 {width:123px; padding:0px 7px 0px 7px} 23.c8 {width:38px; padding:0px 7px 0px 7px} 24.c9 {font-size:114%} 25.c10 {font-size:114%; text-decoration:none} 26.c11 {font-size:114%; color:blue} 27.c12 {font-size:114%} 28.c13 {text-align:center} 29.c14 {text-align:center; line-height:16px} 30.c15 {text-align:right} 31.c16 {text-align:center; line-height:9px} 32.c17 {text-align:center; line-height:20px} 33 --> 34 </style> 35 </head> 36 <body lang="ja"> 37 <div align="center"> 38 <div class="wordsection1 c1"> 39 <div align="center"> 40 <table border="0" cellspacing="0" cellpadding="0" class="c2" summary=" "> 41 <tr> 42 <td valign="top" class="c4"> 43 <p><span class="c9"> </span></p> 44 </td> 45 <td valign="top" class="c5"> 46 <p class="c13"><span class="c9"> </span></p> 47 </td> 48 <td valign="top" class="c6"> 49 <p class="c13"><span class="c9"><img width="344" height="56" src="image/yama-001.png" alt=" 茶 臼 岳 の 雪 景 色 "></span></ 50 <p class="c14"><span class="c9"> </span></p> 51 <p class="c13"><a href="index.html"><span class="c10"><img border="0" width="95" height="20" src="image/yama-002.png" 52 <table border="0" cellspacing="0" cellpadding="0" class="c3" summary=" "> 53 <tr> 54 <td valign="top" class="c7"> 55 <script type="text/javascript"> 56 <!-- 57 bgm_file="yukiyama.mid"; 58 sw_flg=0;// 初 期 状 態 (0= 演 奏 1= 停 止 ) 59 document.write('<script language="javascript" '); 60 document.write('src="bgm_button.js"></script>'); 61 //--> 62 </script> 63 </td> 64 </tr> 65 </table> 66 <p class="c15"></p> 67 </td>

2 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="c4"> 74 <p class="c13"><a href="#マーク3"><span class="c9"> 前 へ</span></a></p> 75 </td> 76 <td valign="top" class="c5"> 77 <p class="c13"><a href="#マーク0"><span class="c9">top</span></a></p> 78 </td> 79 <td valign="top" class="c6"> 80 <p class="c13"><strong><span class="c9">2013/05/17</span></strong></p> 81 </td> 82 <td valign="top" class="c8"> 83 <p class="c13"><a name="マーク4"><span class="c9">4</span></a></p> 84 </td> 85 </tr> 86 <tr> 87 <td valign="top" class="c4"> 88 <p class="c13"><span class="c9"> </span></p> 89 </td> 90 <td valign="top" class="c5"> 91 <p class="c13"><span class="c9"> </span></p> 92 </td> 93 <td valign="top" class="c6"> 94 <p class="c16"> </p> 95 <p class="c17"><strong><span class="c11"> 久 しぶりに 山 がきれいに 見 えました</span></strong></p> 96 <p class="c17"><span class="c9"> 大 倉 山 と 流 石 山 の 雪 もずいぶん 融 けてきましたが </span></p> 97 <p class="c17"><span class="c9"> 昨 年 よりは 多 く 残 っているようです</span></p> 98 <p class="c16"> </p> 99 <p class="c13"><img border="0" width="479" height="359" src="image/yama-003.jpg" alt=""></p> 100 <p class="c13"> </p> 101 <p class="c13"> </p> 102 </td> 103 <td valign="top" class="c8"> 104 <p class="c13"><span class="c9"> </span></p> 105 </td> 106 </tr> 107 <tr> 108 <td valign="top" class="c4"> 109 <p class="c13"><a href="#マーク2"><span class="c9"> 前 へ</span></a></p> 110 </td> 111 <td valign="top" class="c5"> 112 <p class="c13"><a href="#マーク4"><span class="c9"> 次 へ</span></a></p> 113 </td> 114 <td valign="top" class="c6"> 115 <p class="c13"><strong><span class="c9">2013/01/05</span></strong></p> 116 </td> 117 <td valign="top" class="c8"> 118 <p class="c13"><a name="マーク3"><span class="c9">3</span></a></p> 119 </td> 120 </tr> 121 <tr> 122 <td valign="top" class="c4"> 123 <p class="c13"><span class="c9"> </span></p> 124 </td> 125 <td valign="top" class="c5"> 126 <p class="c13"><span class="c9"> </span></p> 127 </td> 128 <td valign="top" class="c6"> 129 <p class="c16"><span class="c9"> </span></p> 130 <p class="c17"><strong><span class="c11"> 非 常 に 天 気 が 良 いです</span></strong></p> 131 <p class="c17"><span class="c9"> 白 さが 映 えます</span></p> 132 <p class="c17"><span class="c11">カーソルを 写 真 に 乗 せると 雲 で 霞 んだ 写 真 になります</span></p> 133 <p class="c16"><span class="c9"> </span></p> 134 <p class="c13"><img border="0" width="480" height="360" src="image/yama-004_off.jpg" alt=""></p> 135 <p class="c13"><span class="c9"> </span></p> 136 <p class="c13"><span class="c9"> </span></p> 137 </td> 138 <td valign="top" class="c8"> 139 <p class="c13"><span class="c9"> </span></p> 140 </td> 141 </tr> 142 <tr> 143 <td valign="top" class="c4">

3 144 <p class="c13"><a href="#マーク1"><span class="c9"> 前 へ</span></a></p> 145 </td> 146 <td valign="top" class="c5"> 147 <p class="c13"><a href="#マーク3"><span class="c9"> 次 へ</span></a></p> 148 </td> 149 <td valign="top" class="c6"> 150 <p class="c13"><strong><span class="c9">2012/11/05</span></strong></p> 151 </td> 152 <td valign="top" class="c8"> 153 <p class="c13"><a name="マーク2"><span class="c9">2</span></a><span class="c9"><a href="ターゲット1" target="_self"> 154 </td> 155 </tr> 156 <tr> 157 <td valign="top" class="c4"> 158 <p class="c13"><span class="c9"> </span></p> 159 </td> 160 <td valign="top" class="c5"> 161 <p class="c13"><span class="c9"> </span></p> 162 </td> 163 <td valign="top" class="c6"> 164 <p class="c16"><strong><span class="c11"> </span></strong></p> 165 <p class="c17"><strong><span class="c11">10</span></strong><strong><span class="c11"> 月 25 日 に 茶 臼 岳 に 初 冠 雪 が 有 りま 166 <p class="c17"><span class="c9">11</span><span class="c9"> 月 4 日 西 那 須 野 からも 雪 が 見 えました</span></p> 167 <p class="c17"><span class="c9">いよいよ 山 ではまた 冬 の 訪 れです</span></p> 168 <p class="c16"><span class="c12"> </span></p> 169 <p class="c13"><span class="c12"><img border="0" width="480" height="360" src="image/yama-005.jpg" alt=""></span></p> 170 <p class="c13"><span class="c9"> </span></p> 171 <p class="c13"><span class="c9"> </span></p> 172 </td> 173 <td valign="top" class="c8"> 174 <p class="c13"><span class="c9"> </span></p> 175 </td> 176 </tr> 177 <tr> 178 <td valign="top" class="c4"> 179 <p class="c13"><span class="c9"> </span></p> 180 </td> 181 <td valign="top" class="c5"> 182 <p class="c13"><a href="#マーク2"><span class="c9"> 次 へ</span></a></p> 183 </td> 184 <td valign="top" class="c6"> 185 <p class="c13"><strong><span class="c9">ご 参 考 </span></strong></p> 186 </td> 187 <td valign="top" class="c8"> 188 <p class="c13"><a name="マーク1"><span class="c9">1</span></a><span class="c9"><a href="ターゲット1" target="_self"> 189 </td> 190 </tr> 191 <tr> 192 <td valign="top" class="c4"> 193 <p class="c13"><span class="c9"> </span></p> 194 </td> 195 <td valign="top" class="c5"> 196 <p class="c13"><span class="c9"> </span></p> 197 </td> 198 <td valign="top" class="c6"> 199 <p class="c16"><strong><span class="c11"> </span></strong></p> 200 <p class="c17"><strong><span class="c11">カシミール3d により 作 成 した 展 望 図 です</span></strong></p> 201 <p class="c17"><span class="c12"> 東 北 新 幹 線 の 那 須 塩 原 市 内 の 蛇 尾 川 橋 梁 付 近 からの 景 色 です </span></p> 202 <p class="c17"><span class="c12">( 自 宅 から3.2km で 私 の 散 歩 コースの 折 り 返 し 地 点 です )</span></p> 203 <p class="c17"><span class="c12"> </span></p> 204 <p class="c13"><span class="c12"><img border="0" width="480" height="360" src="image/yama-006.png" alt=""></span></p 205 <p class="c13"><span class="c9"> </span></p> 206 <p class="c13"><span class="c9"> </span></p> 207 </td> 208 <td valign="top" class="c8"> 209 <p class="c13"><span class="c9"> </span></p> 210 </td> 211 </tr> 212 </table> 213 </div> 214 </div> 215 </div> 216 </body> 217 </html>

4 html 文 書 を TeraPad で 開 いてみると 上 記 の 表 示 の 様 に 行 の 開 始 位 置 がずれていますが これは 命 令 文 の 開 始 と 終 了 がセットになっており 36 行 目 の<body >と 216 行 目 の</body>がセットでその 内 側 の 命 令 は 4 文 字 後 ろにズレて 37 行 目 の<div >と 215 行 目 の</div>がセットになっています こんな 感 じで 写 真 を 1 枚 表 示 するためには 72 行 ~106 行 107 行 ~141 行 142 行 ~176 行 177 行 ~ 221 行 になっています コメント 行 とか 写 真 の 下 の 改 行 が 異 なれば 当 然 行 数 が 変 わりますが html 分 を 見 ると お 判 りのように<tr >と</tr>のセットが 2 つで 各 セットは 表 の 1 行 分 になっており 2 行 で 写 真 1 枚 分 のデータです 従 って 写 真 1 枚 分 を 追 加 するには 72 行 ~106 行 をコピーして 71 行 目 の 最 後 で 一 度 改 行 して そこに 張 り 付 けてやればよいという 事 になります 以 下 が 張 り 付 けた 後 にデータを 修 正 した 結 果 です 72 <tr> 73 <td valign="top" class="c4"> 74 <p class="c13"><a href="#マーク 4"><span class="c9"> 前 へ</span></a></p> 75 </td> 76 <td valign="top" class="c5"> 77 <p class="c13"><a href="#マーク 0"><span class="c9">top</span></a></p> 78 </td> 79 <td valign="top" class="c6"> 80 <p class="c13"><strong><span class="c9">2013/05/23</span></strong></p> 81 </td> 82 <td valign="top" class="c8"> 83 <p class="c13"><a name="マーク5"><span class="c9">5</span></a></p> 84 </td> 85 </tr> 86 <tr> 87 <td valign="top" class="c4"> 88 <p class="c13"><span class="c9"> </span></p> 89 </td> 90 <td valign="top" class="c5"> コピーして 追 加 した 行 91 <p class="c13"><span class="c9"> </span></p> 92 </td> 93 <td valign="top" class="c6"> 94 <p class="c16"> </p> 95 <p class="c17"><strong><span class="c11"> 昨 日 も 今 日 も 最 高 気 温 は 25 を 超 えました</span></strong></p> 96 <p class="c17"><span class="c9">5 月 としては 記 録 的 な 暑 さだそうです</span></p> 97 <p class="c17"><span class="c9"> 雪 はあっという 間 に 溶 けてしまいました</span></p> 98 <p class="c16"> </p> 99 <p class="c13"><img border="0" width="479" height="359" src="image/yama-007.jpg" alt=""></p> 100 <p class="c13"> </p> 101 <p class="c13"> </p> 102 </td> 103 <td valign="top" class="c8"> 104 <p class="c13"><span class="c9"> </span></p> 105 </td> 106 </tr> <tr> 109 <td valign="top" class="c4"> 110 <p class="c13"><a href="#マーク 3"><span class="c9"> 前 へ</span></a></p> 111 </td> 112 <td valign="top" class="c5"> 113 <p class="c13"><a href="#マーク 5"><span class="c9"> 次 へ</span></a></p> 114 </td> 116 <td valign="top" class="c6"> 117 <p class="c13"><strong><span class="c9">2013/05/17</span></strong></p> 118 </td> 119 <td valign="top" class="c8"> 120 <p class="c13"><a name="マーク 4"><span class="c9">4</span></a></p> 121 </td> 122 </tr>

5 張 り 付 けた 後 に 以 下 の 行 を 下 記 の 様 に 上 記 で 赤 に 表 示 した 様 に 編 集 します 74 行 目 マーク 3 をマーク 4 に 数 字 を 1 つ 大 きく 80 行 目 次 へ Top と 記 載 した 行 のコメント 2013/05/17 を 新 しいコメントに 83 行 目 マーク 4 をマーク 5 に 4を5に 95~97 行 目 新 しい 写 真 のコメントに 99 行 目 新 しい 写 真 に 対 して Image/yama-003.jpg を Image/yama-007.jpg に 変 更 し 新 しい 写 真 の 名 前 も yama-007.jpg にする 次 回 からは 7 を 8 8 を 9 にと 1 大 きくする 113 行 目 マーク 0 をマーク 5 に Top を 次 へに 変 更 し 上 書 き 保 存 する 以 上 でやっと 完 成 ですが 結 構 面 倒 です 正 規 の 手 法 としては Word 文 書 そのものを 改 定 し ぽいっと HTML で 変 換 後 BGM rollover を 毎 回 設 定 し 直 します 写 真 の 番 号 も 変 わるので Image フォルダーも 古 い 方 は 削 除 します 1. Word 文 書 をダブルクリックで 開 き 2. 表 の 2 行 目 で 右 クリックし 挿 入 上 に 行 を 挿 入 を 2 回 実 施 する 3. 新 しい 2 行 目 に 前 へ Top コメント( 日 付?) 5を 記 入 する ( 次 回 は6です ) 4. 新 しい 2 行 目 の 前 へ を 反 転 させ 挿 入 ハイパーリンクでマーク 4 へリンク 続 けて Top を 反 転 させ 挿 入 ハイパーリンクでマーク 0 へリンク 5. 5を 反 転 させ 挿 入 ブックマークからマーク 5 を 作 成 する 6. 新 しい 3 行 目 に コメント 写 真 を 入 れる 7. 新 しい 4 行 目 の Top を 次 へ に 変 えると 共 に 次 へ を 反 転 させクリックしハイパーリンクの 編 集 でリンク 先 をマーク 5 にする 8. ぽいっと HTML へドラッグ&ドロップで HTML 文 書 を 作 成 する 9. IE7 互 換 設 定 BGM およびロールオーバーを 適 用 する

CONTENTS 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 information

textbook.indd

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

クリック クリック リンクを 張 るためのタグ タグ ~ リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <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 information

HTML+CSS_Lesson03_2s.indd

HTML+CSS_Lesson03_2s.indd Windows ファイル 名 には 半 角 スペースも 使 用 しないよう 注 意 しましょう 1. _- 2 類 似 するコンテンツがある 際 に content001 content002 といった 連 続 するナンバリングでフォ ルダ 名 をつけることがあります この 方 法 だと 途 中 のコンテンツがなくなったり ネーミングのルールに 無 理 が 生 じたときに ファイル やフォルダを 管

More information

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

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

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

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

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 : 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

3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

■新聞記事

■新聞記事 情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種

More information

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

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

html_text

html_text HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web

More information

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

コンピュータサイエンス 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) ,,,,, <> ( ) (/ ) (2) HTML5 (3) HTML (4) html (ja) (5) JavaScript CSS (6)

(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 information

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

コンピュータサイエンス 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

https://submitmail.jp/owners/login .... .. 500

More information

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

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます  出 しの 部 分 をクリックするとコンテンツですよ の 字 が 表 されます もう 度  出 しをクリックするとコンテンツですよ の 字 が 非 表 になります 折 りたたみパネルの 基 / 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

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

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

Microsoft Word - class_specification_guide_v60.doc

Microsoft Word - class_specification_guide_v60.doc IM-FormatCreator クラス 指 定 手 順 書 Ver 6.0 IM-FormatCreator i 1 はじめに 1 1.1 目 的 1 2 プログラムの 作 成 2 2.1 ファンクション コンテナ(.JS)の 作 成 2 2.2 プレゼンテーションページ(.HTML)の 作 成 3 3 クラス 指 定 項 目 の 設 定 5 3.1 クラス 指 定 設 定 画 面 5 3.2 クラスパス

More information

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

あいち電子自治体ガイドライン(第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 information

HTMLとメタデータ

HTMLとメタデータ 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 information

Microsoft Word - 1-html.doc

Microsoft Word - 1-html.doc Web ページ 作 成 の 基 礎 の 基 礎 内 容 : 1. HTML の 仕 組 み 2. HTMLの 文 法 2007-11-16 テキスト 原 案 作 成 原 田 隆 史 ( 慶 應 義 塾 大 学 ) 協 力 : 石 田 栄 美 ( 駿 河 台 大 学 ), 新 居 雅 行 (Apple Japan), 中 島 玲 子 1.Web ページの 仕 組 みと 作 成 1. Web ページを

More information

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

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

More information

HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/

More information

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

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き Ver.2 ユーザマニュアル スタートガイド 第 2 版 最 終 更 新 日 2011/7/12 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

More information

InfoPros13_digest.key

InfoPros13_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 information

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

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方 Ver.2 ユーザマニュアル スタートガイド 第 5 版 最 終 更 新 日 2012/7/11 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方...

More information

JavaScriptプログラミング入門

JavaScriptプログラミング入門 JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

More information

6 2 1

6 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 information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

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

More information

ホームページの作成

ホームページの作成 HTML5,CSS 資 料 HTML5 HTML の 文 法 HTML(Hyper Text Markup Language)は, 文 章 の 部 分 を Tag(タグ)と 呼 ばれ る 命 令 で 挟 んでいく タグは ... 開 始 終 了 のように 開 始 タグと 終 了 タグ 一 対 のペアになっている. タグは, 挟 まれた 部 分 がどのような 情 報 であるかを

More information

情報処理実習(工基3)

情報処理実習(工基3) 情 報 ( 実 習 )( 体 育 4 班 ) 第 4 回 ホームページ 篇 今 週 は 皆 さんにホームページを 作 って 頂 きます ホームページ 作 成 を 通 じて 様 々な 情 報 を 発 信 したり 受 信 したりする 方 法 のひとつとなることを 目 指 します 0 はじめに はじめに 筑 波 大 学 のホームページ(HP と 略 )を 見 てみましょう デスクトップ 上 にある Internet

More information

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

インターネットマガジン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 information

untitled

untitled 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

(2) ファイルの 準 備 FOM 出 版 の よくわかるマスター Web クリエイター 能 力 認 定 試 験 初 級 公 認 テキ スト& 問 題 集 改 訂 版 に 添 付 された CD-ROM から 次 のファイルをコピーする 1 コピーするフォルダ CD-ROM の 中 の 第 2 回 (

(2) ファイルの 準 備 FOM 出 版 の よくわかるマスター Web クリエイター 能 力 認 定 試 験 初 級 公 認 テキ スト& 問 題 集 改 訂 版 に 添 付 された CD-ROM から 次 のファイルをコピーする 1 コピーするフォルダ CD-ROM の 中 の 第 2 回 ( 第 7 章 Web クリエイター 能 力 認 定 試 験 初 級 Web クリエイタ 7-1. Web クリエイター 能 力 認 定 試 験 これは サーティファイ Web 利 用 技 術 認 定 委 員 会 が 実 施 している Web クリエイ ター 能 力 認 定 試 験 初 級 の 試 験 を 目 標 とする 教 材 である 教 科 書 として FOM 出 版 の よく わかるマスター Web

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

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

第7章 Webページによる情報の発信 筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL

More information

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

(Microsoft Word - \203X\203\215\203b\203g\203}\203V\203\223.doc) JavaScript (スロットマシン) ここでは JavaScript を 使 ってスロットマシンを 作 ります スロットマシンを 作 る と 言 っても そう 難 しいものではありません 3 枚 のボードの 数 字 を0から9まで 順 番 に 表 示 して ボタンをクリックすると それぞ れの 札 の 動 きが 止 まり その 結 果 によってメッセージが 異 なる このようなものを 作 りましょう

More information

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ

What 色 々な 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

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

経営論集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 information

携帯電話でGoogle Mapsを使う

携帯電話で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

システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が 可

システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が 可 PWシリーズ ( 電 話 ポップアップ 編 ) システム 概 要 書 株 式 会 社 ソナーソフトウェア システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が

More information

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環 1. 各 設 問 において 正 しいと 思 われるものは1を 間 違 っていると 思 われるものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザはユーザエージェントの 一 つである 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 JavaScript で 記 述 されたコードは ウェブブラウザに 内 臓 されている Java

More information

WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps API WebGISJSGI i

WebGIS 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

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074>

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074> 2 3 4 5 6 http://jprs.co.jp/ 7 8 9 10 11 https://adwords.google.co.jp/select/keywordtoolexternal 12 13 14 http://www.pythagoras.bz/ Pythagoras 15 16 17 18 19 20

More information

Microsoft PowerPoint -

Microsoft PowerPoint - 1: 入 門 Ktai Library ECWorks 滝 下 真 玄 (MASA-P) http://www.ecworks.jp/ info@ecworks.jp MENU 何 故 Ktai Library? Ktai Library の 基 本 的 な 使 い 方 携 帯 サイトを 作 る 場 合 の 注 意 点 まとめ 1 何 故 Ktai Library? 2 携 帯 サイトを 作 る 場

More information

スライド 1

スライド 1 ネットワーク ウェブサイト 関 連 の 基 本 (おさらい) ファイルの 公 開 ポート:80 (デフォルト) ウェブ サーバー 海 洋 大 のネットワーク プロキシ サーバー ファイルの アップロード 外 部 ネットワーク Apache サーバで ファイルを 公 開 パケットの 監 視 HTML 文 書 の 閲 覧 上 記 のネットワーク 構 成 は プロキシサーバーを 除 いておおよそどこでも

More information

...... ......

More information

第 11 問 HTML5 において s 要 素 は 正 確 ではなくなった 部 分 や 関 係 なくなった 部 分 を 示 す 第 12 問 HTML で 文 字 コード(テキストエンコーディング)を 示 すための 文 字 列 は 大 文 字 小 文 字 のいずれで 記 述 して もよい 第 13

第 11 問 HTML5 において s 要 素 は 正 確 ではなくなった 部 分 や 関 係 なくなった 部 分 を 示 す 第 12 問 HTML で 文 字 コード(テキストエンコーディング)を 示 すための 文 字 列 は 大 文 字 小 文 字 のいずれで 記 述 して もよい 第 13 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザは ユーザエージェントの 一 つである 第 2 問 Apache などのウェブサーバが 動 作 しているかどうかは ping で 確 認 できる 第 3 問 労 働 基 準 法 では 使 用 者 は 労 働 時 間 が 6 時 間 を 超 える 場 合

More information

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................

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...........................

More information

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

(Microsoft Word - \203u\203\215\203O\215\354\220\254.doc) ブログをカスタマイズ! ~HTML HTML CSS を 使 ってブログを 自 分 の 好 みにしちゃおう ~ ブログを 登 録 しよう! ブログってなんだろう? ブログとはインターネット 上 で 管 理 者 が 記 事 を 投 稿 する 私 的 ニュースサイト あるいは 日 記 的 なもののこと 個 人 のホームページを 持 たなくても 簡 単 に 自 分 が 書 きたいことを 作 って 載 せることができる

More information

Microsoft Word - chap2.doc

Microsoft Word - chap2.doc 第 2 章 ホームページとHTML(タグ) ここでは HTML タグについて 今 まで 使 う 機 会 が 無 かった 学 生 を 対 象 に 説 明 する 既 に HTML タグを 使 ったことのある 学 生 にとっては 知 っている 話 になると 思 うので ざっと 目 を 通 すだけでよいだろう 初 めての 学 生 は 演 習 等 を 通 じて 使 い 慣 れて 欲 しい [1] HTML 通

More information

130 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

130 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 information

WORD 98 入力の手引き

WORD 98 入力の手引き コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され

More information

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................

1 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

図書館のWebサービスについて

図書館のWebサービスについて 例 1:web-OPAC+ Web-OPACをデコレーションする Web-OPACをデコレーションする いろいろ 作 ってみたものの そんなに 利 用 がある 訳 でもない 自 分 で 図 書 館 のサイトを 使 うとき Web-OPACしか 使 わない 利 用 者 の 動 線 上 で 出 来 ること 考 える Web-OPACをデコレーションする2 とはいっても 勝 手 にWeb-OPACは 変

More information

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt)

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt) 平 成 23 年 度 技 術 研 究 会 HTML5 部 会 HTML5を 使 ったWebアプリの 開 発 ~HTML4.0とHTML5の 比 較 ~ メンバー 富 士 通 九 州 システムズ 三 角 瞳 オーガス 大 分 シーイーシー オーイーシー オーイーシー 老 川 翔 太 行 部 佑 希 西 角 幸 恵 下 郡 剛 九 州 東 芝 エンジニアリング 渡 邉 泰 三 大 分 交 通 松 迫 翔

More information

untitled

untitled 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

ZmapTownIIメタデータの大量作成に関する報告

ZmapTownIIメタデータの大量作成に関する報告 CSIS カタログシステムにおける ZmapTownII シリーズの メタデータおよびカタログ 情 報 高 橋 昭 子 ( 東 京 大 ) 山 下 亜 紀 郎 ( 酪 農 学 園 大 ) 佐 藤 英 人 白 石 陽 ( 東 京 大 ) 大 橋 智 美 ( 筑 波 大 院 ) 1.はじめに 1990 年 代 からわが 国 では 空 間 データの 共 有 に 関 する 認 識 が 広 まり, 空 間 データ

More information

1129

1129 20101129 Web 1 20101129 Web 2 20101129 Web 3 20101129 Web 4 20101129 Web 5 20101129 h1{color:#000;}] h1{color:#000} *{margin: 0; padding: 0;}.note{color: #fco;} p.note{color: #fco;} Web 6 20101129

More information

SchITコモンズ【活用編】

SchITコモンズ【活用編】 2016 SchIT コモンズ 活 用 編 株 式 会 社 スキット 1. 画 像 のサイズ 変 更 (リサイズ) 1. 画 像 の 大 き さ( 幅 )を 変 更 (ア) 画 像 を 挿 入 する 場 合 は[ 画 像 の 挿 入 ]のマークをクリックします [ 参 照 ]をクリックし 任 意 の 場 所 から 挿 入 したい 画 像 を 選 択 し [ 画 像 の 挿 入 ]をクリックします (イ)

More information

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ページ 更 新 の 設 置 例 5. 変 換 指 定 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ページ 更 新 の 設 置 例 5. 変 換 指 定 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 ページ 更 新 管 理 L-TOOL PgUpdater (ver 1.2) 取 扱 説 明 書 Little Net http//l-tool.net/ - 2015 年 07 月 24 日 版 - 目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ページ 更 新 の 設 置 例 5. 変 換 指 定 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 1. 概

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

Table説明.xlsx

Table説明.xlsx テーブル 命 令 の 記 述 方 法 http://heo.jp/tag/table/ 記 載 1 記 載 2-1 記 載 2-2 記 載 2-3 記 載 2-4 記 載 3-1 記 載 3-2 記 載 1 記 載 2-1 記 載 2-2

More information

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

インターネットマガジン1997年4月号―INTERNET magazine No.27 3.0 4.0 A N S W E R1 A N S W E R2 308 INTERNET magazine 1997/4 1 jhttp://www.tucows.com/ A { text-ecoration: none; } INTERNET magazine

More information

第9回

第9回 第 9 回 2016 年 7 月 16 日 情 報 教 育 演 習 II 第 9 回 (1) CSS(4) (1) 今 回 の 課 題 (2) リストの 記 号 や 番 号 の 設 定 (2) クラスの 利 用 (2) クラスとは (2) クラスを 使 った 設 定 (3) CSSファイルでの 設 定 (3) HTMLファイルでの 利 用 (3) クラスの 利 用 例 (1) (3) クラスの 利

More information

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

Microsoft PowerPoint - hp2.ppt [互換モード] 技 術 センター HP 講 習 会 ( 第 2 回 ) 広 島 大 学 技 術 センター HP 運 用 WG 本 日 の 講 習 会 の 流 れ FTPソフトの 使 い 方 ファイルをサーバにアップロードする 方 法 前 回 ( 第 1 回 )の 復 習 とその 応 用 フォルダ(ディレクトリ)とリンクの 関 係 リンクの 仕 組 み: 絶 対 パスと 相 対 パス パスワードによるアクセス 制 限

More information

雛形ホームページ利用マニュアル

雛形ホームページ利用マニュアル ご 参 考 資 料 アカデミックサーバ 用 雛 形 ホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 様 が ご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは

More information

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受 13.パーソナルコンピュータ 実 習 [Ⅱ] 実 験 受 講 前 の 準 備 編 以 下 の 確 認 を 行 っていない 場 合,この 実 験 テー マを 受 講 することはできません 1. 学 情 センターの UNIX のパスワードの 確 認 2.E-Mail が 使 えることを 確 認 手 順 1(UNIX パスワードの 確 認 ) (1) 中 部 大 学 内 のパソコンで FFFTP を 立

More information

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1............... 1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................

More information

第 1 章 インターネットとホームページの 基 礎 知 識 この 章 では 日 常 的 に 使 っている 用 語 の 意 味 や 使 い 方 の 確 認 をします よくわからずに 使 っていたり 間 違 って 覚 えていたりすることは 珍 しくありません 最 初 に 正 しい 知 識 と 用 語 の

第 1 章 インターネットとホームページの 基 礎 知 識 この 章 では 日 常 的 に 使 っている 用 語 の 意 味 や 使 い 方 の 確 認 をします よくわからずに 使 っていたり 間 違 って 覚 えていたりすることは 珍 しくありません 最 初 に 正 しい 知 識 と 用 語 の Web クリエイター 能 力 認 定 試 験 初 級 テキスト HTML 4.01 対 応 1 / 278 第 1 章 インターネットとホームページの 基 礎 知 識 この 章 では 日 常 的 に 使 っている 用 語 の 意 味 や 使 い 方 の 確 認 をします よくわからずに 使 っていたり 間 違 って 覚 えていたりすることは 珍 しくありません 最 初 に 正 しい 知 識 と 用

More information

Microsoft Word - HTML.docx

Microsoft Word - HTML.docx ホームページを 見 る 環 境 (Web ブラウザの 種 類 やバージョン, 画 面 サイズなど)は 多 種 多 様 であり, 自 分 が 見 ている 状 態 と 必 ずしも 同 じではないことを 前 提 に 作 成 して ください 1 1. 文 書 のレイアウト, 文 字 の 書 式 原 則 として,タグと 属 性 は 大 文 字, 属 性 の 値 は"で 囲 んだ 小 文 字 で 記 述 します

More information

2. 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

2. 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

Microsoft Word - 2003-06-01.doc

Microsoft Word - 2003-06-01.doc Page: 1 データを 入 力 する Excel で 作 業 する 際 にはデータをなんらかの 方 法 で 入 力 しなければならない Excel 形 式 でデータが 入 っていれば 別 に 問 題 はないが Web ページに 載 っている 表 の データを 使 いたいことはよくある データ 入 力 の 大 原 則 は できる 限 り 手 間 を 掛 けない データを 打 ち 込 む 作 業 自

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

ホームページの仕組み

ホームページの仕組み 見 やすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 23 年 5 月 7 日 14 日 目 次 5 月 7 日 1. ショートカットキー 2. HTMLの 仕 組 み 3. XHTMLとCSS 4. W3C 標 準 5. 見 本 に 書 き 込 む 6. 単 語 登 録 5 月 14 日 1. ブログを 試 そう 2.

More information

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を メールテンプレート 編 集 ユーザーマニュアル Ver1.0 2016/5/1 株 式 会 社 シャノン 1 1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封

More information

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We 8 Web Web XHTML XHTML 1 Web Web 1 Web XHTML Web Web XHTML XHTML Extensible HyperText Markup Language( ) Web HTML XML HTML Web 2 XHTML XHTML HTML 4.01 XHTML XHTML 1.0 3 XHTML XHTML XHTML Web 1 2 Netscape

More information

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 レンタルショッピングカートマニュアル ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >> ファイル

More information

文 書 構 造 とスタイル

文 書 構 造 とスタイル 第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介

More information

目 次 0. 計 測 タグ 設 置 の 基 本 3 このマニュアルについて... 4 計 測 タグ 設 置 の 流 れ... 5 必 ず 確 認 していただきたいこと... 6 1. 計 測 タグの 種 類 7 入 口 ページタグ... 9 コンバージョンタグ... 10 イベント 計 測 用 タグ

目 次 0. 計 測 タグ 設 置 の 基 本 3 このマニュアルについて... 4 計 測 タグ 設 置 の 流 れ... 5 必 ず 確 認 していただきたいこと... 6 1. 計 測 タグの 種 類 7 入 口 ページタグ... 9 コンバージョンタグ... 10 イベント 計 測 用 タグ 計 測 タグの 設 置 と 動 作 確 認 方 法 このマニュアルの 対 象 となる 方 ウェブアンテナの 計 測 タグをサイトに 設 置 するご 担 当 の 方 (HTML に 関 する 知 識 をある 程 度 お 持 ちの 方 を 想 定 ) このマニュアルでわかること 計 測 タグの 設 置 方 法 や 注 意 点 コンバージョン 属 性 を 計 測 するための 実 装 例 計 測 タグの 動

More information

†ı25”Y„o-PDF.ren

†ı25”Y„o-PDF.ren 12,000 10,000 8,000 6,000 4,000 2,000 0 1998 1999 2000 2001 2002 2003 2004 1,200 1,000 800 600 400 200 0 1998 1999 2000 2001 2002 2003 2004 $ "! ''" '' ''$ ''% ''& '''! " ' & % $ "! ''" ' '$ '% '& ''!

More information

76

76 ! # % & % & %& %& " $ 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 % & &! & $ & " & $ & # & ' 91 92 $ % $'%! %(% " %(% # &)% & 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 !$!$ "% "%

More information

●70974_100_AC009160_KAPヘ<3099>ーシス自動車約款(11.10).indb

●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 information