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

Size: px
Start display at page:

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

Transcription

1 Ver.2 ユーザマニュアル スタートガイド 第 5 版 最 終 更 新 日 2012/7/11 1

2 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法 テンプレートの 使 用 キャラクタエンコーディング ヘッダの 書 き 方 画 像 について CSS の 書 き 方 フォントサイズの 指 定... 9 第 2 章 コンテンツ 制 作 のポイント テーブルの 装 飾 ブロック 要 素 のフロート...11 (1) (2) (3) アイコンを 使 ったメニューデザイン...11 テキストをつかったメニューデザイン...12 デザインの 出 し 分 け 画 像 の 周 りにテキストを 流 し 込 む iphone 風 のリスト フォームコンポーネント(form の 子 要 素 )の 調 整...15 (1) (2) (3) (4) form input select textarea タグのサイズ 調 整...15 ラジオボタン チェックボックスのサイズ 調 整...16 入 力 モードの 設 定...17 入 力 モードの 設 定 (ラウンドアバウト よりも 前 のバージョンの 場 合 )

3 本 書 について 本 書 はラウンドアバウトを 利 用 したコンテンツ 制 作 ガイドです 本 書 では ラウンドアバウトのカスタマイ ズなしでコンテンツを 作 成 する 手 順 を 示 しています ラウンドアバウトの 機 能 をカスタマイズしてより 細 かく 作 りこみたい 方 は 機 能 について 詳 しく 書 かれて いる 別 紙 ラウンドアバウト 2 開 発 リファレンス を 参 照 してください 3

4 改 訂 履 歴 版 数 発 行 日 改 訂 内 容 第 1 版 2011 年 5 月 24 日 初 版 発 行 第 2 版 2011 年 7 月 12 日 第 1 章 1-1 に SoftBank 端 末 の 仕 様 とラウンドアバウトの 動 作 について 追 記 文 書 全 体 の 注 意 補 足 の 文 言 を に 訂 正 第 1 章 1-5 に au 端 末 の CSS 容 量 制 限 について 追 記 タイトルをスタートアップガイドからスタートガイドに 訂 正 第 3 版 2011 年 9 月 9 日 第 2 章 2-5 に HTML5 の 入 力 モード 記 述 について 追 記 第 4 版 2012 年 4 月 9 日 1-4 画 像 について 1-5CSS の 書 き 方 の 記 述 を 訂 正 第 5 版 2012 年 7 月 11 日 1-4 画 像 について で 画 像 フォーマットに 関 しての 記 述 を 変 更 1-5 CSS の 書 き 方 で class 属 性 に 関 しての 記 述 を 変 更 4

5 はじめに モバイル 端 末 は 画 面 のピクセル 数 や HTML CSS の 解 釈 など 仕 様 に 違 いがあるので 同 じコンテンツ を 様 々なモバイル 端 末 でみると 画 像 のレイアウトが 崩 れてしまったりフォントの 大 きさがバラバラにな ってしまったりしてしまいます ラウンドアバウトを 通 すと ラウンドアバウトがモバイル 端 末 の 仕 様 の 違 いを 吸 収 してくれるので 図 1 のように 同 じようなデザインにすることが 出 来 ます 図 1 ラウンドアバウトありのコンテンツ F-01C T004 N905i iphone このようなラウンドアバウトを 使 ったコンテンツをつくるための 手 順 を 次 の 章 以 降 で 説 明 します 5

6 第 1 章 コンテンツ 制 作 方 法 ラウンドアバウトを 使 ったスマートフォン 基 準 のコンテンツ 制 作 方 法 を 簡 単 に 説 明 します 1-1 テンプレートの 使 用 ラウンドアバウト 2 にはスマートフォンベースを 想 定 したサンプルコンテンツがデフォルトで 提 供 され こ れをテンプレートとしています コンテンツ 制 作 にはこのテンプレートを 使 用 します 初 期 出 荷 状 態 では はじめに で 紹 介 したコンテンツが 入 っています 図 2 テンプレートファイルの 構 成 template/ index.html 1 HTML ファイル css/ style.css style.css.csv 2 スタイルシート index.html HTML 3 CSS 変 換 シート ファイル img/ 第 index.html HTML 一 章 ファイル ファイル 第 二 章 ファイル 1 index.html ラウンドアバウトでのモバイルコンテンツ 制 作 に 必 要 なヘッダー 情 報 が 入 っています (1-3 項 参 照 ) 初 期 出 荷 状 態 では はじめに で 紹 介 したサンプルコンテンツが 入 っています 2 style.css タグのデザインを 初 期 化 するリセット 情 報 と コンテンツ 制 作 をしやすくするためのクラ スが 入 っています スタイルシート 内 は reset, radio,checkbox size などのコメントで 分 かれているの で 各 コメント 内 にどのようなスタイルが 入 っているのか 説 明 します reset デザインを 初 期 化 するためにはいっています reset を 追 加 するときは タイプセレクタ にプロパティを 複 数 書 かないで 1 つずつ 書 くようにします radio,checkbox size ラジオボタンとチェックボックスをタップしやすくするために 入 っているスマ ートフォン 向 けのサイズ 調 整 です 調 整 が 必 要 な 場 合 は 自 由 に 変 更 して 下 さい (2-5 項 参 照 ) smartphone style list iphone 風 の 矢 印 つきリストを 簡 単 に 作 るためのクラスが 用 意 されていま 6

7 す (2-4 項 参 照 ) 調 整 が 必 要 な 場 合 は 自 由 に 変 更 しても 構 いませんが CSS 変 換 シートと 連 動 し ているのでセレクタ 名 は 変 更 しないようにします main コンテンツに 対 してのスタイルを 自 由 に 書 いてください 初 期 出 荷 状 態 では はじめに で 紹 介 したサンプルコンテンツのスタイルが 入 っています 3 style.css.csv ラウンドアバウトのスタイル 変 換 機 能 である CSS 変 換 シートです CSS ファイルと 連 動 して 動 作 し フォントとラジオボタンとチェックボックス 矢 印 つきリストのサイズ 調 整 が 初 期 出 荷 状 態 で 入 っています CSS 変 換 シートを 使 うことで フォントサイズなどが 端 末 ごとの 最 適 な 大 き さに 調 整 できます [ 参 照 ] CSS 変 換 シートのカスタマイズについて 詳 しくは 別 紙 ラウンドアバウト 2 開 発 リファレン ス 第 6 章 CSS 変 換 シートを 参 照 してください SoftBank では HTML が 48KB 以 上 になると HTML を 一 切 表 示 することができなくなることから ラウ ンドアバウトでは 5%の 余 裕 を 残 した 45.6KB の 部 分 でコンテンツを 切 り 取 る 処 理 を 行 っています この 場 合 途 中 で 切 れてしまうので コンテンツを 見 直 して 下 さい 1-2 キャラクタエンコーディング コンテンツは UTF-8 で 作 成 します UTF-8 以 外 でつくる 場 合 はサーバの 設 定 変 更 が 必 要 になります [ 参 照 ] 詳 しくは 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 9 章 キャラクタエンコーディング 変 換 を 参 照 してください 1-3 ヘッダの 書 き 方 1-1 項 で 紹 介 したテンプレートの index.html にあるヘッダの 内 容 です VGA をベースとしたコンテンツへ の 対 応 や スマートフォンの 表 示 領 域 設 定 など ラウンドアバウトを 使 ったサイト 制 作 に 必 要 な 設 定 等 が 含 まれています <?xml version="1.0" encoding="utf-8"?> <?ra-page viewport="auto" image-convert="no" g="sp"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset= UTF-8" /> <meta name="disparea" content="vga" /> <title>ここにタイトルを 入 れてください</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> 1 2 7

8 1 スマートフォン 用 のラウンドアバウト 調 整 機 能 で ラウンドアバウトが 自 動 で Viewport を 作 成 します スマートフォン 以 外 では 無 視 されます 2 i モードブラウザ 2.x 端 末 を VGA モードで 動 作 させるために 必 要 です [ 参 照 ] ヘッダ 内 容 について 詳 しくは 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 1 章 内 の HTML の 記 述 を 参 照 してください 1-4 画 像 について JPEG GIF 8 ビット PNG 形 式 で 作 成 します JPEG は 容 量 を 気 にして 劣 化 させる 必 要 はありませんので 品 質 100%で 作 成 します 同 様 に GIF は 256 色 パレットで 作 成 します PNG は 8 ビットのみをサポートしていますが バージョン 2.2 以 降 では 24 ビット PNG(アルファチャネルなしに 限 る)にも 対 応 しています 幅 480px の 画 面 を 想 定 してデザインします 画 面 幅 いっぱいの 画 像 は 480px 幅 で 横 に 2 つ 並 べるには 1 つの 画 像 を 240px 幅 で 作 る というよう に 480px 幅 の 画 面 に 収 まるサイズで 画 像 を 作 成 します 異 なる 解 像 度 の 端 末 へはラウンドアバウトが 自 動 で 縮 小 変 換 します 画 像 のパスは 相 対 パスで 書 きます 画 像 のファイルパスは 相 対 パスで 指 定 します 絶 対 パスで 指 定 すると 画 像 変 換 の 対 象 になりません (ビヨンド 版 除 く) width height 属 性 /プロパティは 指 定 しません 画 像 に width height 属 性 およびプロパティは 指 定 しないでください サイズ 指 定 が 必 要 な 場 合 は パー セント 値 で 指 定 するようにしてください [ 参 照 ] 画 像 について 詳 しくは 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 2 章 画 像 変 換 を 参 照 して ください 1-5 CSS の 書 き 方 外 部 CSS ファイルに 記 述 します (テンプレートの style.css ファイル) style 要 素 style 属 性 は 使 規 則 には 対 応 していませんので 複 数 のファイルを 使 う 場 合 は link 要 素 を 使 って 読 み 込 みます バージョン 2.1 以 下 では 複 数 クラス 名 の 指 定 に 対 応 していないので class 属 性 の 値 は 1 つにしま す OK <div class= foo > NG <div class= foo bar > 8

9 バージョン 2.2 以 降 では 複 数 クラス 指 定 に 対 応 しています 文 字 色 背 景 色 文 字 サイズを 設 定 する 場 合 は div か span 要 素 に クラス 名 をつけて 指 定 します <h1> <span class= h1 > 色 と サ イ ズ を 変 え ま す </span> </h1> <div class= bg > 背 景 色 は 赤 です</div>.h1 { color: #333; font-size: medium; }.bg { background-color : #FF0000; } テキストや 画 像 などのアラインメントを 指 定 する 場 合 は div 要 素 に クラス 名 をつけて 指 定 します <div class= content > このテキストはセンターです </div>.content { color: #DDD; text-align: center; } au の 一 部 端 末 は CSS のファイルサイズが 4KB を 超 えるとスタイルが 効 かないという 制 限 があり こ れを 回 避 するためにラウンドアバウトでは 該 当 機 種 のスタイルを HTML ファイル 内 (style タグ)に 展 開 し ます HTML ファイルの 容 量 を 取 りますので あまりに CSS のサイズが 大 きい 場 合 は au には 別 の CSS ファイルを 用 意 し CSS ファイル 切 り 替 え 機 能 を 使 用 することをおすすめします [ 参 照 ] 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 7 章 CSS ファイル 切 り 替 えを 参 照 してください 1-6 フォントサイズの 指 定 各 端 末 に 最 適 なフォントサイズがあらかじめ 指 定 されているので(デフォルトは x-large) フォントサイズ を 変 更 したい 箇 所 にだけ font-size プロパティを 指 定 してください font-size プロパティは 端 末 ごとに 最 適 サイズに 調 整 するため CSS 変 換 シートと 連 動 しています CSS 変 換 シートにあらかじめ 設 定 されている font-size プロパティが 使 用 可 能 です 使 用 可 能 な font-size プロパティの 種 類 xx-small x-small small medium large x-large xx-large 80% 100% 120% [ 参 照 ] 端 末 ごとのフォントサイズ 調 整 など デフォルト 状 態 から 変 更 する 際 は CSS 変 換 シートを 編 集 し てください( 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 6 章 CSS 変 換 シート) 9

10 第 2 章 コンテンツ 制 作 のポイント モバイルコンテンツを 作 る 際 の 基 本 的 なデザインのポイントについて 書 いてあるので コンテンツを 作 る 際 に 参 考 にして 下 さい 文 中 に HTML やスタイルシートのソースが 数 か 所 出 てきますが 一 部 ソースを 抜 粋 したものになり ます 2-1 テーブルの 装 飾 セルの 色 や 文 字 色 フォントサイズなどの 調 整 は th または td 要 素 のタイプセレクタを 使 います 端 末 ごとに 画 面 解 像 度 が 違 うので セルの 大 きさの 設 定 には % を 使 います docomo の 古 い 機 種 などでは border プロパティが 効 かないので 罫 線 を 表 示 する 場 合 には table 要 素 で border= 1 を 指 定 します 図 3 テーブル 装 飾 の 例 ハイスペックな 端 末 では こ のような 線 の 色 を 変 えたデザ インもできます N905i 932SH 図 3 の HTML ファイル 例 <table border="1" width="95%" cellpadding="0"> <tr><th> </th><th> 月 ~ 金 </th><th> 土 </th><th> 日 </th></tr> <tr><td> 午 前 </td><td> </td><td> </td><td rowspan="2"> </td></tr> <tr><td> 午 後 </td><td> </td><td> </td></tr> </table> 10

11 図 3 の CSS ファイル 例 一 部 プロパティを 省 略 しています th,td { text-align:center font-size:medium; } th { width:25%; border:4px solid #F21E8C; background-color:#6bc6dd; color:#ffffff; } td { border:4px solid #999999; color:#000099; } テーブルの 入 れ 子 はできません 古 い 機 種 では table 要 素 に 対 応 していないものがあります それらも 考 慮 したデザインをする 場 合 テーブルを 使 わないレイアウトを 考 えるか テーブルを 使 うものとそうでないものを 出 し 分 けます [ 参 照 ] 出 し 分 け 方 法 については 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 5 章 表 示 コントロール を 参 照 してください 2-2 ブロック 要 素 のフロート au のすべての 端 末 と docomo の 古 い 端 末 などではブロック 要 素 のフロートができません その 場 合 table または div タグを 使 ったデザインをすると 同 じような 見 た 目 のデザインにできます (1) アイコンを 使 ったメニューデザイン 図 4 アイコンを 使 ったメニューデザイン 例 フ ロ ー トが 使 え な い 端 末 で は 縦 に 並 んでしまいます iphone W61K 11

12 アイコンを 使 ったメニューの 場 合 は table タグを 使 うと 同 じような 見 た 目 のデザインになります 図 5 table タグをつかった 例 図 5 の HTML ファイル 例 <table width="100%"> <tr> <td width="33%"> <a href="#"><img src="img/icon1.gif" />RA1</a> </td> <td width="33%"> <a href="#"><img src="img/icon2.gif" />RA2</a> </td> <td> <a href="#"><img src="img/icon3.gif" />RA3</a> </td> </tr> ~ 中 略 ~ </table> (2) テキストをつかったメニューデザイン 図 6 テキストをつかったメニューデザイン 例 フ ロ ー トが 使 え な い 端 末 で は 縦 に 並 んでしまいます iphone T004 12

13 テキストを 横 に 並 べるメニューの 場 合 は div タグと span タグを 使 うと 同 じような 見 た 目 になります 図 7 div タグと span タグを 使 った 例 図 7 の HTML ファイル 例 <div> <span class="item"><a href="#top"> 主 要 </a></span> <span class="item"><a href="#int"> 国 際 </a></span> ~ 中 略 ~ </div> (3) デザインの 出 し 分 け スマートフォンなどの 上 位 端 末 ではブロック 要 素 をフロートにして au 端 末 や docomo の 古 い 端 末 などブ ロック 要 素 のフロートが 使 えない 端 末 にだけ 違 うデザインを 出 したいという 場 合 ラウンドアバウトの 表 示 コントロール 機 能 を 使 うとコンテンツの 出 し 分 けが 出 来 ます 表 示 コントロールを 使 う 場 合 グループを 定 義 しているファイル(device-group.conf)にブロック 要 素 のフ ロートが 出 来 ないグループを NOFLT という 名 前 で 定 義 しているのでそれを 使 います 出 し 分 け 方 法 の 例 <?ra g="!noflt" line= *?> <ul> <li><a href="#top"> 主 要 </a></li> <li><a href="#int"> 国 際 </a></li> </ul> <?ra break?> ブロック 要 素 のフロートが 使 える 端 末 にはこちらを 表 示 します ブロック 要 素 のフロートが 使 えない 端 <?ra g="noflt" line= *?> 末 にはこちらを 表 示 します <div> <span class="item"><a href="#top"> 主 要 </a></span><span class="item"><a href="#int"> 国 際 </a></span> </div> <?ra break?> 13

14 [ 参 照 ] device-group.conf ついて 詳 しくは 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 4 章 端 末 グル ープを 参 照 してください [ 参 照 ] 表 示 コントロールについて 詳 しくは 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 5 章 表 示 コン トロールを 参 照 してください 2-3 画 像 の 周 りにテキストを 流 し 込 む 図 8 T004 で 表 示 したテキスト 流 し 込 みの 例 画 像 の 周 りにテキストを 流 し 込 むには float プロパティと align 属 性 を 併 用 します float が 使 えない 端 末 でも 画 像 の 周 りにテキストを 流 し 込 む 場 合 には align 属 性 を 指 定 することで 同 じように 見 せることがで きます 図 8 の HTML ファイル 例 <img class= pict01 align= left src= photo.jpg /> 流 し 込 まれるテキスト 図 8 の CSS ファイル 例.pict01 { float: left; } class 属 性 は img 要 素 に 指 定 し CSS には.クラス 名 の 形 でクラスセレクタを 使 います float プロパティの 効 かない au 用 に align 属 性 を 指 定 します 2-4 iphone 風 のリスト 矢 印 つきの iphone 風 リストを 使 う 場 合 テンプレートに arrow という 専 用 クラスが 用 意 されているので それを 使 います 矢 印 つきにしたい li タグに arrow クラスを 指 定 してください 14

15 HTML ファイル 例 <ul> <li class="arrow"><a href="a.html">ラウンドアバウトの 特 徴 </a></li> <li class="arrow"><a href="a.html"><span class="font1">2011 年 5 月 末 発 売 予 定 </span><br />ラウンドア バウト 2.0!よりリッチに 使 いやすく</a></li> </ul> テンプレートの CSS 変 換 シートに 調 整 された 設 定 が 入 っているので 以 下 のようにモバイル 端 末 で 統 一 されたデザインになります 図 9 iphone 風 リストの 表 示 のされ 方 iphone 932SH docomo の 900 シリーズ などではスタイルに 制 限 があるので シンプ ルなリストデザインにな ります T004 N905i 2-5 フォームコンポーネント(form の 子 要 素 )の 調 整 (1) form input select textarea タグのサイズ 調 整 select タグを 使 ったフォームのサイズと input,textarea タグ 内 の 文 字 サイズの 変 更 は font-size プロパテ ィで 調 整 します input タグと textarea タグの 入 力 エリアのサイズは width height プロパティで 調 整 しま 15

16 す font-size プロパティは 端 末 ごとに 調 整 されますが width height プロパティは 調 整 されません [ 参 照 ] 端 末 ごとに width height プロパティを 調 整 したい 場 合 は CSS 変 換 シートを 編 集 して 下 さい( 別 紙 ラウンドアバウト 2 開 発 リファレンス 第 6 章 CSS 変 換 シート) CSS ファイル 例 input {width:95% ;font-size:large;} select {font-size:large;} textarea {width:95%;height:5em;font-size:large;} 図 10 フォームコンポーネントの 表 示 のされ 方 iphone 932SH T004 N905i ドコモ 900 シリーズでは input タグや textarea タグに 対 しての width,height が 効 きません サイズ 調 整 が 必 要 な 場 合 input タグは size 属 性 textarea タグは cols( 横 幅 )と rows( 縦 幅 ) 属 性 の 値 が 有 効 にな ります (2) ラジオボタン チェックボックスのサイズ 調 整 iphone ではラジオボタンとチェックボックスのサイズが 小 さいとタップしにくいことがあります そのため テンプレートには 以 下 のようなボタンサイズを 変 える 設 定 が 入 っています input[type="radio"] {height:30px; width:30px;} input[type="checkbox"] {height:30px;width:30px;} android 端 末 には 効 きません 16

17 (3) 入 力 モードの 設 定 ラウンドアバウト 以 降 では スマートフォンで 使 用 できる 入 力 モード(HTML5 で 新 たに 追 加 された input 要 素 の type 属 性 )を 使 うことができます 携 帯 では 近 い 入 力 モードに 置 き 換 わるので 携 帯 の 文 字 入 力 モードにも 対 応 ができます type= text ( 全 角 かな) type= ( 半 角 英 字 ( 小 文 字 )) type= url ( 半 角 英 字 ( 小 文 字 )) type= number ( 数 字 ) type= tel ( 数 字 ) 半 角 カナを 指 定 するスマートフォンでの 入 力 モードはありません 携 帯 で 半 角 カナを 設 定 する 場 合 は istyle 属 性 を 記 述 します istyle=2( 全 角 カナ) (4) 入 力 モードの 設 定 (ラウンドアバウト よりも 前 のバージョンの 場 合 ) ラウンドアバウト よりも 前 のバージョンを 使 っている 場 合 は 携 帯 の 文 字 入 力 モードの 指 定 には istyle を 使 います istyle=1( 全 角 かな) istyle=2( 全 角 カナ) istyle=3( 半 角 英 字 ( 小 文 字 )) istyle=4( 数 字 ) スマートフォンには 効 きません ラウンドアバウト で 配 布 する 変 換 シートを 取 り 込 むことにより 以 前 のバージョンでも type 属 性 の 入 力 モードを 使 用 することができます 17

目 次 本 書 について... 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

CSSの基礎

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

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

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

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

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

More information

第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

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

PowerPoint プレゼンテーション

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

More information

(1)

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

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-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 な

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

More information

1/2

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

More information

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

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

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

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

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

More information

■新聞記事

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

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

(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

1.ユーザーズマニュアル 目 次 1. ユーザーズマニューアル 目 次 2. 管 理 画 面 基 本 情 報 3_1. 施 設 情 報 管 理 メニュー / 情 報 修 正 について パート1 施 設 の 選 択 3_2. 施 設 情 報 管 理 メニュー / 情 報 修 正 について パート2 基

1.ユーザーズマニュアル 目 次 1. ユーザーズマニューアル 目 次 2. 管 理 画 面 基 本 情 報 3_1. 施 設 情 報 管 理 メニュー / 情 報 修 正 について パート1 施 設 の 選 択 3_2. 施 設 情 報 管 理 メニュー / 情 報 修 正 について パート2 基 ハイツ&いこいの 村 様 施 設 情 報 最 新 情 報 お 勧 めプラン 更 新 システム ユーザーズマニュアル [ 連 絡 先 ] 北 川 宣 浩 TEL:03-5434-8282 Nobuhiro_Kitagawa@jic.co.jp 竹 内 勇 人 TEL:03-3702-7673 hayato@bamboo-h.com 1.ユーザーズマニュアル 目 次 1. ユーザーズマニューアル 目 次

More information

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

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

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

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

■デザイン

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

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 校 外 における 研 修 のコマ 数 の 考 え ア) 午 前 午 後 の 講 座 は 0.5 日 (0.5 コマ) イ) 全 日 の 講 座 は 1.0 日 (1.0 コマ) 2 校 外 における 研 修 として 選 択 できない 講 座 研 修

Ⅰ 校 外 における 研 修 の 留 意 点 1 校 外 における 研 修 のコマ 数 の 考 え ア) 午 前 午 後 の 講 座 は 0.5 日 (0.5 コマ) イ) 全 日 の 講 座 は 1.0 日 (1.0 コマ) 2 校 外 における 研 修 として 選 択 できない 講 座 研 修 平 成 25 年 度 札 幌 市 10 年 経 験 者 研 修 校 外 における 研 修 ( 共 通 研 修 教 科 指 導 等 研 修 等 )の 入 力 の 手 引 ( 校 外 における 研 修 の 留 意 点 及 び 別 紙 様 式 3 別 紙 様 式 4の 入 力 について) Ⅰ Ⅱ Ⅲ Ⅳ 校 外 における 研 修 の 留 意 点 (p1) 校 外 における 研 修 ( 別 紙 様 式 3)の

More information

おすすめページ

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

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

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

More information

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>

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

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

2016 年 度 情 報 リテラシー 次 に Excel のメニューから[ 挿 入 ]タブをクリックし 表 示 されたメニュー 内 の[グラフ]にある[ 折 れ 線 グラフ]のボタンをクリックする するとサブメニューが 表 示 されるので 左 上 の[ 折 れ 線 ]を 選 択 する [ 挿 入 ]

2016 年 度 情 報 リテラシー 次 に Excel のメニューから[ 挿 入 ]タブをクリックし 表 示 されたメニュー 内 の[グラフ]にある[ 折 れ 線 グラフ]のボタンをクリックする するとサブメニューが 表 示 されるので 左 上 の[ 折 れ 線 ]を 選 択 する [ 挿 入 ] ( 第 10 回 )2016/06/20 Excel によるグラフ 作 成 この 回 では Excel を 用 いたグラフ 作 成 の 演 習 を 行 う 新 聞 記 事 等 で 利 用 されているような 一 般 的 なグラ フを 題 材 にし Excel に 備 わっているグラフ 作 成 機 能 を 知 る 1. 課 題 の 確 認 いくつかのグラフの 例 を 参 考 に Excel の 機 能

More information

スライド 1

スライド 1 e 研 修 PDCA 運 用 チェック Simple e-learning Management System Plus 操 作 説 明 書 管 理 者 機 能 ( 運 用 チェックテーマ 資 材 作 成 管 理 編 ) 05 年 月 Ver..7 アーチ 株 式 会 社 機 能 e 研 修 管 理 機 能 LOGIN 画 面 (PC 環 境 用 ) 説 明 e 研 修 管 理 機 能 LOGIN

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

A

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

More information

textbook.indd

textbook.indd 02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24

More information

■ユーザ

■ユーザ Joruri CMS 2.0.0 基 本 マニュアル (2013.7.16) コンテンツ アンケート コンテンツ アンケート では 以 下 のような 機 能 特 徴 を 備 えたアンケートフォームペ ージの 作 成 を 行 うことが 出 来 ます TinyMCE の 使 用 で HTML 等 の 複 雑 な 知 識 を 必 要 とせず MS WORD のような 感 覚 でアンケ ートフォームのページを

More information

1

1 目 次 はじめに... 2 音 声 ブラウザの 読 み 上 げ 手 順... 2 音 声 ブラウザへの 具 体 的 な 対 応 方 法... 3 1. 基 本 言 語 3 2.スペースの 挿 入 と 改 行 (タグ)の 挿 入 3 3. 取 り 消 し 線 4 4. 記 号 などの 表 記 4 5. 英 単 語 5 6. 数 字 5 7.イメージマップ 6 8. 表 組 み 6 9.PDF

More information

OpenCity2説明

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

More information

Microsoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード]

Microsoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード] 目 次 目 次 2 全 体 概 要 3 管 理 画 面 へのログイン 4 ページの 種 類 5 新 規 投 稿 の 流 れ 7 記 事 を 投 稿 する( 各 要 素 のパターン) 8 記 事 を 投 稿 する( 要 素 の 順 番 入 れ 替 え 削 除 の 方 法 ) 10 画 像 追 加 11 投 稿 の 編 集 14 サイドエリアの 編 集 16 投 稿 の 削 除 17 新 規 カテゴリの

More information

<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63>

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

More information

html_text

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

More information

1

1 Excelファイルアクセス 1. 概 要 Excel ファイルアクセスコンポーネントは Microsoft Excel のファイルを 開 いてセルの 値 や 書 式 を 取 得 変 更 したり テーブル 全 体 を 新 しいファイルと して 保 存 したりするために 用 います Excel ファイルアクセスコンポーネントは アプリケーションビルダーのメニューから 以 下 のように 選 びます [コンポーネント

More information

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

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

More information

研究者情報データベース

研究者情報データベース 研 究 者 情 報 管 理 システム 研 究 者 向 けデータ 一 括 登 録 機 能 操 作 マニュアル 2013 年 6 月 4 日 目 次 1. はじめに... 1 1.1 本 マニュアルの 注 意 事 項... 1 2. 操 作 手 順... 2 2.1 データ 登 録 手 順... 2 2.2 データ 読 み 込 みエラー 時 の 対 応 手 順... 13 3. 登 録 データ 一 覧...

More information

1.3 利 用 方 法 図 1 国 立 国 会 図 書 館 デジタルコレクション 送 信 サービスの 対 象 資 料 本 文 の 閲 覧 は 図 書 館 サービスカウンター 備 え 付 けの 専 用 パソコン(1 台 )のみでの 利 用 となります 利 用

1.3 利 用 方 法 図 1 国 立 国 会 図 書 館 デジタルコレクション  送 信 サービスの 対 象 資 料 本 文 の 閲 覧 は 図 書 館 サービスカウンター 備 え 付 けの 専 用 パソコン(1 台 )のみでの 利 用 となります 利 用 デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 利 用 方 法 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書

More information

WORD 98 入力の手引き

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

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

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

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

More information

■コンテンツ

■コンテンツ Joruri CMS 2.0.0 基 本 マニュアル (2013.7.23) 2012.2.14 データ データでは 複 数 の 場 所 で 共 通 して 利 用 できる 情 報 (テキスト 形 式 ファイル 形 式 )を 作 成 登 録 管 理 できます テキスト データ>テキスト 作 成 されたテキストが 一 覧 表 示 されます 複 数 の 場 所 で 利 用 するテキスト( 住 所 TEL

More information

文 書 構 造 とスタイル

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

More information

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

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

More information

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合 TIPS 目 次 TIPS 項 目 棚 割 りを 開 始 するまで 商 品 画 像 の 追 加 方 法 商 品 情 報 の 一 括 更 新 登 録 方 法 棚 割 情 報 の 連 携 方 法 小 売 様 棚 割 ソフトとの 棚 割 情 報 連 携 について 他 棚 割 ソフトとの 棚 割 情 報 連 携 について 棚 割 情 報 のExcel 取 込 について 棚 板 設 定 の 詳 細 商 品 設

More information

PowerPoint Presentation

PowerPoint Presentation 登 録 を 受 け 付 けるWebフォームを 作 成 したい 1. 概 要 ホームページ 上 で 会 員 登 録 を 受 け 付 ける 登 録 フォームの 作 り 方 を 説 明 します 弊 社 のシステムを 利 用 すると 会 員 登 録 や 資 料 請 求 などの 登 録 フォームを 作 成 することが 可 能 です cgiプログラムを 組 む 必 要 はありません < フォーム 作 成 設 定

More information

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074>

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

More information

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

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

More information

企業のおけるWebガバナンスの構築

企業のおけるWebガバナンスの構築 0 記 事 編 集 マニュアル:index リンクをクリックすると 該 当 のページへ 遷 移 します 1. 記 事 編 集 (wysywigエディタ)について 1-1はじめに 1-2 記 事 編 集 (wysywigエディタの 利 用 上 の 注 意 ) 必 ずお 読 みください 1-3 テンプレート 挿 入 から 編 集 まで 流 れ 2. テンプレートについて 2-1 テンプレートの 種 類

More information

項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム

項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム 更 新 日 :2015 年 4 月 14 日 料 金 初 期 費 用 月 額 料 金 無 料 サーバーの 初 期 セットアップ 時 以 外 または 複 数 フォームメーラーを インストールする 場 合 には 別 途 費 用 が 必 要 となります 無 料 スペック 100 個 作 成 可 能 フォーム 数 一 般 投 票 注 文 フォームに 対 応 設 置 可 能 項 目 数 100 項 目 添 付

More information

<4D6963726F736F667420576F7264202D20979897708ED28FDA8DD7837D836A83858341838B2E646F6378>

<4D6963726F736F667420576F7264202D20979897708ED28FDA8DD7837D836A83858341838B2E646F6378> デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書 館 でデジタル

More information

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

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

決 算 時 の 流 れ-1 1 年 間 の 仕 訳 入 力 が 終 了 したら 以 下 の 手 順 で 決 算 書 を 作 成 します Step1 精 算 表 を 印 刷 する 1.[F2 入 力 ]タブより 合 計 表 を 選 択 し 月 度 の 指 定 で 期 首 ~12ヶ 月 目 を 指 定

決 算 時 の 流 れ-1 1 年 間 の 仕 訳 入 力 が 終 了 したら 以 下 の 手 順 で 決 算 書 を 作 成 します Step1 精 算 表 を 印 刷 する 1.[F2 入 力 ]タブより 合 計 表 を 選 択 し 月 度 の 指 定 で 期 首 ~12ヶ 月 目 を 指 定 財 務 応 援 決 算 時 の 処 理 財 務 応 援 の 決 算 時 の 処 理 について 説 明 します (C) EPSON SALES JAPAN CORPORATION, All rights reserved.2012 1 決 算 時 の 流 れ-1 1 年 間 の 仕 訳 入 力 が 終 了 したら 以 下 の 手 順 で 決 算 書 を 作 成 します Step1 精 算 表 を 印

More information

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7.

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. Web メール 操 作 説 明 書 京 都 与 謝 野 町 有 線 テレビ 0 目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. メール 一 覧 画 面...

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

R4財務対応障害一覧

R4財務対応障害一覧 1 仕 訳 入 力 仕 訳 入 力 時 摘 要 欄 で. + Enter を 押 すと アプリケーションでエラーが 発 生 しまインデックスが 配 列 の 境 界 外 です が 出 る 場 合 がある 問 題 に 対 応 しま 2 仕 訳 入 力 仕 訳 入 力 主 科 目 と 補 助 科 目 を 固 定 にすると2 行 目 以 降 の 補 助 科 目 コピーが 動 作 しない 問 題 に 対 応

More information

(Microsoft PowerPoint - LS\203f\203U\203C\203\223\225\317\215X\203}\203j\203\205\203A\203\213.ppt)

(Microsoft PowerPoint - LS\203f\203U\203C\203\223\225\317\215X\203}\203j\203\205\203A\203\213.ppt) 相 互 リンクシステム デザイン 変 更 マニュアル 第 二 版 2007/05/10 1.サイトデザインに 関 係 するフォルダ 相 互 リンクサイト は をお 使 いのサーバーの link というフォルダに 導 入 した 場 合 以 下 のようなフォルダ 構 成 となりますが デザイン 変 更 に 関 係 のあるフォルダは./link/css/./link/form/templates/./link/img/

More information

【試用版】AppStudioクイズアプリ作成手順

【試用版】AppStudioクイズアプリ作成手順 2014 年 08 月 18 日 最 終 更 新 クイズアプリをつくろう Dacoon, Inc. 目 次 1. APP STUDIO で 作 れるクイズについて... 3 2. クイズアプリを 作 ってみよう... 4 3. 画 像 の 設 定... 22 4. CSS 編 集 について... 25 5. パブリッシュについて... 27 2 1.App Studio で 作 れるクイズについて

More information

PowerPoint プレゼンテーション

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

More information

Microsoft Office Excel2007(NO.2エクセル初級後編)

Microsoft Office Excel2007(NO.2エクセル初級後編) 目 次 序 章... 1 エクセル 2007 初 級 ( 後 編 ) の 目 的... 1 エクセル 2007 初 級 ( 後 編 )について... 2 表 の 編 集 ( 後 編 その1)... 2 シートの 操 作... 2 基 本 の 計 算 式 ( 後 編 )... 3 印 刷 の 基 本... 3 グラフ 作 成 の 基 本... 3 第 1 章 表 の 編 集 ( 後 編 その 1)...

More information

Acrobat早分かりガイド

Acrobat早分かりガイド Adobe PDF を 加 工 編 集 する PDF を 再 利 用 する PDF ファイルの Word 文 書 書 き 出 し [ 名 前 を 付 けて 保 存 ] ダイアログが 開 くので ファイルの 書 き 出 し 先 を 指 定 し [ 保 存 ] ボタンをクリックします Acrobat を 使 用 すると Adobe PDF から Word の フォーマットに 書 き 出 してファイルを

More information

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378> アンケートフォームを 設 置 する 方 法 < 目 次 > 1 アンケートフォームを 利 用 するための 設 定 をする 2 1-1 アンケートフォームの 詳 細 設 定 をする 1-2 アンケートフォームの 入 力 画 面 を 作 成 する 1-3 お 客 さんが 入 力 内 容 を 確 認 するためのページを 作 成 する 1-4 アンケート 完 了 後 に 表 示 するお 礼 画 面 を 作

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ~スマートフォン 用 サイト デザイン 設 定 方 法 ~ ver1.0 1 はじめに 本 マニュアルでは オールインワンを 使 用 し スマートフォン 用 サイトのデザイン 設 定 方 法 をご 説 明 します まずはスマートフォンサイト 用 にサイトデザインを 整 えます ホームページ 情 報 の 登 録 と 基 本 的 な 機 能 を 実 装 していくために 管 理 画 面 についてご 説 明

More information

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

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション WiLL Mail トライアルアカウント 用 簡 易 マニュアル 1 メールを 配 信 する(シンプルDB 編 ) 1.データベースを 設 定 する 2.メールを 作 成 する 1 新 規 メールを 作 成 する 2 配 信 対 象 設 定 をする 3 基 本 設 定 をする 4コンテンツを 編 集 する 5 設 定 内 容 を 確 認 する 6 配 信 を 行 う p3,4 p5 p6,7 p8,9

More information

ThinkBoard Free60 Manual

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

More information

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

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

More information

■新聞記事

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

More information

<4D6963726F736F667420576F7264202D20819A837A815B83808379815B83578DEC90AC837D836A83858341838B2E646F6378>

<4D6963726F736F667420576F7264202D20819A837A815B83808379815B83578DEC90AC837D836A83858341838B2E646F6378> 2010 年 12 月 改 正 版 ビーコマース ホームページ 作 成 マニュアル 本 文 中 の 画 像 は 2010/12/06 までのものとなっておりますので 実 際 の 画 像 とは 異 なる 場 合 がございます もくじ 本 書 の 使 い 方 1 スタイル 設 定 2 自 由 ページレイアウト 設 定 3 ホームページ 作 成 画 面 説 明 4 コンテンツ 編 集 5 ( 店 舗 TOP

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

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

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

(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

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

Microsoft PowerPoint - J_AuthorManual_JPSJ.ppt [互換モード] ScholarOne Manuscripts オンライン 投 稿 マニュアル 1 語 表 の 切 替 え 2 ログイン 34 アカウント 作 成 5 メインメニュー 6 ダッシュボード 7 Step 1: 種 別 タイトル 抄 録 8 Step 2: キーワード 9 Step 3: 著 者 10 Step 4: 希 望 査 読 者 11 Step 5: 設 問 1213 Step 6: ファイルアップロード

More information

PowerPoint プレゼンテーション

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

More information

戦略担当者のための

戦略担当者のための アーカイブに 登 録 するための ナレッジ 作 成 方 法 1.ナレッジの 整 理 2.ナレッジの 文 章 化 (1)タイトルと 目 次 の 設 定 (2) 本 文 の 作 成 (3) 体 裁 の 整 備 と 校 正 (4)PDFの 作 成 2008 年 8 月 http://www.darecon.com 1.ナレッジの 整 理 初 めにナレッジ( 知 識 ノウハウ)を 整 理 します 以 下 の4

More information

■ディレクトリ

■ディレクトリ Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) ディレクトリ 公 開 画 面 として HTML を 表 示 する 際 に HTML ファイルを 格 納 するディレクトリやページを 作 成 します コンセプトに 格 納 されているオブジェクトは 物 理 的 なディレクトリやページを 指 定 することにより Web の 公 開 画 面 として 表 示 することができます ディレクトリメニューでディレクトリやページを

More information

ワープロソフトウェア

ワープロソフトウェア プレゼンテーションソフト (PowerPoint) プレゼンテーションソフト プレゼンテーションソフト 発 表 会 や 会 議 などで 使 用 する 資 料 を 作 成 表 示 するため のアプリケーションソフト PowerPoint Microsoftによって 提 供 されているプレゼンテーションソフト 比 較 的 簡 単 に 見 映 えのするスライドが 作 れる 2 PowerPointの 起

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

設 定 ダイアログ 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

3. PDF 内 のテキストに 枠 が 表 示 されます 変 更 する 部 分 をクリックし テキストの 追 加 変 更 削 除 などを 行 うことができます フォントの 種 類 や 文 字 サイズなどのスタイル を 変 更 する 場 合 は 次 のステップに 進 みます 2

3. PDF 内 のテキストに 枠 が 表 示 されます 変 更 する 部 分 をクリックし テキストの 追 加 変 更 削 除 などを 行 うことができます フォントの 種 類 や 文 字 サイズなどのスタイル を 変 更 する 場 合 は 次 のステップに 進 みます 2 A. PDF ファイルの 既 存 のテキストを 編 集 する PDF ファイルの 既 存 の 文 章 を 変 更 したり 追 加 削 除 するには 編 集 ツールまたは テキストと 画 像 を 編 集 ツールを 使 用 します PDF ファイルの 既 存 のテキストを 編 集 すると PDF の 内 部 情 報 が 変 更 されたり フォントの 問 題 が 発 生 する 可 能 性 があります 詳

More information

返還同意書作成支援 操作説明書

返還同意書作成支援 操作説明書 返 還 金 同 意 書 等 作 成 支 援 操 作 説 明 書 当 EXCELを 使 用 することにより 以 下 のものを 作 成 できます 返 還 同 意 書 保 険 者 別 返 還 金 額 一 覧 表 返 還 内 訳 表 返 還 集 計 表 1 返 還 金 同 意 書 等 作 成 支 援 (EXCEL 形 式 )を 開 きます 2 タイトル 画 面 が 数 秒 間 表 示 されますので 注 意

More information

エラー!目次項目が見つかりません。

エラー!目次項目が見つかりません。 KINGSOFT Office for Android Premium 使 説 明 書 目 次... 3 動 作 環 境... 3 主 機 能...5 認 証 手 順... 6 接 続... 8 画 面 説 明... 10 画 面 構 成...11 共 通 機 能... 14 使 方... 15 使 方... 19 使 方...23 作 成 行 総 合 文 書 作 成 表 計 算 作 成 構 成 端

More information

ひらがなを 入 力 する 濁 点 などを 入 力 する 漢 字 を 入 力 する 漢 字 に 変 換 する 一 度 入 力 した 文 字 の 再 変 換 は 全 角 半 角 文 字 を 切 り 替 える 文 章 を 入 力 し 漢 字 変 換 する 数 字 を 入 力 する 英 文 字 を 入 力

ひらがなを 入 力 する 濁 点 などを 入 力 する 漢 字 を 入 力 する 漢 字 に 変 換 する 一 度 入 力 した 文 字 の 再 変 換 は 全 角 半 角 文 字 を 切 り 替 える 文 章 を 入 力 し 漢 字 変 換 する 数 字 を 入 力 する 英 文 字 を 入 力 目 次 及 びページ 内 容 見 本 目 次 起 動 する 新 規 文 書 作 成 する 既 存 の 文 書 を 開 く 編 集 する 作 成 文 書 を 保 存 する 終 了 する パソコンのキーと 操 作 方 法 ソフトがフリーズした 場 合 の 操 作 法 キー 操 作 Word 2013 Word 2010 Word 2007 Word 2000/2003 Writer 日 本 語 入 力

More information

<4D6963726F736F667420576F7264202D20819C8140928692B78AFA95DB91538C7689E68DEC90AC289

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 問 い 合 せフォームを 作 成 する Copyright Diverta inc. All right reserved. 1 目 次 1. 管 理 画 面 の 説 明 1-1 問 い 合 わせモジュールとは 1-2 機 能 概 要 1-3 基 本 設 定 1-3-1 基 本 設 定 - 管 理 画 面 のアクセス 制 限 - 1-3-2 基 本 設 定 -メール 設 定 - 2. 問 い 合 わせフォームを

More information

Microsoft Word - TCⅡマニュアル_第6章_ doc

Microsoft Word - TCⅡマニュアル_第6章_ doc .1 章 -1 .1 様 々な 機 能 を 利 用 し 簡 単 にイメージ 通 りの 加 工 が 行 えます した は 元 を 残 し 新 規 として 保 存 されます また 再 できる 加 工 内 容 の 場 合 は 上 書 き 保 存 することができます.1.1 面 について 配 置 面 ( 第 4 章 ) ペンスコープ 面 ( 第 5 章 ) 一 覧 面 ( 第 12 章 )( 複 数 選 択

More information

Ver 改 訂 日 付 改 訂 内 容 1

Ver 改 訂 日 付 改 訂 内 容 1 大 学 評 価 データベースシステム 一 括 登 録 マニュアル ( 第 1.00 版 ) SRA 東 北 Ver 改 訂 日 付 改 訂 内 容 1 目 次 1. 大 学 評 価 データベースの 使 用 方 法 について...3 1.1.データ 一 括 登 録...3 1.1.1. 一 括 登 録 の 目 的...3 1.1.2. 一 括 登 録 の 利 用 上 での 注 意 点...3 1.1.3.

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

演 習 室 の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

ホームページ掲載用原稿入稿のご案内

ホームページ掲載用原稿入稿のご案内 ホームページ 掲 載 用 原 稿 入 稿 のご 案 内 この 度 は スマイルサーバ 簡 単 ホームページ 制 作 入 稿 コース にお 申 し 込 み 頂 きまして 誠 にありがとうございます 本 コースは 弊 社 指 定 の 入 稿 フォーマット( 本 資 料 の2ページ 目 以 降 )に 従 って お 客 様 にテンプレート 選 定 及 びホームペ ージ 基 本 情 報 や 各 ページに 掲

More information

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

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

More information

目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの

目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの Google Blogger 入 門 目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの 編 集... 9 テンプレートの 設 定... 10 ブログの

More information