2.1. 基 本 構 造 サンプル

Size: px
Start display at page:

Download "2.1. 基 本 構 造 サンプル

Transcription

1 Amazon Kindle パブリッシングガイド(Appendix) 日 本 語 サポート この 文 書 は Amazon Kindle パブリッシングガイドの 補 足 資 料 として 日 本 語 サポートについてまとめたものである 1. Kindle Format の 特 徴 1.1. 文 字 セット Kindle デバイスに 標 準 搭 載 する 日 本 語 フォントは 明 朝 体 とゴシック 体 の 2 書 体 それぞれ 標 準 と 太 字 の 2 ウェイトで JIS X 0213:2004 の 文 字 セットをサポートする Kindle リーダーアプリケーションでは 日 本 語 文 字 セットの 範 囲 は OS に 依 存 するが JIS X 0213:2004 がサポートされていることを 想 定 する Android OS 用 の Kindle リーダーアプリ ケーションでは 追 加 フォントにより Kindle デバイスと 同 様 に JIS X 0213:2004 の 文 字 セットをサポートする 予 定 で ある 1.2. ページマージン リフロー 型 コンテンツでは Kindle デバイスおよび Kindle リーダーアプリケーションのリーディングシステムで 表 示 上 の 既 定 ページマージンを 設 定 し ユーザー 自 身 による 変 更 が 可 能 になっている 1.3. 文 字 間 隔 文 字 間 隔 ( 字 送 り)は 原 則 として ベタ 組 ( 文 字 間 隔 0)で 表 示 する ルビ 処 理 禁 則 処 理 にともない 文 字 間 隔 が 自 動 的 に 調 整 される 1.4. 禁 則 処 理 line-break word-break 等 の CSS の 指 定 に 関 わらず 以 下 の 禁 則 処 理 を 行 なう 句 読 点 は ぶら 下 げ 組 で 処 理 する その 他 括 弧 類 グループルビ 分 離 禁 止 文 字 等 は 追 い 出 し 処 理 する 1.5. 行 頭 のインデント 横 書 き 時 には p 要 素 に 自 動 的 に 1 文 字 分 (1em)のインデントが 行 なわれる 行 頭 インデントを 制 御 する 場 合 には まず body, div, p { text-indent:0; を 指 定 した 後 に 要 素 セレクタでの 指 定 クラスセレクタでの 指 定 全 角 空 白 の 挿 入 等 で 制 御 する 1.6. 画 像 について 現 状 の Kindle Format で 使 用 可 能 な 画 像 形 式 は GIF BMP JPEG PNG SVG である 透 過 させる 場 合 には 8bit の 透 過 PNG のみ 使 用 可 能 それ 以 上 の 色 数 を 使 った PNG では 透 過 されず 透 過 部 分 は 背 景 が 白 の 画 像 として 扱 われる 2. メタデータ(OPF ファイル)の 記 述 Amazon Kindle 向 けのコンテンツは EPUB ファイルから KindleGen を 使 って Kindle Format に 変 換 される (パ ブリッシングガイド 参 照 ) メタデータは EPUB の OPF ファイル 仕 様 に 従 って 記 述 する

2 2.1. 基 本 構 造 サンプル <?xml version="1.0"?> <package xmlns="http://www.idpf.org/2007/opf" unique-identifier="pub-id" version="3.0" xml:lang="ja" > <metadata xmlns:dc="http://purl.org/dc/elements/1.1/"> <dc:title> 京 都 日 記 </dc:title> <dc:creator id="creator"> 芥 川 龍 之 介 </dc:creator> <meta refines="#creator" property="role" scheme="marc:relators" id="role">aut</meta> <dc:publisher> 出 版 </dc:publisher> <dc:language>ja</dc:language> <dc:identifier id="pub-id">urn:uuid:d55b13c0-43a8-461c-ab29-e11435e889db</dc:identifier> <meta property="dcterms:modified"> t08:30:00z</meta> <meta name= cover content= my-cover-page /> </metadata> <manifest> <item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml" /> <item id="x001" href="text/kf_jp_sample_0001.xhtml" media-type="application/xhtml+xml" /> <item id="x002" href="text/kf_jp_sample_0002.xhtml" media-type="application/xhtml+xml" />... <item id="my-cover-image" href="images/cover.jpg" media-type="image/jpeg" /> <item id="basestyle" href="styles/kf_style.css" media-type="text/css" /> </manifest> <spine page-progression-direction="rtl" toc="ncx"> <itemref idref="x001" /> <itemref idref="x002" />... </spine> </package> 言 語 として 日 本 語 を 指 定 する ( 日 本 語 の 場 合 は ja 固 定 ) <dc:language>ja</dc:language> Kindle Format では カバー 画 像 は 必 須 である カバー 画 像 は metadata meta 要 素 と manifest item 要 素 で 定 義 する metadata name= cover の content の 値 と manifest item id の 値 は 同 じにしなければならない これは EPUB3 での 定 義 方 法 と 異 なるので 注 意 のこと ( 詳 細 はパブリッシングガイド 参 照 )

3 例 <metadata xmlns:dc="http://purl.org/dc/elements/1.1/"> <meta name= cover content="my-cover-image" /> </metadata> <manifest> <item id="my-cover-image" href="images/cover.jpg" media-type="image/jpeg" /> </manifest> 2.2. 綴 じ 方 向 の 指 定 書 籍 の 綴 じ 方 向 ( 右 綴 じ/ 左 綴 じ)の 指 定 は メタデータの spine page-progressiondirection 要 素 (EPUB3 準 拠 )または metadata meta 要 素 に primary-writingmode(kindle 専 用 )で 指 定 する 両 方 指 定 した 場 合 には primary-writing-mode が 有 効 になる primary-writing-mode "primary-writing-mode"は 下 記 のようにメタタグ(<metadata>の 子 要 素 )で 指 定 する <meta name="primary-writing-mode" content="vertical-rl"/> 指 定 による 効 果 は 下 表 のとおり 値 左 からスワイプ( 左 側 タップ) 右 からスワイプ( 右 側 タップ) horizontal-tb 前 ページに 移 動 次 ページに 移 動 vertical-rl 次 ページに 移 動 前 ページに 移 動 page-progression-direction "page-progression-direction"は EPUB 仕 様 に 準 拠 して"spine" 要 素 で 指 定 する <spine page-progression-direction= rtl > </spine> 指 定 による 効 果 は 下 表 のとおり 値 左 からスワイプ( 左 側 タップ) 右 からスワイプ( 右 側 タップ) ltr 前 ページに 移 動 次 ページに 移 動 rtl 次 ページに 移 動 前 ページに 移 動 3. 基 本 版 面 基 本 版 面 の 設 定 は 各 X ファイルの body へので 設 定 する body 要 素 に 指 定 された color background-color は 無 視 され リーディングシステムのデフォルトおよびユーザーの 設 定 で 変 更 される 表 紙 目 次 本 文 奥 付 で 別 指 定 にしたい 場 合 には X ファイルを 分 割 の 上 それぞれの body に 設 定 する

4 例 body.body_text { font-family: serif; -webkit-writing-mode: vertical-rl; line-height: 1.75; text-align:justify; 3.1. 組 方 向 縦 書 き/ 横 書 きの 組 方 向 の 指 定 には CSS プロパティ"-webkit-writing-mode"を 使 用 する 例 body.body_text { -webkit-writing-mode: vertical-rl; <body> <h2 class="chapter"> 光 悦 寺 </h2> <p> 光 悦 寺 へ 行 ったら 本 堂 の 横 手 の 松 の 中 に 小 さな 家 が 二 軒 立 っている それがいずれも 妙 に 納 っている 所 を 見 ると 物 置 きなんぞ の 類 ではないらしい... </p>... </body> ( 芥 川 龍 之 介 京 都 日 記 より)

5 画 面 イメージ 3.2. 文 字 の 表 示 方 向 全 角 文 字 の 表 示 方 向 は Kindle のリーディングシステムで 行 なわれ CSS での 指 定 を 使 って 変 更 することはできない 日 本 語 の 全 角 文 字 は 以 下 を 除 き 原 則 として 縦 書 き/ 横 書 きともに 直 立 して 表 示 する 全 角 の 括 弧 類 は 右 90 度 回 転 させて 表 示 する 句 読 点 は 横 書 き 時 には 左 下 縦 書 き 時 には 右 上 に 配 置 して 表 示 する 音 引 き 波 ダッシュは 右 90 度 回 転 させた 上 で 左 右 反 転 して 表 示 する その 他 約 物 は 横 書 き/ 縦 書 きで 表 示 が 異 なる 場 合 がある 欧 文 半 角 文 字 は 組 方 向 が 縦 書 きの 場 合 右 90 度 回 転 して 表 示 される( 縦 中 横 については 5.9. 縦 中 横 参 照 ) 3.3. ページマージン ページ(ここでは リフローによって 自 動 的 にページネートされたページを 指 す)マージンについて リフロー 型 コン テンツでは リーディングシステムで 表 示 上 の 既 定 ページマージンを 設 定 し また ユーザーが 好 みにあわせて 変 更 す ることがするため コンテンツ 側 でページマージンを 設 定 しないことを 推 奨 する 3.4. 書 体 指 定 書 体 指 定 は 基 本 版 面 での 指 定 ( 例 body.body_text { font-family: serif; ) 見 出 しや 段 落 での 指 定 ( 例 h1.chapter { font-family:sans-serif; ) 文 字 列 への 指 定 ( 例 span.gothic { font-family:sans-serif; ) の3つの 方 法 で 行 うことができるが 基 本 版 面 への 指 定 は body へのの 適 用 で 行 う

6 例 body.body_text { font-family: serif; CSS プロパティ"font-family"には フォント 名 を 指 定 する コンテンツ 制 作 者 が 独 自 の 埋 め 込 みフォントを 使 用 するためには CSS 使 用 する デバイスに 無 いフォントが 指 定 された 場 合 には 無 効 となるので 明 朝 系 フォントの 指 定 であれば "serif" ゴシック 系 フォントの 指 定 であれば "sans-serif"を 必 ず 最 後 に 指 定 すること 書 体 は ユーザーが 変 更 することができる 値 に!important をつけることでユーザーに 変 更 させないことも 可 能 だが 通 常 は 見 出 しや 文 字 列 へのゴシック (sans-serif) 指 定 をのぞき 推 奨 しない 3.5. 背 景 指 定 body 要 素 への CSS プロパティ"background-color"の 指 定 は 無 視 される div span 要 素 への"background-color"の 指 定 は 有 効 であるが 背 景 色 の 指 定 にあたっては グレースケール 電 子 インク 表 示 方 式 の Kindle 電 子 書 籍 デバイスでの 可 読 性 を 考 慮 し 指 定 しないことが 望 ましい 背 景 画 像 の 指 定 は 表 示 結 果 が 保 証 されないため 推 奨 しない 3.6. 字 下 げとインデント 目 次 や 奥 付 ページのように 本 文 の 基 本 版 面 とは 字 下 げやインデントの 指 定 を 変 更 したい 場 合 には body へのスタイ ル 指 定 ではなく 見 出 し(h1 h6) 段 落 (div, p 等 のブロック 要 素 )に 対 して 字 下 げ(padding-top) インデント (text-indent)を 指 定 することを 推 奨 する 3.7. 行 送 り( 行 間 行 高 ) 行 送 り( 行 間 行 高 )の 調 整 には CSS プロパティ"line-height"( 行 高 )を 使 用 し 相 対 値 で 指 定 する 単 位 を 省 略 し た 場 合 には em として 扱 う 指 定 を 行 なわない 場 合 には 1.75em として 扱 われる 指 定 する 場 合 は 日 本 語 書 籍 の 場 合 には ルビも 考 慮 し 1.5 以 上 ( 2.0 程 度 )の 値 を 推 奨 する body.body_text { line-height: 1.75; 1.75 とした 場 合 には 行 高 から 1 を 引 くと 行 間 になるので 行 間 は 0.75(75%)となる 3.8. 行 揃 え 基 本 版 面 としての 行 揃 えは body へのの 指 定 によって 行 う 省 略 時 のデフォルトの 値 は"justify"

7 body.body_text { text-align:justify; 奥 付 などを 横 書 き 中 揃 えにしたい 場 合 には 以 下 のようなを 指 定 する body.body_text { -webkit-writing-mode:horizontal-tb; text-align:center; 値 横 組 み 時 縦 組 み 時 left 左 寄 せ 上 寄 せ center 左 右 中 央 寄 せ 上 下 中 央 寄 せ right 右 寄 せ 下 寄 せ justify 均 等 割 付 4. 見 出 しと 段 落 の 指 定 見 出 しや 段 落 の 字 下 げ インデント 前 後 の 間 隔 の 調 整 は CSS プロパティ"margin*" "padding*" "textindent"を 使 用 する ほとんどの 場 合 "margin*" "padding*"は 同 じように 動 作 するが 以 下 が 異 なる それぞれが 指 定 されたブロックが 隣 り 合 った 場 合 に "margin*"( 間 隔 )ではその 値 が 加 算 されるが "padding*"( 余 白 )では 重 なりあう 枠 線 ("border")を 使 用 する 場 合 には "margin*"の 場 合 には 内 側 "padding*"の 場 合 には 外 側 に 枠 線 が 引 かれる 見 出 し 段 落 にも 基 本 版 面 と 同 様 CSS プロパティ"font-family"で 書 体 を 指 定 することが 可 能 である 4.1. 段 落 の 間 隔 余 白 見 出 し 段 落 の 前 後 の 間 隔 余 白 の 調 整 は 以 下 の 指 定 で 行 なう 縦 組 みの 場 合 横 組 みの 場 合 見 出 し 段 落 前 の 間 隔 margin-right margin-top 見 出 し 段 落 前 の 余 白 padding-right padding-top 見 出 し 段 落 後 の 間 隔 margin-left margin-bottom 見 出 し 段 落 後 の 余 白 padding-left padding-bottom 見 出 し 段 落 の 行 頭 の 字 下 げの 調 整 は 以 下 の 指 定 で 行 なう 縦 組 みの 場 合 横 組 みの 場 合 見 出 し 段 落 の 字 下 げ padding-top padding-left

8 見 出 しの 指 定 例 1 h2.chapter { font-size:120%; font-weight:bold; padding-top:2em; /* 2 文 字 の 字 下 げ */ margin-right:1em; /* 見 出 しの 前 に 1 行 分 の 空 き */ margin-left:1em; /* 見 出 しの 後 に 1 行 分 の 空 き */ <p>... 出 来 上 っているのである </p> <h2 class="chapter"> 舞 妓 </h2> <p> 上 木 屋 町 のお 茶 屋 で 酒 を 飲 んでいたら...</p> ( 芥 川 龍 之 介 京 都 日 記 より) サンプル 画 面 イメージ 見 出 しの 指 定 例 2 見 出 しの 装 飾 に 枠 線 を 使 用 する 場 合 以 下 のように 指 定 する h2.border_chapter { font-family: sans-serif!important; font-size:120%; font-weight:bold; padding-top:1em; margin-right:1em; margin-left:1em; border-top-style:solid; border-top-color:#0000ff; border-top-width:6px;

9 <h2 class="border_chapter"> 日 本 語 各 種 表 現 方 法 </h2> サンプル 画 面 イメージ 引 用 等 の 表 現 のため 段 落 を 罫 で 囲 む 場 合 には 以 下 のような 指 定 を 行 なう 例 div.quote_box { margin-right:1em; padding:1em; border:1px solid #cccccc; <div class="quote_box"> <p> 上 木 屋 町 のお 茶 屋 で 酒 を 飲 んでいたら そこにいた 芸 者 が 一 人 むやみにはしゃぎ 廻 った それが 自 分 には どうも 躁 狂 の 下 地 らしい 気 がした 少 し 気 味 が 悪 くなったから その 方 の 相 手 を 小 林 君 に 一 任 して 隣 にいた 舞 妓 の 方 を 向 くと これはおとなしく 椿 餅 を 食 べている 生 際 の 白 粉 が 薄 くなって 健 康 らしい 皮 膚 が 黒 く 顔 を 出 している 丈 でも こっちの 方 が 遙 に 頼 もしい 気 がす る </p> </div> ( 芥 川 龍 之 介 京 都 日 記 より)

10 サンプル 画 面 イメージ 4.2. インデント 指 定 見 出 しや 段 落 のインデント 指 定 は CSS プロパティ"text-indent"を 使 用 する "text-indent"にマイナスの 値 を 指 定 した 場 合 ( 突 き 出 しインデント)には ページからはみだしてしまうので 必 ず 同 数 以 上 の 値 を"padding-top"( 縦 組 み 時 )または"padding-left"( 横 組 み 時 )に 加 えること 見 出 しの 指 定 例 2 h1.subtitle { font-size: 120%; font-weight:bold; padding-top:6em; text-indent:-4em; line-height: 1.5; <h1 class="subtitle"> 第 五 章 日 本 語 固 有 の 各 種 表 現 について</h1>

11 サンプル 画 面 イメージ 字 下 げとインデントの 例 1.start_4em { padding-top:4em; padding-right:1em; padding-left:1em;.indent_1em { padding-top:1em; text-indent:-1em; <p class="start_4em">マリウスが 二 体 の 肉 体 労 働 型 ロボットを 連 れて 再 び 登 場 </p><p class="indent_1em"> <span style="font-family:sans-serif; font-weight:bold;">ドミン</span> ご 覧 ください 小 型 のトラクターと 同 等 の 力 があります 並 みの 頭 脳 も 保 証 されています よし 結 構 だ マリウス </p> (カレル チャペック RUR より)

12 サンプル 画 面 イメージ インデントの 例 2.indent_6em { padding-top:6em; text-indent:-6em; <div class="indent_6em"> <p> 一 八 九 九 年 吉 祥 寺 駅 が 開 業 する </p> <p> 一 九 二 八 年 武 蔵 野 村 が 町 制 施 行 し 東 京 府 北 多 摩 郡 武 蔵 野 町 大 字 吉 祥 寺 となる </p> <p> 一 九 四 七 年 武 蔵 野 町 が 市 制 施 行 し 東 京 都 武 蔵 野 市 大 字 吉 祥 寺 となる </p> </div>

13 サンプル 画 面 イメージ 4.3. 文 字 間 隔 KindleFormat では 文 字 間 隔 ( 字 送 り)は 原 則 として ベタ 組 ( 文 字 間 隔 0)で 表 示 する 部 分 的 に 文 字 間 隔 を 空 けたい 場 合 には CSS プロパティ"letter-spacing"を 使 用 する 文 字 間 隔 を 空 ける 例 h2.letterspace { font-family: serif; font-size:120%; font-weight:bold; letter-spacing:1em; padding-top:2em; margin-right:1em; margin-left:1em; <h2 class="letterspace">あとがき</h2>

14 サンプル 画 面 イメージ 4.4. 行 揃 えの 指 定 行 揃 えには CSS プロパティ"text-align"を 使 用 する 値 横 組 み 時 縦 組 み 時 left 左 寄 せ 上 寄 せ center 左 右 中 央 寄 せ 上 下 中 央 寄 せ right 右 寄 せ 下 寄 せ justify 均 等 割 付 p.right { text-align:right; <p>... 寂 しい 感 情 を 味 った </p> <p class="right">( 大 正 七 年 六 月 )</p>

15 サンプル 画 面 イメージ 5. 文 字 に 関 する 指 定 5.1. 書 体 指 定 基 本 版 面 や 見 出 し 段 落 と 同 様 文 字 列 に 対 しても CSS プロパティ"font-family"で 書 体 を 指 定 することが 可 能 であ るが ユーザーの 選 択 に 関 わらず 指 定 した 書 体 を 有 効 にするためには!important をつける 必 要 がある 推 奨 する 設 定 方 法 body に 対 しては!important はつけない 見 出 し 段 落 文 字 列 に 対 して body と 同 じ 書 体 を 指 定 する 場 合 には!important はつけない 見 出 し 段 落 文 字 列 に 対 して body とは 異 なる 書 体 を 指 定 する 場 合 には!important をつける 例.role { font-family:sans-serif!important; font-weight:bold; <span class="role">ドミン</span> ご 覧 ください

16 サンプル 画 面 イメージ 5.2. 文 字 サイズ 指 定 Kindle デバイスおよび Kindle リーダーアプリケーションでは ユーザーが 表 示 するリフロー 型 コンテンツの 文 字 サイ ズを 変 更 することができる そのためコンテンツ 制 作 者 がリフロー 型 コンテンツで 文 字 サイズを 指 定 する 場 合 には CSS プロパティ"font-size を 使 い 絶 対 値 (pt, pixels)ではなく 相 対 値 (%, em, small/medium/large)で 指 定 する 必 要 がある 例.large { font-size: large;.small { font-size: small;.size120per { font-size: 120%; <span class="large"> 大 きく</span> <span class="small"> 小 さく</span> <span class="size120per"> 一 二 〇 %</span> サンプル 画 面 イメージ

17 5.3. 文 字 色 文 字 色 の 指 定 には CSS プロパティ"color"を 使 用 する 文 字 色 の 指 定 に 当 たっては グレースケール 電 子 インク 表 示 方 式 の Kindle 電 子 書 籍 デバイスでの 可 読 性 を 考 慮 すること 5.4. 画 像 による 外 字 Kindle デバイスおよび Kindle リーダーアプリケーション 環 境 の 日 本 語 フォントにおいてサポートしていない 文 字 を やむをえず 使 用 する 必 要 がある 場 合 には インライン 画 像 ( 画 像 外 字 ) 方 式 を 推 奨 する 画 像 による 外 字 には 文 字 色 の 指 定 装 飾 ( 傍 線 圏 点 )の 指 定 を 行 なうことができない 外 字 用 の 画 像 ファイルの 要 件 画 像 フォーマット:PNG(8bit) 形 式 または JPEG 形 式 (8bit の 透 過 PNG を 推 奨 ) サイズ:128 x 128 ピクセル 以 上 を 推 奨 指 定 方 法 例.gaiji { width:1em; height:1em; display:inline; 内 田 百 <img src="../images/u9592.png" class="gaiji" alt="けん" />( 閒 は 通 常 の 文 字 としても 記 述 可 能 ) ( 閒 は 通 常 の 文 字 としても 記 述 可 能 ) サンプル 画 面 イメージ

18 5.5. ルビ Kindle のリーディングシステムでは ルビの 文 字 は 縦 書 きでは 本 文 の 右 側 に 表 示 し 横 書 きでは 上 側 に 表 示 する ルビは 組 方 向 に 対 して 親 文 字 の 中 央 揃 えとなる( 中 付 き) ルビの 文 字 は 規 定 では 親 文 字 の 半 分 の 大 きさで 表 示 される( 二 分 付 き) ルビの 指 定 方 法 : 親 文 字 列 は ruby 要 素 で 指 定 する ルビ 文 字 列 は rt 要 素 を 指 定 する 行 間 がせまい 場 合 には ルビと 行 が 重 ならないように 行 間 は 自 動 調 整 される ルビに 対 応 していないビューアでの 括 弧 での 表 示 のため rp 要 素 を 使 用 してもよい モノルビ: 親 文 字 1 文 字 に 対 して ルビをふる 例 <ruby> 星 <rt>ほし</rt></ruby> 熟 語 に 対 するルビは 親 文 字 1 文 字 に 対 してルビをふる 方 法 と グループルビによる 方 法 がある 親 文 字 1 文 字 に 対 してルビをふる 例 <ruby> 虞 <rt>ぐ</rt> 美 <rt>び</rt> 人 <rt>じん</rt> 草 <rt>そう</rt></ruby> グループルビの 例 <ruby>ニューヨーク 市 <rt>ビッグ アップル</rt></ruby> サンプル 画 面 イメージ グループルビの 文 字 列 が 長 過 ぎる 場 合 には 表 示 しきれない 可 能 性 があるので 以 下 のような 場 合 には 適 宜 分 割 する のが 望 ましい 表 示 できない 可 能 性 があるグループルビの 例

19 カリエの <ruby> 憑 着 及 殺 人 自 殺 の 衝 動 の 研 究 <rt>コントリビュション ア レチュード デ ゾプセッシヨン エ デ ザムプ ルシヨン ア ロミシイド エ オー スイシイド</rt></ruby> クラフト エーヴィングの <ruby> 裁 判 精 神 病 学 教 科 書 <rt>レールブッフ デル ユリスティッシェン プシヒョパトロギイ</rt></ruby> ボーデンの <ruby> 道 徳 的 癡 患 の 心 理 <rt>ディ プシヒョロギイ デル モラリッシェ イディオチイ</rt></ruby> 等 の 犯 罪 学 書 ( 小 栗 虫 太 郎 黒 死 館 殺 人 事 件 より) 5.6. 圏 点 傍 点 強 調 を 表 すために 文 字 に 圏 点 を 付 すことができる 圏 点 の 表 示 には CSS "-webkit-text-emphasis-style"を 用 いてを 指 定 する 圏 点 は 縦 書 きでは 親 文 字 の 右 側 に 表 示 され 横 書 きでは 親 文 字 の 上 側 に 表 示 される 圏 点 が 表 示 されない 文 字 もある( 句 読 点 括 弧 画 像 による 外 字 等 ) ルビと 圏 点 傍 点 を 同 時 に 指 定 した 場 合 にはルビが 優 先 され 圏 点 傍 点 の 指 定 は 無 効 になる 例.em_accent { -webkit-text-emphasis-style: filled sesame;.em_dot { -webkit-text-emphasis-style: filled double-circle;.em_circle { -webkit-text-emphasis-style: open dot;.em_disc { -webkit-text-emphasis-style: filled dot;.em_triangle { -webkit-text-emphasis-style: filled triangle; <span class="em_accent"> 黒 ごま 傍 点 </span> <span class="em_dot"> 蛇 の 目 </span> <span class="em_circle"> 白 丸 </span> <span class="em_disc"> 黒 丸 </span> <span class="em_triangle"> 三 角 </span>

20 サンプル 画 面 イメージ 5.7. 下 線 傍 線 下 線 傍 線 は CSS プロパティ"text-decoration"で 指 定 する 傍 線 は 縦 組 み 時 には 日 本 語 文 字 列 の 右 側 に 欧 文 文 字 列 の 左 側 に 表 示 されることが 期 待 される しかし 現 在 の EPUB3 の 仕 様 では CSS プロパティ"text-decoration"の 縦 書 き 時 の 動 作 は underline: 左 側 overline: 右 側 である そこで 縦 組 み 時 に 日 本 語 文 字 列 に 傍 線 を 引 く 場 合 には "overline"を 欧 文 文 字 列 に 対 しては "underline"を 指 定 する 例.underline { text-decoration:underline;.overline { text-decoration:overline; ( 縦 書 き 時 の 例 ) <span class="overline"> 傍 線 </span> <span class="underline">underline</span>

21 ( 横 書 き 時 の 例 ) <span class="underline"> 下 線 </span> <span class="underline">underline</span> サンプル 画 面 イメージ 5.8. 上 付 き/ 下 付 き 下 付 き/ 上 付 きは 通 常 親 文 字 の 後 に 用 いるが 例 外 的 に 化 学 方 程 式 などでは 親 文 字 の 前 に 表 示 することがある 下 付 き/ 上 付 きには タグ sup sub を 用 いるか 以 下 のを 用 いる.sup { font-size:50%; vertical-align:super;.sub { font-size:50%; vertical-align:sub; ( 縦 書 き 時 の 例 ) 県 民 一 人 当 たりの 消 費 量 <span class="sup">( 注 )</span>は 日 本 一 である <br /> ( 横 書 き 時 の 例 ) H<span class="sub">2</span>o<br /> 10<span class="sup">3</span>

22 サンプル 画 面 イメージ 5.9. 縦 中 横 縦 中 横 は CSS プロパティ"-webkit-text-combine:horizontal"あるいは"-webkit-writing-mode:horizontaltb;"で 表 現 する 現 状 では "-webkit-textcombine:horizontal"を 使 った 場 合 縦 中 横 を 指 定 した 文 字 列 の 幅 が 1.9em( 目 安 として 3 桁 の 半 角 数 字 )を 超 えた 場 合 には 縦 中 横 にはならない 原 則 としては"-webkit-text-combine:horizontal"を 使 うが 4 桁 以 上 等 の 場 合 には "-webkit-writingmode:horizontal-tb;"を 使 ってもよい 縦 中 横 を 使 用 した 場 合 にも 行 送 りは 自 動 では 広 がらないので 3 桁 以 上 の 縦 中 横 を 適 用 する 場 合 には "line-height" の 指 定 を 使 った 行 間 広 めの 指 定 を 推 奨 する 例.tcy { -webkit-text-combine: horizontal; 5 月 <span class="tcy">15</span> 日 <span class="tcy">120</span> 項 目 タイプ<span class="tcy">(a)</span>の 場 合

23 サンプル 画 面 イメージ 6. 図 版 / 表 6.1. 画 像 の 挿 入 インライン 画 像 は CSS プロパティ"display:inline"と img 要 素 により 指 定 する インライン 画 像 は 本 文 の 組 方 向 に 沿 って 表 示 される インライン 画 像 がある 行 に 収 まらない 場 合 には 縦 書 きでも 横 書 きでも 次 の 行 に 表 示 される 縦 書 きの 場 合 にも 画 像 の 天 地 は 回 転 しない 例 img.inline { display:inline; margin: auto; height: auto; width: 1em; 法 水 は 無 雑 作 に 云 い 放 って 全 体 が<img src="../images/figure.jpg" class="inline" alt=" 右 肩 下 がりのナイフの 刀 身 に 横 線 が 一 本 入 っている 形 " />の 形 をしている 黙 示 図 を 指 し 示 した ( 小 栗 虫 太 郎 黒 死 館 殺 人 事 件 より)

24 サンプル 画 面 イメージ 非 インライン 画 像 は CSS プロパティ"display:block"で 指 定 する ブロック 画 像 は 独 自 のブロック 要 素 として 別 の 行 に 表 示 されるため 縦 書 きでも 横 書 きでも 本 文 の 文 字 フローは 回 り 込 まない 例 img.block { display:block; height:auto; width:auto;

25 <p> ある 雨 あがりの 晩 に 車 に 乗 って 京 都 の 町 を 通 ったら 暫 くして 車 夫 が どこへつけます とか どこへつけやはります とか 何 とか 云 った </p> <img src="../images/bamboo.jpg" class="block" /> <p> どこへつけるって 宿 へつけるのにきまっているから 宿 だよ 宿 だよ と 桐 油 の 後 から 二 度 ばかり 声 をかけた 車 夫 はその 御 宿 がわかりませんと 云 って 往 来 のまん 中 に 立 ち 止 まった 儘 動 かない </p> ( 芥 川 龍 之 介 京 都 日 記 より) サンプル 画 面 イメージ 6.2. 画 像 へのテキスト 回 り 込 み 画 像 を 配 置 し その 画 像 に 対 してテキストを 回 り 込 ませたい 場 合 には CSS プロパティの"float"を 用 いる 回 り 込 みを 解 除 する 場 合 には 続 くブロックに CSS プロパティの clear を 用 いる

26 例.floatTop { float:left; padding-top:0; padding-left:0.5em; padding-right:0.5em; padding-bottom:0.5em; text-align: center; display:inline; <p> <img src="../images/bamboo.jpg" class="floattop"/> 或 雨 あがりの 晩 に 車 に 乗 って 京 都 の 町 を 通 ったら 暫 くして 車 夫 が どこへつけますとか... </p> ( 芥 川 龍 之 介 京 都 日 記 より) サンプル 画 面 イメージ フロート 画 像 に 対 してキャプションをつけたい 場 合 には 以 下 のようにする

27 例.floatBottom { float:right; padding-top:0.5em; padding-left:0.5em; padding-right:0.5em; padding-bottom:0; text-align: center; display:inline;.horizontal { -webkit-writing-mode:horizontal-tb; <p class="floatbottom"><img src="../images/kenninji.jpg" /><span class="caption">建仁寺</span></p> 困ったなと思っていると 車夫が桐油を外してこの辺じゃおへんかと云う 提灯の明りで見ると 車の前には竹藪があった 芥川龍之介 京都日記 より サンプル画面イメージ 6.3. 表 表組みは 書籍内で表形式のデータを表示する上で効果的である

28 表 を 指 定 するためには 標 準 的 な 要 素 table tr th td を 使 用 することができる 表 の 組 方 向 は 対 象 要 素 の 組 方 向 によって 自 動 的 に 調 整 される 表 の 組 方 向 を 変 更 するためには CSS プロパティ"-webkit-writing-mode"を 用 いて 指 定 することも 可 能 であるが ペー ジからはみだした 場 合 の 表 示 が 保 証 されないので 推 奨 しない (Kindle アプリケーションで 表 の 全 体 表 示 を 行 なう 機 能 は 用 意 されている) 例.TableClass { border-collapse: collapse; border-style: solid; border-width: 1px;.THClass { border-style: solid; border-width: 1px; border-color: #808080; background-color: #dedede; font-weight: bold; font-size: 80%; padding:0.2em;.tdclass { border-style: solid; border-width: 1px; border-color: #808080; font-size: 80%; padding:0.2em 横 組 みの 本 文 中 で 使 用 した 表 の 例 <table class="tableclass"> <tr><th class="thclass">コマンド</th><th class="thclass"> 意 味 </th></tr> <tr><td class="tdclass">cd</td><td class="tdclass">ディレクトリを 移 動 </td></tr> <tr><td class="tdclass">chmod</td><td class="tdclass">パーミッション 変 更 </td></tr> <tr><td class="tdclass">cp</td><td class="tdclass">コピー</td></tr> <tr><td class="tdclass">mkdir</td><td class="tdclass">ディレクトリ 作 成 </td></tr> </table>

29 サンプル 画 面 イメージ 縦 組 の 本 文 中 で 使 用 した 表 の 例 <table class="tableclass"> <tr><th class="thclass"> 名 前 </th><th class="thclass"> 代 表 作 </th></tr> <tr><td class="tdclass"> 芥 川 龍 之 介 </td><td class="tdclass"> 羅 生 門 </td></tr> <tr><td class="tdclass"> 菊 池 寛 </td><td class="tdclass"> 父 帰 る</td></tr> <tr><td class="tdclass"> 夏 目 漱 石 </td><td class="tdclass"> 我 輩 は 猫 である</td></tr> </table> サンプル 画 面 イメージ 7. ハイパーリンク の a href を 用 いたリンク 機 能 を 使 用 することができる 7.1. 文 字 列 へのリンク 書 籍 内 ( 同 一 コンテンツ 内 )でのリンクは リンク 先 の id に 対 して href でリンクを 貼 る 同 一 コンテンツであっても としてファイルが 分 割 されている 場 合 には そのファイル 名 とともに 指 定 する dispaly:none を 指 定 している 要 素 の id を リンク 先 に 指 定 しすることは 推 奨 しない 特 に NCX からのリンクには display:none が 指 定 された 要 素 の id をリンク 先 に 設 定 してはならない リンク 色 は CSS プロパティの"a:link" "a:visited" "a:active"によって 指 定 することができるが グレースケール 電 子 インク 表 示 方 式 の Kindle 電 子 書 籍 デバイスでの 可 読 性 を 考 慮 し 傍 線 をつけることを 推 奨 する

30 例 a:link { color: #3300ff; text-decoration: overline; (リンク 元 ) <a href="kf_jp_sample_0006.xhtml#chu1">( 注 )</a> (リンク 先 ) <p id="chu1"> 総 務 省 統 計 局 家 計 調 査 による</p> 7.2. 画 像 を 使 ったリンク 画 像 に 対 しても href を 使 いリンク 元 とすることができる この 場 合 には 傍 線 等 はつけない 例 a.imglink { text-decoration:none; <a href="#chapt2"><img src=../images/button.jpg alt=" 第 二 章 " class= imglink /></a> クリッカブルマップは 使 用 することができない 8. 表 紙 目 次 奥 付 表 紙 目 次 奥 付 という 言 葉 は 書 籍 としての 構 造 を 示 すものであるが 電 子 書 籍 の 場 合 には 電 子 書 籍 の 機 能 コンテンツの 内 容 としての 各 ページ の2つの 場 面 で 使 われることがある ここでは それぞれを 分 けて 説 明 する 8.1. 表 紙 Kindle フォーマットではカバー 画 像 として JPEG の 画 像 を 用 意 し そのファイルをメタデータ(OPF ファイル)の 中 で metadata meta 要 素 と manifest item 要 素 で 定 義 する

31 metadata name= cover の content の 値 と manifest item id の 値 は 同 じにしなければならない ( 本 ガイド 2.1. 基 本 構 造 および パブリッシングガイド 参 照 ) OPF での 指 定 例 <metadata xmlns:dc="http://purl.org/dc/elements/1.1/"> <meta name= cover content="my-cover-image" /> </metadata> <manifest> <item id="my-cover-image" href="images/cover.jpg" media-type="image/jpeg" /> </manifest> この 画 像 は 先 頭 ページ(spine の 第 一 要 素 )に 定 義 されない 場 合 でも カバーとして 表 示 される カバー 画 像 と 同 一 の 画 像 を 先 頭 ページに 指 定 した 場 合 には そのページの 表 示 はスキップされる 例 えば 上 記 の OPF の 例 の images/cover.jpg という 画 像 を 先 頭 ページ(spine の 第 一 要 素 )の X 内 で 使 用 した 場 合 その ページは 表 示 されない 先 頭 ページで カバー 画 像 と 同 一 の 画 像 を 表 示 させたい 場 合 には ファイル 名 を 変 更 する 必 要 がある ( 上 記 の OPF の 例 では 例 えば images/cover_t.jpg 等 ) 8.2. 目 次 電 子 書 籍 の 機 能 としての 目 次 は ナビゲーション 文 書 を 指 す Kindle フォーマットでは NCX 形 式 のドキュメ ントであり Kindle Format では 必 須 である コンテンツ 内 容 としての 目 次 は 各 章 へのリンクを 含 む 目 次 ページである ( 詳 細 は パブリッシングガイド 3.3 目 次 ガイドライン 参 照 ) 各 章 へのリンクは href を 使 用 する( 7. ハイパーリンク 参 照 ) 目 次 ページでは 本 文 とは 字 下 げや 行 間 を 変 更 したい 場 合 には 以 下 のようにする 例 h2.toc_chapter { font-family: serif; font-size:120%; font-weight:bold; letter-spacing:1em; padding-top:2em; margin-right:1em; margin-left:1em; div.toc_text { padding-top:2em;

32 <body> <div class="toc_text"> <h2 class="toc_chapter"> 目 次 </h2> <p><a href="kf_jp_sample_0004.xhtml#mark01"> 光 悦 寺 </a></p> <p><a href="kf_jp_sample_0004.xhtml#mark02"> 竹 </a></p> <p><a href="kf_jp_sample_0004.xhtml#mark03"> 舞 妓 </a></p> <p><a href="kf_jp_sample_0007.xhtml"> 奥 付 </a></p> </div> </body> サンプル 画 面 イメージ 8.3. 奥 付 電 子 書 籍 の 機 能 としての 奥 付 は 特 に 用 意 されていない コンテンツ 内 容 としての 奥 付 は 本 文 とは 別 の 組 み 方 で 表 現 することもできる

33 例 body.colophone { -epub-writing-mode:horizontal-tb; -webkit-writing-mode:horizontal-tb; text-align:center; h2.invisible { display:none; /* display:none を 適 用 した 要 素 へのネームアンカー 設 定 は 非 推 奨 */ p.title_h { font-family: serif; font-size:140%; letter-spacing:2px; font-weight:bold; p.author_h { font-family: serif; font-size:100%; hr.line { border-style: solid; border-width: 1px; border-color: #808080; width:60%; <body class="colophone"> <h2 class="invisible"> 奥 付 </h2> <p class="title_h"> 京 都 日 記 </p> <p class="author_h"> 芥 川 龍 之 介 </p> <hr class="line" /> <p class="small">2012 年 4 月 2 日 発 行 </p> <p class="small"> 発 行 所 : </p> </body>

34 サンプル 画 面 イメージ

CSSの基礎

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

More information

文 書 構 造 とスタイル

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

More information

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

スタイルシートでデザインを整えよう スタイルシートでデザイン(2) CSS (Cascading Style Sheets) ここまで HTML は 文 章 の 意 味 的 な 役 割 を 記 述 するもので 表 示 はブラウザ 次 第 であること を 強 調 してきました あるブラウザでの 表 示 方 法 を 前 提 に HTML で 見 た 目 を 制 御 しようとす ると 他 の 環 境 では 意 味 が 通 じにくい 相 互

More information

HTML5&CSS3 レッスンブック

HTML5&CSS3 レッスンブック STEP 7-6 Chapter 7 FINISHING & ARRANGE style.css STEP 7-6 で 置 き 換 えた style.css の 設 定 です DESIGN POINTS デザインのポイント Google Fontsの Bowlby One で 表 示 ナビゲーションメニューの 各 リンクは 四 角 形 にデザイン コンテンツは 罫 線 で 囲 まない メインコンテンツの

More information

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

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

More information

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

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

More information

Web10.pptx

Web10.pptx 情 報 処 理 技 法 (マルチメディア)I 1 第 10 回 CSS 基 礎 (2) 2 HTML5 コンテンツモデル 3 コンテンツモデル HTML5 のタグは 7つのカテゴリに 分 けられるコン テンツモデルを 採 用 している コンテンツモデルから 要 素 の 中 に 何 を 含 んでよい かが 決 定 される 参 考 W3C: HTML5 content models http://www.w3.org/tr/2011/wd-html5-20110525/content-models.html

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

Microsoft Word - 2016メディプロ1HTML統合版v1

Microsoft Word - 2016メディプロ1HTML統合版v1 2016 年 度 メディアプロジェクト 演 習 1 HTML 講 座 発 展 編 2 ~ CSS と Web アクセシビリティ 立 命 館 大 学 情 報 理 工 学 部 メディア 情 報 学 科 進 捗 が 遅 れている 場 合 に 限 り,テキスト 中 で 省 略 可 マークのついた 節 は 省 略 してもよい. 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

WORD 98 入力の手引き

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

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

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

第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

以 下 のファイルはアイテムごとの 改 変 は 行 いません root フォルダ 直 下 にある mimetype META-INF フォルダ 内 の container.xml 2. ファイル 仕 様 底 本 での 改 ページごとにファイルを 分 割 して XHTML 文 書 を 作 成 します

以 下 のファイルはアイテムごとの 改 変 は 行 いません root フォルダ 直 下 にある mimetype META-INF フォルダ 内 の container.xml 2. ファイル 仕 様 底 本 での 改 ページごとにファイルを 分 割 して XHTML 文 書 を 作 成 します デジタルコミック 協 議 会 EPUB3 固 定 レイアウト 仕 様 ガイド ver.1.0 2012/11/22 本 ガイドは コミックスコンテンツ 制 作 およびリーディングシステム(RS) 開 発 のため EPUB3 固 定 レイアウトの 仕 様 をまとめたものです 現 在 IDPF が 規 定 する EPUB3 の 仕 様 では 多 様 な 記 述 が 許 容 されているため 制 作 されたファイルに

More information

Cascade Style Sheet

Cascade Style Sheet SmartDoc Cascade Style Sheet http://k-sek01.t-komazawa.ac.jp/ (CSS) CSS HTML 1. HTML HTML HTML 2. HTML 3. HTML CSS. class :link :visited :visited :hover :active 1. { : ; } 2. ":" 3. h1 { font-size: 24pt;

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

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

Taro-CSS.jtd

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

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

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

Microsoft PowerPoint - css.ppt [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 W3Cで 推 奨 される

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

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

Microsoft PowerPoint - css [互換モード]

Microsoft PowerPoint - css [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく 使

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

インターネットマガジン2004年3月号―INTERNET magazine No.110

インターネットマガジン2004年3月号―INTERNET magazine No.110 C S S text & photo: Kaminogoya 2xUP http://2xup.boo.jp/ 1 2 3 106 +++ internet magazine 2004.03 +++ c s s CSS Technique 01.blogbody blockquote{ background-color: #CCCCCC; /* */ border-left: solid 5px #FF3300;

More information

27短01研01斉藤.indd

27短01研01斉藤.indd WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium

More information

Microsoft Word - メディア技術基礎.docx

Microsoft Word - メディア技術基礎.docx メディア 技 術 基 礎 (Web) 脇 田 玲 先 生 (2010) 田 中 浩 也 (2011) HTML の 基 本 的 な 書 き 方 テキストエディタで index.html を 作 成 して 以 下 のサンプルを 入 力 してみましょう 始 めの 2 行 は HTML を 書 く 前 のおまじないの 様 なものです ここで 登 場 する HTML タグについての 説 明 は 以 下 の

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

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

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

More information

2014メディプロ1HTML発展編2

2014メディプロ1HTML発展編2 04 年 度 メディアプロジェクト 演 習 HTML 講 座 発 展 編 ~ CSS と Web アクセシビリティ 立 命 館 大 学 情 報 理 工 学 部 メディア 情 報 学 科 進 捗 が 遅 れている 場 合 に 限 り,テキスト 中 で 省 略 可 マークのついた 節 は 省 略 してもよい. はじめに 本 演 習 ではこれまで, 様 々なタグを 用 いた 基 礎 的 な Web ページの

More information

目 次 1.CSSとは? 予 備 知 識 2.common.css 3.calendar.css 4.archive_layout.css 5.left_layout.css 6.right_layout.css 7.three_layout.css 3 6 7 27 31 33 36 39 2

目 次 1.CSSとは? 予 備 知 識 2.common.css 3.calendar.css 4.archive_layout.css 5.left_layout.css 6.right_layout.css 7.three_layout.css 3 6 7 27 31 33 36 39 2 株 式 会 社 アイ オー データ 機 器 CSS 解 説 書 目 次 1.CSSとは? 予 備 知 識 2.common.css 3.calendar.css 4.archive_layout.css 5.left_layout.css 6.right_layout.css 7.three_layout.css 3 6 7 27 31 33 36 39 2 1.CSSとは? 3 1.CSSとは?

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

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

Microsoft PowerPoint - 電流協報告会-公開-20130424.pptx

Microsoft PowerPoint - 電流協報告会-公開-20130424.pptx 2013/3/25 EPUB3.0 ビューア 調 査 報 告 電 流 協 EPUB 研 究 部 会 ワーキンググループ 発 表 者 豊 国 印 刷 加 藤 凸 版 印 刷 遠 藤 大 日 本 印 刷 苣 木 1 背 景 : 日 本 でのEPUB3.0の 制 作 需 要 の 急 増 2011 年 10 月 IDPF EPUB 3.0 Final Specification 公 開 2012 年 3 月

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

スライド 1

スライド 1 第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの

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

html_text

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

More information

EPUB kobo Kindle Apple EPUB IDPF epubcheck Version 3.0.1 3 ver.1.1.2 http://www.ebpaj.jp/guide.html EPUB 2014.07.10 0.8 https://docs.google.com/spread

EPUB kobo Kindle Apple EPUB IDPF epubcheck Version 3.0.1 3 ver.1.1.2 http://www.ebpaj.jp/guide.html EPUB 2014.07.10 0.8 https://docs.google.com/spread Ver.0.8 2014/09/10 EPUB kobo Kindle Apple EPUB IDPF epubcheck Version 3.0.1 3 ver.1.1.2 http://www.ebpaj.jp/guide.html EPUB 2014.07.10 0.8 https://docs.google.com/spreadsheets/d/199c4pst4hszv- 1E2RdoJbnV0PdOS8Y86V1K_rQwFsLY/edit?usp=sharing

More information

スタイルシートを 用 いた Web ページの 運 用 静 岡 大 学 工 学 部 技 術 部 太 田 諭 之, 大 橋 和 義, 後 藤 克 嘉, 水 野 保 則 tsoota@ipc.shizuoka.ac.jp 1.はじめに 静 岡 大 学 工 学 部 技 術 部 のホームページは 2008 年

スタイルシートを 用 いた Web ページの 運 用 静 岡 大 学 工 学 部 技 術 部 太 田 諭 之, 大 橋 和 義, 後 藤 克 嘉, 水 野 保 則 tsoota@ipc.shizuoka.ac.jp 1.はじめに 静 岡 大 学 工 学 部 技 術 部 のホームページは 2008 年 Departmental Bulletin Paper / 紀 要 論 文 スタイルシートを 用 いたWebページの 運 用 太 田, 諭 之 ; 大 橋, 和 義 ; 後 藤, 克 嘉 ; 水 野, 保 則 技 術 職 員 による 技 術 報 告 集. 2009, 17, p. 24-27. http://hdl.handle.net/10076/10274 スタイルシートを 用 いた Web ページの

More information

ホームページの作成

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

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

■新聞記事

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

More information

はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディ

はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディ 株 式 会 社 クロノドライブ コーディングガイドライン 改 訂 履 歴 2009/10/01 初 版 2010/12/06 一 部 修 正 2011/05/02 対 応 ブラウザ 修 正 画 像 ファイルの 形 式 修 正 補 足 追 記 2013/04/12 対 応 ブラウザ 修 正 2014/02/25 文 言 内 容 一 部 修 正 2014/04/08 対 応 メーラーの 追 加 2014/06/05

More information

うさこ(うえだうさこ) usakororin 1999 年 imacdv 購 入 web 制 作 にハマる 2001 年 印 刷 会 社 に 入 社 2003 年 web 制 作 会 社 トゥーウェイズ 立 ち 上 げ 2004 年 大 阪 芸 術 大 デザイン 学 科 入 学 2010 年 電 子

うさこ(うえだうさこ) usakororin 1999 年 imacdv 購 入 web 制 作 にハマる 2001 年 印 刷 会 社 に 入 社 2003 年 web 制 作 会 社 トゥーウェイズ 立 ち 上 げ 2004 年 大 阪 芸 術 大 デザイン 学 科 入 学 2010 年 電 子 タグ 付 きテキストのお 話 1 時 間 目 WEB でのまーくあっぷらんげーじ うさこ(うえだうさこ) usakororin 1999 年 imacdv 購 入 web 制 作 にハマる 2001 年 印 刷 会 社 に 入 社 2003 年 web 制 作 会 社 トゥーウェイズ 立 ち 上 げ 2004 年 大 阪 芸 術 大 デザイン 学 科 入 学 2010 年 電 子 書 籍 の 勉 強

More information

スライド 1

スライド 1 株 式 会 社 アジタス コーディングレギュレーション 改 訂 履 歴 初 版 2009/10/01 一 部 修 正 2010/12/06 対 応 ブラウザ 修 正 画 像 ファイルの 形 式 修 正 補 足 追 記 2011/05/02 対 応 ブラウザ 修 正 2013/04/12 文 言 内 容 一 部 修 正 2014/02/25 対 応 メーラーの 追 加 2014/04/08 メールアドレスの

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

チェッカー解説_20141010.indd

チェッカー解説_20141010.indd Version 1.1.1 Ver.0.8 2014/09/10 Ver.1.0 2014/10/06 Ver.1.1 2014/10/10 EPUB kobo Kindle Apple EPUB IDPF epubcheck Version 3.0.1 3 ver.1.1.2 http://www.ebpaj.jp/guide.html EPUB 2014.07.10 0.8 https://docs.google.com/spreadsheets/d/199c4pst4hszv-

More information

Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード]

Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード] COPYRIGHT 2013 CYBRiDGE CORPORATION COPYRIGHT 2013 CYBRiDGE CORPORATION 2 TEL [] COPYRIGHT 2013 CYBRiDGE CORPORATION 3 CSS CSS2.1 CSS3 CSS CSS3IEhtc js CSS ファイル 名 内 容 格 納 フォルダ common.css style.css xxx.css

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 縦 書 き Web デ ザ イ ン 2 0 1 6 年 1 月 21 日 ( 木 ) 縦 書 き Web デ ザ イ ン ア ワ ー ド 連 動 企 画 作 品 応 募 〆 切 は 2 月 8 日 ( 月 ) 縦書きサイトの事例 POPY Novels 全 家 研 月 刊 ポ ピ ー CSSで実現している小説 本文が縦書き http://www.popy.jp/fresta/novel s/3nen/index.php

More information

Adobe® Corporate Template 2005

Adobe®  Corporate Template 2005 Dreamweaver CS3 による CSS デザイン 入 門 小 松 学 史 アドビ 認 定 インストラクター(ACI) 1 Who is this guy? 小 松 学 史 アクティブファクター Dreamweaverおよび Flash アドビ 認 定 インストラク ター(ACI) 2000 年 よりフリーランスとして マルチメディアコン テンツ 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

Web概論

Web概論 HTML/CSS Chapter 04 スタイルシートを使う Copyright 2011 ZDRIVE, K.K. All rights reserved. 4.1 CSS の仕組みと書式 CSS とは Cascading Style Sheet の略 単に スタイルシート と呼ばれることもある HTML で作ったページにレイアウトや装飾などのデザインを施すための仕組み CSS を記述したファイルは.css

More information

Microsoft PowerPoint - 第03回目.pptx

Microsoft PowerPoint - 第03回目.pptx 1 情 報 リテラシーII ( 樋 口 担 当 ) 3 回 目 10/10 本 日 の 予 定 2 Webページの 作 成 I.テキストの 記 述 方 法 II.ハイパーリンク III.インラインイメージ( 画 像 ) IV. 表 V. 課 題 3 I.テキストの 記 述 方 法 1. 改 行 4 終 了 タグは 無 い 改 行 していない なすび なすびがいっぱい

More information

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

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

CSS3

CSS3 オレたちAndroid CSS @media only screen and (max-device-width: 480px) {! div#wrapper {!! width: 400px;! }! div#header {!! background-image: url(media-queries-phone.jpg);!! height: 93px;!! position: relative;!

More information

Microsoft PowerPoint - HTML1復習_1021.ppt

Microsoft PowerPoint - HTML1復習_1021.ppt HTML-Ⅱ(HTML 文 書 構 造 編 ) 3-1 HTML 基 本 構 造 html おいしいお 店 一 覧

More information

例 ) B&B Brighton House ( http://www.bbbrightonhouse.com/ ) このサイトは タブ 先 のページごとにヘッダー 部 に 使 用 する 写 真 を 変 化 させている 例 です またこのサイト では トップページには ModifiableWeb i

例 ) B&B Brighton House ( http://www.bbbrightonhouse.com/ ) このサイトは タブ 先 のページごとにヘッダー 部 に 使 用 する 写 真 を 変 化 させている 例 です またこのサイト では トップページには ModifiableWeb i ModifiableWeb レイアウトデザインガイド 1. 基 本 構 成 ModifiableWeb を 使 用 したWebサイトの 基 本 構 成 は 以 下 のようになっています ModifiableWeb iframe の 外 側 の Page Header Page Footer 及 び 全 体 の 背 景 は 普 通 のWebサ イト 同 様 自 由 にデザインすることができます ModifiableWeb

More information

アフィリエイターの為のHTML

アフィリエイターの為のHTML アフィリエイターが 覚 えておくべき HTML 辞 典 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 はやまひろに 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 を いかなる 手 段 においても 複 製 転 載 流 用 転 売 等 することを 禁 じます このレポートに 書 かれた

More information

ISBN はデジタル 出 版 においても 対 応 しており 一 定 の 方 法 に 従 って 取 得 が 可 能 です 取 得 方 法 はいくつかあり ボイジャーが 代 行 して ISBN を 取 得 することができます 1.5 出 版 者 は 発 行 元 の 責 任 があります ボイジャーは 販

ISBN はデジタル 出 版 においても 対 応 しており 一 定 の 方 法 に 従 って 取 得 が 可 能 です 取 得 方 法 はいくつかあり ボイジャーが 代 行 して ISBN を 取 得 することができます 1.5 出 版 者 は 発 行 元 の 責 任 があります ボイジャーは 販 デジタル 出 版 をはじめる 人 へ 1 出 版 する 前 に 考 えておきたいこと 出 版 の 歴 史 は 紙 を 基 準 にしてきました デジタル 出 版 とは 何 がどう 違 うのだろうか 時 を 重 ねた 知 恵 伝 統 が 産 み 出 すものに 学 びそこから 飛 躍 する 手 段 を 導 きだすこと 1.1 世 の 中 に 自 分 が 書 いたものを 示 すもの 人 々が 読 むもの 出

More information

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正 1 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく

More information

コンテンツ制作ガイド

コンテンツ制作ガイド ( 別 冊 4) 文 化 デジタルライブラリー コンテンツ 制 作 ガイド( 平 成 24 年 版 ) 平 成 24 年 5 月 独 立 行 政 法 人 日 本 芸 術 文 化 振 興 会 Ⅰ. 技 術 的 要 件 (1)ハードウェア 要 件 1. 搭 載 CPU:Pentium4 相 当 以 上 /メインメモリ:1GB 程 度 の Windows PC で 閲 覧 が 可 能 なこと ディスプレイは

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

GMO MobileHomePage

GMO MobileHomePage テンプレート 解 説 書 (キャンペーンサイト) Last update 2010/02/26 1 目 次 1. テンプレート 解 説 書 (キャンペーンサイト)について...3 2. テンプレートを 利 用 した 携 帯 サイト 制 作 方 法...4 3. 全 ページ 共 通 画 像 について...5 4. トップページ 解 説...7 5. 問 題 ページ 解 説...8 6. 正 解 ページ

More information

縦 組 スタイルシート 作 業 部 会 とは 出 版 ワークフロー 文 書 ( 組 版 指 定 付 ) オーサリング ツール ( 著 者 編 集 者 ) スタイルシート 本 文 ( 個 別 指 定 付 ) 組 版 エンジン (XMLフォーマッタ ブラウザ など) 書 籍 雑 誌 新 聞 など 電 子

縦 組 スタイルシート 作 業 部 会 とは 出 版 ワークフロー 文 書 ( 組 版 指 定 付 ) オーサリング ツール ( 著 者 編 集 者 ) スタイルシート 本 文 ( 個 別 指 定 付 ) 組 版 エンジン (XMLフォーマッタ ブラウザ など) 書 籍 雑 誌 新 聞 など 電 子 第 22 回 多 言 語 組 版 研 究 会 縦 組 の 組 版 方 法 と 組 版 指 定 交 換 形 式 2007 年 2 月 19 日 小 野 澤 賢 三 縦 組 スタイルシート 作 業 部 会 とは 出 版 ワークフロー 文 書 ( 組 版 指 定 付 ) オーサリング ツール ( 著 者 編 集 者 ) スタイルシート 本 文 ( 個 別 指 定 付 ) 組 版 エンジン (XMLフォーマッタ

More information

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

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

More information

第 10 問 HTML5 の h1 h6 要 素 は 単 なる 見 出 し ではなく セクションの 見 出 し を 表 す 第 11 問 ウェブページの 表 示 方 法 は CSS で 指 定 されるものであるため 記 述 する HTML の 文 法 に 誤 りがあったとしても 表 示 に 影 響

第 10 問 HTML5 の h1 h6 要 素 は 単 なる 見 出 し ではなく セクションの 見 出 し を 表 す 第 11 問 ウェブページの 表 示 方 法 は CSS で 指 定 されるものであるため 記 述 する HTML の 文 法 に 誤 りがあったとしても 表 示 に 影 響 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 において header 要 素 はセクショニングコンテンツに 属 さない 第 2 問 jquery などの JavaScript フレームワークの 利 用 には 各 ユーザエージェントのプラグインが 必 須 である 第 3 問 不 正 アクセスや 不 正

More information

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

モール管理者マニュアル Ver.1.0 1 Html 編 集 ツール 補 足 マニュアル Ver.1.0 株 式 会 社 ソフトクリエイト 2012/11/14 目 次 1. Html について... 3 1.1. Html とは... 4 1.2. Html タグの 基 本... 5 1.2.1. HTML タグの 基 礎... 5 1.2.2. HTML タグの 種 類 ( 主 要 タグ)... 7 2. Html 編 集 ツール...

More information

本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 な

本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 な アメブロ ~ヘッダー 画 像 メニューバーの 設 定 方 法 ~ 本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 なヘッダー 画 像 を 作 成 する

More information

Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ

Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ Fckeditor マニュアル 目 次 Fckeditor の 基 本 的 な 使 い 方... 2 記 事 の 登 録 プレビューの 前 に... 2 リンクを 挿 入... 5 画 像 を 挿 入 する... 6 PC に 保 存 している 画 像 の 挿 入... 6 WEB 上 の 画 像 を 挿 入... 8 文 字 装 飾... 10 文 章 を 見 出 しにする... 10 太 文 字

More information

p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge

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. 固 定 レイアウトについて 固 定 レイアウト(Fixed Layout)を 採 用 した 電 子 書 籍 は (A)テキストと 図 版 を 絶 対 配 置 した 形 式 (B)ページを 丸 ごとイメージ( 画 像 )にした 形 式 に 大 別 できる (A)は ページ 上 の 座 標 指 定

1. 固 定 レイアウトについて 固 定 レイアウト(Fixed Layout)を 採 用 した 電 子 書 籍 は (A)テキストと 図 版 を 絶 対 配 置 した 形 式 (B)ページを 丸 ごとイメージ( 画 像 )にした 形 式 に 大 別 できる (A)は ページ 上 の 座 標 指 定 1. 固 定 レイアウトについて 固 定 レイアウト(Fixed Layout)を 採 用 した 電 子 書 籍 は (A)テキストと 図 版 を 絶 対 配 置 した 形 式 (B)ページを 丸 ごとイメージ( 画 像 )にした 形 式 に 大 別 できる (A)は ページ 上 の 座 標 指 定 によって 自 由 度 の 高 いレイアウト 表 現 を 可 能 にしているが リフロー 形 式 のようにリー

More information

H10-3 placeholder 未 入 力 時 placeholder title +placeholder + 各 input typeの 読 み 上 げ 例 tit

H10-3 placeholder 未 入 力 時 <textarea title=title  placeholder=placeholder ></textarea> placeholder title +placeholder + 各 input typeの 読 み 上 げ 例 tit HTML H1-1 title - あり - ページタイトル + ページ 遷 移 時 に 読 み 上 げる H1-2 - なし なし 読 み 上 げしない H2 h1...h6 みだし + H3 em - タグ 前 後 の がある 場 合 は 一 拍 おいて 読 まれる H4 strong

More information

Microsoft PowerPoint - lecture1210.pptx

Microsoft PowerPoint - lecture1210.pptx HTML: HyperText Markup Language 1 ウェブページ 作 成 名 古 屋 大 学 情 報 基 盤 センター 情 報 基 盤 ネットワーク 研 究 部 門 嶋 田 創 通 常 のウェブページはHTMLで 記 されている URLの 最 後 が.htmlで 終 わっている( 右 下 図 )ことが 多 いのはそのせい Windowsは 拡 張 子 が.htmlもしくは.htmの

More information

(1)

(1) 第 回 アビリンピック 京 都 大 会 ホームページ 部 門 練 習 問 題 (1) 仕 様 1 ホームページの 内 容 府 立 京 都 高 等 技 術 専 門 校 のホームページを 作 成 する 2 ページ 構 成 とファイル index.html guid.html course.html mystyle.css ie.css 以 上 のファイルと 素 材 はホームページよりダウンロードして

More information

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

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

More information

(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc)

(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc) スタイルシート ( 第 1 章 基 礎 1) HTMLはWeb 作 成 用 の 言 語 ですが 文 字 飾 りがかなり 貧 弱 です そこを 強 化 した ものがスタイルシートと 言 われるものです さらにスタイルシートには HTMLでは 出 来 ないような 仕 組 みも 取 り 入 れられています スタイルシートよりレベルの 高 い 技 術 は JavaScript ですが スタイルシートの 仕

More information

分散情報システム構成法

分散情報システム構成法 Web Information System Design No.3 Web 文 書 にスタイルを 付 ける Tatsuya Hagino (hagino@sfc.keio.ac.jp) 1 Webページの 構 成 要 素 直 交 技 術 を 組 み 合 わせる 内 容 スタイル プログラミング スタイル プログラミング JavaScript CSS Webページ Web 文 書 HTML 内 容

More information

[color]- 色 の 設 定 color: 値 ; スタイルシートでは 文 字 の 色 を 変 えたり 背 景 に 色 を 付 けたりすることができます こ のとき 色 の 指 定 が 必 要 になりますが CSS では 大 きく 分 けて カラー 名 による 指 定 と 数 値 (RGB) に

[color]- 色 の 設 定 color: 値 ; スタイルシートでは 文 字 の 色 を 変 えたり 背 景 に 色 を 付 けたりすることができます こ のとき 色 の 指 定 が 必 要 になりますが CSS では 大 きく 分 けて カラー 名 による 指 定 と 数 値 (RGB) に CSS の 主 なプロパティ プロパティ 説 明 color 色 の 設 定 font フォントの 一 括 設 定 font-size フォントサイズの 設 定 font-family フォントの 種 類 の 設 定 font-style 文 字 を 斜 体 にする text-align 位 置 の 設 定 text-decoration 文 字 装 飾 の 設 定 vertical-align 文

More information

68 69

70 71 72 73

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 ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 2

More information

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる

背 景

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる <html> <body bgcolor=yellow> <p> 背 景 第 22 章 ウェブページの 作 成 2 画 像 の 表 示 HTMLの 細 かいタグ 自 己 紹 介 ページの 作 成 1. 画 像 を 入 れる Word の 画 面 で 画 像 ( 写 真 や 絵 )を 入 れるときは イメージそのものを 表 示 し たが ウェブページに 画 像 を 入 れるには メモ 帳 の 画 面 で 直 接 画 像 を 表 示 させることはできない 作 業 している HTML

More information

Peace & Piece 画面設計書

Peace & Piece 画面設計書 ホームページ 仕 様 書 株 式 会 社 目 次 1. 更 新 履 歴 2. 構 成 図 3. 制 作 における 基 本 事 項 4. 画 面 設 計 の 定 義 ルール 5. 各 画 面 仕 様 設 計 6. 仕 様 書 確 定 の 合 意 更 新 履 歴 更 新 日 付 更 新 箇 所 更 新 内 容 構 成 図 A-1 トップページ 会 社 サービス 特 徴 コンテンツ サブコンテンツ その

More information

初 期 設 定... 2 拡 張 子 について... 2 Expression Web 4 の 導 入 について... 3 Expression Web 4 SP2 ( 無 料 版 )のダウンロード... 3 Expression Web 4 の 設 定 について... 4 作 成 ページ 例 につ

初 期 設 定... 2 拡 張 子 について... 2 Expression Web 4 の 導 入 について... 3 Expression Web 4 SP2 ( 無 料 版 )のダウンロード... 3 Expression Web 4 の 設 定 について... 4 作 成 ページ 例 につ 日 本 情 報 処 理 検 定 協 会 主 催 1 級 編 (Expression Web 4 対 応 ) 2015 年 4 月 日 本 情 報 処 理 検 定 協 会 初 期 設 定... 2 拡 張 子 について... 2 Expression Web 4 の 導 入 について... 3 Expression Web 4 SP2 ( 無 料 版 )のダウンロード... 3 Expression

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

卒 論 のためのWord03 目 次 ページ 設 定 の 方 法 - 用 紙 サイズの 設 定 - 余 白 印 刷 形 式 の 設 定 -3 文 字 数 行 数 の 設 定 ページ 番 号 のつけ 方 5 - ページ 番 号 をつける - ページ 番 号 を 途 中 からつける -3 ページ 番 号

卒 論 のためのWord03 目 次 ページ 設 定 の 方 法 - 用 紙 サイズの 設 定 - 余 白 印 刷 形 式 の 設 定 -3 文 字 数 行 数 の 設 定 ページ 番 号 のつけ 方 5 - ページ 番 号 をつける - ページ 番 号 を 途 中 からつける -3 ページ 番 号 卒 論 のためのWord03 目 次 ページ 設 定 の 方 法 - 用 紙 サイズの 設 定 - 余 白 印 刷 形 式 の 設 定 -3 文 字 数 行 数 の 設 定 ページ 番 号 のつけ 方 5 - ページ 番 号 をつける - ページ 番 号 を 途 中 からつける -3 ページ 番 号 を 途 中 から 消 す -4 一 部 のページのみページ 番 号 を 消 す 3 目 次 のつくり

More information

第5回

第5回 情 報 教 育 演 習 II 第 5 回 HTML(4) 前 回 に 引 き 続 き Webの 中 心 的 な 技 術 HTML について 実 習 をします 今 回 で HTMLのまとめ になります HTML(4) 1. 水 平 線 をつくる( 復 習 ) 2.イメージを 貼 り 付 ける 今 回 の 課 題 1.HTMLファイルを 作 成 する 2.HTMLファイルの 文 法 をチェックする -

More information

1/2

1/2 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画

More information

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

情報公開システム論2.pptx 情 報 公 開 システム 論 (2) 神 戸 情 報 大 学 院 大 学 横 山 輝 明 電 子 文 書 としてのWebページ 2 ホームページ(1) ホームページ 自 由 に 作 成 安 価 世 界 中 に 公 開 多 彩 な 表 現 力 双 方 向 性 - 島 根 県 立 大 学 - 島 根 県 立 大 学 短 期 大 学 部 h,p://www.u- shimane.ac.jp/ 3 ホームページ(2)

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

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

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

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

18

18 3.2.1 HTML,CSS 概 要 第 3 部 第 2 章 HTML,CSS 私 達 が 普 段 見 ている Web ページは そのほぼ 全 てが HTML(HyperText Markup Language)と CSS(Cascading Style Sheets)をはじ めとするいくつかの 技 術 の 組 み 合 わせによって 作 られています そして 私 達 でも 簡 単 に Web ページを

More information

Word2013による文書の作成(1級).indd

Word2013による文書の作成(1級).indd Word 1 Word2013 1 オプション 段 落 の 設 定 (1) 文 字 ずれをしないための 設 定 を 行 う( 別 冊 初 期 設 定 参 照 ) (2)(1)の 設 定 以 外 に 以 下 の 設 定 を 行 う 1 [ホーム]タブ [ 段 落 ]グループの を 2 [ 段 落 ]ダイアログボックスの 中 の[ 体 裁 ] クリックする タブをクリックし [オプション]をクリック する

More information

16. ペルソナ シナリオ 法 におけるペルソナとは ある 実 在 する 特 定 の 1 人 の 人 物 のことである 17. ユーザインタフェースの 分 野 での GUI とは ジオグラフィック ユーザ インタフェースの 略 称 で ある 18. HTML 4.01 Strict では XML 宣

16. ペルソナ シナリオ 法 におけるペルソナとは ある 実 在 する 特 定 の 1 人 の 人 物 のことである 17. ユーザインタフェースの 分 野 での GUI とは ジオグラフィック ユーザ インタフェースの 略 称 で ある 18. HTML 4.01 Strict では XML 宣 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 1. CSS において div, p のような 記 述 は 子 孫 セレクタの 指 定 である 2. URL 中 のパスにおいて ファイル 名 を 指 定 せずにディレクトリ 名 だけ 指 定 した 場 合 必 ずそのディ レクトリ 内 の index.html が 表 示 される

More information