WORD 98 入力の手引き

Size: px
Start display at page:

Download "WORD 98 入力の手引き"

Transcription

1 コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され 始 めています ワープロソフトなどで 文 書 の 見 栄 え(スタイル)を 指 定 する 技 術 全 般 をスタイルシートといいますが ウェブページの 見 栄 え 設 定 をするためには 一 般 的 にスタイルシート 言 語 の 1 つである CSS が 使 われます CSS は HTML と 組 み 合 わせて 使 用 されます HTML ではページ 内 の 各 要 素 の 意 味 や 構 造 を 定 義 しますが CSS では ページを 装 飾 するための 情 報 を 定 義 します たとえば ウェブページが 画 面 に 表 示 される 際 の 色 サイズ レイアウト といった 表 示 スタイルや プリンタな どで 印 刷 される 際 のスタイル 音 声 で 読 み 上 げられる 際 の 再 生 スタイルなどを 指 定 できます 1.2. なぜ CSS が 必 要 か 現 在 HTML では <font>タグや background 属 性 など 装 飾 のためのタグや 属 性 が 多 く 存 在 しています また 表 (table タグ)でページをレイアウトするなどすれば HTML だけで 見 栄 えを 設 定 することもできます しかしウェブページの 見 栄 えを 設 定 するために HTML を 用 いるのは HTML 本 来 の 目 的 と 異 なる 使 い 方 です HTML は 情 報 構 造 を 定 義 するための 言 語 ですので 見 栄 えの 制 御 のために 本 来 と 違 った 使 い 方 をすると 文 書 の 情 報 構 造 がデタラメになってしまいます コンピュータや 検 索 エンジンに 理 解 しづらい 文 書 構 造 になってしまえば せっか くの 情 報 がうまく 識 別 されず 有 意 義 に 活 用 されません そこで HTML では 文 書 構 造 のみを 定 義 し ページの 見 栄 え(スタイル)については HTML と 別 に 管 理 することが 推 奨 されるようになりました この 見 栄 えの 設 定 に 用 いられるのが CSS なのです HTML の 次 世 代 バージョンである HTML5 では <font>や<center>タグなど いくつかの 見 栄 えに 関 するタグが 廃 止 される 予 定 となっています 1.3. CSS のメリット (1) 文 書 構 造 を 保 ったままページの 見 栄 えを 設 定 できる HTML で 見 栄 えを 設 定 しようとして 文 章 の 内 容 や 意 味 にそぐわない HTML を 使 用 すると 文 章 構 造 が 難 解 になりま す そこで CSS を 使 うと 文 章 構 造 (HTML)への 影 響 を 最 小 限 にしながらページの 見 栄 えを 設 定 できます ページの 構 造 と 見 栄 えを 分 離 することで HTML の 記 述 をスッキリさせられます (2) 作 業 しやすくなる 例 えば HTML で 見 出 し(<h1>)の 色 やサイズを 変 えようとすると <h1>タグが 使 われているすべての 箇 所 を 修 正 す る 必 要 があります CSS を 使 うと このような 見 栄 えの 設 定 を 一 括 管 理 できます また 複 数 ページで CSS を 共 有 できるので サイト 全 体 のデザイン 変 更 などが 容 易 になり 編 集 が 格 段 に 楽 になります (3) SEO 効 果 やアクセシビリティ 向 上 見 栄 えに 関 する 記 述 を CSS にまとめ HTML から 排 除 することで Google 等 の 検 索 エンジンに 正 しく 解 釈 されるウ ェブページとなります また HTML から 余 分 な 記 述 を 省 くことで 検 索 エンジンによるページの 分 析 処 理 などが 軽 量 化 されます これによって SEO 効 果 やアクセシビリティの 向 上 が 期 待 できます SEO とは 検 索 エンジンにとって 良 いページを 作 ることで 貴 方 のサイトを 検 索 されやすくし アクセス 数 をより 多 く 集 めるための 技 術 です 2. CSS の 書 き 方 2.1. 基 本 書 式 [ セレクタ プロパティ 値 ] CSS で 設 定 を 記 述 する 際 は どの 部 分 に 対 して(セレクタ) どのスタイルを(プロパティ) どのように( 値 ) 適 用 するかを 記 述 します 以 下 の 例 では <h1>タグ 範 囲 内 の 文 字 色 を 赤 くする 記 述 を 記 します h1{color:red;} 基 本 的 に セレクタ {プロパティ 名 : 値 ;} のように 記 述 します - 1 -

2 セレクタ(selector)は 見 栄 え(スタイル)を 適 用 する 対 象 を 指 定 するものです この 例 では<h1>タグが 対 象 になってい ます 異 なるセレクタを 使 うことで 様 々な 対 象 に 見 栄 えを 設 定 できます プロパティ(property)は 適 用 するスタイルの 種 類 のことです また 値 はプロパティに 設 定 する 具 体 的 な 内 容 です こ の 例 では 文 字 色 を 指 定 する color プロパティに 対 して 値 red を 指 定 しています CSS では 様 々なプロパティが 用 意 されており 使 い 分 けることで 様 々な 見 栄 えを 設 定 できます プロパティ: 値 ; 部 分 は { ~ } で 囲 んでください なお{ ~ }の 範 囲 全 体 を 宣 言 ブロック(declaration block) プロパテ ィ: 値 ; の 部 分 をスタイル 宣 言 (declaration)と 呼 びます 2.2. 複 数 のスタイル 宣 言 を 一 度 に 記 述 一 つのセレクタに 対 して 複 数 スタイルを 設 定 する 場 合 は スタイル 宣 言 をセミコロン( ; )で 区 切 って 記 述 します セミコロン( ; )はスタイル 宣 言 を 区 切 るための 記 号 なので 最 後 のスタイル 宣 言 の 後 には 必 要 ありませんが 付 けても 間 違 いではありません p { color:red; background-color:green; } この 例 では<p>タグの 範 囲 内 に 対 して 文 字 色 (color)を 赤 さらに 背 景 色 (background-color)を 緑 に 設 定 しています 2.3. コメントの 記 述 /*から*/で 囲 んだ 範 囲 はコメントとなり CSS の 解 釈 としては 無 視 されます 一 時 的 に CSS を 無 効 にしたり CSS ソ ース 内 にメモを 残 したりする 際 に 便 利 です なお /* /* */ */ のように 二 重 に 使 うことはできません p { color:blue; line-height:1.5; } /* 段 落 の 文 字 色 を 青 くし 行 の 高 さを 1.5 倍 にする */ 2.4. スペースや 改 行 について CSS では 半 角 スペース 改 行 タブ は 結 果 に 影 響 を 与 えません これらを 使 用 して CSS 記 述 を 見 やすく 整 形 して も 問 題 ありません p { } color:red; background-color:green; 上 の 例 は 2.2で 紹 介 した p { color:red; background-color:green; } と 同 じ 意 味 になります 2.5. 大 文 字 と 小 文 字 について HTML では 要 素 名 や 属 性 名 についての 大 文 字 小 文 字 を 区 別 しませんが 拡 張 版 の XHTML では 要 素 名 と 属 性 名 は 小 文 字 で 記 述 する 必 要 があります CSS を 記 述 する 場 合 その CSS が HTML 文 書 に 適 用 されるか XHTML 文 書 に 適 用 されるかによって 大 文 字 小 文 字 が 区 別 されるかどうかが 決 まります よって CSS を 記 述 する 際 は 将 来 的 に XHTML へ 移 行 する 可 能 性 を 考 えて 要 素 名 や 属 性 名 をすべて 小 文 字 で 記 述 したほうがよいでしょう 3. CSS を HTML ファイルで 使 用 する CSS を HTML 文 章 に 適 用 するには 大 きく 分 けて 3 つの 方 法 があります 1 外 部 CSS ファイルを 読 み 込 んで 適 用 する ( <link>タグ ) 2 ファイル 単 位 に 適 用 する ( <style>タグ ) 3 タグに style 属 性 を 追 加 して 局 所 的 に 適 用 する 3.1. 外 部 CSS ファイルを 読 み 込 んで 適 用 する ( <link>タグ ) HTML ファイルと 別 に CSS を 記 入 したファイルを 用 意 して HTML ファイル 内 から 読 み 込 ませる 方 法 です そのためには HTML 文 章 のタグ 内 に 以 下 のような<link>タグを 記 述 し CSS ファイル 名 を 指 定 します HTML ファイルの 内 容 <link rel="stylesheet" type="text/css" href="xxx.css" > - 2 -

3 <h1> 第 一 章 はじめに</h1> xxx.css ファイル の 内 容 h1 { color:red; } /* h1 見 出 しの 文 字 色 を 赤 にする */ 上 の 例 では HTML ファイル 内 の 全 ての<h1> 見 出 しの 文 字 色 が 赤 色 になります サイト 全 体 に 対 するデザイン 修 正 のしやすさ などを 考 慮 すると この 方 法 で CSS を 設 定 するのがおすすめです 3.2. ファイル 単 位 に 適 用 する ( <style>タグ ) HTML 文 書 のタグ 内 に<style>タグを 追 加 して CSS を 設 定 する 方 法 です この 書 き 方 の 場 合 CSS 設 定 はファイル 内 だけで 有 効 です <style type="text/css"> <!-- h1 { color: red; } --> </style> <h1> 第 二 章 CSS とは</h1> この 例 では ファイル 内 の 全 ての <h1> 見 出 しの 文 字 色 が 赤 色 になります なお CSS 部 分 が HTML のコメント 表 現 <!-- -->でコメント 化 されているのは CSS に 対 応 していない 古 いブラ ウザでこのページを 見 た 時 <style>タグ 内 の 文 字 がそのまま 表 示 されてしまうのを 防 ぐためです ただ 近 年 ほとんどのブラウザは CSS に 対 応 しているので <!--と-->は 省 略 してもおおむね 問 題 ないでしょう 3.3. タグに style 属 性 を 追 加 して 局 所 的 に 適 用 する HTML タグに style 属 性 を 追 加 して HTML 文 章 の 中 に 直 接 CSS を 記 述 する 方 法 です <p style="color:red; line-height:1.5;" >CSS のメリットとは </p> 上 の 例 では 指 定 の<p>タグ 範 囲 のみ 文 字 色 が 赤 行 間 が 1.5 倍 の 高 さになります なお style 属 性 による CSS 設 定 は 局 所 的 にスタイルを 設 定 する 際 などには 便 利 ですが HTML 記 述 が 複 雑 になり がちです 効 率 良 く 見 栄 えを 管 理 するには 3.1のように 外 部 CSS ファイルを 読 み 込 むのが 推 奨 です 4. セレクタの 種 類 セレクタ {プロパティ 名 : 値 ;} セレクタは 見 栄 え(スタイル)を 適 用 する 対 象 を 意 味 します 代 表 的 には 以 下 のような 種 類 があります 名 前 セレクタの 書 式 設 定 対 象 例 要 素 型 セレクタ タグ 名 タグ 名 で 指 定 した 全 要 素 p {color:blue;} クラスセレクタ.クラス 名 クラスを 付 けた 要 素.sample {color:blue;} id セレクタ #id 名 id を 付 けた 要 素 #sample {color:blue;} 複 数 セレクタ セレクタ,セレクタ 複 数 のセレクタ h1, h2 {color:blue;} 子 孫 セレクタ セレクタ セレクタ 下 の 階 層 の 子 孫 要 素 td b {color:blue;} 4.1. 要 素 型 セレクタ 指 定 のタグが 全 て CSS の 適 用 範 囲 になるセレクタです - 3 -

4 p {color:blue;} の 場 合 ページ 内 の 全 ての 段 落 (<p>)タグの 文 字 色 が 青 色 になります 4.2. クラスセレクタ 特 定 の class 名 が 付 けられたタグが CSS の 適 用 範 囲 になるセレクタです タグに class 属 性 を 追 加 することで class 名 を 付 けられます ( 例 ) <h1 class="hogehoge"> 文 書 内 の 複 数 の 箇 所 や 異 なるタグに 対 して 同 じスタイルを 適 用 できます <link rel="stylesheet" type="text/css" href="mystyle.css"> <h2> 第 三 章 CSS のメリット</h2> <p class="info">css に HTML から 見 栄 えに 関 する 設 定 を 分 離 することで </p> <p>html5 では 文 章 の 構 造 と 見 栄 えを 分 離 することが </p> mystyle.css の 内 容.info {color:blue; } この 例 では class 属 性 が 付 いている<p>タグだけに info クラスの CSS 設 定 ( 文 字 色 : 青 )が 適 用 されます CSS でクラスの 設 定 を 記 述 する 時 は class 名 の 先 頭 にドット[.]を 付 けます HTML 文 章 内 で class 属 性 を 追 加 する 時 は ドット[.]は 不 要 です 4.3. id セレクタ 特 定 の id 名 が 付 けられたタグが CSS の 適 用 範 囲 になるセレクタです タグに id 属 性 を 追 加 することで id 名 を 付 けられます ( 例 ) <table id="hogehoge"... > 1 つの HTML 文 書 内 で 同 じ id 名 を 重 複 して 使 用 することはできません id セレクタを 使 用 すれば 文 書 内 の 特 定 の 一 箇 所 にスタイルを 適 用 することができます <link rel="stylesheet" type="text/css" href="mystyle.css"> <h2 id="titlemenu" > 第 三 章 CSS のメリット</h2> <p>css に HTML から 見 栄 えに 関 する 設 定 を 分 離 することで </p> <p>html5 では 文 章 の 構 造 と 見 栄 えを 分 離 することが </p> mystyle.css の 内 容 #titlemenu {color:blue; background-color:skyblue; } この 例 では id 属 性 が 付 いた<h2>タグだけに titlemenu の CSS 設 定 が 適 用 されます CSS で id の 設 定 を 記 述 する 時 は id 名 の 先 頭 にシャープ[#]を 付 けます HTML 文 章 内 で id 属 性 を 追 加 する 時 は シャープ[#]は 不 要 です 4.4. 複 数 セレクタ セレクタをカンマ[, ]で 区 切 ると 複 数 のセレクタにまとめて 同 じ CSS 設 定 を 適 用 することができます h1, h2 {color:blue;} /* h1 タグと h2 タグの 両 方 で 文 字 色 が 青 になる */ - 4 -

5 4.5. 子 孫 セレクタ セレクタを 半 角 スペースで 区 切 ると ある 要 素 より 下 の 階 層 にある 子 孫 要 素 を 対 象 にスタイルを 適 用 することがで きます <link rel="stylesheet" type="text/css" href="mystyle.css"> <table> <tr><td><p>1 時 間 目 </p></td><td><p>2 時 間 目 </p></td></tr> </table> mystyle.css の 内 容 td p {margin:10px; } この 例 では<td>タグの 範 囲 内 にある<p>タグのみ 余 白 (margin)が 10 ピクセルに 設 定 されます 5. スタイルシート 設 定 に 便 利 なタグ CSS は 既 存 の HTML タグに 追 加 する 形 で 見 栄 えを 設 定 できます しかし HTML タグが 無 い 場 所 に 見 栄 えを 設 定 したい 場 合 もあります このような 場 合 のために HTML には <div>タグと<span>タグが 用 意 されています 5.1. <div>タグ <div>タグは それ 自 身 には 効 果 がありませんが <div>~</div>で 囲 まれた 四 角 形 の 範 囲 に 対 して CSS を 適 用 させられます <div> 範 囲 の 上 下 には 自 動 的 に 改 行 が 入 ります <div>タグは 単 体 では 意 味 が 無 いので class 属 性 を 追 加 したり style 属 性 を 追 加 したりして 使 用 します HTML 記 述 例 <p>この 文 章 はサンプル 文 章 です <div style="border:dashed 1px red"> 注 意 書 き<br>これは 重 要 な 文 章 です </div> この 文 章 はサンプル 文 章 です </p> 画 面 の 出 力 例 この 文 章 はサンプル 文 章 です 注 意 書 き これは 重 要 な 文 章 です この 文 章 はサンプル 文 章 です 上 の 例 では <div>タグに style 属 性 を 追 加 して 周 囲 に 罫 線 (border)を 引 いています このように 四 角 形 の 範 囲 を 持 つタグのことをブロック 要 素 と 言 います なお 見 出 し(h1~h6) 段 落 (p) リスト(ul,ol) などもブロック 要 素 ですので div と 同 じような 結 果 になります 5.2. <span>タグ <span>タグも それ 自 身 には 効 果 がありませんが <span>~</span>で 囲 まれた 範 囲 に 対 して CSS を 適 用 させられます <div>タグと 異 なるのは 行 内 の 一 部 が CSS 対 象 範 囲 となる 点 です HTML 記 述 例 <p>この 文 章 はサンプル 文 章 です <span style="border:dashed 1px red"> 注 意 書 き これは 重 要 な 文 章 です </span> この 文 章 はサンプル 文 章 です </p> 画 面 の 出 力 例 - 5 -

6 この 文 章 はサンプル 文 章 です 注 意 書 き これは 重 要 な 文 章 です この 文 章 はサンプル 文 章 です 上 の 例 では <span>タグに style 属 性 を 追 加 し 周 囲 に 罫 線 (border)を 引 いています <div>タグと 異 なり 行 内 の 一 部 に 罫 線 が 引 かれます <span> 範 囲 の 前 後 には 改 行 が 入 りません このような 範 囲 を 持 つタグのことをインライン 要 素 と 言 います なお 太 字 (<b>) リンク(<a>) 画 像 (<img>)などもインライン 要 素 ですので span と 同 じような 結 果 になります このように <div>タグや<span>タグを 追 加 すれば もともと HTML タグが 書 かれていない 範 囲 にも CSS 効 果 を 適 用 できるようになります 6. 様 々なプロパティ CSS の 基 本 的 な 書 式 は 以 下 のとおりでした セレクタ {プロパティ 名 : 値 ;} プロパティ 名 には 様 々なものがありますが そのうちいくつかを 紹 介 します スタイル 名 機 能 使 用 例 詳 細 解 説 color: 色 ; 文 字 の 色 を 変 更 する <p style="color:red;">...</p> <p>の 段 落 内 で 文 字 の 色 を 赤 にする background-color: 色 ; 背 景 色 を 変 更 する <div style="background-color:wheat;">...</div> <div> 範 囲 の 背 景 色 を 小 麦 色 (wheat)にする background: url('ファイル 名 '); 背 景 に 画 像 を 配 置 する <h1 style="background:url('bg.jpg');">...</h1> <h1> 範 囲 の 背 景 に bg.jpg を 背 景 として 表 示 する background-repeat: 設 定 値 ; 設 定 値 = repeat-x repeat-y no-repeat 背 景 画 像 の 繰 り 返 し 方 法 を 指 定 repeat-x 横 方 向 のみ 繰 り 返 し repeat-y 縦 方 向 のみ 繰 り 返 し no-repeat 繰 り 返 さない 通 常 背 景 画 像 はタイル 状 に 敷 き 詰 められますが このスタイルを 使 うことで 画 像 の 繰 り 返 し 表 示 を 制 御 できる <body style=" background:url('bg.jpg'); background-repeat:no-repeat; "> ページの 背 景 に bg.jpg を 背 景 として 繰 り 返 さずに 表 示 background-position: 横 縦 ; 背 景 画 像 の 表 示 位 置 を 指 定 background-position: left top; 左 上 に 表 示 background-position: 10px 20px; 左 上 から 10px 下 に 20px background-position: left; left center と 同 じ background-position: top; center top と 同 じ background-position: center; center center と 同 じ background-position: 50% 50%; center center と 同 じ background-position: right 20px; bottom:0px; 右 から 20px 下 から 0px border: 線 種 太 さ 色 ; 枠 線 を 表 示 する <div style="border: solid 1px blue;">...</div> <div> 範 囲 の 周 囲 に 実 線 (solid) 太 さ 1 ピクセル 青 色 の 枠 線 を 引 く width: 幅 ; height: 高 さ; 幅 と 高 さを 指 定 する <div style="width:200px;height:100px;">...</div> <div>の 範 囲 を 幅 200 ピクセル 高 さ 100 ピクセルの 大 きさとする background-color や border を 組 み 合 わせると 指 定 の 大 きさで 色 のついた 長 方 形 を 表 示 できる margin: 余 白 の 長 さ; margin-top: 上 余 白 の 長 さ; margin-bottom: 下 余 白 の 長 さ; margin-left: 左 余 白 の 長 さ; margin-right: 右 余 白 の 長 さ; 要 素 の 周 辺 に 余 白 を 作 る それぞれ 全 周 上 下 左 右 の 余 白 を 設 定 できる <div style="margin-left:2em;">...</div> <div> 範 囲 の 左 側 (left)に 2 文 字 分 (2em)の 余 白 を 作 る 字 下 げが 表 現 できる line-height: 行 間 ; 文 字 の 行 間 を 指 定 する <p style="line-height:1.5em">...</p> <p> 段 落 の 行 間 を 1.5 文 字 分 にする border-collapse: 設 定 値 ; 設 定 値 = collapse; separate; 隣 り 合 ったテーブルセルの 枠 線 の 描 画 方 法 を 指 定 します テーブル 専 用 のスタイル <table border="1" bordercolor="black" style=" border-collapse: collapse; "> <tr><td>1 時 間 目 </td><td>2 時 間 目 </td></tr> collapse 重 なり 合 わせて 表 示 </table> separate 離 して 表 示 collapse を 設 定 すると 罫 線 同 士 が 1 ピクセルの 線 のように 表 示 さ れ HTML の 表 特 有 の 立 体 的 デザインが 無 くなるため 平 面 的 でシンプルなデザインの 表 になります CSS のプロパティにはこの 他 にもたくさんの 種 類 があります 次 回 は CSS の 使 い 方 を 実 例 をまじえて 詳 しく 解 説 します 以 上

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

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

More information

コンピュータ基礎実習 ( 上級 ) 第 13 週の例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文

コンピュータ基礎実習 ( 上級 ) 第 13 週の例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文 コンピュータ基礎実習 ( 上級 ) 第 13 週 コンピュータ基礎実習 ( 上級 ) 第 13 週スタイルシートの基礎今回の授業は スタイルシート (CSS) の使い方を解説します 1. CSS の基本 ( 教科書第 3 章 ) 1.1. CSS とは CSS は Cascading Style Sheets の略で ウェブページの見栄えを設定するための言語です CSS はウェブページにとって比較的新しい規格ですが

More information

コンピュータ基礎実習(上級) 第二回

コンピュータ基礎実習(上級) 第二回 コンピュータ 基 礎 実 習 ( 上 級 ) 第 四 回 ウェブページの 作 成 について3 清 水 淳 紀 前 回 までの 内 容 ページの 作 成 方 法 ( 編 集 アップロード 確 認 ) ページはKompozer やメモ 帳 等 で 編 集 する ページを 公 開 するには アップロードをする 必 要 がある Internet Explorerなどでページを 開 き F5キーで 表 示 を

More information

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように 情 報 メディアとインターネット 授 業 資 料 (2011.7.4) 1.HTML の 基 本 HTML ファイルというのは 例 えば 以 下 のような 内 容 のテキストファイルです 拡 張 子 を.html また は.htm とするのが 普 通 で Web ブラウザで 読 み 込 まれて 中 身 の 表 示 が 行 われます Simple HTML File Hello

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

Microsoft PowerPoint - css [互換モード]

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

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

(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

コンピュータ基礎実習 ( 上級 ) 第 12 週例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文字

コンピュータ基礎実習 ( 上級 ) 第 12 週例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文字 コンピュータ基礎実習 ( 上級 ) 第 12 週 コンピュータ基礎実習 ( 上級 ) 第 12 週スタイルシートの基礎今回の授業は スタイルシート (CSS) の使い方を解説します 1. CSS の基本 ( 教科書第 3 章 ) 1.1. CSS とは CSS は Cascading Style Sheets の略で ウェブページの見栄えを設定するための言語です CSS はウェブページにとって比較的新しい規格ですが

More information

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

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

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

CSSの基礎

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

More information

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

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

More information

KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2

KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 目 次 動 作 環 境 特 長 方 法 方 法 起 動 終 了 方 法 方 法 操 作 方 法 使 方 使 方 使 方 詳 細 設 定 使 方 KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 KINGSOFT Office 2016 特 長 主 特 長 以

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

SXF 仕 様 実 装 規 約 版 ( 幾 何 検 定 編 ) 新 旧 対 照 表 2013/3/26 文 言 変 更 p.12(1. 基 本 事 項 ) (5)SXF 入 出 力 バージョン Ver.2 形 式 と Ver.3.0 形 式 および Ver.3.1 形 式 の 入 出 力 機 能 を

SXF 仕 様 実 装 規 約 版 ( 幾 何 検 定 編 ) 新 旧 対 照 表 2013/3/26 文 言 変 更 p.12(1. 基 本 事 項 ) (5)SXF 入 出 力 バージョン Ver.2 形 式 と Ver.3.0 形 式 および Ver.3.1 形 式 の 入 出 力 機 能 を SXF 仕 様 実 装 規 約 版 ( 幾 何 検 定 編 ) 新 旧 対 照 表 2013/3/26 改 訂 の 要 因 旧 新 (2013 年 4 月 版 ) 文 言 削 除 p.11(1. 基 本 事 項 ) (2) 保 証 すべき 実 数 の 精 度 p.5(1. 基 本 事 項 ) (2) 保 証 すべき 実 数 の 精 度 1. 用 紙 系 ( 線 種 ピッチ 等 用 紙 上 の 大 きさで

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

<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63>

<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63> 文 書 作 成 演 習 ( 応 用 編 ) (Word007,Excel007) 文 書 作 成 演 習 ( 応 用 編 ) のテキストを 参 考 にしながら, 次 の 学 級 だよりを 作 成 してみましょう IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 演 習 用 素 材 のフォルダをデスクトップ 上 に 作 成 します IPA 教 育 用 画 像 素 材 集

More information

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

問 題 1 背 景 色 という 文 字 列 の 背 景 をちょっと 青 っぽい 色 (#6699FF)で 表 示 するHMTLを 作 成 せよ <HTML><HEAD><TITLE>test11</TITLE> <BODY BGCOLOR=#FFFFFF> この 部 分 は<STRONG STY 9.スタイルシートと JavaScript を 組 み 合 わせてみよう スタイルシートとは スタイルシートとは タグのみでは 実 現 不 可 能 なデザインレイアウトやページ 構 造 を 実 現 する 命 令 郡 です 主 に 次 の3つの 書 式 があります (1)インライン タグ 内 部 により 詳 細 なデザインを 組 み 込 む 書 式 です 例 : この 部 分 は

More information

006-021_責)Wordトレ2-1章_斉

006-021_責)Wordトレ2-1章_斉 . Wordの 起 動 Wordの 基 礎 知 識. Wordの 起 動 Wordの 起 動 は 次 のように 行 います 他 のアプリケーションソフトのように いくつかの 起 動 方 法 があります スタートメニューからの 起 動 スタートメニューから 起 動 する 方 法 は 次 の 通 りです [スタート]メニューの[すべてのプログラム]から[Microsoft-Office]の [Microsoft-Word]を

More information

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

地域ポータルサイト「こむねっと ひろしま」 5. エディタの 使 い 方 5.1. エディタとは? NetCommons の 全 モジュールで 共 通 する 編 集 画 面 です 5.2. 通 常 のエディタの 使 い 方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19)(20)(21) (22) (23) (24) (25)

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト

More information

■新聞記事

■新聞記事 PowerPoint2013 基 本 操 作 P.1 PowerPoint2013 基 本 操 作 1.PowerPoint2013 の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力 とテキストボックス... 5 5. 図 の 作 成 と 書 式 設 定... 5 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色...

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

(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

■新聞記事

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

More information

Microsoft Word - 201009_page新機能について.doc

Microsoft Word - 201009_page新機能について.doc @page 新 機 能 について 1. 全 体 背 景 とページ 背 景 画 像 に 画 像 の 入 力 背 景 にグラデーションを 採 用 する 11. 全 画 面 基 本 項 目 の 設 定 の 実 行 ボタンを 選 択 2 背 景 色 を 白 にし カスタマイズ 画 像 を 使 用 する をチェックする グラデーション 画 像 を 横 に 繰 り 返 し 表 示 を 選 択 背 景 とページを

More information

ThinkBoard Free60 Manual

ThinkBoard Free60 Manual 3.TB ファイル 制 作 手 順 簡 単 ガイド (1) 画 面 をキャプチャする ThinkBoard は ワードやエクセル インターネットブラウザなど 普 段 使 っている 画 面 を 利 用 してコンテンツを 作 る 予 め 作 っていた 画 像 を 利 用 してコンテンツを 作 る といった 事 が 可 能 です 以 下 にそれぞれの 手 順 をご 紹 介 します 1-1.ワードやエクセル

More information

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63> 商 品 管 理 商 品 管 理 を 行 うためのメニューです 4.1 商 品 管 理 のサイドメニュー 商 品 管 理 には 以 下 のサイドメニューがあります 商 品 一 覧 登 録 済 みの 商 品 の 一 覧 を 表 示 します 既 に 登 録 済 みの 商 品 の 検 索 検 索 した 商 品 を 編 集 する 際 に 使 用 します 新 規 作 成 商 品 を 新 規 登 録 する 画 面

More information

(1)

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

More information

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d 第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd

More information

1/2

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 楽 天 市 場 Yahooショッピング! 商 品 複 製 マニュアル 1 在 庫 連 携 を 行 うためには 事 前 に 各 モールのコード 合 わせの 作 業 が 必 要 です 詳 しくは 各 モールとの 在 庫 連 携 に 必 要 なコード 連 携 マニュアルをご 覧 ください 2 楽 天 Yahooショッピング!の 仕 様 は 変 更 になっている 場 合 があります 各 モールの 仕 様 も

More information

治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン

治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン 2014 年 1 月 7 日 治 験 依 頼 者 各 位 新 潟 市 民 病 院 治 験 管 理 室 Excel 形 式 の 電 子 プロトコール 提 出 の 御 依 頼 当 院 では 効 率 的 で 正 確 な 治 験 の 実 施 のため 電 子 カルテ 内 に 専 用 の Excel 形 式 による 電 子 プロトコールを 導 入 しております つきましては 治 験 依 頼 の 際 に 下 記

More information

文 書 構 造 とスタイル

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

More information

Microsoft Word - word_05.docx

Microsoft Word - word_05.docx 第 1 章 葉 書 き 作 成 と 外 国 語 の 入 力 縦 書 きのはがき 作 成 1. ページレイアウト タブの ページ 設 定 グループから 起 動 ツールボタン をク リックする 2. ページ 設 定 ダイアログボックスの 用 紙 余 白 文 字 数 と 行 数 タブをクリッ クして 指 定 されたとおり 設 定 を 行 う( 用 紙 :はがき 余 白 : 上 下 15 ミリ 左 右 :10

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

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

A

A A. ツールボタン の 使 い 方 下 の 図 は NetCommons の 共 通 エディタで 表 示 されるツールボタンの 一 覧 です 書 式 設 定 左 からフォント サイズ スタイルを 設 定 するためのプルダウンメニューです 効 果 をつけたい 箇 所 の 先 頭 でク リックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 文 字 効 果 左 から

More information

(Microsoft Word - \215u\213`\203m\201[\203g20090612.doc)

(Microsoft Word - \215u\213`\203m\201[\203g20090612.doc) 2009/06/12 前 回 のおさらい 表,グラフ, 写 真, 数 式,オートシェイプなど,テキストボックス,フォーム,ハイパ ーリンクの 挿 入 ~ここまでが 文 書 を 綺 麗 にする 方 法 ~ オートコレクト 検 索 置 換 確 認 問 題 Word に 練 習 用 段 落 を 10 段 落 用 意 し その 中 の 単 語 Word を 全 て 単 語 ワード に 置 換 せよ その 他

More information

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

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

More information

(Microsoft PowerPoint - Ver12\203o\201[\203W\203\207\203\223\203A\203b\203v\216\221\227\277.ppt)

(Microsoft PowerPoint - Ver12\203o\201[\203W\203\207\203\223\203A\203b\203v\216\221\227\277.ppt) ACAD-DENKI DENKI Ver.12 新 機 能 / 改 善 機 能 アルファテック 株 式 会 社 1 新 機 能 改 善 機 能 一 覧 ACAD-DENKI/EL Ver.12 新 機 能 と 改 善 機 能 新 メニュー/ 新 機 能 拡 張 プロジェクト 管 理 外 部 端 子 コネクタ 端 子 ネット 分 割 化 リアルタイム 線 番 挿 入 改 善 項 目 図 題 情 報 編

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

スタイルシートを 用 いた 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

1.2. ご 利 用 環 境 1.2.1. 推 奨 ブラウザ Internet Explorer 10 11 Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7

1.2. ご 利 用 環 境 1.2.1. 推 奨 ブラウザ Internet Explorer 10 11 Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7 1. アーカイブデータベースを 検 索 / 閲 覧 する 1.1. データの 検 索 方 法 東 京 アーカイブ では 以 下 に 分 類 されるカテゴリの 画 像 データ 資 料 データを 閲 覧 できます 江 戸 城 浮 世 絵 双 六 和 漢 書 江 戸 東 京 の 災 害 記 録 絵 葉 書 写 真 帖 近 代 の 地 図 東 京 府 東 京 市 関 係 資 料 番 付 建 築 図 面 書

More information

(Microsoft Word - \215u\213`\203m\201[\203g20090703.doc)

(Microsoft Word - \215u\213`\203m\201[\203g20090703.doc) 2009/07/03 前 回 のおさらい 関 数 確 認 問 題 水 尾 作 成 の Excel 基 本 動 作 練 習 用 ファイルの 表 タイトルなし を 用 いて 次 の 指 示 を 実 際 に 完 成 させよ 1 セル M50 に セル L50:L54 の 合 計 数 値 をセル K50 の 数 値 で 割 った 結 果 を 表 示 できるよう に 関 数 を 設 定 せよ 2 M50 に

More information

設 定 ダイアログ KDexcel_differの 各 パラメータ( 機 能 ) 設 定 は 1つのメインダイアログと 2つのサブダイアログより 行 います 1.メインダイアログ このダイアログでは 以 下 の 設 定 が 可 能 です 修 正 後 ファイル 修 正 前 ファイル 属 性 ファイル

設 定 ダイアログ KDexcel_differの 各 パラメータ( 機 能 ) 設 定 は 1つのメインダイアログと 2つのサブダイアログより 行 います 1.メインダイアログ このダイアログでは 以 下 の 設 定 が 可 能 です 修 正 後 ファイル 修 正 前 ファイル 属 性 ファイル KernelComputerSystem カーネルコンピュータシステム 株 式 会 社 本 社 :パッケージ 販 売 部 221-0056 横 浜 市 神 奈 川 区 金 港 町 6-3 横 浜 金 港 町 ビル TEL:045-442-0500 FAX:045-442-0501 URL:http://www.kernelcomputer.co.jp プログラムについて 更 新 前 後 の 2つの

More information

01_07_01 データのインポート_エクスポート_1

01_07_01 データのインポート_エクスポート_1 データのインポート/エクスポートについて 概 要 スタッフエクスプレスでは 他 のソフトウェアで 作 成 されたスタッフデータ 得 意 先 データなどを 取 り 込 む(インポートする)ことができます また スタッフエクスプレスに 登 録 済 みのデータを Excel 形 式 CSV 形 式 で 出 力 (エクスポート)す ることができます 注 意 インポートできるデータは 次 の 条 件 を 満

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ページ 作 成 フローについて ページの 構 造 について(レイアウト/ 共 通 ヘッダー フッター) 1 共 通 ヘッダー フッターのレイアウトパターン * 共 通 ヘッダー フッター サイドバーのパターンは 複 数 作 成 することが 可 能 です * 基 本 上 層 ページの 共 通 パーツを 引 き 継 ぎますが 任 意 に 変 更 することも 可 能 です ページの 構 造 について(コンテンツ

More information

名刺作成講習

名刺作成講習 名 刺 作 成 講 習 (Word 2007 編 ) OS:Windows Vista Basic 講 習 内 容 Microsoft Word 2007 でオリジナル 名 刺 の 作 成 名 刺 用 紙 の 確 認 印 刷 用 紙 の 詳 細 を 調 べる ラベル 製 品 名 エーワン 製 品 番 号 A-ONE 51002 用 紙 サイズ A4 列 数 2 行 数 5 上 余 白 11 横 余

More information

問 題 1 次 の 文 章 は Word の 作 業 環 境 および 環 境 の 設 定 変 更 について 述 べたものである にあてはまる 適 切 なものを 解 答 群 { }より 選 び その 記 号 で 答 えよ 設 問 1. は [ウィンドウ]メニューの 表 示 したものである {ア.[ 並

問 題 1 次 の 文 章 は Word の 作 業 環 境 および 環 境 の 設 定 変 更 について 述 べたものである にあてはまる 適 切 なものを 解 答 群 { }より 選 び その 記 号 で 答 えよ 設 問 1. は [ウィンドウ]メニューの 表 示 したものである {ア.[ 並 Microsoft Word 文 書 処 理 技 能 認 定 試 験 1 級 サンプル 問 題 知 識 試 験 制 限 時 間 30 分 受 験 会 場 受 験 番 号 氏 名 問 題 1 次 の 文 章 は Word の 作 業 環 境 および 環 境 の 設 定 変 更 について 述 べたものである にあてはまる 適 切 なものを 解 答 群 { }より 選 び その 記 号 で 答 えよ 設

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

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

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 履 修 履 歴 データベースの 仕 組 み 学 生 が 履 修 履 歴 を 登 録 して 企 業 へデータを 送 信 すると 企 業 担 当 者 が 履 修 履 歴 データを 見 られるようになります 不 特 定 の 企 業 に 履 修 履 歴 データが 閲 覧 されるわけではありません < 基 本 的 な 流 れ> A 社 データ ベース 応 募 企 業 へ データを 送 信 学 生 A 専

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

第 1 章 PowerPoint を 始 める 前 に 第 1 章 PowerPoint を 始 める 前 に 1. 最 初 に 考 えること 2. PowerPoint の 画 面 -1- IBR2012-V1.0

第 1 章 PowerPoint を 始 める 前 に 第 1 章 PowerPoint を 始 める 前 に 1. 最 初 に 考 えること 2. PowerPoint の 画 面 -1- IBR2012-V1.0 パワーポイント 基 礎 講 習 PowerPoint を 始 める 前 に PowerPoint を 始 めよう アニメーションを 活 用 する PowerPoint 2010 対 応 NPO インターネットビジネス 研 究 所 Copyright IBR 2012 第 1 章 PowerPoint を 始 める 前 に 第 1 章 PowerPoint を 始 める 前 に 1. 最 初 に 考

More information

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

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

More information

<4D6963726F736F667420576F7264202D203032208E598BC68A8897CD82CC8DC490B68B7982D18E598BC68A8893AE82CC8A76905682C98AD682B782E993C195CA915B9275964082C98AEE82C382AD936F985E96C68B9690C582CC93C197E1915B927582CC898492B75F8E96914F955D89BF8F915F2E646F6

<4D6963726F736F667420576F7264202D203032208E598BC68A8897CD82CC8DC490B68B7982D18E598BC68A8893AE82CC8A76905682C98AD682B782E993C195CA915B9275964082C98AEE82C382AD936F985E96C68B9690C582CC93C197E1915B927582CC898492B75F8E96914F955D89BF8F915F2E646F6 様 式 租 税 特 別 措 置 等 に 係 る 政 策 の 事 前 評 価 書 1 政 策 評 価 の 対 象 とした 産 業 活 力 の 再 生 及 び 産 業 活 動 の 革 新 に 関 する 特 別 措 置 法 に 基 づく 登 録 免 租 税 特 別 措 置 等 の 名 称 許 税 の 特 例 措 置 の 延 長 ( 国 税 32)( 登 録 免 許 税 : 外 ) 2 要 望 の 内 容

More information

為 が 行 われるおそれがある 場 合 に 都 道 府 県 公 安 委 員 会 がその 指 定 暴 力 団 等 を 特 定 抗 争 指 定 暴 力 団 等 として 指 定 し その 所 属 する 指 定 暴 力 団 員 が 警 戒 区 域 内 において 暴 力 団 の 事 務 所 を 新 たに 設

為 が 行 われるおそれがある 場 合 に 都 道 府 県 公 安 委 員 会 がその 指 定 暴 力 団 等 を 特 定 抗 争 指 定 暴 力 団 等 として 指 定 し その 所 属 する 指 定 暴 力 団 員 が 警 戒 区 域 内 において 暴 力 団 の 事 務 所 を 新 たに 設 暴 力 団 員 による 不 当 な 行 為 の 防 止 等 に 関 する 法 律 の 一 部 を 改 正 する 法 律 暴 力 団 員 による 不 当 な 行 為 の 防 止 等 に 関 する 法 律 例 規 整 備 * 暴 力 団 員 による 不 当 な 行 為 の 防 止 等 に 関 する 法 律 の 一 部 を 改 正 する 法 律 例 規 整 備 公 布 年 月 日 番 号 平 成 24 年

More information

目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3. 表 紙... 4 4.スケジュール... 5 5. 組 入 れ 基 準... 9 6. 併 用 禁 止 薬... 10 7. 併 用 注 意 薬... 10 8. 同 種 同 効 薬... 10 9. 医 師 モニタリング..

目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3. 表 紙... 4 4.スケジュール... 5 5. 組 入 れ 基 準... 9 6. 併 用 禁 止 薬... 10 7. 併 用 注 意 薬... 10 8. 同 種 同 効 薬... 10 9. 医 師 モニタリング.. 治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.4 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバンストエンジニアリング 2010 目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3.

More information

目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T

目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T ホームページングサービス G o o d P a g e E a s y GoodPageASPシリーズ 操 作 マニュアル 基 本 操 作 編 (EASY+のメニュー 操 作 については メニュー 操 作 編 をご 覧 下 さい) ASPシリーズ(SUPERLITE EASY EASY+)の 基 本 操 作 手 順 は 共 通 ですが マニュアルではGoodPageEASYの 画 面 で 説 明

More information

スライド 1

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

More information

< 目 次 > 8. 雇 用 保 険 高 年 齢 雇 用 継 続 給 付 27 ( 育 児 休 業 給 付 介 護 休 業 給 付 ) 8.1 高 年 齢 雇 用 継 続 給 付 画 面 のマイナンバー 設 定 27 8.2 高 年 齢 雇 用 継 続 給 付 の 電 子 申 請 28 8.3 高

< 目 次 > 8. 雇 用 保 険 高 年 齢 雇 用 継 続 給 付 27 ( 育 児 休 業 給 付 介 護 休 業 給 付 ) 8.1 高 年 齢 雇 用 継 続 給 付 画 面 のマイナンバー 設 定 27 8.2 高 年 齢 雇 用 継 続 給 付 の 電 子 申 請 28 8.3 高 雇 用 保 険 マイナンバー 改 定 向 け 操 作 説 明 書 < 目 次 > 1.マイナンバー 等 の 法 令 改 定 対 応 について 3 1.1 法 令 改 定 の 変 更 点 3 1.2 その 他 主 要 な 変 更 点 4 2.マイナンバー 管 理 システムとの 連 携 設 定 5 2.1 マイナ de 社 労 夢 の 運 用 設 定 5 2.2 マイナ de 社 労 夢 CL の 運

More information

おすすめページ

おすすめページ 4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると

More information

Word 003 スキルブック 06 - オブジェクトの 利 用 0.Word で 作 る 表 : 行 幅 を 最 小 値 より 小 さく 設 定 する 3 表 の 左 右 のサイズを 適 宜 調 整 します Word で 表 を 作 成 するとき, 列 幅, 行 幅 ともに 基 本 的 に 自 由

Word 003 スキルブック 06 - オブジェクトの 利 用 0.Word で 作 る 表 : 行 幅 を 最 小 値 より 小 さく 設 定 する 3 表 の 左 右 のサイズを 適 宜 調 整 します Word で 表 を 作 成 するとき, 列 幅, 行 幅 ともに 基 本 的 に 自 由 Word 003 スキルブック 06 - オブジェクトの 利 用 Word 003 スキルブック 06 - オブジェクトの 利 用 ツールバーに 表 ( 罫 線 )の 作 成 機 能 を 追 加 する( 罫 線 ツールバーを 追 加 する) ツールバー 上 の,アイコンのない 空 白 箇 所 を 右 してメニューを 開 きます 0. 準 備 :ツールバーのカスタマイズ メニュー 内 の 罫 線 の

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 ましき はぴまるサイト マイホームページ 操 作 説 明 書 平 成 27 年 12 月 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト デザインの 設 定 (p5) 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

<4D6963726F736F667420576F7264202D20819C8140928692B78AFA95DB91538C7689E68DEC90AC289

<4D6963726F736F667420576F7264202D20819C8140928692B78AFA95DB91538C7689E68DEC90AC289 官 庁 施 設 情 報 管 理 システム (BIMMS-N) 操 作 説 明 書 9 施 設 維 持 管 理 9.4 中 長 期 保 全 計 画 作 成 ( 東 北 版 ) 平 成 26 年 10 月 国 土 交 通 省 東 北 地 方 整 備 局 営 繕 部 目 次 9 施 設 維 持 管 理 9.4 中 長 期 保 全 計 画 作 成 ( 東 北 版 ) 9.4.0 中 長 期 保 全 計 画

More information

レポートや論文の作成に役立つWord機能

レポートや論文の作成に役立つWord機能 PowerPoint 印 刷 術 PowerPoint で 作 成 したスライドを 印 刷 しようとすると うまくいかないことが 多 々あります ここではみなさんからの 質 問 要 望 の 多 い 印 刷 方 法 を Office2010PowerPoint で 紹 介 します ページ 設 定 をする PowerPoint でスライドを 作 成 するとき 初 期 設 定 ではスライドのサイズ 指 定

More information

経験発表

経験発表 共 通 性 を 持 つ 製 品 群 への USDMの 適 用 と 拡 張 アジェンダ 1. 表 現 を 拡 張 したUSDM 導 入 の 背 景 と 課 題 要 望 2. 表 現 を 拡 張 したUSDM 導 入 の 取 り 組 み 3. 表 現 を 拡 張 したUSDM 4. 表 現 を 拡 張 したUSDM 導 入 による 効 果 5. 表 現 を 拡 張 したUSDM 導 入 後 の 課 題

More information

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行

More information

スライド 1

スライド 1 アリババ ワールドパスポート 製 品 詳 細 ご 利 用 ガイド 2010/03/11 Ver1.00 2012/10/09 Ver1.50 お 問 い 合 わせ 先 アリババ 株 式 会 社 メール:infoggs@alibaba-inc.jp 103-0007 東 京 都 中 央 区 日 本 橋 浜 町 2-12-4 エスエス 製 薬 本 社 ビル4F 目 次 文 字 装 飾 の 追 加 変 更

More information

OpenCity2説明

OpenCity2説明 和 光 市 市 民 活 動 支 援 サイト 新 掲 示 板 (FCKエディタ)について 通 常 ホームページを 作 成 するには HTML という 専 門 言 語 の 知 識 が 必 要 ですが FCK エディ タを 使 えば ワードやエクセルと 同 じ 感 覚 で タイトル 文 字 を 太 字 にしたり 表 を 作 成 したり 画 像 を 挿 入 したり 更 にはワードで 作 成 した 文 章 スタイルそのままにコピー&ペースト

More information

<31352095DB8CAF97BF97A6955C2E786C73>

<31352095DB8CAF97BF97A6955C2E786C73> 標 準 報 酬 月 額 等 級 表 ( 厚 生 年 金 ) 標 準 報 酬 報 酬 月 額 厚 生 年 金 保 険 料 厚 生 年 金 保 険 料 率 14.642% ( 平 成 18 年 9 月 ~ 平 成 19 年 8 月 ) 等 級 月 額 全 額 ( 円 ) 折 半 額 ( 円 ) 円 以 上 円 未 満 1 98,000 ~ 101,000 14,349.16 7,174.58 2 104,000

More information

Microsoft Word - P10-0001.doc

Microsoft Word - P10-0001.doc はじめに 1 PowerPoint の 概 要 2 1 PowerPoint とは 2 2 プレゼンテーションとは 2 3 PowerPoint でできること 3 4 プレゼンテーション 作 成 の 流 れ 4 5 PowerPoint の 起 動 5 6 PowerPoint の 画 面 6 第 1 章 新 しいプレゼンテーションを 作 ろう 1 レッスン1 文 字 を 入 力 しよう 3 1 文

More information

[1]メッセージ

[1]メッセージ Joruri Video 1.0.0 基 本 マニュアル (2012.11.29) Joruri Video Joruri Video では 動 画 のアップロード 再 生 共 有 分 類 検 索 が 可 能 です ログイン すると 次 の 画 面 が 表 示 されます [1]メッセージ Joruri Video を 利 用 するユーザに 通 知 するメッセージを 表 示 します [2] 動 画 アップロード

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 定 型 カタログ 作 成 ツール CatalogPacker のご 紹 介 平 成 26 年 7 月 8 日 共 同 印 刷 株 式 会 社 トータルソリューションオフィス 藤 森 良 成 定 型 カタログ 作 成 ツール CatalogPacker の 概 要 CatalogPacker は 定 型 カタログを 製 作 を 行 うための Web to Print システムです Webブラウザ 上

More information

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

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

More information

AdobeReader(pdf)の 場 合 1) AdobeReader で 文 書 を 開 き [ ファイル ] > [ プロパティ ]を 選 択 します 2) [ ページサイズ ]の 値 を 確 認 します 3. 定 格 サイズかを 確 認 する 下 にある A 列 B 列 の 寸 法 一 覧

AdobeReader(pdf)の 場 合 1) AdobeReader で 文 書 を 開 き [ ファイル ] > [ プロパティ ]を 選 択 します 2) [ ページサイズ ]の 値 を 確 認 します 3. 定 格 サイズかを 確 認 する 下 にある A 列 B 列 の 寸 法 一 覧 大 判 プリンターの 利 用 方 法 2010 年 11 月 情 報 処 理 センター 1. 印 刷 対 象 のファイルの 確 認 大 判 印 刷 は 印 刷 するサイズが 大 きい 関 係 で 課 されるポイントも 大 きいものとなります (A1/コートで 600 ポイント A0/ 光 沢 フォトで 1400 ポイント) そのため 印 刷 に 失 敗 すると 損 害 も 大 きいので 印 刷 を

More information

1. 機 能 概 要 CADデータ(DXF 形 式 )を 変 換 し EXCELに 図 形 として 表 示 します CADでのレイヤー 毎 に 表 示 / 非 表 示 や 線 分 の 属 性 ( 色 太 さ 等 )を 指 定 でき さらに 作 成 する 図 面 の 範 囲 大 きさを 指 定 できま

1. 機 能 概 要 CADデータ(DXF 形 式 )を 変 換 し EXCELに 図 形 として 表 示 します CADでのレイヤー 毎 に 表 示 / 非 表 示 や 線 分 の 属 性 ( 色 太 さ 等 )を 指 定 でき さらに 作 成 する 図 面 の 範 囲 大 きさを 指 定 できま 操 作 説 明 資 料 目 次 1. 機 能 概 要 2. 導 入 方 法 3. 画 面 説 明 3.1 作 図 画 面 3.2 レイヤー 3.3 用 紙 設 定 3.4 その 他 4. 作 図 例 5.フリーフォームの 例 6. 留 意 事 項 1. 機 能 概 要 CADデータ(DXF 形 式 )を 変 換 し EXCELに 図 形 として 表 示 します CADでのレイヤー 毎 に 表 示 /

More information

1-1 一覧画面からの印刷

1-1 一覧画面からの印刷 第 7 章 公 報 の 印 刷 7-1 一 覧 画 面 からの 印 刷 検 索 された 公 報 は 印 刷 することができます 目 次 印 刷 や 公 報 全 文 複 数 件 の 公 報 印 刷 も 可 能 です はじめに 検 索 画 面 から 結 果 一 覧 ボタンを 押 して 検 索 結 果 一 覧 画 面 を 表 示 させます 印 刷 方 法 をご 確 認 ください 一 括 選 択 ( 反 転

More information

2.4 箇 条 書 のスタイルを 変 更 する 右 クリックして 箇 条 書 と 番 号 付 け を 選 択 する. あとは 少 し 遊 べば, このようなことをやりたい 人 は 理 解 できると 思 います 3 いろいろな 入 力 ワープロを 使 う 上 で 肝 心 な 点 は, 空 白 調 整

2.4 箇 条 書 のスタイルを 変 更 する 右 クリックして 箇 条 書 と 番 号 付 け を 選 択 する. あとは 少 し 遊 べば, このようなことをやりたい 人 は 理 解 できると 思 います 3 いろいろな 入 力 ワープロを 使 う 上 で 肝 心 な 点 は, 空 白 調 整 目 次 1 標 準 の 行 間 隔...1 2 箇 条 書 き...1 2.1 箇 条 書 を 開 始 する...1 2.2 箇 条 書 を 終 了 する...1 2.3 箇 条 書 のレベルを 変 更 する...1 2.4 箇 条 書 のスタイルを 変 更 する...2 3 いろいろな 入 力...2 3.1 段 落 を 指 定 する...2 3.2 強 制 的 に 改 ページをする...2 3.3

More information

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

タイトル 画 像 の 挿 入 <1 行 目 > タイトル 挿 入 セルの 選 択 属 性 セルタブ 参 照 タイトル 画 像 (30title.jp g) 選 択 開 く <2 行 目 > < 左 側 > < 右 側 > < 中 央 > <3 行 目 > 挿 入 セルの 選 択 属 性 セルタブ 参 サムネール ページの 作 り 方 ビルダー 起 動 ファイル 標 準 モードで 新 規 作 成 ページタイトルを 入 れる 画 面 上 の BODY をクリック BODY の 属 性 ページ 情 報 タグ ページタイトル 紫 陽 花 と 入 力 OK 表 の 挿 入 表 の 挿 入 6 行 1 列 OK 属 性 表 タブ 表 の 幅 :750p x Ente r 属 性 セルタブ

More information

概 要 と 特 徴 推 奨 ハードウェア デジタルカメラで 撮 影 した 画 像 やスキャナで 読 み 込 んだ 図 面 を 利 用 し 画 像 処 理 技 術 で 建 物 の 改 修 工 事 を 支 援 するソフトウェアです 初 期 診 断 劣 化 数 量 表 作 成 双 眼 鏡 での 初 期 診 断 の 代 用 として 利 用 補 修 工 事 の 営 業 に 写 真 とともに 診 断 内 容 をビジュアル

More information

SchITコモンズ【活用編】

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

More information

やさしく名刺ファイリング v.3.0 操作マニュアル

やさしく名刺ファイリング v.3.0 操作マニュアル 操 作 マニュアル やさしく 名 刺 ファイリング 基 本 操 作 目 次 1. はじめに 2. やさしく 名 刺 ファイリングの 起 動 2-1.データベースの 作 成 2-2.スキャナの 設 定 3. 名 刺 の 読 み 込 み 3-1. 専 用 スキャナでの 読 み 込 み 3-2. 市 販 スキャナでの 読 み 込 み 4. 名 刺 の 認 識 修 正 登 録 4-1. 名 刺 の 認 識

More information

資料25-3-2 H3ロケットへの移行に関する課題と対応

資料25-3-2  H3ロケットへの移行に関する課題と対応 資 料 25-3-2 科 学 技 術 学 術 審 議 会 研 究 計 画 評 価 分 科 会 宇 宙 開 発 利 用 部 会 ( 第 25 回 )H28.2.2 H3ロケットへの 移 行 に 関 する 課 題 と 対 応 2016 02 02 防 衛 宇 宙 ドメイン 宇 宙 事 業 部 1. 目 的 本 資 料 は 宇 宙 基 本 計 画 に 謳 われた 以 下 への 対 応 についてまとめる 宇

More information

ウェブアクセシビリティガイドライン

ウェブアクセシビリティガイドライン 兵 庫 県 小 野 市 ウェブアクセシビリティガイドライン 第 1 版 平 成 24 年 12 月 情 報 管 理 課 目 次 1 ガイドライン 策 定 の 目 的... 1 2 ガイドラインの 適 用 範 囲... 1 3 ウェブアクセシビリティの 必 要 性... 1 4 根 拠 となる 規 格... 1 5 配 慮 の 対 象 となる 利 用 者... 2 6 達 成 等 級 と 達 成 基

More information

スライド 1

スライド 1 第 5 章 ワープロ B(Word2003) ( 解 答 と 解 説 ) 5B-1. 文 書 の 編 集 1スタイルの 設 定 : 見 出 し1の 設 定 (ア)=I スタイルとは さまざまな 書 式 を 組 み 合 わせて 名 前 を 付 けて 登 録 したものです あらかじめ 用 意 してあるもの 以 外 に 新 規 に 登 録 することもできます ここでは 後 で 使 う 目 次 の 項 目

More information

表紙

表紙 現 況 の 指 定 容 積 率 をすべて 使 い 切 った 場 合 に 現 況 容 積 率 の 2.25 倍 以 上 になるかどうかを 確 認 する 現 況 の 街 区 面 積 は 3,569,759m2 延 べ 床 面 積 は 3,569,759m2であるから 目 標 とする 延 べ 床 面 積 はその 2.25 倍 の 8,031,958m2である 一 方 指 定 容 積 率 をすべて 使 い

More information

<5461726F2D93648E718E868EC58B8F30332E6A7464>

<5461726F2D93648E718E868EC58B8F30332E6A7464> PowerPointで 電 子 紙 芝 居 を 作 ろう! Microsoft Office Power Point 2003 を 用 いて 電 子 紙 芝 居 を 作 成 します 主 に, 画 像 の 挿 入 や オートシェイプ, クリップアート, アニメーションの 設 定, 画 面 の 切 り 替 え 効 果 機 能 を 用 います また,プロジェクタで 投 影 して 電 子 紙 芝 居 として

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

目 次 1 個 人 基 本 情 報 個 人 基 本 情 報 入 力 画 面 の 分 散 4 申 告 区 分 および 申 告 種 類 の 選 択 方 法 5 繰 越 損 失 入 力 年 別 の 繰 越 損 失 額 入 力 に 対 応 6 作 成 手 順 作 成 手 順 の 流 れを 提 供 7 所 得

目 次 1 個 人 基 本 情 報 個 人 基 本 情 報 入 力 画 面 の 分 散 4 申 告 区 分 および 申 告 種 類 の 選 択 方 法 5 繰 越 損 失 入 力 年 別 の 繰 越 損 失 額 入 力 に 対 応 6 作 成 手 順 作 成 手 順 の 流 れを 提 供 7 所 得 所 得 税 R4 機 能 アップ 内 容 Ver.13.1 所 得 税 R4 主 な 機 能 アップ 内 容 についてご 説 明 いたします 当 資 料 は2014 年 3 月 時 点 のものです 内 容 や 画 像 は 予 告 なく 変 更 される 場 合 がございます Rev.1.1 1 目 次 1 個 人 基 本 情 報 個 人 基 本 情 報 入 力 画 面 の 分 散 4 申 告 区 分

More information

[2] 控 除 限 度 額 繰 越 欠 損 金 を 有 する 法 人 において 欠 損 金 発 生 事 業 年 度 の 翌 事 業 年 度 以 後 の 欠 損 金 の 繰 越 控 除 にあ たっては 平 成 27 年 度 税 制 改 正 により 次 ページ 以 降 で 解 説 する の 特 例 (

[2] 控 除 限 度 額 繰 越 欠 損 金 を 有 する 法 人 において 欠 損 金 発 生 事 業 年 度 の 翌 事 業 年 度 以 後 の 欠 損 金 の 繰 越 控 除 にあ たっては 平 成 27 年 度 税 制 改 正 により 次 ページ 以 降 で 解 説 する の 特 例 ( 相 談 ~ 改 正 に 伴 い 改 めて 整 理 しておきたい~ 法 人 税 における 繰 越 欠 損 金 制 度 米 澤 潤 平 部 東 京 室 平 成 27 年 度 および28 年 度 の 税 制 改 正 による 法 人 税 率 引 き 下 げに 伴 う 課 税 ベース 拡 大 の 一 環 として 繰 越 欠 損 金 制 度 についても 大 改 正 が 行 われました 今 回 は 繰 越 欠 損

More information

問 題 1 次 の 文 章 は Word の 作 業 環 境 および 環 境 の 設 定 変 更 について 述 べたものである にあてはまる 適 切 なものを 解 答 群 { }より 選 び その 記 号 で 答 えよ 設 問 1. 文 書 内 の 段 落 に 段 落 書 式 のアウトラインレベルを

問 題 1 次 の 文 章 は Word の 作 業 環 境 および 環 境 の 設 定 変 更 について 述 べたものである にあてはまる 適 切 なものを 解 答 群 { }より 選 び その 記 号 で 答 えよ 設 問 1. 文 書 内 の 段 落 に 段 落 書 式 のアウトラインレベルを WD1_2007_Sample Microsoft Word 文 書 処 理 技 能 認 定 試 験 1 級 2007 サンプル 問 題 知 識 試 験 制 限 時 間 30 分 試 験 監 督 者 の 指 示 に 従 い 注 意 事 項 を 読 みなさい 試 験 終 了 後 問 題 冊 子 を 回 収 します 受 験 会 場 受 験 番 号 氏 名 問 題 1 次 の 文 章 は Word の 作

More information

2ステータスバーのアイコンを 文 字 表 示 にする ステータスバーを 右 クリックし アイコンを 使 用 のチェックをはずす 文 字 表 示 になる 操 作 時 は 適 宜 オン オフを 変 更 するが まずは 直 行 モード OSNAP 線 の 太 さのみオンとし 他 はオフにしておく 2. 製

2ステータスバーのアイコンを 文 字 表 示 にする ステータスバーを 右 クリックし アイコンを 使 用 のチェックをはずす 文 字 表 示 になる 操 作 時 は 適 宜 オン オフを 変 更 するが まずは 直 行 モード OSNAP 線 の 太 さのみオンとし 他 はオフにしておく 2. 製 1. 操 作 画 面 の 設 定 1メニューバーを 表 示 させる AutoCAD2014 操 作 説 明 ここをクリックしワークスペースをチェック ここをクリックしワークスペース 設 定 をクリック 製 図 と 注 釈 にチェックを 入 れる 初 期 設 定 で 製 図 と 注 釈 が 出 て い れ ば 不 要 ここをクリックしメニューバーを 表 示 させる メニューバー タブ リボン ページ1

More information

Microsoft PowerPoint - manualtachiyomi.pptx

Microsoft PowerPoint - manualtachiyomi.pptx ニックネームはここに 載 る!! マイページの 左 上 ブログのプロフィール 欄 メッセージを 送 った 相 の 受 信 箱 クリックしてもらえるような 興 味 を 引 く 名 前 にしましょう 記 事 を 編 集 削 除 する 下 書 き 保 存 されている= 公 開 されていない 公 開 されている リンクが 付 いていて クリックすると 公 開 されている 記 事 が 開 く 記 事 を 編

More information

■デザイン

■デザイン Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) デザイン デザインでは 各 ページ 内 に 構 成 されるパーツである ピース と それをページ 内 に 配 置 し 構 成 する レイアウト を 作 成 できます また スタイルシート でピース レイ アウトの HTML を 制 御 し 装 飾 する CSS を 設 定 できます ピース デザイン>ピース ピース をクリックすると

More information

区 分 後 退 距 離 要 件 説 明 要 件 道 路 側 隣 側 ( 緑 化 基 準 ) B 1 都 市 の 美 観 風 致 を 維 持 するための 樹 木 の 保 存 に 関 する 法 律 により 指 定 された 保 存 樹 木 または これに 準 ずる 樹 木 の 保 全 のために これらの

区 分 後 退 距 離 要 件 説 明 要 件 道 路 側 隣 側 ( 緑 化 基 準 ) B 1 都 市 の 美 観 風 致 を 維 持 するための 樹 木 の 保 存 に 関 する 法 律 により 指 定 された 保 存 樹 木 または これに 準 ずる 樹 木 の 保 全 のために これらの 別 表 第 1( 第 4 条 関 係 ) 2つの 要 件 に 該 当 する 場 合 または のうち の 緩 い 方 との 組 合 せが 適 用 できる : 緩 和 措 置 あり : 限 定 緩 和 措 置 あり : 緩 和 措 置 なし 区 分 後 退 距 離 要 件 説 明 要 件 道 路 側 隣 側 ( 緑 化 基 準 ) A 1 都 市 の 美 観 風 致 を 維 持 するための 樹 木 の

More information

(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc)

(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc) Easy ページ 操 作 ガイド http://359ch.com ところチャンネル( 資 ) Easy ページサービス 操 作 ガイド 2009.1.8 版 1. はじめに Easy ページサービスとは パソコンからブラウザを 利 用 して 簡 単 にホームページを 公 開 更 新 できるサービス です Docomo や AU SoftBank 等 の 携 帯 電 話 を 利 用 して 同 様 にホームページを

More information