著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 なしに 変 更 することがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび 関 連 するドキュメントで 使 用 して

Size: px
Start display at page:

Download "著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 なしに 変 更 することがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび 関 連 するドキュメントで 使 用 して"

Transcription

1 Microsoft SharePoint Server 2013 サイトのデザイン 編 集 自 習 書

2 著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 なしに 変 更 することがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび 関 連 するドキュメントで 使 用 している 会 社 組 織 製 品 ドメイン 名 電 子 メール アドレス ロゴ 人 物 場 所 出 来 事 などの 名 称 は 架 空 の ものです 実 在 する 名 称 とは 一 切 関 係 ありません お 客 様 ご 自 身 の 責 任 において 適 用 されるすべての 著 作 権 関 連 法 規 に 従 ったご 使 用 を 願 います マイクロソフトは このドキュメントに 記 載 されている 内 容 に 関 し 特 許 特 許 申 請 商 標 著 作 権 またはその 他 の 無 体 財 産 権 を 有 する 場 合 があります 別 途 マイクロソフトのライセンス 契 約 上 に 明 示 の 規 定 のない 限 り このドキュメントはこれらの 特 許 商 標 著 作 権 またはその 他 の 無 体 財 産 権 に 関 する 権 利 をお 客 様 に 許 諾 するものではありません 2013 Microsoft Corporation. All rights reserved. SharePoint Internet Explorer は 米 国 Microsoft Corporation の 米 国 およびその 他 の 国 における 登 録 商 標 または 商 標 です 記 載 されている 会 社 名 製 品 名 には 各 社 の 商 標 のものもあります

3 目 次 はじめに... 2 変 更 履 歴 SharePoint サイト デザイン 基 礎 SharePoint サイトの 既 定 デザイン 共 通 メニュー 内 容 とマスター ページ... 8 標 準 のマスター ページ...10 マスター ページの 変 更 方 法...11 [ 参 考 ] マスター ページの 設 定 メニューと 発 行 機 能...14 マスター ページ ギャラリー ブラウザーでの 設 定 で 行 えるデザイン 変 更 ロゴの 変 更 外 観 の 変 更 HTML エディターを 利 用 したマスター ページの 編 集 HTML デザインの 用 意 マスター ページ ギャラリーをネットワーク ドライブとして 設 定 マスター ページ ギャラリーに HTML ファイルをアップロード HTML ファイルをマスター ページに 変 換 SharePoint デザインに 必 要 な 内 容 の 追 加...53 スニペット 画 面 を 開 く...55 HTML エディター (Dreamweaver) で HTML ファイルを 開 く...56 サイト 名...58 サイトのロゴ...61 グローバル ナビゲーション...65 検 索 ボックス...72 コンテンツ エリア...76 セキュリティによるトリミング マスター ページとして 設 定...90 各 リソースファイルをメジャーバージョンに 発 行...90 サイトのマスター ページを 設 定 変 更 モバイル 対 応 について サポートされているモバイル デバイス ブラウザー モバイル ブラウザー ビューを 利 用 するために...97 [モバイル ブラウザー ビュー] サイト 機 能 のアクティブ 化 方 法...98

4 5. モバイル 対 応 デザインとデバイス チャネル デバイス チャネルの 作 成 モバイル ブラウザー 専 用 デザインの 作 成 HTML デザインの 用 意 マスター ページ ギャラリーに HTML ファイルをアップロード HTML ファイルをマスター ページに 変 換 SharePoint デザインに 必 要 な 内 容 の 追 加 デバイス チャネル パネルの 利 用 各 リソースファイルをメジャーバージョンに 発 行 マスター ページの 設 定 [モバイル ブラウザー ビュー] サイト 機 能 の 非 アクティブ 化 方 法 デバイス チャネルごとのマスター ページ 設 定

5 はじめに 本 ドキュメントは Microsoft SharePoint Server 2013 ( 以 下 SharePoint 2013) また SharePoint Online (SharePoint 2013 ベース) サイトのデザイン 編 集 を 行 うために 必 要 な 知 識 を 習 得 いただき デザイン 編 集 作 業 を 行 っていただくための 参 考 手 順 書 です SharePoint 2013 ではサイトのデザイン 編 集 を 行 うための 機 能 が 大 きく 強 化 されており 以 前 のバ ージョンよりもデザイン 編 集 が 行 いやすくなっています 本 ドキュメントではブラウザーベースの 設 定 のみで 行 うデザイン 変 更 から HTML エディターを 利 用 して 行 うデザイン 編 集 また SharePoint 2013 で 機 能 強 化 されたモバイル ビューについて ステップ バイ ステップの 手 順 をベースに 解 説 します 2

6 変 更 履 歴 バージョン リリース 時 期 変 更 内 容 Version 年 3 月 初 版 3

7 1. SharePoint サイト デザイン 基 礎 SharePoint サイトの 既 定 デザインは 次 図 のような 内 容 です 既 定 のデザインのまま 利 用 することも もちろん 可 能 ですが デザイン 変 更 はカスタマイズにおける 大 きなニーズのひとつといえます サイトのデザインはブラウザー ベースでの 設 定 により サイトの 色 合 いや 背 景 文 字 スタイル 等 の 一 部 を 変 更 することが 可 能 です また 大 幅 なデザイン 変 更 を 行 いたい 際 には SharePoint 2013 では SharePoint Designer 2013 だけではなく 各 種 HTML エディターを 利 用 したデザイン 編 集 が 行 えるよう 新 機 能 が 搭 載 されています この 章 ではこれらのデザイン 編 集 を 行 う 際 に 理 解 するべき SharePoint サイト デザインの 基 本 的 な しくみについて 解 説 します チームサイト テンプレートを 利 用 した 場 合 の 画 面 4

8 1.1 SharePoint サイトの 既 定 デザイン SharePoint サイト 内 にはトップページをはじめとする 複 数 の Web ページ (aspx ファイル) が 含 まれています SharePoint サイト 内 にあるページ 例 サイトのトップページ Web パーツページや 発 行 ページ Wiki ページなどサイト 内 に 作 成 したページ リスト ライブラリ 内 のビュー フォーム サイトの 設 定 画 面 リストの 設 定 画 面 などの 各 種 設 定 画 面 サイトのデザインは 大 きく 2 種 類 のエリアに 分 けられ サイト 内 の 全 ページは 下 図 のように 共 通 メニ ュー 部 分 ( 上 部 のサイト タイトルやリボンなどを 含 む 領 域 と 左 部 のサイド リンク バー 領 域 ) とページご とのコンテンツが 表 示 されるコンテンツ エリアが 含 まれています 共 通 メニュー 部 分 サイト 内 のすべてのページで 同 じ 内 容 が 表 示 される 共 有 メニュー エリアです サイト 内 で 各 操 作 を 行 うためのリボン メニューや 各 ソーシャル 機 能 へのリンク トップ リンク バー サイド リン ク バーが 含 まれます (SharePoint Server 2013 と SharePoint Online で 一 部 内 容 が 異 なります) コンテンツ エリア 各 ページ 内 のコンテンツが 表 示 されるエリアで ページによって 内 容 が 異 なります 5

9 [ 参 考 ] 共 通 メニュー 内 の 主 な 内 容 リボン SharePoint 2010 と 同 様 に 主 な 操 作 メニューはリボン 内 に 用 意 されています トップ リンク バー [ 参 照 ] タブ 内 に 表 示 される 横 に 並 べてリンクを 表 示 できるエリアです 同 じサイト コレク ション 内 にある 他 のサイトへのリンクを 自 動 的 に 表 示 するよう 設 定 が 可 能 であり サイト 管 理 者 は 任 意 に 編 集 も 行 えます またサイトの 管 理 者 権 限 を 持 つユーザーには [リンクの 編 集 ] メニューが 表 示 され クリック することで 設 定 画 面 にアクセスしなくても 直 接 リンク 内 容 の 編 集 が 行 えるようになっていま す 6

10 サイド リンク バー 左 サイドに 縦 に 並 べてリンクを 表 示 できるエリアです サイト 内 のコンテンツ (リスト ライブラ リ ページなど) へのリンクを 配 置 することが 主 な 用 途 ですが サイト 管 理 者 は 任 意 に 内 容 編 集 が 行 えます またサイトの 管 理 者 権 限 を 持 つユーザーには [リンクの 編 集 ] メニューが 表 示 され クリック することで 設 定 画 面 にアクセスしなくても 直 接 リンク 内 容 の 編 集 が 行 えるようになっていま す コンテンツにフォーカス クリックすることで リボン 領 域 とサイド リンク バーが 非 表 示 となり コンテンツ エリア 内 の 内 容 をより 見 やすく 表 示 できます 再 度 クリックすると もとの 表 示 に 戻 ります 7

11 1.2 共 通 メニュー 内 容 とマスター ページ [1.1 SharePoint サイトの 既 定 デザイン] で 確 認 したように サイト 内 の 全 ページには 共 通 デザイン としてメニュー 部 分 ( 上 部 のリボン 等 を 含 む 領 域 と 左 部 のサイド リンク バー 領 域 など) が 表 示 されま す 全 ページで 共 通 のデザインは 各 ページ ファイル (.aspx) 内 にその 内 容 (HTML などのソースコー ド) が 含 まれているわけではなく マスター ページというデザインのテンプレート 内 に 定 義 されています サ イト 内 の 全 ページはマスター ページを 参 照 することで 共 通 デザインを 表 示 しています また 各 ページで 内 容 が 異 なるエリアを コンテンツ エリア といい コンテンツ エリア 内 には Web パ ーツや HTML などの Web コンテンツを 含 められます ([ページの 編 集 ] メニューから 編 集 モードに 切 り 替 えて 内 容 編 集 が 行 える 領 域 がコンテンツ エリアです) コンテンツ エリア 内 の 内 容 は 各 ページの aspx ファイルに 保 存 されます 8

12 マスター ページは SharePoint のプラットフォームである ASP.NET の 機 能 であり 複 数 ページで 同 じデザインを 共 有 するためのしくみです 共 通 して 表 示 したいデザインはマスター ページ (*.master) に 定 義 します またマスター ページを 参 照 して 動 作 する Web ページをコンテンツ ページといいます SharePoint サイトでは 全 ページが 基 本 的 にマスター ページを 参 照 しているため すべてのページはコ ンテンツ ページといえます コンテンツ ページにアクセスすると コンテンツ ページと 参 照 しているマスター ページを 合 わせた 結 果 が 画 面 として 表 示 されます 次 図 のように SharePoint の 各 ページは マスター ページ (*.master) と 各 ページ (*.aspx) が 組 み 合 わさり ひとつのページが 表 示 されるしくみとなっています 9

13 標 準 のマスター ページ SharePoint 2013 標 準 では seattle.master と oslo.master が 搭 載 されており 既 定 のデ ザインは seattle.master です SharePoint 2013 では 下 位 互 換 のために SharePoint 2010 モードのサイトをホストで きる 機 能 があります SharePoint 2010 モードでデザインを 表 示 するため v4.master (SharePoint 2010 のマスター ページ) も 標 準 搭 載 されています 参 考 :TechNet SharePoint 2013 でサイト コレクションのアップグレードを 計 画 する 10

14 マスター ページの 変 更 方 法 SharePoint サイトのデザイン テンプレートであるマスター ページは 各 サイトで 発 行 機 能 をアクティブ 化 することにより 設 定 変 更 が 可 能 となります 既 定 のマスター ページである seattle.master から 標 準 搭 載 の oslo.master や 独 自 で 作 成 したマスター ページへの 変 更 を 行 うことで サイト 全 体 のデザ インを 変 更 できます マスター ページの 設 定 変 更 手 順 1. [ 設 定 ] [サイトの 設 定 ] をクリックします 2. 外 観 カテゴリーの [マスター ページ] をクリックします 11

15 3. [サイト マスター ページの 設 定 ] で 次 の 項 目 を 設 定 変 更 できます 設 定 項 目 説 明 標 準 の 設 定 オプション サイト マスター ページ サイト 内 の 発 行 ページが 参 照 する マスター ページを 指 定 できます 親 サイトの 設 定 を 継 承 seattle oslo システム マスター ページ サイト 内 の 管 理 ページ リスト ラ イブラリ ビュー ( 発 行 ページ 以 外 のページ) が 参 照 するマスター ペ ージを 指 定 できます 親 サイトの 設 定 を 継 承 seattle oslo 12

16 マスター ページの 設 定 はサイト マスター ページとシステム マスター ページの2つに 分 けられており それぞれ 違 うマスター ページを 指 定 することで 1 つのサイト 内 に 2 パターンのデザインを 混 在 させること も 可 能 です この 設 定 はインターネット 公 開 用 のパブリック サイトなどにおいて 一 般 ユーザーに 公 開 する 発 行 ページに 対 してはカスタマイズしたデザインを 採 用 する 一 方 管 理 者 用 の 設 定 コンテンツ 投 稿 画 面 では 標 準 的 なデザインのままとするなどの 用 途 で 活 用 できます 一 般 的 な 社 内 ポータル サイトやチー ム サイトでは 1 つのサイト 内 で 複 数 デザインを 持 たせることは 一 貫 性 を 欠 いてしまいユーザー 操 作 に 混 乱 をきたすことも 想 定 されるため 明 確 な 理 由 がない 限 りはサイト マスター ページとシステム マスター ページは 同 じ 設 定 を 基 本 とする ( 同 じマスター ページを 選 択 する) ことをおすすめします またサブ サイトでは [このサイトの 親 からマスター ページを 継 承 する] オプションを 利 用 することで 親 サイトと 同 じデザインを 適 用 できます サイト コレクション 内 の 全 サイトで 同 じデザインを 適 用 する 際 には 次 図 のようにトップ レベル サイトは 適 切 なマスター ページを 選 択 し サブ サイトは 親 サイトを 継 承 する 設 定 が 便 利 です このような 構 成 とすることで サイト コレクション 内 の 全 サイトでマスター ページを 変 更 したい 場 合 には トップ レベル サイトでマスター ページを 設 定 変 更 するだけですみ 各 サブ サイトで 同 じ 設 定 を 繰 り 返 す 必 要 がなくなります 13

17 [ 参 考 ] マスター ページの 設 定 メニューと 発 行 機 能 前 述 のとおりサイトの 設 定 画 面 の [マスター ページ] メニューを 利 用 してマスター ページを 設 定 変 更 するためには 発 行 機 能 が 必 要 です [マスター ページ] メニューはサイト 機 能 である 発 行 機 能 がアクティ ブ 化 されていないサイトでは 表 示 されず ブラウザー 上 では 設 定 変 更 が 行 えません 他 のマスター ページ を 利 用 するように 設 定 変 更 を 行 いたい 際 は まず 発 行 機 能 のアクティブ 化 を 行 う 必 要 があります 上 画 面 は [ 発 行 機 能 ] がアクティブ 化 されていないサイトの 設 定 画 面 です 14

18 発 行 機 能 をアクティブ 化 するための 手 順 各 サイトにて 発 行 機 能 をアクティブ 化 するためには そのサイト コレクション 設 定 で 発 行 インフラストラク チャがアクティブ 化 されていることが 前 提 となります サイト コレクションの [ 発 行 インフラストラクチャ] をアクティブ 化 1. サイト コレクションのトップ レベル サイトで [ 設 定 ] [サイトの 設 定 ] をクリックし サイトの 設 定 画 面 を 開 きます 2. [サイト コレクションの 管 理 ] セクション 内 の [サイト コレクションの 機 能 ] をクリックします 3. [SharePoint Server 発 行 インフラストラクチャ] をアクティブ 化 します 15

19 各 サイトの [ 発 行 機 能 ] をアクティブ 化 する 各 サイトで [ 設 定 ] [サイトの 設 定 ] をクリックし サイトの 設 定 画 面 を 開 きます [サイトの 操 作 ] セクション 内 の [サイト 機 能 の 管 理 ] をクリックします 3. [SharePoint Server 発 行 機 能 ] をアクティブ 化 します 16

20 マスター ページ ギャラリー マスター ページは 各 サイト 単 位 で 設 定 が 行 えます 設 定 を 行 う 際 に 選 択 できる 各 マスター ページ フ ァイル (*.master) の 格 納 場 所 はマスター ページ ギャラリーです マスター ページ ギャラリーは 各 サ イト コレクションごとに 1 つずつあるため 独 自 マスター ページを 作 成 し それを 複 数 のサイト コレクシ ョン 内 サイトで 利 用 したい 場 合 には 各 サイト コレクションごとに 展 開 する 必 要 があります マスター ページ ギャラリーの 場 所 レベル サイトの URL/_catalogs/masterpage/ トップ レベル サイトにて サイトの 設 定 画 面 [マスター ページとページレイアウト] からアク セス 可 能 17

21 標 準 で 搭 載 するマスター ページである seattle.master や oslo.master もマスター ページ ギ ャラリーにファイルが 保 存 されています マスター ページ ギャラリーに 保 存 した *.master ファイルは 各 サイトのマスター ページ 設 定 画 面 で 選 択 肢 一 覧 として 表 示 され 選 択 が 行 えるようになります またマスター ページ ギャラリーのベースはライブラリです ライブラリのバージョン 管 理 機 能 を 利 用 するこ とでデザイン テンプレートであるマスター ページの 管 理 を 行 うしくみとなっています 既 定 でマイナー/メジ ャー バージョン 管 理 が 有 効 になっており メジャーバージョンに 発 行 するまではそのマスター ページは 一 般 ユーザーからは 利 用 できません 18

22 2. ブラウザーでの 設 定 で 行 えるデザイン 変 更 前 章 では SharePoint サイト デザインのしくみとして デザイン テンプレートであるマスター ページ について 解 説 しました この 章 ではブラウザーでの 設 定 ベースで 行 えるデザイン 変 更 方 法 について 解 説 し ます SharePoint 2013 ではデザイン 変 更 を 行 うための 設 定 が2つあります これらの 設 定 について 手 順 とその 内 容 を 解 説 します ロゴの 変 更 外 観 の 変 更 2.1 ロゴの 変 更 サイトの 左 上 に 表 示 され るロ ゴ 画 像 は 各 サ イトごとに 設 定 変 更 が 可 能 です ロ ゴ の 変 更 は SharePoint 2010 でも 同 様 に 行 えましたが SharePoint 2013 ではロゴ 画 像 を 選 択 する 際 に 一 度 ライブラリに 保 存 する 作 業 を 行 わなくても 設 定 画 面 からロゴ 画 像 の 保 存 も 同 時 に 行 えるようになっ ています 1. ロゴ 画 像 として 表 示 したい 画 像 ファイルを 用 意 します SharePoint の 機 能 により ロゴ 画 像 の 領 域 に 合 うようにリサイズして 表 示 されますが 既 定 のロゴ 画 像 のサイズは ピクセルですのでこのサイズを 参 考 に 用 意 することをおすすめします 19

23 2. [ 設 定 ] [サイトの 設 定 ] をクリックします 3. 外 観 カテゴリーの [タイトル 説 明 ロゴ] をクリックします 4. [ロゴの 挿 入 ] の 下 にある [コンピューターから] をクリックします 20

24 5. [ドキュメントの 追 加 ] ダイアログが 表 示 されます [ 参 照 ] をクリックし ローカルにあるロゴ 画 像 を 選 択 し [OK] をクリックします 6. 指 定 した 画 像 がロゴとして 設 定 されます 指 定 した 画 像 は [サイトのリソース ファイル] ライブラリに 保 存 され ロゴの URL は 自 動 で 挿 入 さ れます また 設 定 画 面 にて サイトのロゴがプレビューされるため 結 果 の 確 認 も 以 前 のバージョンよりも 行 いやすくなっています [OK] をクリックします サイトのロゴが 変 更 されます 21

25 2.2 外 観 の 変 更 [ 外 観 の 変 更 ] はサイトのテーマを 設 定 するためのメニューで テーマはサイトのデザインをブラウザーベ ースで 設 定 変 更 するための 機 能 です 以 前 のバージョンにもテーマ 機 能 は 搭 載 されていましたが 機 能 が 大 幅 に 進 化 し SharePoint 2013 ではテーマにより ブラウザー 設 定 ベースで 以 前 のバージョンより も 柔 軟 なデザイン 変 更 が 行 えるようになっています SharePoint 2010 のテーマ 機 能 では サイトの 色 合 い (リボンやサイド リンク バーなど 共 通 デザイ ン 部 分 の 色 合 い 既 定 のフォント 色 ) が 変 更 可 能 でしたが SharePoint 2013 では 22 種 類 のベ ース デザイン (テーマ) から 任 意 の 表 示 項 目 内 容 を 選 択 しさらに 下 記 のデザイン 変 更 が 行 えます 任 意 の 背 景 画 像 を 指 定 色 合 いの 選 択 サイトのレイアウト (マスター ページ) の 選 択 フォントの 種 類 選 択 サイトの 色 合 いや 背 景 を 組 織 や 会 社 のブランド カラーに 合 わせて ブラウザーベースの 簡 単 な 設 定 に より 手 軽 に 変 更 が 可 能 な 便 利 な 機 能 として 活 用 いただけます 1. 背 景 画 像 として 利 用 する 画 像 を 用 意 します PNG もしくは GIF 画 像 で サイズは 150 KB 以 内 のものを 用 意 します 形 式 が 違 う 場 合 やサイ ズをオーバーしている 場 合 エラーとなり 設 定 が 行 えません [ 参 考 ] Office.com 画 像 検 索 (サンプル 画 像 のダウンロードができるサイトです) 22

26 2. [ 設 定 ] [サイトの 設 定 ] をクリックします 3. 外 観 カテゴリーの [ 外 観 の 変 更 ] をクリックします 23

27 4. 外 観 の 変 更 画 面 が 開 き 22 種 類 のベース デザインが 表 示 されます 任 意 のデザインをクリックし て 選 択 します (この 手 順 書 では [スケッチ] を 選 択 します ) 5. 選 択 したデザインをベースに 下 記 を 設 定 変 更 する 画 面 が 表 示 されます 背 景 画 像 色 サイトのレイアウト フォント 24

28 6. 背 景 をカスタマイズします ここで 選 択 した [スケッチ] デザインは 背 景 画 像 が 既 定 で 設 定 されており コンテンツ エリアの 背 景 として 利 用 されていることが 画 面 右 側 のプレビュー 画 面 で 確 認 できます 選 択 したベース デザインによって 背 景 画 像 が 適 用 される 箇 所 は 異 なります 設 定 変 更 メニューの 画 像 をアップロードする 箇 所 へ ローカルからドラッグ アンド ドロップで 画 像 を 指 定 します 7. 右 側 のプレビューで 指 定 した 画 像 が 背 景 として 表 示 されていることが 確 認 できます 25

29 8. 続 いて 色 をカスタマイズします ベース デザインとして 指 定 した [スケッチ] デザインではピンクと 黒 をベースとした 色 合 いが 既 定 で 設 定 されています 任 意 の 色 合 いに 変 更 します リボンの 背 景 色 や コンテンツ エリアの 背 景 色 また 文 字 の 既 定 の 色 などを 一 覧 から 色 合 いを 選 択 することで 設 定 変 更 できます 9. 右 側 のプレビューで 選 択 した 色 が 適 用 されたデザインを 確 認 できます 26

30 10. 続 いて サイトのレイアウトについて 確 認 します サイトのレイアウトではマスター ページを 選 択 できるようになっており 標 準 搭 載 のマスター ページで ある seattle もしくは oslo が 選 択 できます 特 徴 として seattle を 選 択 するとサイド リンク バ ー 領 域 が 表 示 され oslo を 選 択 した 場 合 はサイド リンク バー 領 域 が 非 表 示 となりコンテンツ エリ アが 中 央 固 定 となる 点 があげられます (1 章 で 解 説 ) ベース デザインとして 指 定 した [スケッチ] デザインでは [oslo] が 選 択 されています ここではその まま 変 更 せずに oslo を 利 用 します 27

31 11. 続 いて フォントの 設 定 変 更 について 確 認 します フォントは 2 種 類 から (Meiryo UI とメイリオ) から 選 択 できるようになっています メイリオを 選 択 したほうが 文 字 の 表 示 イメージは 大 き 目 に 感 じられます ベース デザインとして 指 定 した [スケッチ] デザインでは [Meiryo UI] が 選 択 されています ここで はそのまま 変 更 せずに Meiryo UI を 利 用 します 12. ここまでの 手 順 でベースデザインの 選 択 背 景 画 像 色 サイトのレイアウト フォント 指 定 を 行 いました 設 定 によるデザイン 編 集 が 完 成 したら [プレビュー] をクリックします 13. 処 理 が 終 了 するまで 待 ちます 28

32 14. 次 図 のように 設 定 したテーマ 内 容 をサイトのトップページに 適 用 したプレビューが 表 示 されます 実 際 のコンテンツと 合 わせてプレビューが 可 能 です 内 容 を 確 認 し [はい 確 定 します] をクリックします 15. サイトのデザインが 変 更 されたことが 確 認 できます 手 順 と 同 様 の 操 作 を 行 っていただいた 場 合 は 既 定 のデザインから 下 記 変 更 を 確 認 いただけます 29

33 3. HTML エディターを 利 用 したマスター ページの 編 集 SharePoint サイトのデザインはマスター ページがスタイルを 参 照 することにより 構 成 されています SharePoint 2013 ではテーマの 機 能 が 拡 張 され 背 景 画 像 の 指 定 や 色 合 いの 調 整 等 の 個 別 のデ ザイン 変 更 作 業 を ブラウザー ベースの 設 定 で 簡 単 に また 柔 軟 に 行 えるようになりました また 以 前 の バージョンと 同 様 にテーマで 設 定 変 更 できる 内 容 以 上 のデザイン カスタマイズを 行 う 際 には マスター ペ ージの 作 成 またはカスタマイズが 必 要 です SharePoint 2013 では [デザイン マネージャー] という 新 機 能 により HTML を SharePoint のデザインであるマスター ページ (*.master) に 変 換 する 機 能 が 追 加 されました HTML ファイルを マスター ページに 変 換 できることから サイトのデザイン 編 集 を 行 う 際 にどのような Web デザイナー ツ ールで も 利 用 い た だ け ま す (SharePoint 2013 で は サ イ ト の デ ザ イ ン 編 集 に 必 ず し も SharePoint Designer を 使 う 必 要 はありません 引 き 続 き SharePoint Designer 2013 でペー ジ レイアウトやマスター ページの 編 集 は 行 えますが プレビュー 表 示 機 能 は 削 除 されており 今 後 は 本 自 習 書 で 紹 介 する Dreamweaver のように 一 般 的 な Web 編 集 ツールでの Web デザインが 主 流 となります ) またこの 機 能 により Web デザイナーと Web 開 発 者 とを 分 離 できるメリットがあり ます Web デザイナーは HTML ファイルをマスター ページに 変 換 する 際 に SharePoint によって 挿 入 されたコメント (SharePoint コントロール 等 をマスター ページ 内 に 挿 入 するためのタグをコメントとし て 挿 入 されます) を 削 除 しなければ その 後 のデザイン 保 守 や 変 更 も HTML ファイルを 編 集 することに より 行 えるようになります この 章 では Web 編 集 ツールとして Dreamweaver を 利 用 し SharePoint サイトのデザイン 編 集 を 行 うための 方 法 やその 手 順 を 解 説 します 手 順 では Dreamweaver を 利 用 しますが 前 述 のと おり HTML 編 集 が 行 えるどの Web 編 集 ツールでも 同 様 のことを 行 っていただけます HTML エディターを 利 用 したマスター ページの 編 集 を 行 う 際 のステップは 次 のとおりです HTML デザインの 用 意 マスター ページ ギャラリーをネットワーク ドライブとして 設 定 マスター ページ ギャラリーに HTML ファイルをアップロード HTML ファイルをマスター ページに 変 換 SharePoint デザインに 必 要 な 内 容 の 追 加 マスター ページとして 設 定 30

34 3.1 HTML デザインの 用 意 サイトのデザインのベースとなる HTML ファイルを 用 意 します 任 意 に 用 意 いただいた HTML ファイ ル (CSS ファイル 画 像 ファイル 等 のリソース ファイルを 含 む) を 利 用 してください この 自 習 書 では 次 のような HTML デザインを 利 用 します 同 じデザインを 利 用 して 手 順 を 試 された い 場 合 には HTML ファイルを 用 意 する 事 前 準 備 として 下 記 手 順 を 行 ってください ( 任 意 に 用 意 いただ いた HTML ファイルを 利 用 される 際 には 3.1 の 手 順 は 必 要 ありません) フォルダーの 作 成 1. デスクトップに 新 しいフォルダーを 作 成 し フォルダー 名 を MyDesign とします 31

35 リソース 画 像 ファイルの 用 意 背 景 画 像 を 用 意 します Office.com 画 像 検 索 にアク セスします 雲 で 検 索 し 下 記 画 像 を 探 す もしくは MP で 検 索 し 次 の 画 像 をダウンロード します ( 任 意 の 画 像 でもかまいません) ダウンロードした 画 像 ファイルを 事 前 に 作 成 した [MyDesign] フォルダー 内 に 保 存 し ファイル 名 を Cloud.jpg とリネームします 下 記 画 像 を 右 クリック [ 図 として 保 存 ] します ファイル 名 は Logo.jpg としてください ま た Logo.jpg ファイルは [MyDesign] フォルダーに 保 存 します ( 下 記 ロゴ 画 像 はなくても これ 以 降 の 手 順 で 問 題 はありません また 任 意 の 画 像 を 利 用 いただい てもかまいません) 32

36 CSS ファイルの 作 成 1. 任 意 のテキスト エディターで 下 記 ソース コードをコピーします /* 全 体 のフォントスタイルを 指 定 */ body { font-family:meiryo UI; /* 全 体 のフォントスタイルを 指 定 */ font-size:12px;} /* ロゴ 画 像 を 表 示 する div タグに 適 用 するスタイル マージン( 左 ) 枠 線 */.logo { float:left; margin-left: 10px; border-style:solid; border-width:2px; border-color:#c4ddd6;} /* 検 索 ボックスを 表 示 する div タグに 適 用 するスタイル マージン フォントサイズ 余 白 ( 右 )*/.search-box { float:right; margin: 10 px; padding-right:10px; font-size:14px;} /* サイト 名 を 表 示 する div タグに 適 用 するスタイル 余 白 ( 左 上 ) マージン( 右 ) フォント 色 サイ ズ*/.site-description { padding-left:180px; margin-right:10px; padding-top:0px; color:#248166; font-size:22px; } /* コンテンツ 内 容 の 背 景 となる div タグに 適 用 するスタイル 横 幅 マージン 余 白 背 景 画 像 */ #site_content{ width: 867px; overflow: hidden; 33

37 margin: 0 auto 0 auto; padding: 20px 24px 20px 37px; background:url(cloud.jpg); } /* グローバル ナビゲーションを 表 示 する div タグに 適 用 するスタイル 余 白 ( 左 下 ) フォントサイズ */ #nav{ padding-left:160px; padding-bottom:5px; font-size:14px;} /* コンテンツ 内 容 の div タグに 適 用 するスタイル 背 景 色 余 白 */ #main{ background:#ffffff; padding:10px;} /* タイトルエリア(サイト 名 やグローバル ナビゲーションを 含 むエリア) div タグに 適 用 するスタイル マージン( 左 右 ) 横 幅 縦 幅 背 景 色 */.titlearea{ margin-left: auto; margin-right: auto; display: block; width:867px; height:auto; background-color:#def7fe;} /* フッターエリア div タグに 適 用 するスタイル 余 白 */.footer{ float:left; padding:5px 0px 5px 0px;} /* ハイパーリンクに 適 用 するスタイル アウトラインなし 下 線 文 字 色 */ a, a:hover{ outline: none; text-decoration: underline; color: #248166;} 34

38 /* ハイパーリンクホバー 時 に 適 用 するスタイル 下 線 なし */ a:hover{ text-decoration: none;} 2. [MyDesign] フォルダー 内 に mycss.css として 保 存 します 35

39 HTML ファイルの 作 成 1. 任 意 のテキスト エディターで 下 記 ソース コードをコピーします <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <title>contoso Home</title> <link rel="stylesheet" type="text/css" href="mycss.css" /> <script src="http://ajax.microsoft.com/ajax/jquery/jquery js" type="text/javascript"></script> </head> <body> <div id="s4-workspace"> <div id="s4-bodycontainer" > <div id="site_content"> <div class="titlearea"> <div class="logo"> <a href="http://sv01/"> <img src="logo.jpg" height="64px" /> </a> </div> <div class="site-description">{サイト 名 }</div> <div class="search-box">{ 検 索 ボックス}</div> 36

40 <div id="nav">{グローバル ナビゲーション}</div> </div> <!--end titlearea--> <div id="main"> <table style="border:0px;border-collapse:collapse;width:100%"> <tr> <td style="height:16px"></td> </tr> <tr> <td style="vertical-align:top;height:15px"> <table style="border:0px;border-collapse:collapse;width:100%"> <tr> <td style="width:8px;height:21px;background:#ff8400"> </td> <td style="height:21px;padding-left:10px"> <b><font color="#ff8400"> <h1> SharePoint 2013</h1></font></b></td> </tr> </table> </td> </tr> <tr> <td style="vertical-align:top"> <p> SharePoint 2013 の 特 徴 とビジネス 価 値 新 しい SharePoint 2013 は エンタープライズ ソーシャルをはじめとした 先 進 の 機 能 を 大 幅 に 拡 張 し さまざま 37

41 なワークスタイルやビジネス ニーズに 対 応 する 情 報 プラットフォームへと 進 化 しました SharePoint をご 利 用 いただくことで 何 が 実 現 できるのか お 客 様 が 現 在 抱 えるニ ーズにどのように 対 応 できるのかを 以 下 でご 確 認 ください SharePoint 2013 は ドキュメントやメッセージだけでなく データやビジネス プロセス 人 のスキルやネットワークにいたるまで ビジネスに 必 要 なあらゆる 情 報 を 適 切 に 管 理 し 活 用 するための 統 合 ビジネス プラットフォームです ドキュメントやアイデア 情 報 や 人 のつながりを 共 有 整 理 し いつでもどこからでも 利 用 可 能 にすることで スピーデ ィで 効 率 的 なビジネスとイノベーションを 生 み 出 します また 複 雑 に 変 化 するビジネ ス ニーズに 対 応 するためにアプリケーションをカスタマイズし 安 全 で 統 制 のとれたプ ラットフォーム 上 で 利 用 することもできます これらの 利 点 の 具 体 的 なイメージや 詳 細 は こちらのページ でご 確 認 ください </p> </td> </tr> </table> </div> <!--end main--> <div class="titlearea footer"> <div style="padding-left:10px"> <a href="http://sv01">about Us</a> </div> </div> </div> <!--end site content--> </div><!--end s4-bodycontainer--> </div><!--end s4-workspace--> </body> </html> 2. [MyDesign] フォルダー 内 に ContosoDesign.html として 保 存 します 38

42 内 容 の 確 認 1. ここまでの 手 順 で [MyDesign] フォルダーの 内 容 は 次 図 のようになります 2. ContosoDesign.html をダブル クリックしてブラウザーで 開 き 次 図 のように 表 示 されることを 確 認 します 39

43 3.2 マスター ページ ギャラリーをネットワーク ドライブとして 設 定 マスター ページ ギャラリーはサイト コレクションに1つずつ 用 意 されるマスター ページの 展 開 場 所 で す HTML をマスター ページに 変 換 する 際 には まず 用 意 した HTML (CSS js ファイル 画 像 ファ イルを 含 む) ファイルをマスター ページ ギャラリーにアップロードしてから 変 換 を 行 います また HTML からマスター ページへ 変 換 した 後 も ベースの HTML ファイルと 変 換 機 能 により 作 成 したマスター ペー ジ ファイル (*.master) とは 同 期 されるため デザイン 編 集 は HTML ファイルを 編 集 することにより 行 えます マスター ページ ギャラリーへのファイル アップロードやマスター ページ ギャラリー 内 の HTML ファイル を Web 編 集 ツールで 開 く 作 業 を 行 いやすくするために マスター ページ ギャラリーはネットワーク ドラ イブとして 設 定 しておくことがおすすめです ここではマスター ページ ギャラリーをデザイン 編 集 環 境 のネットワーク ドライブとして 登 録 するための 手 順 を 確 認 します 1. トップ レベル サイトで [ 設 定 ] [デザイン マネージャー] をクリックします 40

44 2. デザイン マネージャーが 開 きます サイド リンク バーから [3. デザイン ファイルのアップロード] をクリックし 表 示 される URL (マスタ ー ページ ギャラリーの URL) をコピーします 3. ネットワーク ドライブの 設 定 を 行 う 環 境 (マスター ページのデザインを 行 う 環 境 ) で Windows エクスプローラーを 開 きます [コンピューター] を 開 きます 41

45 4. [コンピューター] タブの [ネットワークの 場 所 の 追 加 ] をクリックします 5. [ネットワークの 場 所 の 追 加 ] ダイアログ ボックスが 表 示 されます [ 次 へ] をクリックします 42

46 6. [カスタムのネットワークの 場 所 を 選 択 ] をクリックします 7. コピーしておいたマスター ページ ギャラリーの URL をコピーします [ 次 へ] をクリックします 43

47 8. ショートカットの 名 前 を 編 集 し [ 次 へ] をクリックします 9. [ 完 了 ] をクリックします 44

48 10. デザイン 編 集 を 行 う 環 境 で マスター ページ ギャラリーに 対 してネットワーク ドライブの 設 定 を 行 い ました Windows エクスプローラーを 利 用 したファイルのアップロードや 各 種 HTML 編 集 ツール からの 編 集 作 業 を 行 いやすくするためです デザイン 編 集 を 行 う サイト コレクションのマスター ページ ギャラリー 内 の 内 容 が 表 示 されます ここでの 手 順 は Windows 8 をベースとしています それ 以 外 の Windows OS の 場 合 には 操 作 に 若 干 違 いがあります ご 利 用 の Windows OS のバージョンに 合 わせてネットワ ーク ドライブの 割 り 当 てを 行 ってください [ 参 考 ] MSDN SharePoint 2013 マスター ページ ギャラリーへのネットワーク ドライブの 割 り 当 て 45

49 3.3 マスター ページ ギャラリーに HTML ファイルをアップロード マスター ページ ギャラリーにあらかじめ 用 意 したデザインである HTML ファイルをアップロードします HTML ファイルから 参 照 するリソース ファイル (CSS ファイルや js ファイル 画 像 リソース ファイルな ど) がある 場 合 は HTML ファイルと 同 様 にアップロードします またアップロード 作 業 は 3.2 で 作 成 したネットワーク ドライブを 利 用 して 行 いますが ブラウザーでマ スター ページ ギャラリーを 開 いてアップロードすることももちろん 可 能 です 7 手 順 は [6 HTML デザインの 用 意 ] により 作 成 した HTML ファイルをマスター ページ ギャラリーにアップロード していますが 任 意 の HTML ファイルを 利 用 する 場 合 はそれらのファイルをマスター ページ ギャラリーに アップロードしてください 1. Windows エクスプローラーで 前 の 手 順 で 用 意 したショートカットよりマスター ページ ギャラリーを 開 きます 46

50 2. ローカルから Windows エクスプローラー 上 へドラッグ アンド ドロップ 操 作 で MyDesign フォル ダーごとマスター ページ ギャラリーにアップロードします 3. ブラウザーでマスター ページ ギャラリーを 開 き Windows エクスプローラーでアップロードしたファイ ルを 確 認 します ブラウザーでサイトを 開 き [ 設 定 ] [サイトの 設 定 ] をクリックします 4. Web デザイナー ギャラリーカテゴリーの [マスター ページとページ レイアウト] をクリックします 47

51 5. マスター ページ ギャラリーがブラウザーで 開 きます アップロードした 内 容 が 存 在 することを 確 認 します 48

52 3.4 HTML ファイルをマスター ページに 変 換 HTML ファイルをマスター ページに 変 換 する 機 能 を 利 用 し 前 の 手 順 でマスター ページ ギャラリー にアップロードした HTML ファイルをマスター ページに 変 換 します 1. トップ レベル サイトで [ 設 定 ] [デザイン マネージャー] をクリックします 2. デザイン マネージャーが 開 きます サイド リンク バーから [4. マスター ページの 編 集 ] をクリックします 49

53 3. [HTML ファイルを SharePoint マスター ページに 変 換 ] をクリックします 4. [メディアの 選 択 ] ダイアログが 表 示 されます マスター ページ ギャラリー 内 の 内 容 が 表 示 されるので [MyDesign] / ContosoDesign.html を 選 択 し [ 挿 入 ] をクリックします 任 意 の HTML ファイルを 利 用 する 場 合 は そちらを 選 択 してください 50

54 5. [デザイン マネージャー:マスター ページの 編 集 ] 画 面 内 の 一 覧 に ContosoDesign (or 任 意 のファイル 名 ) が 表 示 されます また 状 態 が 正 常 に 変 換 されました となっていることを 確 認 します 6. ハイパーリンクとなっている 正 常 に 変 換 されました をクリックします 51

55 7. マスター ページに 変 換 された 内 容 のプレビューが 開 きます 52

56 3.5 SharePoint デザインに 必 要 な 内 容 の 追 加 こ こ ま で の 手 順 で Web 標 準 技 術 であ る HTML CSS を 利 用 し て 用 意 し た デ ザ イ ン を SharePoint のマスター ページに 変 換 する 手 順 を 確 認 しました SharePoint 2013 では HTML ファイルをマスター ページに 変 換 する 新 機 能 を 活 用 することで これまでよりも 容 易 に SharePoint の デザイン 編 集 が 可 能 となりました し か し こ こ ま での 内 容 で は まだ SharePoint サ イ ト の デ ザ イ ン と して 十 分 と は いえ ま せ ん SharePoint ページの 特 徴 である 各 コントロールやコンテンツ エリアを 含 まないためです HTML で 用 意 したデザインを SharePoint 2013 のデザイン マネージャーを 利 用 してマスター ページに 変 換 する と 上 部 のリボン 領 域 は 自 動 で 組 み 込 まれますが その 他 の 特 徴 的 な SharePoint コントロール (サイ ト ロゴ グローバル ナビゲーション サイド リンク バー 検 索 ボックス 等 ) は 自 動 では 組 み 込 まれません HTML をマスター ページに 変 換 した 後 はこれらの SharePoint コントロールの 埋 め 込 みが 必 要 です またサイト 内 の 各 種 ページを 開 いてプレビューすることで デザインの 微 調 整 が 必 要 となることもあるでしょ う SharePoint 2013 ではこのような 作 業 も SharePoint Designer といった SharePoint 独 自 ツールではなく HTML 編 集 機 能 がある 一 般 的 な Web 編 集 ツールを 利 用 して 行 えます マスター ページ ギャラリー 内 に 保 存 した HTML ファイルを 上 書 き 編 集 するとマスター ページの 内 容 も 常 に 変 更 されます マスター ページに 変 換 後 も HTML ファイルを 更 新 することで 編 集 したデザインはマスター ページに 反 映 されますが マスター ページを 直 接 編 集 した 場 合 には HTML ファイルにはその 変 更 は 反 映 されません HTML ファイルには [ 関 連 付 けられているファイル] プロパティがあり 既 定 で はい に 設 定 されています このプロパティを いいえ と 変 更 し HTML ファイルとマスター ページの 関 連 付 け を 解 除 しない 限 り マスター ページに 直 接 編 集 した 内 容 は 失 われます またこのプロパティを いいえ と 変 更 した 後 は HTML ファイルに 対 して 行 った 編 集 はマスター ページに 反 映 されなくなります またグローバル ナビゲーション 等 の SharePoint コントロールを HTML ファイル 内 に 埋 め 込 むため には [スニペット] 機 能 が 利 用 できます スニペットは SharePoint 2013 のデザイン 編 集 を 強 力 にサ ポートする 新 機 能 である [デザイン マネージャー] に 含 まれる 機 能 のひとつです ここではスニペット 機 能 を 利 用 して SharePoint デザインに 必 要 な 各 種 コントロール (サイトのタイト ル サ イ ト の ロ ゴ グ ロ ー バ ル ナ ビ ゲ ー シ ョ ン 検 索 ボ ッ ク ス コ ン テ ン ツ エ リ ア ) を ContosoDesign.html に 追 加 する 方 法 を 確 認 します ContosoDesign.html ファイルの 編 集 作 業 に は 一 般 的 な Web 編 集 ツ ー ル の 例 と し て Dreamweaver を 利 用 し ま す ま た ContosoDesign.html を 編 集 した 内 容 は ContosoDesign.master の 内 容 にも 反 映 されること を 確 認 します 53

57 この 自 習 書 の 手 順 では HTML 編 集 ツールとして Dreamweaver を 利 用 しますが その 他 の Web 編 集 ツールを 利 用 することも 可 能 です また Web 編 集 ツールを 用 意 できない 場 合 にはテキスト エディターを 利 用 いただいてもかまいません 54

58 スニペット 画 面 を 開 く SharePoint の 各 コントロールを HTML ファイル 内 に 組 み 込 むための 機 能 がスニペットです スニペ ット 機 能 を 利 用 するために まずはスニペット 作 成 画 面 であるスニペット ギャラリーを 開 きます 1. プレビュー 画 面 で 右 上 にある [スニペット] をクリックします 2. 別 タブ (もしくは 別 ウィンドウ) でスニペット ギャラリーが 開 きます 55

59 HTML エディター (Dreamweaver) で HTML ファイルを 開 く ベースの HTML ファイルと それを 変 換 することで 作 成 したマスター ページ ファイルは 同 期 状 態 にあ ります HTML ファイルを 作 成 した 任 意 の Web 編 集 ツールを 利 用 して 編 集 作 業 が 可 能 です ここでは Dreamweaver を 利 用 してマスター ページ ギャラリーに 保 存 したベースの HTML ファイ ルを 開 きます 1. Windows エクスプローラーで 3.2 で 用 意 したショートカットよりマスター ページ ギャラリーを 開 き ます 2. Windows エ ク ス プ ロ ー ラ ー で 開 い た マ ス タ ー ペ ー ジ ギ ャ ラ リ ー か ら HTML フ ァ イ ル (ContosoDesign.html or 任 意 で 用 意 した HTML ファイル) を 任 意 の Web 編 集 ツールで 開 きます (ここでは Dreamweaver を 利 用 します) 56

60 3. HTML ファイルにはコメント アウトされた 行 が 複 数 行 追 加 されていることが 確 認 できます マスター ページに 変 換 した 際 に HTML ファイル 内 にはリボン メニューの 定 義 など SharePoint デ ザインとして 必 要 なソース コードが 自 動 的 にコメントとして 追 加 されます コメントとして 追 加 される 理 由 はマスター ページに 変 換 した 後 も SharePoint 独 自 のタグを 含 まない HTML ファイルとして 任 意 の Web 編 集 ツールで 開 けるようにするためです コメントとして 追 加 された 各 ソース コードを SharePoint はマスター ページとして 利 用 する 際 に 必 要 なソース コード (SharePoint や ASP.NET のコード) に 変 換 して 利 用 しています 4. SharePoint や ASP.NET のタグを 含 まない HTML ファイルとして 開 けるため プレビュー 表 示 も 可 能 です 57

61 サイト 名 どのサイトでこのデザインが 利 用 されていも 問 題 なく 利 用 できるように サイト 名 を 表 示 するコントロール を 埋 め 込 みます ブラウザーで 開 いておいたスニペット ギャラリーを 開 きます リボンから [サイト タイトル] をクリックします プレビューに 現 在 開 いているサイトの 名 前 が 表 示 されていることが 確 認 できます 58

62 3. プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります サイト 名 を 表 示 したい 箇 所 に スニペット ギャラリーからコピーしたソース コードを 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は {サイト 名 } の 箇 所 を 上 書 きしてくださ い ここで 利 用 したスニペット ギャラリーにより 提 供 されるコードは マスター ページに 変 換 される 際 に SharePoint のサイト 名 が 表 示 されるコントロールに 置 き 換 えられます < 元 のソース> <div class="site-description">{サイト 名 }</div> < 貼 り 付 けた 後 のソース> <div class="site-description"> <div data-name="sitetitle"><!--cs: サイト タイトル スニペットの 開 始 Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SharePoint:AjaxD elta runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しな いでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 59

63 --><!--MS:<SharePoint:SPLinkButton runat="server" NavigateUrl="~site/">--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 し ないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--MS:<SharePoint:ProjectProperty Property="Title" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでく ださい)-->test<!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:ProjectProperty>--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:SPLinkButton>--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:AjaxDelta>--><!--CE: サイト タイトル ス ニペットの 終 了 --></div> </div> 6. HTML ファイルを 上 書 き 保 存 します ブラウザーで 開 いておいたプレビュー 画 面 に 戻 ります F5 などで 画 面 を 更 新 すると プレビュー 内 でサイト 名 を 表 示 する 内 容 に 変 わったことが 確 認 できま す 60

64 サイトのロゴ SharePoint では 設 定 ベースでサイト ロゴを 変 更 できる 機 能 があります ([2.1 ロゴの 変 更 ] で 解 説 ) ロゴ 変 更 機 能 を 利 用 するためにはマスター ページに 対 して あらかじめロゴ 画 像 を 表 示 したい 箇 所 にサイトの 設 定 画 面 から 指 定 されたロゴ 画 像 を 表 示 するためのコントロールが 必 要 です ここではロゴの 変 更 機 能 に 対 応 したデザインにするため サイトのロゴを 表 示 するコントロールを 埋 め 込 みます 61

65 1. 2. ブラウザーで 開 いておいたスニペット ギャラリーを 開 きます リボンから [サイト ロゴ] をクリックします プレビューにサイトのロゴが 表 示 されていることが 確 認 できます 3. プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします 4. HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります 62

66 5. サイトのロゴを 表 示 したい 箇 所 に スニペット ギャラリーからコピーしたソース コードを 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は <div class= logo > 内 の <a> タグを 置 き 換 えます ここで 利 用 したスニペット ギャラリーにより 提 供 されるコードは マスター ページに 変 換 される 際 に SharePoint のサイト ロゴを 表 示 するためのコントロールに 置 き 換 えられます < 元 のソース> <div class="logo"> <a href="http://sv01/"> <img src="logo.jpg" height="64px" /> </a> </div> < 貼 り 付 けた 後 のソース> <div class="logo"> <div data-name="sitelogo"><!--cs: サイト ロゴ スニペットの 開 始 Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SharePoint:AjaxD elta BlockElement="true" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--MS:<SharePoint:SPSimpleSiteLink CssClass="ms-siteicon-a" runat="server" ID="x5c0c16845ee04eeaa17823c43f59e55b">--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--MS:<SharePoint:SiteLogoImage CssClass="ms-siteicon-img" name="onetidheadbnnr0" ID="x99d4ca9632b448b4b9b949be9ea5198b" LogoImageUrl="/_layouts/15/images/siteIcon.png" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでく ださい)--><img id="ctl00_x99d4ca9632b448b4b9b949be9ea5198b" class="ms-siteicon-img" name="onetidheadbnnr0" Src="/_layouts/15/images/siteIcon.png?rev=23" alt="test" 63

67 /><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:SiteLogoImage>--><!--PS: 読 み 取 り 専 用 プレ ビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:SPSimpleSiteLink>--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:AjaxDelta>--><!--CE: サイト ロゴ スニペ ットの 終 了 --></div> </div> 6. HTML ファイルを 上 書 き 保 存 します ブラウザーで 開 いておいたプレビュー 画 面 に 戻 ります F5 などで 画 面 を 更 新 すると プレビュー 内 でサイトのロゴを 表 示 する 内 容 に 変 わったことが 確 認 で きます 64

68 グローバル ナビゲーション グローバル ナビゲーションをデザイン内に埋め込みます ブラウザーで開いておいたスニペット ギャラリーを開きます リボンから [トップ ナビゲーション] をクリックします プレビューにグローバル ナビゲーションの内容が表示されていることが確認できます 65

69 3. ナビゲーションの 表 示 設 定 をカスタマイズします 既 定 で 1 階 層 表 示 し マウス オーバーでさらにもう 一 階 層 下 の2 階 層 目 を 表 示 するよう 設 定 し ます 右 側 にあるプロパティ 編 集 メニューより [カスタマイズ トップ ナビゲーション (AspMenu)] の [Important] [StaticDisplayLevels] を 1 に 変 更 します 4. 続 い て [ カ ス タ マ イ ズ ト ッ プ ナ ビ ゲ ー シ ョ ン (AspMenu)] の [ 動 作 ] [MaximumDynamicDisplayLevels] を 1 に 変 更 します 66

70 5. プロパティ 変 更 画 面 の 上 にある [ 更 新 ] をクリックします プレビュー 内 容 が 更 新 されます ( 作 業 中 のサイトにサブ サイトがある 場 合 グローバル ナビゲーシ ョンに 表 示 されます) プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします 8. HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります 67

71 9. グローバル ナビゲーションを 表 示 したい 箇 所 に スニペット ギャラリーからコピーしたソース コードを 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は {グローバル ナビゲーション} の 箇 所 を 上 書 きしてください ここで 利 用 したスニペット ギャラリーにより 提 供 されるコードは マスター ページに 変 換 される 際 に グローバル ナビゲーションが 表 示 されるコントロールに 置 き 換 えられます < 元 のソース> <div id="nav">{グローバル ナビゲーション}</div> < 貼 り 付 けた 後 のソース> <div id="nav"> <div data-name="topnavigationnoflyoutwithstartnode"><!--cs: ト ップ ナビゲーション スニペットの 開 始 Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SharePoint:AjaxD elta runat="server" CssClass="ms-displayInline ms-core-navigation ms-dialoghidden" BlockElement="True" ID="DeltaTopNavigation">--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--MS:<SharePoint:DelegateControl runat="server" Id="topNavigationDelegate" ControlId="TopNavigationDataSource">--><!--PS: 読 み 取 り 専 用 プレ ビューの 開 始 ( 変 更 しないでください)--><span style="display:none"><table cellpadding="4" cellspacing="0" style="font:messagebox;color:buttontext;background-color:butt onface;border: solid 1px;border-top-color:buttonhighlight;border-left-color:button highlight;border-bottom-color:buttonshadow;border-right-color :buttonshadow"><tr><td nowrap="nowrap"><span style="font-weight:bold">portalsitemapdatasource</span> - topsitemap</td></tr><tr><td></td></tr></table></span><!--pe: 読 み 取 り 専 用 プレビューの 終 了 68

72 --><!--MS:<Template_Controls>--><!--MS:<asp:SiteMapDataSource ShowStartingNode="True" SiteMapProvider="SPNavigationProvider" ID="topSiteMap" runat="server" StartingNodeUrl="sid:1002">--><!--ME:</asp:SiteMapDataSource> --><!--ME:</Template_Controls>--><!--ME:</SharePoint:Delegate Control>--><a name="startnavigation"></a><!--ms:<asp:contentplaceholder ID="PlaceHolderTopNavBar" runat="server">--><!--ms:<sharepoint:aspmenu runat="server" UseSeparateCss="false" AdjustForShowStartingNode="False" StaticDisplayLevels="1" ID="TopNavigationMenu" DataSourceID="topSiteMap" AccessKey="1" SkipLinkText="" Orientation="Horizontal" EnableViewState="False" MaximumDynamicDisplayLevels="1" UseSimpleRendering="True">--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><link rel="stylesheet" type="text/css" href="/_layouts/15/1041/styles/menu-21.css" /><div id="zz7_topnavigationmenu" class=" noindex ms-core-listmenu-horizontalbox"><ul id="zz9_rootaspmenu" class="root ms-core-listmenu-root static"><li class="static"><a class="static menu-item ms-core-listmenu-item ms-displayinline ms-navedit-linknode" tabindex="0" href="/sites/test/sitepages/ホーム.aspx" accesskey="1"><span class="additional-background ms-navedit-flyoutarrow"><span class="menu-item-text">test</span></span></a><ul class="static"><li class="static"><a class="static menu-item ms-core-listmenu-item ms-displayinline ms-navedit-linknode" tabindex="0" href="/sites/test/sub/sitepages/ホー ム.aspx"><span class="additional-background ms-navedit-flyoutarrow"><span class="menu-item-text">sub</span></span></a></li></ul></li><l i class="static ms-verticalaligntop ms-listmenu-editlink ms-navedit-editarea"><span class="ms-navedit-editspan" id="zz7_topnavigationmenu_navmenu_edit"><a 69

73 id="zz7_topnavigationmenu_navmenu_editlinks" class="ms-navedit-editlinkstext" href="#" onclick="g_quicklaunchmenu = null; EnsureScriptParams('quicklaunch.js', 'QuickLaunchInitEditMode', 'zz7_topnavigationmenu', 1, 2, 0, ' u002fsites u002ftest'); canceldefault(event); return false;"><span class="ms-displayinlineblock"><span class="ms-navedit-editlinksiconwrapper ms-verticalalignmiddle"><img class="ms-navedit-editlinksicon" src="/_layouts/15/images/spcommon.png?rev=23" /></span><span class="ms-metadata ms-verticalalignmiddle">リンクの 編 集 </span></span></a><span id="zz7_topnavigationmenu_navmenu_loading" class="ms-navedit-menuloading ms-hide"><a id="zz7_topnavigationmenu_navmenu_gearslink" href="#" onclick="hidegears(); return false;" title="このアニメーションは 処 理 が 実 行 中 であることを 示 します このアニメーション 画 像 を 削 除 するには ここをク リックします "><img id="zz7_topnavigationmenu_navmenu_gearsimage" src="/_layouts/15/images/loadingcirclests16.gif?rev=23" /></a></span><div id="zz7_topnavigationmenu_navmenu_errormsg" class="ms-navedit-errormsg"></div></span></li></ul></div><!-- PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:AspMenu>--><!--ME:</asp:ContentPlaceHo lder>--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでくださ い)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:AjaxDelta>--><!--CE: トップ ナビゲーション スニペットの 終 了 --></div> </div> 70

74 10. HTML ファイルを 上 書 き 保 存 します ブラウザーで 開 いておいたプレビュー 画 面 に 戻 ります F5 などで 画 面 を 更 新 すると プレビュー 内 でグローバル ナビゲーションが 表 示 されていることが 確 認 できます 71

75 検 索 ボックス 検 索 ボックスをデザイン 内 に 埋 め 込 みます ブラウザーで 開 いておいたスニペット ギャラリーを 開 きます リボンから [ 検 索 ボックス] をクリックします プレビューに 検 索 ボックスが 表 示 されていることが 確 認 できます 72

76 3. プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります 検 索 ボックスを 表 示 したい 箇 所 に スニペット ギャラリーからコピーしたソース コードを 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は { 検 索 ボックス} の 箇 所 を 上 書 きしてく ださい ここで 利 用 したスニペット ギャラリーにより 提 供 されるコードは マスター ページに 変 換 される 際 に 検 索 ボックス コントロールに 置 き 換 えられます < 元 のソース> <div class="search-box">{ 検 索 ボックス}</div> < 貼 り 付 けた 後 のソース> <div class="search-box"> <div data-name="searchbox"><!--cs: 検 索 ボックス スニペットの 開 始 Tagprefix="SearchWC" Namespace="Microsoft.Office.Server.Search.WebControls" Assembly="Microsoft.Office.Server.Search, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SearchWC:SearchB oxscriptwebpart UseSiteCollectionSettings="true" EmitStyleReference="false" ShowQuerySuggestions="false" ChromeType="None" UseSharedSettings="true" 73

77 TryInplaceQuery="false" ServerInitialRender="true" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでく ださい)--><div class="ms-webpart-chrome ms-webpart-chrome-fullwidth "><div WebPartID=" " HasPers="true" id="webpart" width="100%" class="ms-wpbody noindex " OnlyForMePart="true" allowdelete="false" style=""><div componentid="ctl00_ctl03_csr" id="ctl00_ctl03_csr"><div id="searchbox" name="control"><div class="ms-srch-sb ms-srch-sb-border" id="ctl00_ctl03_csr_sboxdiv"><input type="text" value=" 検 索..." maxlength="2048" accesskey="s" title=" 検 索..." id="ctl00_ctl03_csr_sbox" autocomplete="off" autocorrect="off" onkeypress="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);return Srch.U.cancelEvent(event);}})" onkeydown="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.activatedefaultquerysuggestionbe havior();})" onfocus="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.hideprompt();ctl.setborder(true) ;})" onblur="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr'); if (ctl){ ctl.showprompt(); ctl.setborder(false);}})" class="ms-textsmall ms-srch-sb-prompt ms-helpertext" /><a title=" 検 索 " class="ms-srch-sb-searchlink" id="ctl00_ctl03_csr_searchlink" onclick="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);})" href="javascript: {}"><img src="/_layouts/15/images/searchresultui.png?rev=23" 74

78 class="ms-srch-sb-searchimg" id="searchimg" alt=" 検 索 " /></a></div></div></div><noscript><div id="ctl00_ctl03_noscript">ブラウザーで JavaScript が 有 効 になってい ません JavaScript を 有 効 にして やり 直 してください </div></noscript><div id="ctl00_ctl03"></div><div class="ms-clear"></div></div></div><!--pe: 読 み 取 り 専 用 プレビュー の 終 了 --><!--ME:</SearchWC:SearchBoxScriptWebPart>--><!--CE: 検 索 ボックス スニペットの 終 了 --></div> </div> 6. HTML ファイルを 上 書 き 保 存 します ブラウザーで 開 いておいたプレビュー 画 面 に 戻 ります F5 などで 画 面 を 更 新 すると プレビュー 内 で 検 索 ボックスが 表 示 されていることが 確 認 できます 75

79 コンテンツ エリア 各 ページごとの 内 容 を 表 示 するためのエリアであるコンテンツ エリアをデザイン 内 に 配 置 します HTML ファイルをマスター ページに 変 換 すると 画 面 下 部 に 明 るい 黄 色 で 表 示 される div タグがペ ージ 内 に 自 動 的 に 配 置 されます この div タグ 内 にコンテンツ エリアとして 動 作 するためのソース コー ドがコメントとして 埋 め 込 まれています デザイン 内 のコンテンツ エリアとして 利 用 したい 箇 所 に div タグを 移 動 し 編 集 を 行 います 76

80 1. 2. HTML 編 集 ツールで 編 集 中 の HTML ファイルを 開 きます プレビュー 画 面 などで 画 面 下 部 に 配 置 されている 明 るい 黄 色 の 領 域 (div タグ) を 見 つけます 3. 対 応 するソース コードを 切 り 取 ります 下 記 が 対 応 するソース コードです <div data-name="contentplaceholdermain"> <!--CS: PlaceHolderMain スニペットの 開 始 --> Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderMain" IsMainContent="true" runat="server">--> <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server">--> <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div は 削 除 する 必 要 がありますが ページ レイアウトやページが 表 示 さ れるコンテンツ 領 域 を 表 しています このコンテンツ プレースホルダーを 囲 むマスター ページをデザインしてください </div> 77

81 <!--ME:</asp:ContentPlaceHolder>--> <!--ME:</SharePoint:AjaxDelta>--> <!--CE: PlaceHolderMain スニペットの 終 了 --> </div> 4. 切 り 取 ったソース コードをコンテンツ エリアとして 表 示 させたい 箇 所 に 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は <div id="main"> タグ 内 に 挿 入 し てください 既 存 のテーブル タグと 置 きかえます <div id="main"> タグ 内 の 内 容 は 下 記 のようになります <div id="main"> <div data-name="contentplaceholdermain"> <!--CS: PlaceHolderMain スニペットの 開 始 --> Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderMain" IsMainContent="true" runat="server">--> <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server">--> <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div は 削 除 する 必 要 がありますが ページ レイアウトやページが 表 示 されるコ ンテンツ 領 域 を 表 しています このコンテンツ プレースホルダーを 囲 むマスター ページ をデザインしてください </div> <!--ME:</asp:ContentPlaceHolder>--> <!--ME:</SharePoint:AjaxDelta>--> <!--CE: PlaceHolderMain スニペットの 終 了 --> </div> </div> 78

82 5. プレビュー 画 面 を 確 認 すると コンテンツ エリアとなる 内 容 が 表 示 されていることが 確 認 できますが 明 るい 黄 色 の 領 域 はそのままです ソース コードより 明 るい 黄 色 領 域 である div タグを 削 除 します 削 除 するのは 下 記 ソース コードです <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div は 削 除 する 必 要 がありますが ページ レイアウトやページが 表 示 されるコンテンツ 領 域 を 表 しています このコンテンツ プレースホルダーを 囲 むマスター ページをデザ インしてください </div> 6. HTML ファイルを 上 書 き 保 存 します ブラウザーで 開 いておいたプレビュー 画 面 に 戻 ります F5 などで 画 面 を 更 新 すると プレビュー 内 容 が 更 新 されます 手 順 でデザインしたように コンテンツ エリアが 画 面 中 央 に 配 置 されたことを 確 認 したいのですが プ レビュー 画 面 ではコンテンツ 内 容 が 空 白 のため コンテンツ エリアの 確 認 は 困 難 です 79

83 9. プレビュー 画 面 左 上 にある [プレビュー ページの 変 更 ] 機 能 を 利 用 すると 既 存 の 発 行 ページを 指 定 し コンテンツ エリアの 内 容 を 含 めたプレビューが 行 えます またサイト 内 でプレビューに 利 用 できる 発 行 ページがない 場 合 は このメニューより 新 規 作 成 も 可 能 です ここでは [プレビュー ページの 変 更 ] から 新 しく 発 行 ページを 作 成 し コンテンツ エリアのプレビュー を 行 います [プレビュー ページの 変 更 ] [ 新 規 作 成 ] をクリックします 10. [ページの 追 加 ] ダイアログが 表 示 されます 任 意 のページ 名 をつけて [ 作 成 ] をクリックします 80

84 11. 作 成 した 発 行 ページを 利 用 したプレビュー 内 容 を 確 認 できます コンテンツ エリアが 画 面 中 央 に 配 置 されていることが 確 認 できるようになりました 81

85 セキュリティによるトリミング セキュリティ トリム コントロールを 利 用 すると サイトにアクセスする 権 限 に 応 じて 表 示 / 非 表 示 となる デザインを 提 供 できます ここでは 前 の 手 順 で 配 置 した 検 索 ボックスについて 投 稿 権 限 以 上 を 持 つユ ーザーにのみ 表 示 するように ( 閲 覧 権 限 では 検 索 ボックスを 非 表 示 ) 編 集 を 行 います ブラウザーで 開 いておいたスニペット ギャラリーを 開 きます リボンから [セキュリティによるトリミング] をクリックします プレビューに 内 容 が 表 示 されていることが 確 認 できます 82

86 3. 既 定 ではデザイン 権 限 を 持 つユーザーに 対 するセキュリティ トリム コントロールの HTML スニペットが 生 成 されます 次 図 のように [セキュリティによるトリミング] メニューを 展 開 すると [ 作 成 者 に 表 示 ] [ 認 証 されたユーザーに 表 示 ] [ 管 理 者 に 表 示 ] と 選 択 可 能 ですが 今 回 行 いたい 投 稿 権 限 以 上 のユーザーに 表 示 するためのメニューは 用 意 されていません メニューに 用 意 されていないセキュリティ を 利 用 してデザイン 表 示 / 非 表 示 を 行 いたい 際 にはセキュリティ トリム コントロールのプロパティを 変 更 することにより 実 現 可 能 です ここではセキュリティ トリム コントロールのプロパティ 設 定 を 行 います 右 側 にあるプロパティ 編 集 メニュ ーより [Important]/[Permissions] を [AddListItems] に 変 更 します セキュリティ トリム コントロールの Permissions 設 定 については 下 記 URL が 参 考 になります [msdn] SPBasePermissions 列 挙 sepermissions(v=office.12).aspx 83

87 4. [ 更 新 ] をクリックします 5. プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします 6. コピーしたコードをいったんメモ 帳 などのテキスト エディターに 貼 り 付 け 内 容 を 確 認 します コード 内 に 含 まれる <div class="defaultcontentblock" タグ ( 赤 字 部 分 ) がセキュリティに よりトリムされる 内 容 となります この 部 分 に 今 回 は 検 索 ボックスを 挿 入 したいと 考 えています <div data-name="securitytrimmedauthors"> <!--CS: セキュリティ トリム スニペットの 開 始 --> Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" 84

88 Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" Permissions="AddListItems">--> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><span><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div を 自 分 のセキュリティ トリム プロパティに 基 づいてレンダリングしたコン テンツで 書 き 換 えてください </div> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでくださ い)--></span><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <!--ME:</SharePoint:SPSecurityTrimmedControl>--> <!--CE: セキュリティ トリム スニペットの 終 了 --> </div> HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります 前 の 手 順 で 検 索 ボックス HTML スニペットを 挿 入 した 箇 所 ( 赤 字 部 分 ) を 探 します <div class="search-box"> <div data-name="searchbox"><!--cs: 検 索 ボックス スニペットの 開 始 Tagprefix="SearchWC" Namespace="Microsoft.Office.Server.Search.WebControls" Assembly="Microsoft.Office.Server.Search, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SearchWC:SearchB oxscriptwebpart UseSiteCollectionSettings="true" EmitStyleReference="false" ShowQuerySuggestions="false" ChromeType="None" UseSharedSettings="true" TryInplaceQuery="false" ServerInitialRender="true" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでく 85

89 ださい)--><div class="ms-webpart-chrome ms-webpart-chrome-fullwidth "><div WebPartID=" " HasPers="true" id="webpart" width="100%" class="ms-wpbody noindex " OnlyForMePart="true" allowdelete="false" style=""><div componentid="ctl00_ctl03_csr" id="ctl00_ctl03_csr"><div id="searchbox" name="control"><div class="ms-srch-sb ms-srch-sb-border" id="ctl00_ctl03_csr_sboxdiv"><input type="text" value=" 検 索..." maxlength="2048" accesskey="s" title=" 検 索..." id="ctl00_ctl03_csr_sbox" autocomplete="off" autocorrect="off" onkeypress="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);return Srch.U.cancelEvent(event);}})" onkeydown="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.activatedefaultquerysuggestionbe havior();})" onfocus="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.hideprompt();ctl.setborder(true) ;})" onblur="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr'); if (ctl){ ctl.showprompt(); ctl.setborder(false);}})" class="ms-textsmall ms-srch-sb-prompt ms-helpertext" /><a title=" 検 索 " class="ms-srch-sb-searchlink" id="ctl00_ctl03_csr_searchlink" onclick="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);})" href="javascript: {}"><img src="/_layouts/15/images/searchresultui.png?rev=23" class="ms-srch-sb-searchimg" id="searchimg" alt=" 検 索 " /></a></div></div></div><noscript><div 86

90 id="ctl00_ctl03_noscript">ブラウザーで JavaScript が 有 効 になってい ません JavaScript を 有 効 にして やり 直 してください </div></noscript><div id="ctl00_ctl03"></div><div class="ms-clear"></div></div></div><!--pe: 読 み 取 り 専 用 プレビュー の 終 了 --><!--ME:</SearchWC:SearchBoxScriptWebPart>--><!--CE: 検 索 ボックス スニペットの 終 了 --></div> </div> 9. 検 索 ボックス HTML スニペットの 前 後 にセキュリティ トリム HTML スニペットの 開 始 タグ 部 分 ( 赤 字 部 分 ) と 終 了 タグ 部 分 ( 赤 字 部 分 ) を 貼 り 付 けます <div class="search-box"> <div data-name="securitytrimmedauthors"> <!--CS: セキュリティ トリム スニペットの 開 始 --> Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" Permissions="AddListItems">--> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><span><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <div data-name="searchbox"><!--cs: 検 索 ボックス スニペットの 開 始 Tagprefix="SearchWC" Namespace="Microsoft.Office.Server.Search.WebControls" Assembly="Microsoft.Office.Server.Search, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SearchWC:SearchB oxscriptwebpart UseSiteCollectionSettings="true" EmitStyleReference="false" ShowQuerySuggestions="false" ChromeType="None" UseSharedSettings="true" TryInplaceQuery="false" ServerInitialRender="true" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでく 87

91 ださい)--><div class="ms-webpart-chrome ms-webpart-chrome-fullwidth "><div WebPartID=" " HasPers="true" id="webpart" width="100%" class="ms-wpbody noindex " OnlyForMePart="true" allowdelete="false" style=""><div componentid="ctl00_ctl03_csr" id="ctl00_ctl03_csr"><div id="searchbox" name="control"><div class="ms-srch-sb ms-srch-sb-border" id="ctl00_ctl03_csr_sboxdiv"><input type="text" value=" 検 索..." maxlength="2048" accesskey="s" title=" 検 索..." id="ctl00_ctl03_csr_sbox" autocomplete="off" autocorrect="off" onkeypress="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);return Srch.U.cancelEvent(event);}})" onkeydown="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.activatedefaultquerysuggestionbe havior();})" onfocus="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.hideprompt();ctl.setborder(true) ;})" onblur="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr'); if (ctl){ ctl.showprompt(); ctl.setborder(false);}})" class="ms-textsmall ms-srch-sb-prompt ms-helpertext" /><a title=" 検 索 " class="ms-srch-sb-searchlink" id="ctl00_ctl03_csr_searchlink" onclick="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);})" href="javascript: {}"><img src="/_layouts/15/images/searchresultui.png?rev=23" class="ms-srch-sb-searchimg" id="searchimg" alt=" 検 索 " /></a></div></div></div><noscript><div 88

92 id="ctl00_ctl03_noscript">ブラウザーで JavaScript が 有 効 になってい ません JavaScript を 有 効 にして やり 直 してください </div></noscript><div id="ctl00_ctl03"></div><div class="ms-clear"></div></div></div><!--pe: 読 み 取 り 専 用 プレビュー の 終 了 --><!--ME:</SearchWC:SearchBoxScriptWebPart>--><!--CE: 検 索 ボックス スニペットの 終 了 --></div> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--></span><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <!--ME:</SharePoint:SPSecurityTrimmedControl>--> <!--CE: セキュリティ トリム スニペットの 終 了 --> </div> </div> 10. HTML ファイルを 上 書 き 保 存 します 89

93 3.6 マスター ページとして 設 定 HTML ファイルをマスター ページに 変 換 する 機 能 や SharePoint デザインに 含 めるべき 各 コントロ ールを HTML ファイルに 含 めるためのスニペット ギャラリーを 利 用 して ここまでマスター ページのデザイ ンを 行 ってきました デザイン 完 成 後 は 必 要 に 応 じてサイトのマスター ページとして 設 定 を 行 います 各 リソースファイルをメジャーバージョンに 発 行 HTML ファイルやそこから 参 照 する CSS ファイル 画 像 ファイルはマスター ページ ギャラリーにアップ ロードしました これらのファイルや HTML ファイルを 変 換 して 作 成 されたマスター ページ ファイルは 既 定 ではマイナー バージョンとしてマスター ページ ギャラリーに 保 存 されています (マスター ページ ギャラ リーは 既 定 で メジャー/マイナー バージョン 管 理 が 有 効 となっています) サイトのマスター ページとして 設 定 し ユーザーに 作 成 したデザインを 展 開 するためにはまずこれらのフ ァイルをメジャーバージョンに 発 行 する 必 要 があります 1. [ 設 定 ] [サイトの 設 定 ] をクリックします 2. Web デザイナー ギャラリーカテゴリーの [マスター ページとページ レイアウト] をクリックします 90

94 3. マスター ページ ギャラリーが 開 きます 4. マスター ページ ギャラリーに 保 存 した HTML ファイルや CSS ファイル 画 像 ファイルが 格 納 され ているフォルダーを 開 きます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は MyDesign フォルダーとなります HTML ファイル CSS ファイル 画 像 ファイルのほかに 変 換 されて 作 成 されたマスター ページ フ ァイルが 確 認 できます 91

95 5. すべてのファイルをメジャーバージョンに 発 行 します ファイルを 選 択 し [ファイル] タブの [ 発 行 ] をクリックします この 作 業 を 全 ファイルに 行 います (HTML ファイルを 発 行 すると master ファイルは 合 わせて 発 行 されます) 92

96 サイトのマスター ページを 設 定 変 更 続 いて 作 成 したデザインを 適 用 させたいサイトで マスター ページの 設 定 変 更 を 行 います 1. [ 設 定 ] [サイトの 設 定 ] をクリックします 2. 外 観 カテゴリーの [マスター ページ] をクリックします 93

97 3. サイト マスター ページの 設 定 画 面 が 開 きます [サイト マスター ページ] [システム マスター ページ] ともに [MyDesign/ContosoDesign] を 選 択 し [OK] をクリックします 4. サイトのマスター ページが 変 更 され 作 成 したデザインが 適 用 されます このように HTML ベースで 用 意 したデザインに リボン サイト ロゴ サイト 名 グローバル ナビゲー ション 検 索 ボックス ( 閲 覧 権 限 ユーザーには 非 表 示 ) コンテンツ エリアなどの SharePoint ペー ジに 必 要 なコントロールを 備 えたデザインを 適 用 できます 94

98 4. モバイル 対 応 について SharePoint 2013 ではモバイル 対 応 機 能 が 大 きく 強 化 されています 以 前 のバージョンである SharePoint 2010 でもモバイル ビュー 機 能 はありましたが SharePoint 2013 ではスマート フォ ンでの 利 用 を 考 慮 して 用 意 されたコンテンポラリー 表 示 や 全 画 面 UI 表 示 機 能 が 追 加 されています モバイル デバイスで Web を 参 照 することが 一 般 的 になってきた 昨 今 のニーズに 合 わせるための 新 機 能 であり コンテンポラリー 表 示 を 利 用 することで スマートフォンやタブレットなどのモバイル デバイスでの 表 示 に 最 適 化 された SharePoint 画 面 をユーザーに 提 供 できます モバイルからのアクセスを 行 う 際 はモバイル ブラウザーに 応 じて 次 の 表 示 オプションが 用 意 されていま す クラシック 表 示 SharePoint 2010 のモバイル ビューと 同 様 の 機 能 です HTML 形 式 での 表 示 を 行 い 新 機 能 であるコンテンポラリー 表 示 を 利 用 できないモバイル ブラウザー 用 です コンテンポラリー 表 示 SharePoint 2013 のモバイル 新 機 能 です HTML 5 で 表 示 されるこの 形 式 は 最 適 化 されたモ バイル ブラウザー 操 作 をユーザーに 提 供 します Windows Phone 7.5 の Mobile Internet Explorer バージョン 9.0 以 降 iphone ios 5.0 の Safari バージョン 4.0 以 降 Android 4.0 以 降 の Android ブラウザーで 使 用 できます 全 画 面 UI 表 示 スマートフォン デバイスで SharePoint サイトを 全 画 面 表 示 する 機 能 が 追 加 されています 95

99 4.1 サポートされているモバイル デバイス ブラウザー モバイル デバイスの OS OS のバージョン ブラウザー スマートフォン デバイス スレート/ タブレット デバイス Windows Windows Phone 7.5 Internet Explorer サポート 該 当 なし Phone 以 降 のバージョン Mobile Windows Windows 7 Internet Explorer 該 当 なし サポート 以 降 のバージョン ios 5.0 以 降 の バ ー ジ ョ ン ( 1) Safari サポート サポート ( 2) Android 4.0 以 降 の バ ー ジ ョ ン Android ブラウザー サポート サポート ( 3) 1:ビデオの 再 生 には ios 6.0 以 降 のバージョンが 必 要 です 2:iOS 6.0 以 降 のバージョンを 使 用 する ipad バージョン 2 および 3 では Office Web Apps のすべての 機 能 がサポートされます ios バージョン 5. 1 を 使 用 する ipad バージョン でも 制 限 付 きの 表 示 と 編 集 機 能 がサポートされます 3:ビデオの 再 生 には Android 4.1 以 降 のバージョンが 必 要 です [ 参 考 ] TechNet サポートされているモバイル デバイス ブラウザー (SharePoint 2013) [ 参 考 ] TechNet SharePoint Server 2013 でモバイル ビューを 計 画 する 96

100 4.2 モバイル ブラウザー ビューを 利 用 するために スマートフォン 端 末 等 のモバイル ブラウザーで SharePoint サイトにアクセスするためには [モバイル ブラウザー ビュー] サイト 機 能 を 対 象 のサイトでアクティブ 化 する 必 要 があります このサイト 機 能 をアク ティブ 化 すると そのサイトにモバイル ブラウザーでアクセスした 際 にまずそのブラウザーが HTML 5 を 処 理 できるかどうかの 確 認 が 行 われます モバイル ブラウザーが HTML 5 をサポートしている 場 合 コン テンポラリー 表 示 で 画 面 が 表 示 され メニュー 操 作 により 全 画 面 UI 表 示 への 切 り 替 えも 可 能 です モ バイル ブラウザーが HTML 5 をサポートしていない 場 合 は クラシック 表 示 が 利 用 されます [モバイル ブラウザー ビュー] サイト 機 能 は 下 記 サイト テンプレートを 利 用 して 作 成 されたサイトで は 既 定 でアクティブ 化 されています それ 以 外 のサイト テンプレートを 利 用 して 作 成 されたサイトでは 明 示 的 にアクティブ 化 が 必 要 です チーム サイト 空 のサイト ドキュメント ワークスペース ドキュメント センター プロジェクト サイト 97

101 [モバイル ブラウザー ビュー] サイト 機 能 のアクティブ 化 方 法 1. ブラウザーでサイトを 開 き [ 設 定 ] [サイトの 設 定 ] をクリックし サイトの 設 定 画 面 を 開 きます 2. サイトの 操 作 カテゴリーの [サイト 機 能 の 管 理 ] をクリックします 3. [モバイル ブラウザー ビュー] をアクティブ 化 します 98

102 5. モバイル 対 応 デザインとデバイス チャネル SharePoint 2013 では 前 述 のとおりモバイル ブラウザー 対 応 が 強 化 されています 4 章 で 解 説 し たとおり 標 準 で [クラシック 表 示 ] [コンテンポラリー 表 示 ] [ 全 画 面 UI 表 示 ] と 利 用 しているモバイ ル デバイスに 応 じたモバイル ビューを 提 供 する 機 能 が 搭 載 されています 標 準 で 搭 載 しているモバイル ビューを 利 用 することで リストやライブラリ 内 のデータなど SharePoint のさまざまな 機 能 をモバイル 端 末 経 由 で 利 用 できるようになっています また 発 行 ページで 構 成 される 情 報 ポータル サイトでは モバイル 専 用 デザインのカスタマイズも 可 能 です モバイル 専 用 デザインのカスタ マイズについても SharePoint 2013 では 行 いやすくなっています HTML ファイルをマスター ページ に 変 換 する 機 能 はもちろん 新 機 能 のひとつであるデバイス チャネルを 活 用 します デバイス チャネルはユーザーが SharePoint サイトを 表 示 しているデバイスやブラウザーの 種 類 に 応 じて 同 じ Web ページを 異 なるデザインで 表 示 するための 機 能 です ユーザーが Web ページにアクセスした 際 そのサイトをホストしているサーバーに 対 して ブラウザーか ら 使 用 されているブラウザー バージョン OS 情 報 などを 含 むユーザー エージェント 文 字 列 が 送 信 され ます デバイス チャネルはユーザー エージェント 文 字 列 に 基 づき さまざまなデバイスに 対 してそれぞれに 最 適 な 異 なるデザインを 提 供 するよう 設 定 が 行 えます この 章 ではモバイル ブラウザー 専 用 のデザイン (マスターページ) を 作 成 し デバイス チャネルによっ てデザインを 切 り 替 える 方 法 を 解 説 します 99

103 5.1 デバイス チャネルの 作 成 SharePoint サイトを 表 示 しているデバイスやブラウザーの 種 類 に 応 じて 同 じ Web ページを 異 な るデザインで 表 示 するためデバイス チャネルを 作 成 します ここでは Windows Phone 用 と iphone 用 と 2 つデバイス チャネルを 作 成 します 1. [ 設 定 ] [デザイン マネージャー] をクリックします 2. デザイン マネージャーが 開 きます サイド リンク バーから [2. デバイス チャネルの 管 理 ] をクリックします 3. デバイス チャネルの 管 理 画 面 で [チャネルの 作 成 ] をクリックします 100

104 4. 入 力 フォームがダイアログで 表 示 されます Windows Phone 用 のデバイス チャネルを 作 成 するため 次 のように 入 力 し [ 保 存 ] をクリックします 名 前 :Windows Phone エイリアス:WindowsPhone 説 明 :Windows Phone 用 のデバイス チャネルです デバイス 判 定 ルール: Windows Phone OS アクティブ:チェック オン 101

105 5. 次 図 のようにデバイス チャネルが 作 成 されます 6. 続 いて 2 つ 目 のデバイス チャネルを 作 成 します [チャネルの 作 成 ] をクリックします 102

106 7. 入 力 フォームがダイアログで 表 示 されます iphone 用 のデバイス チャネルを 作 成 するため 次 のように 入 力 し [ 保 存 ] をクリックします 名 前 :iphone エイリアス:iPhone 説 明 :iphone 用 のデバイス チャネルです デバイス 判 定 ルール: iphone アクティブ:チェック オン 8. 次 図 のようにデバイス チャネルが 作 成 されます 103

107 各 デバイス チャネルには そのデバイス チャネルが 適 用 されるブラウザーやデバイスを 指 定 するための デバイス 判 定 ルールを 定 義 できます 既 定 で 用 意 されている [Default] チャネルはすべてのユーザー エージェント 文 字 列 に 対 応 します 例 えば 次 のような 判 定 ルールをデバイス チャネルで 作 成 したとします 1. Windows Phone OS Windows Phone OS 3. 既 定 Windows Phone OS 7.5 を 利 用 した 場 合 1 番 目 のデバイス チャネルによってデザインが 提 供 さ れます Windows Phone OS 7 を 利 用 した 場 合 は 2 番 目 のデバイス チャネルが 適 用 され それ 以 外 の 場 合 (デスクトップ ブラウザーなど) は 既 定 のデバイス チャネルが 適 用 されます またデバイス 判 定 ルールではモバイル デバイスについて 次 のような 設 定 が 可 能 です デバイス ユーザー エージェント 文 字 列 (デバイス 判 定 ルールの 設 定 ) Windows Phone Windows Phone OS 7.5 Windows Phone OS (すべての Windows Phone) iphone iphone ipad Android ipad Android 104

108 5.2 モバイル ブラウザー 専 用 デザインの 作 成 モバイル ブラウザー 専 用 として 提 供 するためのデザインを 作 成 します [3.HTML エディターを 利 用 したマスター ページの 編 集 ] で 解 説 した 内 容 と 同 様 に HTML ファイルで 用 意 したデザインをマスタ ーページに 変 換 する 機 能 を 利 用 します HTML デザインの 用 意 デザインのベースとなる HTML ファイルを 用 意 します 任 意 に 用 意 いただいた HTML ファイル (CSS ファイル 画 像 ファイル 等 のリソース ファイルを 含 む) を 利 用 してください この 自 習 書 では 次 のような HTML デザインを 利 用 します 同 じデザインを 利 用 して 手 順 を 試 された い 場 合 には HTML ファイルを 用 意 する 事 前 準 備 として 下 記 手 順 を 行 ってください ( 任 意 に 用 意 いただ いた HTML ファイルを 利 用 される 際 にはこの 手 順 は 必 要 ありません) フォルダーの 作 成 1. デスクトップに 新 しいフォルダーを 作 成 し フォルダー 名 を MyMobileDesign とします 105

109 CSS ファイルの 作 成 1. 任 意 のテキスト エディターで 下 記 ソース コードをコピーします /* 全 体 のフォントスタイル マージンを 指 定 */ html, body { font-family:meiryo UI; font-size:12pt; margin:1px;} /* ハイパーリンクのスタイルを 指 定 テキスト 装 飾 なし 文 字 色 */ a, a:link, a:active, a:visited { text-decoration:none; color: white;} /* ハイパーリンクホバー 時 のスタイルを 指 定 下 線 なし */ a:hover { text-decoration:underline;} /* 改 行 タグのスタイルを 指 定 回 り 込 みなし */.clear { clear:both;} /* サイトタイトルを 表 示 する div タグに 適 用 するスタイル フォントサイズ 色 余 白 背 景 色 */.sitetitle { font-size:20pt; padding:0px 4px 4px 4px; background-color:#3366cc; color:white;} /* 検 索 ボックスを 表 示 する div タグに 適 用 するスタイル 回 り 込 みなし マージン 余 白 ( 下 ) */ #searchbox { clear:both; margin:4px 0px; padding-bottom:4px;} 106

110 /* 検 索 ボックスのサイズ */ #searchbox input { width: 220px;} /* 検 索 ボックスを div タグ 内 で 左 寄 せ */.searchboxsmall { float:left;}.searchlinkbg { float:left; width:22px; height:20px;} /* メニューが 含 まれる div タグのスタイル 枠 線 ( 上 ) 横 幅 */ #bodycontainer { border-top: 1px # solid; clear:both; width:100%;} /* メニュー 内 UL タグ マージン( 左 ) 余 白 ( 左 ) */ #menuwrapper ul { margin-left:0px; padding-left:0px;} /* メニュー 内 LI タグ リストスタイル 余 白 マージン( 上 ) */ #menuwrapper li { list-style:none; padding: 2px; margin-top: 1px;} /* メニュー 内 UL>LI タグ 余 白 ( 左 ) マージン( 左 ) 背 景 色 */ #menuwrapper > ul > li { padding-left:24px; margin:2px 0; background-color:silver;} 107

111 /* メニュー 内 LI>LI タグ 背 景 色 マージン( 左 ) 余 白 ( 左 ) */ #menuwrapper li li { background-color:#dedede; margin-left:-22px; padding-left:32px; background-image:none;} /* div タグに 指 定 フォントサイズ 余 白 背 景 色 文 字 色 */.ms-webpart-titletext,.ms-webpart-titletext > a { font-size:large; padding: 4px; background-color:#6f92db; color:white;} /* div タグに 指 定 文 字 色 余 白 */.mh1 { color:#3366cc; padding:4px;} /* div タグに 指 定 余 白 */.ms-wpbody { padding:4px 2px;} 2. [MyMobileDesign] フォルダー 内 に mobilecss.css として 保 存 します 108

112 HTML ファイルの 作 成 1. 任 意 のテキスト エディターで 下 記 ソース コードをコピーします <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <meta name="handheldfriendly" content="true"> <title>mobile Design</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <link rel="stylesheet" href="mobilecss.css"> <!--メニュー 内 の LI タグをクリック slidedown/slideup するように 動 作 する script--> <script type="text/javascript"> $(document).ready(function() { $('#menuwrapper > ul > li').addclass('ulexpand'); $("#menuwrapper ul li:not(:has(li.current))").find("ul").hide().end().click(function(e) { if (this == e.target) { $(this).children('ul').slidetoggle('fast'); $(this).toggleclass('ulcollapse'); } });}); </script> </head> <body> <div class="sitetitle">タイトル</div> <div id="searchbox"> <div class="searchboxsmall"> 検 索 <input title=" 検 索.." ></div> <div class="searchlinkbg"> </div> 109

113 <br class="clear"> </div> <div id="bodycontainer"> <div id="menuwrapper"> <ul> <li><a href="mobile2.html">category A</a> <ul> <li><a href="mobile2.html">excel</a></li> <li><a href="mobile2.html">word</a></li> <li><a href="mobile2.html">powerpoint</a></li> <li><a href="mobile2.html">outlook</a></li> <li><a href="mobile2.html">onenote</a></li> </ul> </li> <li><a href="mobile2.html">category B</a> <ul> <li><a href="mobile2.html">infopath</a></li> <li><a href="mobile2.html">access</a></li> </ul> </li> </ul> </div> </div> <div class="clear" style="height:1px; margin:2px 0"></div> <div class="mwebpart"> <div class="ms-webpart-titletext">web パーツタイトル</div> <div class="mh1">てすと</div> <div class="ms-wpbody"> SharPoint 2013</div> </div> </body> </html> 2. [MyDesign] フォルダー 内 に MobileContoso.html として 保 存 します 110

114 内 容 の 確 認 1. ここまでの 手 順 で [MyMobileDesign] フォルダーの 内 容 は 次 図 のようになります 2. MobileContoso.html をダブル クリックしてブラウザーで 開 き 次 図 のように 表 示 されることを 確 認 します (HTML 内 の javascript による 動 作 です) 各 カテゴリーの 前 をクリックすると カテゴリー 内 の 内 容 を 展 開 できるよう javascript コードが 含 まれていますが jquery.min.js ファイルへの 参 照 が 含 まれるためインターネットに 接 続 できる 環 境 でのみカテゴリーの 展 開 機 能 が 利 用 できます 111

115 マスター ページ ギャラリーに HTML ファイルをアップロード マスター ページ ギャラリーに 用 意 した HTML ファイルをアップロードします HTML ファイルから 参 照 するリソース ファイル (CSS ファイルや js ファイル 画 像 リソース ファイルなど) がある 場 合 は HTML ファイルと 同 様 にアップロードします またアップロード 作 業 は [3.2 マスター ページ ギャラリーをネットワーク ドライブとして 設 定 ] で 作 成 したネットワーク ドライブを 利 用 して 行 います 3.2 の 手 順 を 行 っていない 場 合 は まずそちらを 行 ってく ださい 手 順 は 前 のステップ (HTML デザインの 用 意 ) により 作 成 した HTML ファイルをマスター ページ ギ ャラリーにアップロードしていますが 任 意 の HTML ファイルを 利 用 する 場 合 はそれらのファイルをマスター ページ ギャラリーにアップロードしてください 1. Windows エクスプローラーで あらかじめ 用 意 したショートカットよりマスター ページ ギャラリーを 開 きます 112

116 2. ロ ー カ ル か ら Windows エ ク ス プ ロ ー ラ ー 上 へ ド ラ ッ グ ア ン ド ド ロ ッ プ 操 作 で MyMobileDesign フォルダーごとマスター ページ ギャラリーにアップロードします 3. ブラウザーでマスター ページ ギャラリーを 開 き Windows エクスプローラーでアップロードしたファイ ルを 確 認 します ブラウザーでサイトを 開 き [ 設 定 ] [サイトの 設 定 ] をクリックします 113

117 4. Web デザイナー ギャラリーカテゴリーの [マスター ページとページ レイアウト] をクリックします 5. マスター ページ ギャラリーがブラウザーで 開 きます アップロードした 内 容 が 存 在 することを 確 認 します 114

118 HTML ファイルをマスター ページに 変 換 HTML ファイルをマスター ページに 変 換 する 機 能 を 利 用 し 前 の 手 順 でマスター ページ ギャラリー にアップロードした HTML ファイルをマスター ページに 変 換 します 1. トップ レベル サイトで [ 設 定 ] [デザイン マネージャー] をクリックします 2. デザイン マネージャーが 開 きます サイド リンク バーから [4. マスター ページの 編 集 ] をクリックします 115

119 3. [HTML ファイルを SharePoint マスター ページに 変 換 ] をクリックします 4. [メディアの 選 択 ] ダイアログが 表 示 されます マスター ページ ギャラリー 内 の 内 容 が 表 示 されるので [MyMobileDesign] / MobileContoso.html を 選 択 し [ 挿 入 ] をクリックします 任 意 の HTML ファイルを 利 用 する 場 合 は そちらを 選 択 してください 116

120 5. [デザイン マネージャー:マスター ページの 編 集 ] 画 面 内 の 一 覧 に MobileContoso (or 任 意 のファイル 名 ) が 表 示 されます また 状 態 が 正 常 に 変 換 されました となっていることを 確 認 します 6. ハイパーリンクとなっている 正 常 に 変 換 されました をクリックします 117

121 7. マスター ページに 変 換 された 内 容 のプレビューが 開 きます 118

122 SharePoint デザインに 必 要 な 内 容 の 追 加 スニペット ギャラリーを 利 用 し SharePoint デザインに 必 要 な 各 種 コントロール (サイトのタイトル 検 索 ボックス コンテンツ エリア) を MobileContoso.html に 追 加 します HTML ファイルの 編 集 作 業 には 一 般 的 な Web 編 集 ツールの 例 として Dreamweaver を 利 用 します この 自 習 書 の 手 順 では HTML 編 集 ツールとして Dreamweaver を 利 用 しますが その 他 の Web 編 集 ツールを 利 用 することも 可 能 です また Web 編 集 ツールを 用 意 できない 場 合 にはテキスト エディターを 利 用 いただいてもかまいません 1. プレビュー 画 面 で 右 上 にある [スニペット] をクリックします 2. 別 タブ (もしくは 別 ウィンドウ) でスニペット ギャラリーが 開 きます 119

123 3. Windows エクスプローラーで ショートカットよりマスター ページ ギャラリーを 開 きます 4. Windows エクスプローラーで 開 いたマスター ページ ギャラリーから HTML ファイル (MobileContoso.html or 任 意 で 用 意 した HTML ファイル) を 任 意 の Web 編 集 ツールで 開 きます (ここでは Dreamweaver を 利 用 します) 120

124 HTML ファイルが 開 き リボン メニューの 定 義 など SharePoint デザインとして 必 要 なソース コ ードが 自 動 的 にコメントとして 追 加 されていることが 確 認 できます まずはサイト 名 を 表 示 するためのコントロールを 配 置 します ブラウザーで 開 いておいたスニペット ギャラリーを 開 きます リボンから [サイト タイトル] をクリックします プレビューに 現 在 開 いているサイトの 名 前 が 表 示 されていることが 確 認 できます 8. プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします 121

125 HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります サイト 名 を 表 示 したい 箇 所 に スニペット ギャラリーからコピーしたソース コードを 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は タイトル の 箇 所 を 上 書 きしてください < 元 のソース> <div class="sitetitle">タイトル</div> < 貼 り 付 けた 後 のソース> <div class="sitetitle"> <div data-name="sitetitle"><!--cs: サイト タイトル スニペットの 開 始 Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SharePoint:AjaxD elta runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しな いでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--MS:<SharePoint:SPLinkButton runat="server" NavigateUrl="~site/">--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 し ないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--MS:<SharePoint:ProjectProperty Property="Title" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでく ださい)-->test<!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:ProjectProperty>--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:SPLinkButton>--><!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --><!--ME:</SharePoint:AjaxDelta>--><!--CE: サイト タイトル ス ニペットの 終 了 --></div> </div> 11. 続 いて 検 索 ボックスを 配 置 します ブラウザーで 開 いておいたスニペット ギャラリーを 開 きます 122

126 12. リボンから [ 検 索 ボックス] をクリックします プレビューに 検 索 ボックスが 表 示 されていることが 確 認 できます 13. プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします 14. HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります 123

127 15. 検 索 ボックスを 表 示 したい 箇 所 に スニペット ギャラリーからコピーしたソース コードを 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は 検 索 の 箇 所 を 上 書 きしてください < 元 のソース> <div class="searchboxsmall"> 検 索 <input title=" 検 索..." /></div> < 貼 り 付 けた 後 のソース> <div class="searchboxsmall"> <div data-name="searchbox"><!--cs: 検 索 ボックス スニペットの 開 始 Tagprefix="SearchWC" Namespace="Microsoft.Office.Server.Search.WebControls" Assembly="Microsoft.Office.Server.Search, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SearchWC:SearchB oxscriptwebpart UseSiteCollectionSettings="true" EmitStyleReference="false" ShowQuerySuggestions="false" ChromeType="None" UseSharedSettings="true" TryInplaceQuery="false" ServerInitialRender="true" runat="server">--><!--ps: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでく ださい)--><div class="ms-webpart-chrome ms-webpart-chrome-fullwidth "><div WebPartID=" " HasPers="true" id="webpart" width="100%" class="ms-wpbody noindex " OnlyForMePart="true" allowdelete="false" style=""><div componentid="ctl00_ctl03_csr" id="ctl00_ctl03_csr"><div id="searchbox" name="control"><div class="ms-srch-sb ms-srch-sb-border" id="ctl00_ctl03_csr_sboxdiv"><input type="text" value=" 検 索..." maxlength="2048" accesskey="s" title=" 検 索..." id="ctl00_ctl03_csr_sbox" autocomplete="off" autocorrect="off" onkeypress="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);return Srch.U.cancelEvent(event);}})" onkeydown="ensurescriptfunc('search.clientcontrols.js', 124

128 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.activatedefaultquerysuggestionbe havior();})" onfocus="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.hideprompt();ctl.setborder(true) ;})" onblur="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr'); if (ctl){ ctl.showprompt(); ctl.setborder(false);}})" class="ms-textsmall ms-srch-sb-prompt ms-helpertext" /><a title=" 検 索 " class="ms-srch-sb-searchlink" id="ctl00_ctl03_csr_searchlink" onclick="ensurescriptfunc('search.clientcontrols.js', 'Srch.U', function() {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);})" href="javascript: {}"><img src="/_layouts/15/images/searchresultui.png?rev=23" class="ms-srch-sb-searchimg" id="searchimg" alt=" 検 索 " /></a></div></div></div><noscript><div id="ctl00_ctl03_noscript">ブラウザーで JavaScript が 有 効 になってい ません JavaScript を 有 効 にして やり 直 してください </div></noscript><div id="ctl00_ctl03"></div><div class="ms-clear"></div></div></div><!--pe: 読 み 取 り 専 用 プレビュー の 終 了 --><!--ME:</SearchWC:SearchBoxScriptWebPart>--><!--CE: 検 索 ボックス スニペットの 終 了 --></div> </div> 125

129 つづいてコンテンツ エリアを 編 集 します HTML 編 集 ツールで 編 集 中 の HTML ファイルを 開 きます プレビュー 画 面 などで 画 面 下 部 に 配 置 されている 明 るい 黄 色 の 領 域 (DIV タグ) を 見 つけます 19. 対 応 するソース コードを 切 り 取 ります 下 記 が 対 応 するソース コードです <div data-name="contentplaceholdermain"> <!--CS: PlaceHolderMain スニペットの 開 始 --> Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderMain" IsMainContent="true" runat="server">--> <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server">--> <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div は 削 除 する 必 要 がありますが ページ レイアウトやページが 表 示 さ れるコンテンツ 領 域 を 表 しています このコンテンツ プレースホルダーを 囲 むマスター ページをデザインしてください </div> 126

130 <!--ME:</asp:ContentPlaceHolder>--> <!--ME:</SharePoint:AjaxDelta>--> <!--CE: PlaceHolderMain スニペットの 終 了 --> </div> 切 り 取 ったソース コードをコンテンツ エリアとして 表 示 させたい 箇 所 に 貼 り 付 けます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は <div class="mwebpart">の 次 行 内 に 挿 入 してください ソース コードより 明 るい 黄 色 領 域 である div タグを 削 除 します 削 除 するのは 下 記 ソース コードです <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div は 削 除 する 必 要 がありますが ページ レイアウトやページが 表 示 されるコンテンツ 領 域 を 表 しています このコンテンツ プレースホルダーを 囲 むマスター ページをデザ インしてください </div> 22. HTML ファイルを 上 書 き 保 存 します 23. ブラウザーで 開 いておいたプレビュー 画 面 に 戻 ります 127

131 24. F5 などで 画 面 を 更 新 すると プレビュー 内 容 が 更 新 されます 128

132 デバイス チャネル パネルの 利 用 スニペット ギャラリーから 提 供 されるデバイス チャネル パネルを 利 用 すると デバイス チャネルに 応 じ てレンダリングされるコンテンツを 制 御 できます ここではデバイス チャネル パネルを 利 用 して 特 定 のデバ イス チャネル (iphone) でのみリボン メニューを 非 表 示 にする javascript をレンダリングするように 編 集 します 1. スニペット ギャラリーでリボンより [デバイス チャネル パネル] をクリックします 2. 右 側 に 表 示 されるプロパティ 編 集 メニューで [IncludedChannels] プロパティに 5.1 で 作 成 し たデバイス チャネルのエイリアスである [iphone] を 指 定 します 3. [ 更 新 ] をクリックします 129

133 4. プレビューの 下 にある HTML スニペットに 表 示 されているソース コードをコピーします 5. コピーしたコードをいったんメモ 帳 などのテキスト エディターに 貼 り 付 け 内 容 を 確 認 します コード 内 に 含 まれる <div class="defaultcontentblock" タグ ( 赤 字 部 分 ) がデバイス チャ ネルによってレンダリングが 制 御 される 内 容 となります この 部 分 に 今 回 はリボンを 非 表 示 とする CSS を 挿 入 したいと 考 えています <div data-name="devicechannelpanel"> <!--CS: デバイス チャネル パネル スニペットの 開 始 --> Tagprefix="Publishing" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<Publishing:DeviceChannelPanel runat="server" IncludedChannels="iPhone">--> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div を デバイス チャネル パネルのプロパティに 基 づいて 表 示 されるコンテン ツに 書 き 換 えてください </div> 130

134 <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <!--ME:</Publishing:DeviceChannelPanel>--> <!--CE: デバイス チャネル パネル スニペットの 終 了 --> </div> HTML 編 集 ツール (ここでは Dreamweaver) に 戻 ります HTML 内 の <body> タグ 内 (</body> タグのすぐ 上 ) にデバイス チャネル パネル HTML スニペット (コピーしたコード) を 貼 り 付 けます <div data-name="devicechannelpanel"> <!--CS: デバイス チャネル パネル スニペットの 開 始 --> Tagprefix="Publishing" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<Publishing:DeviceChannelPanel runat="server" IncludedChannels="iPhone">--> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <div class="defaultcontentblock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;"> この div を デバイス チャネル パネルのプロパティに 基 づいて 表 示 されるコンテン ツに 書 き 換 えてください </div> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <!--ME:</Publishing:DeviceChannelPanel>--> <!--CE: デバイス チャネル パネル スニペットの 終 了 --> 131

135 </div> </body> 8. 貼 り 付 けたコードの 内 容 を 編 集 します 次 のように<div class="defaultcontentblock" タグを リボン メニューを 非 表 示 とする javascript と 置 き 換 えます <div data-name="devicechannelpanel"> <!--CS: デバイス チャネル パネル スニペットの 開 始 --> Tagprefix="Publishing" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version= , Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> <!--MS:<Publishing:DeviceChannelPanel runat="server" IncludedChannels="iPhone">--> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <!--MS:<style type="text/css">--> <!-- #ms-designer-ribbon{display:none}--> <!--ME:</style>--> <!--PS: 読 み 取 り 専 用 プレビューの 開 始 ( 変 更 しないでください)--><!--PE: 読 み 取 り 専 用 プレビューの 終 了 --> <!--ME:</Publishing:DeviceChannelPanel>--> <!--CE: デバイス チャネル パネル スニペットの 終 了 --> </div> デバイス チャネル パネルを 利 用 し 特 定 のデバイス チャネル (iphone) でのみリボン メニューを 非 表 示 に 上 書 きする CSS を 組 み 込 む 例 をご 紹 介 しましたが 一 般 的 には サーバーがレンダリングしたコンテンツをクライアント サイドで 非 表 示 にするなど 標 準 のメ ニューを 書 き 換 えるカスタマイズは 予 期 せぬ 結 果 を 引 き 起 こす 可 能 性 がありますので 十 分 にテストの 上 自 己 責 任 で 適 用 いただきますよう ご 留 意 下 さい 9. 上 書 き 保 存 します 132

136 各 リソースファイルをメジャーバージョンに 発 行 マスターページ ギャラリー 内 の 各 ファイルをメジャーバージョンに 発 行 します 1. [ 設 定 ] [サイトの 設 定 ] をクリックします 2. Web デザイナー ギャラリーカテゴリーの [マスター ページとページ レイアウト] をクリックします 3. マスター ページ ギャラリーが 開 きます 133

137 4. マスター ページ ギャラリーに 保 存 した HTML ファイルや CSS ファイル 画 像 ファイルが 格 納 され ているフォルダーを 開 きます 手 順 で 用 意 した HTML ファイルを 利 用 している 場 合 は MyMobileDesign フォルダーとなりま す HTML ファイル CSS ファイル 変 換 されて 作 成 されたマスター ページ ファイルが 確 認 できます 5. すべてのファイルをメジャーバージョンに 発 行 します ファイルを 選 択 し [ファイル] タブの [ 発 行 ] をクリックします この 作 業 を 全 ファイルに 行 います (HTML ファイルを 発 行 すると master ファイルは 合 わせて 発 行 されます) 134

138 5.3 マスター ページの 設 定 作 成 したモバイル 用 のマスター ページをデバイス チャネルに 応 じて 表 示 するように 設 定 を 行 います デ バイス チャネルを 利 用 してデバイスごとのマスター ページを 指 定 する 際 には 標 準 で 搭 載 しているモバイ ル ビューは 利 用 しません [モバイル ブラウザー ビュー] サイト 機 能 がアクティブ 化 されている 場 合 は 非 アクティブ 化 が 必 要 です [モバイル ブラウザー ビュー] サイト 機 能 の 非 アクティブ 化 方 法 1. ブラウザーでサイトを 開 き [ 設 定 ] [サイトの 設 定 ] をクリックし サイトの 設 定 画 面 を 開 きます 2. サイトの 操 作 カテゴリーの [サイト 機 能 の 管 理 ] をクリックします 3. [モバイル ブラウザー ビュー] を 非 アクティブ 化 します 135

139 デバイス チャネルごとのマスター ページ 設 定 1. [ 設 定 ] [サイトの 設 定 ] をクリックします 2. 外 観 カテゴリーの [マスター ページ] をクリックします 136

140 3. 発 行 ページのマスター ページを 指 定 する [サイト マスター ページ] に デバイス チャネルが 表 示 さ れていることが 確 認 できます [Windows Phone] デバイス チャネルと [iphone]デバイス チャネル 両 方 に [MyMobileDesign/MobileContoso] を 設 定 し [OK] をクリックします 137

141 対 応 するモバイル デバイスでアクセスすると モバイル 専 用 に 作 成 したマスター ページによりデザインが 構 成 されていることが 確 認 できます ( 発 行 ページを 開 いて 確 認 ) ブラウザーで 表 示 モバイル デバイスで 表 示 ブラウザーで 動 作 確 認 する 際 は ペ ー ジ URL/?DeviceChannel=WindowsPhone もし く は ペ ー ジ URL/?DeviceChannel=iPhone と 指 定 します (クエリ 文 字 列 Device Channel にデ バイス チャネル エイリアスを 指 定 ) 138

ア ク セス 統 計 の 確 認 月 ごとのアクセス 数 を 確 認 する 1 ア クセス 統 計 画 面 を 表 示 し 確 認 する 月 を 選 択 しま アクセス 統 計 画 面 の 表 示 方 法 アクセス 統 計 画 面 を 表 示 する (P.70) 最 も 古 い 月 の 統 計 デー

ア ク セス 統 計 の 確 認 月 ごとのアクセス 数 を 確 認 する 1 ア クセス 統 計 画 面 を 表 示 し 確 認 する 月 を 選 択 しま アクセス 統 計 画 面 の 表 示 方 法 アクセス 統 計 画 面 を 表 示 する (P.70) 最 も 古 い 月 の 統 計 デー ア ク セス 統 計 の 確 認 ア ク セス 統 計 の 確 認 お 客 様 のホームページへアクセスされた 回 数 を 確 認 しま 統 計 データの 保 証 期 間 統 計 デー タの 保 証 期 間 は 1 年 (12ヶ 月 ) で ア ク セス 統 計 画 面 を 表 示 す る 1 管 理 者 メ ニ ューを 表 示 し ア クセス 統 計 をクリックしま 管 理 者 メニューの 表 示

More information

CSSの基礎

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

More information

ノートをクラウドで 管 理 する [ 共 有 ] タブについて OneNote を 初 めて 起 動 すると クラウドに 接 続 するように 求 められ そのクラウドに 最 初 のノートブックが 作 成 されます OneNote では Microsoft アカウント (MSN Hotmail Mes

ノートをクラウドで 管 理 する [ 共 有 ] タブについて OneNote を 初 めて 起 動 すると クラウドに 接 続 するように 求 められ そのクラウドに 最 初 のノートブックが 作 成 されます OneNote では Microsoft アカウント (MSN Hotmail Mes クイック スタート ガイド Microsoft OneNote 2013 は レイアウトがこれまでのバージョンから 変 わりました このガイドは 少 しでも 早 く 慣 れることができるようにそれらの 違 いをまとめたものです タッチとマウスを 切 り 替 える タッチ デバイスで OneNote を 使 う 場 合 クイック アクセス ツール バーにこのスイッチを 追 加 できます リボンの 表

More information

クイック スタート ガイド PowerPoint 2013 を 開 くと 最 初 にいくつかのオプションが 表 示 され テンプレート テーマ 最 近 使 ったファイル 白 紙 のプレゼンテーションのどれを 使 って 作 業 を 始 めるかを 選 択 できます オンラインのテンプレートやテーマを 探

クイック スタート ガイド PowerPoint 2013 を 開 くと 最 初 にいくつかのオプションが 表 示 され テンプレート テーマ 最 近 使 ったファイル 白 紙 のプレゼンテーションのどれを 使 って 作 業 を 始 めるかを 選 択 できます オンラインのテンプレートやテーマを 探 クイック スタート ガイド Microsoft PowerPoint 2013 は レイアウトがこれまでのバージョンから 変 わりました このガイドは 少 しでも 早 く 慣 れることができるようにそれらの 違 いをまとめたものです 必 要 な 機 能 を 見 つける リボンのタブをクリックすると そのタブのボタンと コマンドが 表 示 されます コンテキスト タブを 使 う リボンのタブには 必

More information

すべての 文 書 は テンプレートから 作 成 を 開 始 します 空 白 のテンプレートから 開 始 することもできます 完 成 した 文 書 のイメージに 最 も 近 いテンプレートを 見 つけてください Publisher 2013 にはテンプレートが 付 属 しております 1. [ファイル]

すべての 文 書 は テンプレートから 作 成 を 開 始 します 空 白 のテンプレートから 開 始 することもできます 完 成 した 文 書 のイメージに 最 も 近 いテンプレートを 見 つけてください Publisher 2013 にはテンプレートが 付 属 しております 1. [ファイル] Publisher 2013 の 基 本 的 使 い 方 TO_takatsuki Publisher の 向 いている 文 書 枚 数 の 少 ない 文 書 ポスター チラシ グリーティングカード ニュースレター など 記 載 枠 画 像 などの 挿 入 枠 の 大 きさを 固 定 し 文 書 や 画 像 を 配 置 したい 文 書 文 書 を 作 成 する まず テンプレートを 探 し そこから

More information

Excel 2010 の 使 用 を 開 始 する 長 い 間 Microsoft Excel 2003 を 使 用 していたユーザーが Excel 2010 に 移 行 する と Excel 2003 のコマンドやツール バー ボタンがどこにあるのかわからなくなることがよ くあります そのため ト

Excel 2010 の 使 用 を 開 始 する 長 い 間 Microsoft Excel 2003 を 使 用 していたユーザーが Excel 2010 に 移 行 する と Excel 2003 のコマンドやツール バー ボタンがどこにあるのかわからなくなることがよ くあります そのため ト このガイドの 内 容 Microsoft Excel 2010 の 外 観 は Excel 2003 と 大 きく 異 なるため Excel 2003 のユーザーが 少 しでも 早 く 慣 れることができるようにこのガイドが 作 られました このガイドを 読 むと 新 しいインターフェイスの 主 な 要 素 について 学 んだり Excel 2010 の 無 償 のトレーニングを 見 つけたり *

More information

コマンド対応表 Excel2013

コマンド対応表 Excel2013 コマンド 対 応 表 (Excel 2003 Excel 2013) Excel 2003のコマンドがExcel 2013のコマンドにどのように 対 応 しているかを 記 載 しています コマンド 対 応 表 (Excel 2003 Excel 2013) ファイル メニュー 新 規 作 成 リボン: ファイル タブ 新 規 開 く リボン: ファイル タブ 開 く コンピューター 参 照 閉 じる

More information

サイボウズ Office 8 ファイル管理マニュアル

サイボウズ Office 8 ファイル管理マニュアル ファイル 管 理 マニュアル Copyright (C) 20 10 Cybozu, Inc. 目 次 管 理 者 マニュアル はじめに 1 ファイル 管 理 のシステム 管 理 について 2 システム 管 理 の 設 定 ファイル 管 理 の 一 般 設 定 を 変 更 する 3 フォルダにアクセス 権 を 設 定 する 5 ファイルサイズの 制 限 を 設 定 する 6 ファイルを 一 括 削

More information

Acrobat早分かりガイド

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

More information

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

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

More information

ProcessDiagramQRG.book

ProcessDiagramQRG.book igrafx プロセス 図 表 クイック リファレンス ガイド 標 準 ツールバー A. 新 規 作 成 B. 開 く C. 保 存 D. 印 刷 A B C D E F G H I J K E. 印 刷 プ レ ビ ュー F. スペルチェ ッ ク G. 元 に 戻 す / やり 直 し H. 図 形 パレ ッ ト を 開 く I. 描 画 J. 戻 る / 進 む K. ズーム コントロール エクスプローラ

More information

Microsoft Word - CMS操作説明会資料.docx

Microsoft Word - CMS操作説明会資料.docx 平 成 25 年 6 月 24 日 株 式 会 社 ネクストワン 1 今 回 の 操 作 説 明 会 では 次 のようなサンプル 記 事 を 作 成 してみたいと 思 います 2 管 理 画 面 にログインする 1. 九 重 町 役 場 ホームページにアクセスします 2.アドレスバーのホームページ URL の 後 ろに admin と 入 力 します http://www.town.kokonoe.oita.jp/admin/index.php

More information

■コンテンツ

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

More information

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

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.54 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 41 ヨロン 観 光 まちづくり 支 援 サービス マイホームページ 操 作 説 明 書 1 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の3つのステップ 1 ホームページの 設 定 (p3) 2 レイアウト デザインの 設 定

More information

Microsoft Word - Jimdo基礎編(8版)

Microsoft Word - Jimdo基礎編(8版) 目 次 第 1 章 本 書 について... 1 1-1 JIMDO とは... 1 1-2 自 分 でホームページを 作 るメリット... 1 1-3 JIMDO の 料 金 プラン... 2 1-4 本 書 で 制 作 するサンプルのホームページ... 3 1-5 サンプルのデータについて... 4 第 2 章 ホームページを 開 設 する... 7 2-1 ホームページを 開 設 する... 7

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.52 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承 京 都 市 社 会 福 祉 研 修 情 報 システム 京 福 祉 の 研 修 情 報 ネット 操 作 マニュアル - 主 催 者 編 - 第 1.3 版 2016 年 5 月 16 日 目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保

More information

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

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

More information

著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 な しに 変 更 することがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび 関 連 するドキュメントで 使 用 し

著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 な しに 変 更 することがあります 別 途 記 載 されていない 場 合 このソフトウェアおよび 関 連 するドキュメントで 使 用 し Microsoft SharePoint 2010 機 能 評 価 ガイド エンドユーザー 機 能 編 (SharePoint Online 対 応 版 ) 付 録 1:サイト テンプレート 一 覧 2011 年 9 月 著 作 権 このドキュメントに 記 載 されている 情 報 (URL 等 のインターネット Web サイトに 関 する 情 報 を 含 む) は 将 来 予 告 な しに 変 更

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

地理院地図マニュアル

地理院地図マニュアル 地 理 院 地 図 操 作 マニュアル 平 成 25 年 10 月 30 日 国 土 地 理 院 目 次 1. 機 能 概 要... - 4-2. 機 能 詳 細... - 7-2.1. 地 図 表 示 基 本 機 能... - 7-2.1.1. 地 図 のスクロール... - 7-2.1.2. ズームイン ズームアウト... - 7-2.1.3. スケールバー 表 示... - 8-2.1.4.

More information

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

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

More information

ログイン 画 面 ブログの 更 新 手 順 ログインに 成 功 するとこのような 画 面 になります 管 理 画 面 ログインURL /wp-login.php はサイトのURLを 入 力 記 URLへアクセスすると 左 記 のような 画 面 が 表 示 されます ユーザー 名 パス

ログイン 画 面 ブログの 更 新 手 順 ログインに 成 功 するとこのような 画 面 になります 管 理 画 面 ログインURL  /wp-login.php はサイトのURLを 入 力 記 URLへアクセスすると 左 記 のような 画 面 が 表 示 されます ユーザー 名 パス テンプレートサイト 更 新 方 法 マニュアル PC ( パソコン) 版 2016 年 2 月 度 版 ログイン 画 面 ブログの 更 新 手 順 ログインに 成 功 するとこのような 画 面 になります 管 理 画 面 ログインURL http:// /wp-login.php はサイトのURLを 入 力 記 URLへアクセスすると 左 記 のような 画 面 が 表 示 されます ユーザー 名 パスワード

More information

簡単なアイコンの説明

簡単なアイコンの説明 Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) 付 録 内 容 の 入 力 内 容 文 字 装 飾 表 の 挿 入 添 付 ファイルのアップロード リンク 設 定 株 式 会 社 アイ ディ エス Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存

More information

 目次

 目次 プレゼンテーション MS-PowerPoint 2010 2012 年 6 月 第 2 版 東 海 大 学 総 合 情 報 センター 清 水 情 報 システム 課 発 行 PowerPoint 2010[ 目 次 ] 1. PowerPoint の 起 動 と 終 了... 1 1-1 起 動... 1 1-2 終 了... 1 2. PowerPoint の 画 面 構 成... 2 2-1 画

More information

Excel basics

Excel basics Excel 入 門 Excel は 表 計 算 およびデータ 分 析 のための 効 果 的 なアプリケーションです 最 も 効 果 的 に 使 用 するためには 最 初 にその 基 礎 を 理 解 する 必 要 があります このチュートリ アルでは すべてのブックで 使 用 する 作 業 と 機 能 をいくつか 紹 介 します 開 始 する 前 に... 1 1. 新 しい 空 白 のブックを 作

More information

Ⅰ. 各 種 文 書 作 成 メニュー 項 目 説 明 各 種 文 書 作 成 メニューでは 共 通 で 使 える 便 利 な 機 能 がございます テンプレート 機 能 引 用 文 を 貼 り 付 けることができます 複 写 (コピー) 機 能 作 成 した 帳 票 をコピー 編 集 することがで

Ⅰ. 各 種 文 書 作 成 メニュー 項 目 説 明 各 種 文 書 作 成 メニューでは 共 通 で 使 える 便 利 な 機 能 がございます テンプレート 機 能 引 用 文 を 貼 り 付 けることができます 複 写 (コピー) 機 能 作 成 した 帳 票 をコピー 編 集 することがで 各 種 文 書 作 成 メニュー 居 宅 支 援 事 業 者 版 特 定 施 設 事 業 者 版 居 宅 支 援 事 業 者 版 の 各 種 文 書 の 作 成 方 法 を 中 心 にご 案 内 します 特 定 施 設 事 業 者 版 をお 使 いの 場 合 は 居 宅 を 施 設 に 読 み 替 えてご 覧 ください 目 次 各 種 文 書 作 成 メニュー Ⅰ. 各 種 文 書 作 成 メニュー

More information

Microsoft Word - ブラウザ設定編.doc

Microsoft Word - ブラウザ設定編.doc さいしん 外 為 インターネットサービス 操 作 マニュアル ブラウザ 設 定 編 最 終 更 新 日 :2015 年 5 月 18 日 変 更 履 歴 変 更 履 歴 No. 日 付 ページ 対 象 箇 所 変 更 箇 所 変 更 前 変 更 後 1 2012/7/31 1 1.1 インターネッ トブラウザの 設 定 について 記 述 さいしん 外 為 インターネット サービスを 利 用 するにあた

More information

e-Gov電子申請システムを利用した

e-Gov電子申請システムを利用した e-gov 電 子 申 請 システムを 利 用 した RPS 法 に 係 る 申 請 書 提 出 マニュアル -ITEM2000 形 式 のファイルを 利 用 した 申 請 方 法 について- 平 成 22 年 4 月 資 源 エネルギー 庁 省 エネルギー 新 エネルギー 部 新 エネルギー 等 電 気 利 用 推 進 室 電 子 政 府 の 実 現 に 向 けた 政 府 全 体 の 取 組 みの

More information

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー 1. 基 本 情 報 1-1 CMS 利 用 にあたって 各 職 員 のPC 端 末 に 特 別 なアプリケーションなどをインストールす る 必 要 が 無 いこと(ウェブブラウザから 利 用 できること) 1-2 各 職 員 PC 端 末 から InternetExplorerを 通 じ ID PASSWORD 認 証 にてログインできるこ 1-3 閲 覧 者 のパソコン 機 種 OS ブラウザ

More information

2 Web ページの 文 字 サイズを 変 更 する Microsoft Internet Explorer 8 では 文 字 のサイズを 変 更 して Web ページをより 見 やすくする ことができます 文 字 のサイズを 変 更 する 場 合 は 画 像 やコントロールは 元 のサイズが 維

2 Web ページの 文 字 サイズを 変 更 する Microsoft Internet Explorer 8 では 文 字 のサイズを 変 更 して Web ページをより 見 やすくする ことができます 文 字 のサイズを 変 更 する 場 合 は 画 像 やコントロールは 元 のサイズが 維 Windows が 提 供 する Web ブラウザ(Microsoft Internet Explorer 8)の 機 能 1.Web ページをズームする 2.Web ページの 文 字 サイズを 変 更 する 3.Web ページで 使 用 される 色 を 選 択 する 4.Web ページやドキュメントで 使 用 されるフォントのスタイルやサイズを 選 択 する 5.Web ページのユーザー 補 助

More information

2 2-1 HTMLの 構 造 等 公 開 URLが 静 的 なHTMLであること 判 読 不 可 能 な 文 字 を 含 むものや 文 字 数 が 多 すぎるURL(いわゆる 動 的 なHTML)は 原 則 として 不 可 とする 2-2 任 意 なURLが 使 用 でき コンテンツ 作 成 時

2 2-1 HTMLの 構 造 等 公 開 URLが 静 的 なHTMLであること 判 読 不 可 能 な 文 字 を 含 むものや 文 字 数 が 多 すぎるURL(いわゆる 動 的 なHTML)は 原 則 として 不 可 とする 2-2 任 意 なURLが 使 用 でき コンテンツ 作 成 時 1 1-1 サイト 全 般 デザイン 等 サイト 全 体 が 標 準 化 統 一 化 されたページデザインとすること ただし サイトで 異 なるデザインで 作 成 表 示 することができること 1-2 ヘッダー フッターは 原 則 すべてのページで 統 一 したデザインとすること 1-3 ロゴ イラスト バナーなどサイトに 応 じたデザインで 作 成 すること 1-4 スマートフォンやタブレット 端

More information

甲南大学 Office365の使い方

甲南大学 Office365の使い方 2015/10/03 情 報 システム 室 (Version 1.2) 甲 南 大 学 のパソコンには 環 境 復 元 機 能 が 入 っています パソコン 教 室 などで 行 っ た 設 定 は 一 度 ログオフすると 元 に 戻 ります ご 注 意 ください このマニュアルは Windows 7/Internet Explorer の 環 境 を 基 に 作 成 しています OS やブラウザが

More information

目 次 目 次 はじめに 1 Internet Explorer11 とは? 1 1. 設 定 を 行 なう 前 にご 確 認 ください 2 OS の 確 認 方 法 2 2.ブラウザの 設 定 を 行 なう 3 設 定 を 行 なう Internet Explorer11 について 3 アドレスバ

目 次 目 次 はじめに 1 Internet Explorer11 とは? 1 1. 設 定 を 行 なう 前 にご 確 認 ください 2 OS の 確 認 方 法 2 2.ブラウザの 設 定 を 行 なう 3 設 定 を 行 なう Internet Explorer11 について 3 アドレスバ 建 築 業 務 管 理 シ ス テ ム 補 足 マ ニ ュ ア ル Internet Explorer11 設 定 ガイド (Windows7 Windows8.1 用 ) 目 次 目 次 はじめに 1 Internet Explorer11 とは? 1 1. 設 定 を 行 なう 前 にご 確 認 ください 2 OS の 確 認 方 法 2 2.ブラウザの 設 定 を 行 なう 3 設 定 を 行

More information

Microsoft Word - Developer_Tools

Microsoft Word - Developer_Tools Developer Tools : Windows Internet Explorer 8 Beta 1 for Developers Web 作 業 の 操 作 性 を 向 上 2008 年 3 月 詳 細 の 問 い 合 わせ 先 ( 報 道 関 係 者 専 用 ) : Rapid Response Team Waggener Edstrom Worldwide (503) 443 7070 rrt@waggeneredstrom.com

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

SuperHand SuperHand ユーザー マニュアル @Copyright 2010-2015 BEUP CO., LTD. このソフトウェアおよび 説 明 ドキュメントを 使 用 したことにより 発 生 あ るいは 関 連 したいかなるリスクも 使 用 者 自 身 の 責 任 となります ソフト ウェア 使 用 許 諾 書 に 明 確 に 記 載 されている 以 外 のことは いかなる

More information



 スタートアップガイド Ver. 3.0 管 理 者 編 株 式 会 社 アバンセシステム クラウド コンピューティング 事 業 部 JECC E-mail jecc_support@avancesys.co.jp URL http://www.avancesys.co.jp/ ANPIC スタートアップガイド 管 理 者 編 2 ごあいさつ このたびは 安 否 情 報 システム ANPIC をご 導

More information

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記 2011.12.8 カメリア パルの 会 ホームページ 編 集 マニュアル http://pal.nono1.jp 1.はじめに カメリア パルの 会 のホームページは フリーのブログシステム(WORDPRESS)を 使 用 してい ます このシステムの 特 徴 としては ブログの 基 本 的 使 用 方 法 である 日 記 を 追 加 するだけでなく 固 定 的 なページを 作 成 することができ

More information

1 はじめに 1.1 アドインの 機 能 このプログラムは Microsoft Excel 用 のアドインです 本 アドインには 下 記 5つの 機 能 があります 行 の 高 さ 自 動 調 整 機 能 選 択 しているセルの 行 に 対 して 結 合 セルを 含 めた 高 さの 自 動 調 整

1 はじめに 1.1 アドインの 機 能 このプログラムは Microsoft Excel 用 のアドインです 本 アドインには 下 記 5つの 機 能 があります 行 の 高 さ 自 動 調 整 機 能 選 択 しているセルの 行 に 対 して 結 合 セルを 含 めた 高 さの 自 動 調 整 Excel 便 利 ツール 集 NeconoteTools の 使 い 方 目 次 1 はじめに...2 1.1 アドインの 機 能...2 1.2 このアドインで 解 決 できること...3 2 各 機 能 の 説 明...4 2.1 行 の 高 さ 自 動 調 整 機 能...4 2.1.1 文 がセルの 行 の 高 さの 限 界 値 を 超 えた 場 合 の 処 理...5 2.1.2 シート

More information

目 次 1.カレンダー 作 成... 2 1.テンプレートの 活 用... 3 2. 予 定 の 入 力 /セル 内 の 強 制 改 行 ( 便 利 な 機 能 -1-)... 4 3. 複 数 シートの 同 時 編 集 ( 作 業 グループ; 便 利 な 機 能 -2-)... 5 4. 用 紙

目 次 1.カレンダー 作 成... 2 1.テンプレートの 活 用... 3 2. 予 定 の 入 力 /セル 内 の 強 制 改 行 ( 便 利 な 機 能 -1-)... 4 3. 複 数 シートの 同 時 編 集 ( 作 業 グループ; 便 利 な 機 能 -2-)... 5 4. 用 紙 2013 年 11 月 1 日 ( 一 社 ) 岡 山 県 宅 地 建 物 取 引 業 協 会 岡 山 南 支 部 研 修 会 用 テキスト Excel 作 ってみよう! オリジナル カレンダー 業 務 お 役 立 ち! エクセル こわざ 複 数 シートの 同 時 編 集 (グループ 化 ) 用 紙 に 合 わせた 印 刷 ( ) スマートアートグラフィック 改 変 できない 形 式 へ 簡 単 変

More information

ことばを覚える

ことばを覚える 業 務 部 門 の 担 当 者 による 担 当 者 のための 業 務 アプリケーションの 作 り 方 (その2) 過 去 データの 活 用 が 可 能 な 見 積 り 作 成 ツールの 構 築 コンテキサー 操 作 演 習 コンテキサー チュートリアル(バージョン2.2 用 ) 20121113 コンテキサーのバージョンは 2.2.09 以 降 で 行 ってください 目 次 ステップ1 Excel

More information

3.コンテンツの 作 成 機 能 3-1 IDごとに 編 集 権 限 を 設 け 権 限 に 応 じたメニューが 表 示 されること 3-2 管 理 者 はすべてのページにおいて 編 集 する 権 限 があること 3-3 複 数 のユーザーが 同 時 に 同 一 のページを 更 新 できないこと 基

3.コンテンツの 作 成 機 能 3-1 IDごとに 編 集 権 限 を 設 け 権 限 に 応 じたメニューが 表 示 されること 3-2 管 理 者 はすべてのページにおいて 編 集 する 権 限 があること 3-3 複 数 のユーザーが 同 時 に 同 一 のページを 更 新 できないこと 基 ( 別 紙 ) 志 摩 市 ホームページ 構 築 業 務 CMS 機 能 調 査 表 対 応 欄 : 本 業 務 の 委 託 費 用 内 で 対 応 可 能 : 代 替 案 により 本 業 務 の 委 託 費 用 内 で 対 応 可 能 ( 代 替 案 欄 に 代 替 案 をご 記 入 ください ) : 対 応 不 可 項 目 番 号 要 件 対 応 代 替 案 1-1 1.システム 基 本 要 件

More information

本 マニュアルでは 今 回 のリニューアルにより 従 来 のブログ 管 理 画 面 から 変 更 になった 動 作 および 操 作 についてご 案 内 いたします 全 体 的 な 操 作 説 明 については 別 冊 の 必 読 マニュアルその1~ブログの 基 礎 知 識 ~ 必 読 マニュアルその2~ 初 めての 更 新 ガイド~ 必 読 マニュアルその3~よく 使 う 操 作 ガイド~ をご 覧

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 23 年 1 月 1 SHIFTで 作 成 されるホームページ: 構 成 SHIFT 作 成 メニュー HP 完 成 イメージ 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン 画 面 1. 都 道 府 県 ID パスワードを 入 力 して OK をクリックします コミュニティTOP 画

More information

1 Wacom sign pro PDF のインストール 1. 起 動 したコンピュータに 管 理 者 としてログインし インターネットに 接 続 します 2. 開 いているすべてのアプリケーションを 終 了 します 3. STU-300 をコンピュータの 空 いている USB ポートに 接 続 し

1 Wacom sign pro PDF のインストール 1. 起 動 したコンピュータに 管 理 者 としてログインし インターネットに 接 続 します 2. 開 いているすべてのアプリケーションを 終 了 します 3. STU-300 をコンピュータの 空 いている USB ポートに 接 続 し 手 書 き 電 子 サインセット 簡 単 ご 利 用 マニュアル 株 式 会 社 ワコム 目 次 1 Wacom sign pro PDF のインストール 2 Wacom sign pro PDF の 起 動 と 初 期 設 定 A) Wacom sign pro PDF の 起 動 方 法 B) Wacom sign pro PDF の 初 期 設 定 方 法 1. 署 名 証 明 書 作 成 2.

More information

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

1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ 編 集 者 ユーザー 用 CONTENTS 全 体 のレイアウトを 把 握 する... 1 管 理 メニュー(ダッシュボード)へログインする... 1 ダッシュボードの 見 方 を 覚 える... 2 新 規 投 稿 の 方 法 について... 3 投 稿 記 事 を 編 集 する... 4 メディア( 外 部 ファイル)を 追 加 する... 5 別 のサイトへリンクする... 6 HTML 編

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

Microsoft Word - Gmailの基本操作.docx

Microsoft Word - Gmailの基本操作.docx Gmail の 基 本 操 作 目 次. Google Apps の Gmail の 基 本 操 作..... メールを 読 む/ 受 信 する...... 受 信 トレイとメールの 表 示...... メールのスレッド..... メールを 作 成 / 送 信 する... 3... メールを 送 信 する 前 に... 3... 新 規 にメールを 作 成 送 信... 4..3. 連 絡 先 からメールを

More information

03 CMS機能審査表.xls

03 CMS機能審査表.xls 厚 真 町 ホームページ 構 築 業 務 CMS 機 能 調 査 表 ( 別 紙 ) 対 応 欄 : 本 業 務 の 委 託 費 用 内 で 対 応 可 能 : 代 替 案 により 本 業 務 の 委 託 費 用 内 で 対 応 可 能 ( 代 替 案 欄 に 代 替 案 をご 記 入 ください ) : 対 応 不 可 項 目 番 号 要 件 対 応 代 替 案 1 1.システム 基 本 要 件 Windows

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

目 次 目 次... 2 1. 概 要... 4 1.1. 対 応 バージョン(2013/06/01 時 点 )... 5 1.2. 動 作 環 境 (2013/06/01 時 点 )... 5 1.3. 対 応 フォーマット... 5 1.4. 動 画 変 換... 5 1.5. MS Offic

目 次 目 次... 2 1. 概 要... 4 1.1. 対 応 バージョン(2013/06/01 時 点 )... 5 1.2. 動 作 環 境 (2013/06/01 時 点 )... 5 1.3. 対 応 フォーマット... 5 1.4. 動 画 変 換... 5 1.5. MS Offic 作 成 日 文 書 番 号 文 書 ver 2013/05/31 V2.0.0 作 成 部 署 / 作 成 者 検 討 者 文 書 管 理 者 3hands タイトル 文 書 種 類 ページ Media Library 操 作 マニュアル 説 明 書 1(55) Media Library Ver.1.2 ipad 操 作 マニュアル スリーハンズ 株 式 会 社 100-6103 東 京 都 千

More information

2 シ ス テ ム が 2 4 時 間 3 6 5 日 安 定 的 に 稼 働 す る 機 材 と 設 置 環 境 を 整 え る こ と ( 2 ) ソ フ ト ウ ェ ア 1 既 に 導 入 実 績 の あ る CMS で あ る こ と 2 Windows7(Windows IE1 1 ) で

2 シ ス テ ム が 2 4 時 間 3 6 5 日 安 定 的 に 稼 働 す る 機 材 と 設 置 環 境 を 整 え る こ と ( 2 ) ソ フ ト ウ ェ ア 1 既 に 導 入 実 績 の あ る CMS で あ る こ と 2 Windows7(Windows IE1 1 ) で 結 の 故 郷 匠 の 技 体 験 観 光 事 業 ウ ェ ブ サ イ ト 構 築 保 守 管 理 業 務 仕 様 書 1. 業 務 名 結 の 故 郷 匠 の 技 体 験 観 光 事 業 ウ ェ ブ サ イ ト 構 築 保 守 管 理 業 務 2. 目 的 こ の 業 務 は 越 前 お お の 雇 用 創 造 推 進 協 議 会 ( 以 下 協 議 会 と い う )が 実 施 す る 実 践

More information

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

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

More information

PowerPoint プレゼンテーション

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

More information

28年オンライン調査システム操作説明書

28年オンライン調査システム操作説明書 平 成 28 年 科 学 技 術 研 究 調 査 オ ン ラ イ ン 調 査 シ ス テ ム 操 作 説 明 書 科 学 技 術 研 究 調 査 では 郵 送 に 加 えてオンライン 調 査 システムを 利 用 した インターネットによるご 回 答 も 可 能 となっています オンライン 調 査 システムの 利 用 には フリーソフトである AdobeReader の 所 定 バージョン 等 の 利

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 22 年 7 月 1 SHIFTで 作 成 されるホームページ: 構 成 HP 完 成 イメージ SHIFT 作 成 メニュー 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン 画 面 1. 都 道 府 県 ID パスワードを 入 力 して OK をクリッ クします コミュニティTOP

More information

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

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

More information

Untitled

Untitled 地 域 ポータルサイト ータルサイト こむねっと ひろしま 地 域 のホームページ 管 理 者 向 け 操 作 手 順 書 ( 基 本 編 ) 初 版 :00 年 0 月 日 広 島 市 役 所 市 民 局 市 民 活 動 推 進 課 目 次 目 次. 地 域 のホームページ 作 成 手 順 概 要... 4.. 全 体 構 成...4.. 地 域 のホームページのサイズ 制 限...4. 利 用

More information

変 更 履 歴 変 更 履 歴 No. 日 付 ページ 対 象 箇 所 変 更 箇 所 変 更 前 変 更 後 1 2012/7/31 1 1.1 インターネッ トブラウザの 設 定 について 記 述 朝 日 外 為 WEB を 利 用 する にあたり インターネットブ ラウザに 設 定 作 業 が

変 更 履 歴 変 更 履 歴 No. 日 付 ページ 対 象 箇 所 変 更 箇 所 変 更 前 変 更 後 1 2012/7/31 1 1.1 インターネッ トブラウザの 設 定 について 記 述 朝 日 外 為 WEB を 利 用 する にあたり インターネットブ ラウザに 設 定 作 業 が 朝 日 外 為 WEB 操 作 マニュアル ブラウザ 設 定 編 最 終 更 新 日 :2013 年 1 月 31 日 変 更 履 歴 変 更 履 歴 No. 日 付 ページ 対 象 箇 所 変 更 箇 所 変 更 前 変 更 後 1 2012/7/31 1 1.1 インターネッ トブラウザの 設 定 について 記 述 朝 日 外 為 WEB を 利 用 する にあたり インターネットブ ラウザに

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (メルマガ) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 メルマガ( 一 斉 配 信 )とは?... 5 メルマガとシナリオの 関 係... 6 読 者 の 登

More information

改 訂 履 歴 訂 番 日 付 頁 変 更 内 容 1.0.0 2014/02/28 - 新 規 作 成 1.1.0 2014/11/07 表 紙 タイトルを 修 正 修 正 前 : 東 日 本 大 震 災 アーカイブデータベースシステム 修 正 後 : 災 害 アーカイブデータベースシステム 改

改 訂 履 歴 訂 番 日 付 頁 変 更 内 容 1.0.0 2014/02/28 - 新 規 作 成 1.1.0 2014/11/07 表 紙 タイトルを 修 正 修 正 前 : 東 日 本 大 震 災 アーカイブデータベースシステム 修 正 後 : 災 害 アーカイブデータベースシステム 改 災 害 アーカイブデータベースシステム 運 営 主 体 管 理 者 用 運 用 マニュアル 改 訂 履 歴 訂 番 日 付 頁 変 更 内 容 1.0.0 2014/02/28 - 新 規 作 成 1.1.0 2014/11/07 表 紙 タイトルを 修 正 修 正 前 : 東 日 本 大 震 災 アーカイブデータベースシステム 修 正 後 : 災 害 アーカイブデータベースシステム 改 訂 履 歴

More information

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 では タグの 省 略 は 一 切 認 められていない 第 2 問 インターネット 上 のすべてのコンピュータは イーサネットで 繋 がっている 第 3 問 新 規 にウェブサイトを 公 開 する 際 は HTML ドキュメントをアップロードした 後 に

More information

目 次 1. 会 員 登 録... 3 1.1 推 奨 動 作 環 境... 3 1.1.1 サイト 閲 覧 環 境... 3 1.1.2 シミュレーション 動 作 環 境... 3 1.1.3 各 種 設 定 について... 4 1.2 メールアドレスおよびニックネームの 登 録... 9 1.2

目 次 1. 会 員 登 録... 3 1.1 推 奨 動 作 環 境... 3 1.1.1 サイト 閲 覧 環 境... 3 1.1.2 シミュレーション 動 作 環 境... 3 1.1.3 各 種 設 定 について... 4 1.2 メールアドレスおよびニックネームの 登 録... 9 1.2 OSE 先 物 オプション シミュレーター 会 員 登 録 株 式 会 社 シンプレクス インスティテュート 更 新 日 :2015 年 4 月 30 日 目 次 1. 会 員 登 録... 3 1.1 推 奨 動 作 環 境... 3 1.1.1 サイト 閲 覧 環 境... 3 1.1.2 シミュレーション 動 作 環 境... 3 1.1.3 各 種 設 定 について... 4 1.2 メールアドレスおよびニックネームの

More information

Microsoft Corporation のガイドラインに 従 って 画 面 写 真 を 使 用 しています Microsoft Windows Windows Vista は 米 国 Microsoft Corporation の 米 国 及 びその 他 の 国 における 登 録 商 標 又 は

Microsoft Corporation のガイドラインに 従 って 画 面 写 真 を 使 用 しています Microsoft Windows Windows Vista は 米 国 Microsoft Corporation の 米 国 及 びその 他 の 国 における 登 録 商 標 又 は 書 類 閲 覧 用 端 末 要 件 平 成 25 年 4 月 金 融 庁 総 務 企 画 局 企 業 開 示 課 Microsoft Corporation のガイドラインに 従 って 画 面 写 真 を 使 用 しています Microsoft Windows Windows Vista は 米 国 Microsoft Corporation の 米 国 及 びその 他 の 国 における 登 録 商

More information

Gmail 利用者向け      操作マニュアル

Gmail 利用者向け      操作マニュアル Gmail 利 用 者 向 け 操 作 マニュアル 宮 崎 大 学 医 学 部 2013 目 次 1.はじめに... 1 1.1 Gmail のすべての 機 能 を 利 用 できるブラウザ... 1 1.2 Gmail の 対 応 最 新 情 報... 1 1.3 本 手 順 について... 1 2. Google Apps の Gmail へのアクセス... 2 2.1 Google Apps の

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 24 年 10 月 SHIFTで 作 成 されるホームページ: 構 成 SHIFT 作 成 メニュー HPイメージ お 問 合 わせ フォーム BtoBページ 掲 示 板 メインページ 商 品 ページ 電 子 決 算 公 告 ページ 1 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン

More information

沖縄科学技術研究基盤整備機構

沖縄科学技術研究基盤整備機構 第 3 章 Microsoft Outlook 利 用 マニュアル ( 利 用 者 向 け)/Windows 版 第 1.2 版 作 成 日 :2011/10/21 株 式 会 社 オーシーシー. 更 新 履 歴 日 付 版 更 新 内 容 2011/05/31 1.0 初 版 の 作 成 2011/10/14 1.1 文 言 修 正 by 尾 崎 @OIST 2011/10/21 1.2 文 言

More information

■コンテンツ

■コンテンツ Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) 2012.2.15 コンテンツ 記 事 コンテンツ 記 事 では 以 下 のような 機 能 特 徴 を 備 えた 記 事 ページの 作 成 を 行 うこと が 出 来 ます TinyMCE の 使 用 で HTML 等 の 複 雑 な 知 識 を 必 要 とせず WORD のような 感 覚 でページを 作 成 ページの 公

More information

国際観光振興促進事業業務委託実施要領(案1)

国際観光振興促進事業業務委託実施要領(案1) 多 言 語 による 観 光 情 報 発 信 事 業 八 代 市 観 光 ポータルサイト 制 作 等 業 務 委 託 仕 様 書 別 紙 1 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

甲南大学 Office365卒業生メールの使い方

甲南大学 Office365卒業生メールの使い方 甲 南 大 学 Office365 卒 業 生 メールの 使 い 方 2016/3/25 情 報 システム 室 (Version 1.0) このマニュアルは Windows 7/Internet Explorer の 環 境 を 基 に 作 成 しています OS やブラウザが 異 なる 場 合 は 環 境 にあわせて 操 作 してください マニュアル 内 では Office365 卒 業 生 メールを

More information

目次ページ

目次ページ 事 務 所 ホームページ マニュアル 2013 年 12 月 版 目 次 1.ホームページの 概 要 事 務 所 ホームページで 何 ができるのか? 2.ホームページ 作 成 の 流 れ 図 ホームページの 作 成 手 順 ~ 流 れ 図 ~ 3.ホームページの 新 規 作 成 3-1. ホームページの 新 規 作 成 3-2-1. 全 体 のレイアウトを 設 定 する ~レイアウト1,2,3~ 3-2-2.

More information

Ver2.2.0 新機能ガイド

Ver2.2.0 新機能ガイド アプリケーション 新 機 能 ガイド ~Version 2.9.0~ 1 目 次 1 はじめに... 3 2 新 機 能... 3 3 機 能 紹 介 フォトレポート... 4 3.1 売 場 ノート フォトレポート の PC 画 面 対 応 #902... 4 4 機 能 紹 介 お 知 らせ... 18 4.1 店 舗 スタッフ 回 答 の 店 長 閲 覧 不 可 オプション 追 加 #916...

More information

ホームページとは何?

ホームページとは何? ホームページ 作 成 にあたっての 基 本 事 項 ホームページとは? インターネットを 介 して 誰 もが 閲 覧 できるように 作 られたものを ホームページ と 言 います ホームページには 文 字 だけでなく 画 像 や 動 画 音 楽 なども 埋 め 込 むことができま す またホームページに 掲 載 されている 情 報 の 中 でひとまとめに 括 られたものを コンテ ンツ と 呼 んでいます

More information

改 訂 履 歴 版 数 日 付 改 訂 内 容 改 訂 箇 所 1.0 2015 年 3 月 31 日 初 版 作 成 - - i -

改 訂 履 歴 版 数 日 付 改 訂 内 容 改 訂 箇 所 1.0 2015 年 3 月 31 日 初 版 作 成 - - i - ( 事 業 者 向 け) 1.0 版 2015 年 3 月 31 日 改 訂 履 歴 版 数 日 付 改 訂 内 容 改 訂 箇 所 1.0 2015 年 3 月 31 日 初 版 作 成 - - i - 目 次 1. はじめに... 1 2. システム 動 作 環 境... 1 2.1. 動 作 の 条 件 注 意 事 項... 1 2.1.1. JAVA スクリプトの 設 定... 1 2.1.2.

More information

Acrobat 8 早分かりガイド

Acrobat 8 早分かりガイド Acrobat の 基 本 操 と PDF 成 Acrobat 操 ガイド Acrobat 操 ガイドではじめる Acrobat を 起 動 するとまず Acorbat 操 ガイドが 表 示 されます PDF の 成 ファイルの 結 合 セキュリティ など Acorbat の 主 要 な 機 能 はここから 開 始 することが 出 来 ま すので 操 に 迷 うことはありません Acrobat 8

More information

<4D6963726F736F667420506F776572506F696E74202D208CDA8B718AC7979D5F8EE688B590E096BE8F912E70707478>

<4D6963726F736F667420506F776572506F696E74202D208CDA8B718AC7979D5F8EE688B590E096BE8F912E70707478> Ver 1.00 用 目 次 製 品 の 導 入 P.4 製 品 概 要 P.5 試 用 版 の 制 限 ライセンスの 購 入 動 作 環 境 P.6 ファイルの 配 置 起 動 方 法 P.7 ログイン 画 面 ログイン 方 法 P.8 ライセンス 登 録 方 法 P.9 メインメニュー 顧 客 管 理 P.11 [ 顧 客 管 理 ] 顧 客 検 索 CSV 出 力 メール 一 斉 送 信 新

More information

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

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

More information

SchITコモンズ【活用編】

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

More information

文書管理

文書管理 目 次. の 利 用 シーン (P P). の 画 面 構 成 / 文 書 を 閲 覧 する (P). フォルダを 作 成 する (P4) 4. フォルダにアクセス 権 を 設 定 する (P5) 5. 文 書 を 登 録 する (P6) 6. フォルダを 変 更 削 除 する (P7) 7. フォルダ 文 書 を 移 動 する (P8) 8. 文 書 を 変 更 削 除 ( 更 新 )する (P9)

More information

SonicWeb2.1操作マニュアル

SonicWeb2.1操作マニュアル 地 図 情 報 ねりまっぷ では 以 下 のことができます 1. はじめに... 1 1.1 地 図 情 報 ねりまっぷの 機 能... 1 1.2 動 作 環 境... 2 1.3 マニュアル 表 記 について... 3 1.3.1 操 作 手 順...3 1.3.2 コントロール 等 の 表 記...3 1.3.3 操 作 上 のヒントなど...3 1.3.4 その 他 マニュアル 表 記 上

More information

1 WP の 管 理 ページについて 赤 で 囲 った 部 分 がよく 使 うコンテンツおよび 機 能 です それ 以 外 の 設 定 変 更 は 避 けてください コメントなどの 機 能 がありますが このサイトでは 使 用 していません ある 程 度 知 識 がありプラグインやデザイン 変 更

1 WP の 管 理 ページについて 赤 で 囲 った 部 分 がよく 使 うコンテンツおよび 機 能 です それ 以 外 の 設 定 変 更 は 避 けてください コメントなどの 機 能 がありますが このサイトでは 使 用 していません ある 程 度 知 識 がありプラグインやデザイン 変 更 ポートフォリオフォーマット サイト 更 新 マニュアル 2009.11.4 更 新 目 次 目 次...1 1 WP の 管 理 ページについて...2 2 記 事 と 画 像 について...3 投 稿 記 事 管 理...3 記 事 の 作 成...4 画 像 の 管 理 (メディア)...5 HOME の 更 新...6 NEWS の 投 稿 更 新...7 WORKS の 投 稿 更 新 と

More information

bmobilized 操 作 マニュアル Ver.0404 目 次 ログインパスワードの 設 定 変 更... カスタマイズページへのログイン... ダッシュボード... 4 ツールの 基 本 操 作... 5 編 集 プラグイン... 6 電 話 をかける プラグイン... 6 編 集 コンテンツ

bmobilized 操 作 マニュアル Ver.0404 目 次 ログインパスワードの 設 定 変 更... カスタマイズページへのログイン... ダッシュボード... 4 ツールの 基 本 操 作... 5 編 集 プラグイン... 6 電 話 をかける プラグイン... 6 編 集 コンテンツ 操 作 マニュアル 04/04 株 式 会 社 インターアローズ bmobilized 操 作 マニュアル Ver.0404 目 次 ログインパスワードの 設 定 変 更... カスタマイズページへのログイン... ダッシュボード... 4 ツールの 基 本 操 作... 5 編 集 プラグイン... 6 電 話 をかける プラグイン... 6 編 集 コンテンツ 選 択... 8 編 集 デザイン...

More information

たよれーる どこでもキャビネット ご利用の手引き(Windows版アプリ)

たよれーる どこでもキャビネット ご利用の手引き(Windows版アプリ) Windows 版 アプリ 操 作 マニュアル 2016 年 7 月 版 目 次 目 次 サービス 内 容... 2 どこでもキャビネットとは... 2 Windows 版 アプリの 概 要... 2 お 問 い 合 わせ 窓 口... 2 インストール/アンインストール... 3 インストールする... 3 アカウントを 設 定 する... 6 アンインストールする... 8 基 本 操 作...

More information

ユーザーのページ

ユーザーのページ WebClass インターネット 教 育 システム ウェブクラス コース 管 理 者 ( 先 生 ) アカウント ユーザ ID author01 パスワード author01 ユーザ( 学 生 ) アカウント ユーザ ID user01 パスワード user01 WebClass とは... 3 WebClass を 活 用 いただける 場 面... 3 検 定 試 験 の 模 擬 問 題 の 作

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

目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4 2.4 地 図 を 拡 大 / 縮 小 す

目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4 2.4 地 図 を 拡 大 / 縮 小 す 地 図 情 報 とよなか 操 作 手 順 書 Copyright (C) Toyonaka City, All rights reserved. 目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4

More information

PowerPoint プレゼンテーション

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

More information

Office 10 パッケージ版「画面の操作/個人設定」

Office 10 パッケージ版「画面の操作/個人設定」 Office 10 パッケージ 版 画 面 の 操 作 / 個 人 設 定 バージョン 10.1 Copyright (C) 2013-2014 Cybozu ログイン サイボウズ Officeにログインする 法 や ログアウトする 法 を 説 明 します ログインする 前 に サイボウズ Officeにログインする 前 に システム 管 理 者 から 連 絡 されたアクセスURLを お 使 いのWebブラウザーのお

More information

システム設計書

システム設計書 二 松 學 舍 大 学 二 松 メール(Gmail) 利 用 マニュアル バージョン 2.00 発 効 日 改 訂 日 2016 年 04 月 06 日 二 松 学 舎 大 学 情 報 センター i 目 次 1. はじめに...1 2. 二 松 メール(Gmail)ログイン ログアウト 方 法...1 2.1. 二 松 メール(Gmail)ログイン 方 法... 1 2.2. 二 松 メール(Gmail)ログアウト

More information

存 す ることが 出 来 ま す マーキングの 色 と 線 の 太 さ 二 つ 目 の 蛍 光 色 も 選 べます 次 の 消 ゴムアイコンはマーキングやコ メント 追 記 の 取 り 消 し 用 吹 き 出 し マークはコメントの 追 加 (テキ ストボックス の 機 能 と 同 じ) ハサミマー

存 す ることが 出 来 ま す マーキングの 色 と 線 の 太 さ 二 つ 目 の 蛍 光 色 も 選 べます 次 の 消 ゴムアイコンはマーキングやコ メント 追 記 の 取 り 消 し 用 吹 き 出 し マークはコメントの 追 加 (テキ ストボックス の 機 能 と 同 じ) ハサミマー Windows10 の 使 い 方 新 しい 機 能 インターネット エクスプローラー マイクロソフト エッジ エッジに 必 要 な 設 定 を 行 う 1 お 気 に 入 り を 従 来 の Internet Explorer か らインポートする ま ずは Edge の ツ ールバーから 右 のアイコンをクリック 次 い で お 気 に 入 り のインポート をクリック Internet Explorer

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

表紙

表紙 EasyServlet V2 EsScreenEditorを 利 用 した Webアプリケーション 作 成 株 式 会 社 システムズリサーチ 1.1 EsScreenEditor 概 要 第 1 章 概 要 本 章 では EasyServletの 画 面 作 成 ツールであるEsScreenEditorの 概 要 について 説 明 します EasyServletは 本 来 Excelで 記 述 されたインタフェース

More information

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です レンタルショッピングカートマニュアル ~ ショップ 開 店 準 備 part2 編 ~ 1 STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です ネットショップを

More information

ワンタッチプライバシー ユーザーズマニュアル

ワンタッチプライバシー ユーザーズマニュアル ワンタッチプライバシー ユーザーズマニュアル B5FW-0341-01 Z0 目 次 マニュアルの 表 記... 3 1.ワンタッチプライバシーへようこそ... 4.ワンタッチプライバシーを 使 うための 準 備... 5-1. 初 回 起 動 時 の 設 定... 5 -. 起 動 時 のパスワード 入 力... 8 3.データを 登 録 する... 9 3-1. データを 登 録 するうえでの

More information

ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht

ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht サーバが 新 しくなりました 現 在 ご 利 用 をいただいている 弊 社 FTP サーバがセキュリティ 強 化 のため 新 しくなります 恐 れ 入 りますが 切 り 替 えをお 願 い 致 します 東 海 電 子 印 刷 オンラインストレージサーバ 事 前 登 録 お 客 様 用 こちらの 説 明 書 は TDPOST に 事 前 登 録 をされたお 客 様 専 用 の 説 明 書 です ログイン

More information