おすすめページ

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "おすすめページ"

Transcription

1 4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると 文 字 や 画 像 が 縮 小 され ものすごく 小 さく 表 示 されることがあります そうならないように 画 面 サイズが 小 さいときはページのレイアウトを 変 更 します レイアウトの 変 更 は CSS だけで 行 います メディアクエリー と 呼 ばれる CSS の 新 機 能 を 使 って 画 面 サイズが 小 さいときだけ 追 加 の CSS ファイルが 読 み 込 まれるようにします 本 節 で 記 述 するメディアクエリーの 動 作 概 要 HTML <link rel="stylesheet" href="css/style.css"> 1 <link rel="stylesheet" href="css/responsive.css" media="screen and (max-width: 480px)"> 2 条 件 (メディアクエリー) 画 面 サイズが 小 さく 条 件 を 満 たす 場 合 1と2を 読 み 込 む 画 面 サイズが 大 きく 条 件 を 満 たさない 場 合 1だけ 読 み 込 む メディアクエリーを 使 って 別 のCSSファイルを 読 み 込 む 画 面 の 横 幅 が 480 ピクセル 以 下 のスマートフォンで 閲 覧 したときには style.css common.css に 加 え 追 加 の CSS ファイルとして css フォルダーの 中 にある responsive.css を 読 み 込 むよう にします <link> タグを 追 加 する 1 index.html を 開 きます <head> 内 のすでにある <link> タグの 下 にもう 1 行 <link> タグを 追 加 します index.html <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>hotel IMPERIAL RESORT TOKYO</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css" media="screen and (max-width: 480px)"> </head> 148

2 2 index.html をブラウザーで 開 きます ブラウザーのウィンドウを 狭 めていくと 途 中 でレイアウトが 切 り 替 わります 通 常 のウィンドウ 幅 幅 480 ピクセル 以 下 解 説 レスポンシブWebデザイン スマートフォンやタブレットの 登 場 で パソコン 以 外 の 端 末 で Web サイトを 閲 覧 する 機 会 が 増 えまし た HTML はいっさい 切 り 替 えず 画 面 サイズなどの 条 件 に 応 じて 適 用 する CSS だけを 変 えることで 端 末 に 適 したレイアウトを 実 現 する 手 法 があります それが レスポンシブ Web デザイン です レスポンシブ Web デザインを 実 現 するには 次 の 2 つの 作 業 をします HTMLに<meta name="viewport"> タグを 追 加 する メディアクエリーを 使 用 して CSS を 切 り 替 える <meta name="viewport"> タグの 追 加 スマートフォンやタブレットのブラウザーが Web ページを 表 示 するとき そのページがパソコン 向 け に 横 幅 980 ピクセル *1 の 固 定 幅 で 作 られていると 仮 定 して 一 度 描 画 し その 後 端 末 の 画 面 サイズに 合 わせて 縮 小 表 示 します そのため パソコン 向 けに 作 られたページはものすごく 小 さく 表 示 されるこ とがあります 149

3 スマートフォンが Web ページを 表 示 するときの 通 常 の 処 理 ページの 横 幅 を 980 ピクセルと 仮 定 していったん 描 画 画 面 サイズに 合 わせて 縮 小 表 示 <meta name="viewport"> タグを 使 用 すると 横 幅 を 仮 定 して 描 画 し それを 縮 小 表 示 するという 通 常 の 処 理 手 順 をキャンセルすることができます 画 面 幅 が 480 ピクセル 以 下 のときに 適 用 される responsive.css には ページの 横 幅 を 固 定 せず 常 に 画 面 幅 の 95% になるような CSS が 書 かれているため 横 幅 を 仮 定 して 縮 小 表 示 する 必 要 がありま せん そこで <meta name="viewport"> タグを 使 って 通 常 の 表 示 処 理 をキャンセルしています *1 ios の 場 合 Android 端 末 は 機 種 によって 異 なる 表 示 処 理 をキャンセルするときの <meta name="viewport"> の 書 式 <meta name="viewport" content="width=device-width,initial-scale=1.0"> メディアクエリーの 使 用 メディアクエリー と 呼 ばれる 条 件 文 を 用 いれば 画 面 サイズの 違 いなどに 応 じて 適 用 する CSS を 切 り 替 えることができます メディアクエリーを 使 用 するには HTML に <link> タグを 追 加 するか もしくは CSS ルールを 追 加 します 150 HTML に <link> タグを 追 加 する HTML の <link> タグを 使 って 条 件 に 適 合 したときの CSS を 読 み 込 ませます 条 件 を 指 定 するには <link> タグの media 属 性 を 使 います

4 <link> タグの media 属 性 を 使 用 する 書 式 <link rel="stylesheet" href="cssファイルのパス.css" media="メディア 特 性 and (メディアクエ リー)"> CSS ルールを 追 加 ルールを 使 うと すでにある CSS ファイルに 条 件 に 応 じて 切 り 替 える CSS を 追 加 するこ とができます つまり responsive.css に 書 かれた CSS を style.css に 丸 ごと 移 せるわけです 具 体 的 な 例 を 確 認 したいときは サンプルの c04-responsive フォルダーをご 覧 ルールの 書 メディア 属 性 and (メディアクエリー) { /* 条 件 に 適 合 したときのCSSをここに 記 述 する */ style.css ルールを 使 って 記 述 する 例 (サンプル:c04-responsive /css/style.css) 使 ったレスポンシブなCSSの 記 述 例 screen and (max-width: 480px) { /* 画 面 の 横 幅 が480px 以 下 のときに 適 用 されるCSSはすべてここに 記 述 する */ header, nav, #graphic, #contents, footer { margin: 0 auto; width: 95%; 4 高 度 な リ ス ト の デ ザ イ ン メディア 属 性 の 主 な 値 属 性 値 説 明 screen print 画 面 用 の CSS を 指 定 プリント 用 の CSS を 指 定 メディアクエリー の 主 な 値 メディアクエリーの 書 式 例 (max-width:480px) (min-width:600px) (max-height:500px) (min-height:768px) (orientation:portrait) (orientation:landscape) 説 明 画 面 幅 が 480 ピクセル 以 下 のとき CSS を 適 用 画 面 幅 が 600 ピクセル 以 上 のとき CSS を 適 用 画 面 高 が 500 ピクセル 以 下 のとき CSS を 適 用 画 面 高 が 768 ピクセル 以 上 のとき CSS を 適 用 画 面 幅 が 高 さ 以 下 のとき つまり 端 末 を 縦 に 持 っているとき CSS を 適 用 画 面 幅 が 高 さ 以 上 のとき つまり 端 末 を 横 に 持 っているとき CSS を 適 用 151

5 コンテンツを 折 りたたむ 開 閉 手 法 関 連 する 情 報 を 近 くにまとめたり *1 ボーダーラインで 囲 んだりしてグループ 化 すると ページの 内 容 が 整 理 されて 読 みやすくなります Web デザインならではのグループ 化 手 法 の 1 つに 開 閉 があります 掲 載 する 情 報 が 多 いときや 常 に 見 えてい る 必 要 がないものに 使 用 すると 効 果 的 です *1 第 9 章 近 接 P.249 スマートフォンのナビゲーション スマートフォンでは パソコンのようにナビゲーションのリンクを 横 に 並 ばせるのは 現 実 的 ではありません だから といってリンクを 縦 に 並 べて 狭 い 画 面 のかなりの 部 分 を 占 有 してまで 見 せておく 必 要 もありません そこで 画 面 を 有 効 に 利 用 するために ナビゲーションを 開 閉 できるようにすることがあります 開 閉 するナビゲーションの 例 タップ スマートフォンサイトで 見 かけるナビゲーション 一 般 的 に 3 本 線 のアイコンを 付 ける ことが 多 いため ハンバーガーメニュー と 呼 ばれている アコーディオン 情 報 量 の 多 いページをコンパクトに 見 せる 方 法 としてよく 用 いられるのは 一 度 見 出 しをクリックすると 記 事 が 表 示 され もう 一 度 クリックすると 記 事 が 隠 れるというものです 一 般 的 に アコーディオン と 呼 ばれるデザイン 手 法 です アコーディオンの 例 タップ スマートフォン 版 のウィキペディア 見 出 しをタップするとテキストが 表 示 されるように なっている 開 閉 を 実 現 するには スマートフォンのナビゲーションやアコーディオンなど Web ページで 開 閉 を 実 現 するには JavaScript と CSS を 組 み 合 わせます JavaScript が 書 けなくても どういう 場 面 で 使 うのが 効 果 的 か デザインのアイディアと して 知 っておいた 方 がよいでしょう 152

nabebon-v97.indd

nabebon-v97.indd 4-1 Web Web Web Web This Is Not The Web. Web http://bradfrostweb.com/blog/post/this-is-the-web/ Web Web This Is the Web. Web http://bradfrostweb.com/blog/post/this-is-the-web/ 164 This Will Be the Web.

More information

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

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

More information

Peace & Piece 画面設計書

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

More information

制 作 の 工 数 を 下 げるために 始 めに 打 ち 合 わせておくべきこと 2

制 作 の 工 数 を 下 げるために 始 めに 打 ち 合 わせておくべきこと 2 株 式 会 社 コミュニティコム 星 野 邦 敏 116-0013 東 京 都 荒 川 区 西 日 暮 里 5-37-5 NSO2 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1 制 作 の 工 数 を 下 げるために 始 めに 打 ち 合 わせておくべきこと 2 星 野 邦 敏 (ほしの くにとし) Twitter

More information

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

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

More information

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

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

More information

この 講 座 で 学 ぶこと Webサイト 制 作 に 関 わるスマートフォ ン/タブレットの 仕 様 2

この 講 座 で 学 ぶこと Webサイト 制 作 に 関 わるスマートフォ ン/タブレットの 仕 様 2 スマートフォンサイト 制 作 基 礎 02. スマートフォン/タブレットの 仕 様 この 講 座 で 学 ぶこと Webサイト 制 作 に 関 わるスマートフォ ン/タブレットの 仕 様 2 Web 制 作 に 関 わる 仕 様 スマートフォン/タブレット ブ 向 けWeb サイト 制 作 をする 際 に 知 っておくべき 仕 様 など OS 画 面 サイズ/ 解 像 度 ブラウザ 使 用 言 語

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

CSSの基礎

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

More information

CSS / 横 1 段 組 レイアウト ビルダー 起 動 新 規 作 成 名 前 を 付 けて 保 存 (ファイル 名 =01turkey-ta.html 保 存 場 所 =css-2) (1)id= contents 用 の 親 DIV タグを BODY の 中 に 入 れる 右 側 の タグ 一

CSS / 横 1 段 組 レイアウト ビルダー 起 動 新 規 作 成 名 前 を 付 けて 保 存 (ファイル 名 =01turkey-ta.html 保 存 場 所 =css-2) (1)id= contents 用 の 親 DIV タグを BODY の 中 に 入 れる 右 側 の タグ 一 外 部 スタイルシート(CSS)の 基 本 1. 外 部 スタイルシートを 作 るには 1Sマークをクリック 2 外 部 スタイルシートの 追 加 参 照 保 存 場 所 image が 入 っているファイルを 選 択 ファイル 名 に 名 前 を 付 ける( 例 index-ta) 保 存 3スタイルシートマネージャーを 閉 じて 上 書 き 保 存 4Sマークをクリック スタイルシート 情 報

More information

...... @media only screen and (max-width: 768px) {...... } RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iphone ipod ipad Android IEMobile) [NC] RewriteRule ^$ /sp/ [R,L]

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

e-class

e-class e-class ユーザマニュアル v10.01(jun. 2016) 簡 易 マニュアル 目 次 ようこそ e-class へ 3 e-class を 利 用 する 前 に 3 e-class にログインする 3 表 示 する 言 語 を 切 り 替 える 4 スマートフォンからログインする 5 e-class をログアウトする 5 科 目 に 参 加 する 6 科 目 選 択 について 6 利 用

More information

この 講 座 で 学 ぶこと PC 向 けサイトも 含 む スマートフォン /タブレット 向 けサイト 制 作 フローの 基 礎 知 識 2

この 講 座 で 学 ぶこと PC 向 けサイトも 含 む スマートフォン /タブレット 向 けサイト 制 作 フローの 基 礎 知 識 2 スマートフォンサイト 制 作 基 礎 04. スマートフォン/タブレット 向 け サイト 制 作 のワークフロー この 講 座 で 学 ぶこと PC 向 けサイトも 含 む スマートフォン /タブレット 向 けサイト 制 作 フローの 基 礎 知 識 2 サイト制作のワ クフロ サイト制作のワークフロー スマートフォン タブレットがターゲッ ブ ト 含 トに含まれていても 基本的にはPC向け 本的

More information

スライド 1

スライド 1 ( おやまだあきひろ ) 小山田晃浩 ( 株 ) ピクセルグリッド フロントエンドエンジニア (HTML, CSS, JavaScript, SVG) twitter@yomotsu HTML5 と CSS3 と Dreameraer ネタ 連載してます http://goo.gl/8cpxb このセッションの流れ 1. 事例について 2. メディアクエリーを利用した振り分け 3. 振り分け後のスタイル適用

More information

(1)

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

More information

石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) 調 達 仕 様 書 1 事 業 の 目 的 いしかわ 子 育 て 支 援 財 団 では 進 行 する 未 婚 化 晩 婚 化 に 対 応 し 平 成 17 年 度 より 各 種 結 婚 支 援 事 業 に 取 り 組 んでいるところであるが

石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) 調 達 仕 様 書 1 事 業 の 目 的 いしかわ 子 育 て 支 援 財 団 では 進 行 する 未 婚 化 晩 婚 化 に 対 応 し 平 成 17 年 度 より 各 種 結 婚 支 援 事 業 に 取 り 組 んでいるところであるが 石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) に 係 る 調 達 仕 様 書 平 成 27 年 10 月 公 益 財 団 法 人 いしかわ 子 育 て 支 援 財 団 石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) 調 達 仕 様 書 1 事 業 の 目 的 いしかわ 子 育 て 支 援 財 団 では 進 行 する 未 婚 化 晩 婚 化 に 対 応 し 平 成 17 年 度

More information

Microsoft Word - 資料5-1_資料掲載_ver201603.docx

Microsoft Word - 資料5-1_資料掲載_ver201603.docx ( 資 料 5-1) 授 業 資 料 の 掲 載 授 業 資 料 を 掲 載 する 手 順 について 説 明 します. ここでは,PDF と Powerpoint ファイルを 例 に 説 明 しますが, 他 の 形 式 のファイルも 資 料 として 掲 載 可 能 です. 1. コースメニュー 画 面 のコンテンツ 一 覧 から, 資 料 の 新 規 作 成 を 選 択 あるいは, 編 集 / 削

More information

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

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

More information

A

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

More information

Microsoft Word - linkad_manual【110418】.doc

Microsoft Word - linkad_manual【110418】.doc リンクアド 設 定 マニュアル リンクアドLLC 1 LinkAd 概 要 図 媒 体 サイト 2 INDEX リンクアド 設 定 の 流 れ 1. 広 告 掲 載 ページに 広 告 配 信 タグを 設 置 する CSVのアップロードを 行 う p.5~p.6 タグが 設 定 されたHTMLをダウンロードする p.7 2. 配 信 したい 広 告 を 登 録 する 媒 体 に 掲 載 する 広 告

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

Microsoft Word - Authoring Tool の利用ver2.docx

Microsoft Word - Authoring Tool の利用ver2.docx 1 Authoring Tool の 利 2013/10/04 初 めに Authoring Tool は, 四 つのタブと 仕 上 がりイメージを 表 するパネルで 構 成 されています 以 下, 下 記 の 順 で 説 明 を 書 いてみます (a) 各 タブの 概 説 (b) コンテンツ 作 成 のチュートリアル (c) 数 式 以 外 の 評 価 法 (d) 詳 細 Authoring Tool

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 活 動 報 告 WEB 投 稿 マニュアル 活 動 報 告 WEB 概 要 活 動 報 告 用 のメールをつくる WEBを 確 認 する その 他 の 注 意 事 項 最 後 に 1 活 動 報 告 WEBの 仕 組 み1 2015 年 1 月 1 日 リリース スマートフォンやパソ コンからテキストと 画 像 のメールを 投 稿 する だけでWeb 化 されるシ ステムを 採 用 2 ご 注 意

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

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

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

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

More information

1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 高 いフレームレートで 再 生 ができると 一 般 的 に 動 画 は 滑 らかに 動 作 する 試 験 範 囲 : 5-2.マルチメディアと 動 的 表 現 試

1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 高 いフレームレートで 再 生 ができると 一 般 的 に 動 画 は 滑 らかに 動 作 する 試 験 範 囲 : 5-2.マルチメディアと 動 的 表 現 試 ウェブデザイン 技 能 検 定 3 級 学 科 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

Web 画 像 の 解 像 度 解 像 度 についても Web 画 像 に 合 わせた 設 定 が 必 要 です モニタの 解 像 度 に 合 わせて 72ppi にします 解 像 度 は 本 来 画 質 の 精 細 度 ( 高 さ ) を 表 す 言 葉 です Web 画 像 はモニターに 表 示

Web 画 像 の 解 像 度 解 像 度 についても Web 画 像 に 合 わせた 設 定 が 必 要 です モニタの 解 像 度 に 合 わせて 72ppi にします 解 像 度 は 本 来 画 質 の 精 細 度 ( 高 さ ) を 表 す 言 葉 です Web 画 像 はモニターに 表 示 LESSON_8 Web 用 途 での 活 用 1 Web 画 像 の 書 き 出 し 形 式 2 Web 用 バナーの 作 成 3 スライス 機 能 学 習 目 標 Lesson8 では というソフトが Web ページの 制 作 においてどのように 役 割 を 担 っているのかを 学 び 具 体 的 な Web 画 像 の 書 き 出 し 方 法 を 身 につけましょう LESSON 8-1 Web

More information

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

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

More information

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

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

More information

■デザイン

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

More information

PictureFill を 使 用 してバナー 画 像 ( 海 外 航 空 券 専 門 窓 )が 切 り 替 わるようにする その 際 切 替 条 件 は 最 幅 800px で 最 小 デバイスピクセル 比 (-webkit-min-device-pixel-ratio)を 2 とする 新 着 情

PictureFill を 使 用 してバナー 画 像 ( 海 外 航 空 券 専 門 窓 )が 切 り 替 わるようにする その 際 切 替 条 件 は 最 幅 800px で 最 小 デバイスピクセル 比 (-webkit-min-device-pixel-ratio)を 2 とする 新 着 情 スマートフォンサイト 制 作 基 礎 実 習 課 題 01 架 空 の 旅 代 理 店 スカイトラベル 株 式 会 社 の 会 社 サイトをレスポンシブデザインでモバイル 対 応 する 課 題 01-1 スカイトラベル 株 式 会 社 のサイトのトップページ(index.html)を HTML5 形 式 に 変 更 し メディ アクエリを 使 ってレスポンシブデザインに 変 更 する モバイル 用

More information

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

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

More information

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

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

More information

1. Office365 の Web メール Office365 の Web メール(OWA:Outlook Web App)は 電 子 メール 操 作 をパソコンのブラウザソフ ト(Internet Explorer 等 )でできるようにしたもので ホームページが 閲 覧 できるパソコンがあれば

1. Office365 の Web メール Office365 の Web メール(OWA:Outlook Web App)は 電 子 メール 操 作 をパソコンのブラウザソフ ト(Internet Explorer 等 )でできるようにしたもので ホームページが 閲 覧 できるパソコンがあれば Office365 Exchange Online Web メール 操 作 マニュアル 目 次 1. Office365 の Web メール 2 2. 利 用 上 の 制 約 事 項 2 2-1 推 奨 ブラウザ 2 2-2 送 受 信 メールサイズ 制 限 2 2-3 メールボックス 利 用 制 限 2 2-4 メールに 添 付 できるファイルの 拡 張 子 2 3. Office365 のサインイン

More information

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

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

More information

2,700,000 26,800,000 5 - - jquery Mobile - - - - jquery Mobile - - Objective-C / 30% Android - - jquery Mobile - - - - jquery Mobile - - iphone ipod UI jquery Mobile Gallery http://www.jqmgallery.com/

More information

著 作 権 について 本 冊 子 と 表 記 は 著 作 権 法 で 保 護 されている 著 作 物 です 本 冊 子 の 著 作 権 は 発 者 にあります 本 冊 子 の 使 用 に 関 しましては 以 下 の 点 にご 注 意 下 さい 使 用 許 諾 契 約 書 本 契 約 は 本 冊 子

著 作 権 について 本 冊 子 と 表 記 は 著 作 権 法 で 保 護 されている 著 作 物 です 本 冊 子 の 著 作 権 は 発 者 にあります 本 冊 子 の 使 用 に 関 しましては 以 下 の 点 にご 注 意 下 さい 使 用 許 諾 契 約 書 本 契 約 は 本 冊 子 - 0 - ゆーすけ 著 著 作 権 について 本 冊 子 と 表 記 は 著 作 権 法 で 保 護 されている 著 作 物 です 本 冊 子 の 著 作 権 は 発 者 にあります 本 冊 子 の 使 用 に 関 しましては 以 下 の 点 にご 注 意 下 さい 使 用 許 諾 契 約 書 本 契 約 は 本 冊 子 を 入 手 した 個 人 法 人 ( 以 下 甲 と 称 す)と 発 者 (

More information

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

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

More information

PowerPoint プレゼンテーション

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

More information

PowerPoint プレゼンテーション

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

More information

1/2

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

More information

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

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

More information

本棚表示キット

本棚表示キット 14 製 -SU010436-02 第 2 版 :2015 年 5 月 26 日 第 1 章 はじめに... 3 1-1. 本 棚 表 示 キットとは?... 4 1-2. 動 作 環 境 ( 閲 覧 側 )... 5 第 2 章 基 本 的 な 使 い 方... 6 2-1. テンプレートの 構 成... 7 2-2. 作 成 手 順... 11 2-3. コンテンツの 格 納... 12 2-4.

More information

目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 4 まずは 地 図 を 表 示 してみよう 6 Google Mapsの 機 能 の 再 確 認 8 自 分 のサイトに 地 図 を 埋 め 込 む 10 中 心 地 点 にマーカーを 表 示 する 12 近 隣 の 施 設 に

目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 4 まずは 地 図 を 表 示 してみよう 6 Google Mapsの 機 能 の 再 確 認 8 自 分 のサイトに 地 図 を 埋 め 込 む 10 中 心 地 点 にマーカーを 表 示 する 12 近 隣 の 施 設 に 第 3クールSeason3 WebサービスAPI 勉 強 会 Google Maps API v3の 利 用 目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 4 まずは 地 図 を 表 示 してみよう 6 Google Mapsの 機 能 の 再 確 認 8 自 分 のサイトに 地 図 を 埋 め 込 む 10 中 心 地 点 にマーカーを 表 示 する 12 近 隣 の 施

More information

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

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

More information

スライド 1

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

More information

求 職 者 訓 練 の 御 案 内 W e b デ ザ イ ン 科 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされ

求 職 者 訓 練 の 御 案 内 W e b デ ザ イ ン 科 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされ 知 識 等 習 得 コース 求 職 者 訓 練 平 成 24 年 4 月 開 講 京 都 高 等 技 術 専 門 校 キャラクター 未 来 の 匠 くん 対 象 者 パソコンの 基 本 操 作 およびキーボード 操 作 が できる 方 コース 紹 介 ビジネスで 活 用 されるWeb 知 識 を 習 得! Photoshop Illustrator Flash Dreamweaverの 知 識 を

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

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

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

More information

3. 画 面 説 明 1 アドレスバー/Google 検 索 バー 4 ステータスバー 1 アドレスバー/Google 検 索 バー 現 在 表 示 されているホームページの URL 1 (ホームページアドレス)を 表 示 します URL を 入 力 すると 目 的 のページに 移 動 することがで

3. 画 面 説 明 1 アドレスバー/Google 検 索 バー 4 ステータスバー 1 アドレスバー/Google 検 索 バー 現 在 表 示 されているホームページの URL 1 (ホームページアドレス)を 表 示 します URL を 入 力 すると 目 的 のページに 移 動 することがで V. ブラウザーの 使 い 方 Windows ブラウザーとは インターネット 上 のホームページを 閲 覧 するためのソフトウェアのことです ブラウザーはインターネットから HTML ファイルや 画 像 ファイル 音 楽 ファイルなどをダウンロ ードし レイアウトを 解 析 して 表 示 再 生 します パソコン 教 室 には Internet Explorer Firefox Chrome の

More information

Microsoft Word - 学生用Office365の利用について(ver1.0版 160324) .doc

Microsoft Word - 学生用Office365の利用について(ver1.0版 160324) .doc 山 梨 学 院 メールシステム Office365 利 用 マニュアル 2016 年 3 月 版 (Ver1.0) 学 校 法 人 山 梨 学 院 このマニュアルは 本 学 の Office365 の 利 用 について 利 用 方 法 や 設 定 方 法 をまとめたものです 利 用 に 際 し あらかじめ ご 一 読 いただき よく 理 解 した 上 でご 利 用 いただくようお 願 いいたします

More information

Flash基礎Chapter1_3稿.indd

Flash基礎Chapter1_3稿.indd Chapter 1 Flashの 概 要 PREPARATION Chapter1 で 使 用 するフォルダー 本 講 座 で 使 用 するデータは 映 像 教 材 ページからダウンロードしてください ダウンロードしたデータは 展 開 し デスクトップに 用 意 してください Flas hの 概 要 Chapter 1 1-1 Flashとは Flash は アニメーションや RIA を 作 成 することができるアプリケーションです

More information

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

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

More information

HTML5&CSS3 レッスンブック

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

More information

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

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

More information

目 次 1 はじめに... 4 2 推 奨 環 境... 4 3 ご 注 意 ください... 5 4 パソコンでの 受 講 前 に... 6 4.1 パソコンのブラウザの 確 認... 6 パソコンの 省 電 力 設 定 の 確 認... 8 動 作 の 確 認... 10 5 パソコンでの 受 講

目 次 1 はじめに... 4 2 推 奨 環 境... 4 3 ご 注 意 ください... 5 4 パソコンでの 受 講 前 に... 6 4.1 パソコンのブラウザの 確 認... 6 パソコンの 省 電 力 設 定 の 確 認... 8 動 作 の 確 認... 10 5 パソコンでの 受 講 効 果 測 定 受 講 者 マニュアル 平 成 28 年 8 月 版 目 次 1 はじめに... 4 2 推 奨 環 境... 4 3 ご 注 意 ください... 5 4 パソコンでの 受 講 前 に... 6 4.1 パソコンのブラウザの 確 認... 6 パソコンの 省 電 力 設 定 の 確 認... 8 動 作 の 確 認... 10 5 パソコンでの 受 講 の 流 れ... 11 6 パソコンでの

More information

~ 目 次 ~ 1. 概 要... 2 1. ChattyBooksとChattyBook... 2 2. ユーザーのニーズに 応 じたカスタマイズ 機 能... 2 2. 動 作 環 境 インストール... 3 1. プログラムの 入 手 とインストール... 3 2. ChattyBookの 動

~ 目 次 ~ 1. 概 要... 2 1. ChattyBooksとChattyBook... 2 2. ユーザーのニーズに 応 じたカスタマイズ 機 能... 2 2. 動 作 環 境 インストール... 3 1. プログラムの 入 手 とインストール... 3 2. ChattyBookの 動 新 しいマルチメディアDAISY EPUB3 プレイヤー ChattyBooks 説 明 書 認 定 NPO 法 人 サイエンス アクセシビリティ ネット 2016/1/28 ~ 目 次 ~ 1. 概 要... 2 1. ChattyBooksとChattyBook... 2 2. ユーザーのニーズに 応 じたカスタマイズ 機 能... 2 2. 動 作 環 境 インストール... 3 1. プログラムの

More information

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

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

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

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

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

More information

改 訂 履 歴 版 概 要 区 分 更 新 日 1.0 新 規 作 成 新 規 2014/06/26 2

改 訂 履 歴 版 概 要 区 分 更 新 日 1.0 新 規 作 成 新 規 2014/06/26 2 Android 版 操 作 ガイド (ver1.0) 2014 年 6 月 26 日 改 訂 履 歴 版 概 要 区 分 更 新 日 1.0 新 規 作 成 新 規 2014/06/26 2 目 次 1. sactto!ファイリングご 利 用 について... 4 2. Android 版 アプリケーションについて... 5 2.1. 概 要... 5 2.2. アプリケーションの 導 入... 5

More information

ウ 既 存 のホームページからのデータの 移 行 の 際 は 最 新 の 情 報 へ 更 新 なお 既 存 の 観 光 情 報 等 に 不 足 する 項 目 があれば 収 集 したうえで 移 行 すること エ 写 真 その 他 のコンテンツ 及 びその 利 用 に 必 要 な 権 利 は 受 託 者

ウ 既 存 のホームページからのデータの 移 行 の 際 は 最 新 の 情 報 へ 更 新 なお 既 存 の 観 光 情 報 等 に 不 足 する 項 目 があれば 収 集 したうえで 移 行 すること エ 写 真 その 他 のコンテンツ 及 びその 利 用 に 必 要 な 権 利 は 受 託 者 出 水 市 観 光 情 報 サイト 構 築 業 務 仕 様 書 第 1 委 託 業 務 名 出 水 市 観 光 情 報 サイト 構 築 業 務 ( 以 下 本 業 務 という ) 第 2 委 託 業 務 の 目 的 出 水 市 の 観 光 情 報 サイト( 以 下 観 光 情 報 サイト という )の 日 本 語 サイトを 構 築 するとともに 英 語 韓 国 語 中 国 語 ( 繁 体 字 のみ

More information

ホームページとは何?

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

More information

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

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

More information

Microsoft PowerPoint - A07回目②.pptx

Microsoft PowerPoint - A07回目②.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に

More information

秋 田 大 学 WebClass 利 用 マニュアル 学 生 用 -2016.3- 総 合 学 務 課 教 務 担 当 目 次 WebClassとは p1 内 部 構 成 と 利 用 の 流 れ p1 内 部 構 成 利 用 の 流 れ WebClassへのアクセス(ログイン) 方 法 p3 ログアウト ページ 移 動 p4 ログアウト ページ 移 動 コースリスト コースメニュー 画 面 p5

More information

<4D6963726F736F667420506F776572506F696E74202D2095A88C8F838C834D8385838C815B8356838783935F8D4C8D9091E3979D9358976C8CFC82AF90E096BE8E9197BF3134303330372E70707478>

<4D6963726F736F667420506F776572506F696E74202D2095A88C8F838C834D8385838C815B8356838783935F8D4C8D9091E3979D9358976C8CFC82AF90E096BE8E9197BF3134303330372E70707478> 広 告 代 理 店 様 向 け 物 件 サイト 関 連 説 明 会 2. 物 件 サイトレギュレーションの 改 訂 はじめに 今 回 改 訂 される 物 件 サイトレギュレーション の 適 用 対 象 物 件 : 売 主 エリア 種 別 新 レギュレーションへの レ 対 応 2014 年 4 月 以 降 に 新 規 公 開 する 中 高 層 自 社 売 主 物 件 は 必 須 首 都 圏 および 2014

More information

目 次 1.スマートフォン 最 適 化 について 2.shuttoについて 4.タブレットPC 対 応 について 5.よくあるご 質 問 2

目 次 1.スマートフォン 最 適 化 について 2.shuttoについて 4.タブレットPC 対 応 について 5.よくあるご 質 問 2 スマホ 変 換 ツール スマホ 変 換 ツールshuttoのご 紹 介 2015/11/5 株 式 会 社 イー エージェンシー 1 目 次 1.スマートフォン 最 適 化 について 2.shuttoについて 4.タブレットPC 対 応 について 5.よくあるご 質 問 2 1.スマートフォン 最 適 化 について 3 スマートフォン 最 適 化 の 手 法 1.スマートフォン 最 適 化 について

More information

スライド 1

スライド 1 ホームページ 制 作 会 社 株 式 会 社 アイジスについて 大 阪 のホームページ 制 作 会 社 アイジスで は テンプレートを 使 用 した 低 価 格 な ホームページ 制 作 からオリジナルデザイ ンのホームページ 制 作 ECサイト 制 作 スマートフォン 対 応 ホームページ 制 作 ま でご 対 応 ホームページの 保 守 管 理 も 低 価 格 で 提 供 します 株 式 会 社

More information

HTML CSS CSS CSS A LIST APART Fluid Grid Fluid Image Media Queries Fluid Grid Grid Design Fluid Grid 60px 20px 620px 300px 960px 620 960 100 300 960 100 =64.58333% =31.25% 960px 60px 20px 960px 1 =60px

More information

■コンテンツ

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション スマートフォン 最 適 化 Webサイト 開 発 運 用 支 援 ソリューション x-fit(クロスフィット) のご 紹 介 SCSK 株 式 会 社 ITエンジニアリング 事 業 部 ミドルウェアソリューション 部 2012 年 7 月 5 日 更 新 アジェンダ スマートフォンにおける 多 様 性 /コンテンツ 作 成 の 問 題 点 x-fitのご 紹 介 x-fit 導 入 のながれ Page

More information

目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザイン

目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザイン ジーンコード 設 計 要 件 定 義 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザインコンポーネントで

More information

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

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

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 - 311Tools_END

Microsoft Word - 311Tools_END 11.1 テキストエディター(TeraPad) 第 11 章 さらに 使 いこなすためのツール Windows の 標 準 で 搭 載 されているテキストエディターのメモ 帳 Word などに 比 べて メモ 帳 は 軽 く ちょっとした 文 章 を 書 くのに 非 常 に 便 利 です しかし メモ 帳 は 軽 いだけに 機 能 性 はそれほど 高 くありません この 章 で 紹 介 する TeraPad

More information

CMS操作手順書

CMS操作手順書 モーハワイ ブログ 操 作 マニュアル 目 次 No タイトル 1 フォルダ ファイル 構 成 2 Wordpress の 操 作 3 その 他 のページの 編 集 4 用 語 集 P1 1 フォルダ ファイル 構 成 この 項 ではウェブサイトを 構 成 するフォルダ ファイルについて 説 明 します 1.1 フォルダ 構 造 ファイル 名 フォルダ/ファイル 名 ページ 名 称 フォルダ 内 容

More information

SchITコモンズ【活用編】

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

More information

2 題 字 を 選 択 してください の 画 面 になります どれを 選 んでもかまいません 差 出 人 情 報 を 入 力 してください 画 面 になります 宛 名 面 にご 自 分 の 住 所 氏 名 を 入 れない 方 は ここに 入 力 する 必 要 はありま イラストを 選 択 してくださ

2 題 字 を 選 択 してください の 画 面 になります どれを 選 んでもかまいません 差 出 人 情 報 を 入 力 してください 画 面 になります 宛 名 面 にご 自 分 の 住 所 氏 名 を 入 れない 方 は ここに 入 力 する 必 要 はありま イラストを 選 択 してくださ 1 Word で 年 賀 状 2012 解 説 作 成 蒲 原 直 樹 どの 文 面 を 作 成 しますか? 画 面 になりますので 年 賀 状 にチェック し 次 へ をクリックします Part1:はがきウィザードをつかう 年 賀 状 以 外 にもたくさんのテンプレートがありますので 別 の 機 会 にそれ ぞれ 開 いてご 覧 下 さい まず 紹 介 するのは はがきウィザード です これは 半

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

地理院地図マニュアル

地理院地図マニュアル 地 理 院 地 図 操 作 マニュアル 平 成 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

■新聞記事

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

More information

Untitled

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

More information

Acrobat早分かりガイド

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

More information

スライド 1

スライド 1 CONTENTS メディアデータ ユーザーデータ 性 別 / 年 齢 / 家 族 構 成 / 居 住 地 職 業 / 役 職 / 世 帯 年 収 / 住 居 環 境 接 触 状 況 1 接 触 状 況 2 使 用 状 況 広 告 への 意 識 接 触 行 動 ユーザーのペルソナ フルスクリーン 広 告 プレミアパネル 連 絡 用 フォーム 注 意 事 項 1 2 3 4 5 6 7 8 9 10 11

More information

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

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HTML5レベル1ポイント 解 説 セミナー 業 務 Webアプリ 開 発 スタートアップナビゲーション - HTML5 はじめの2~3 歩 - 2015 年 10 月 25 日 株 式 会 社 カサレアル 王 子 東 HTML5プロフェッショナル 認 定 試 験 レベル1 対 象 マルチデバイスに 対 応 した 静 的 なWebコンテ ンツをHTML5を 使 ってデザイン 作 成 できる Webデザイナー

More information

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

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

More information

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

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

More information

事例でわかる!スマートフォン対応手法カタログ

事例でわかる!スマートフォン対応手法カタログ お 役 立立ち 資 料料 事 例例 でわかる! スマートフォン 対 応 手 法 カタログ 本 資 料料 が 提 供 される 目 的 以 外 の ならびに 御 社 ( 御 社 関 連 会 社 を 含 む) 以 外 の 第 3 者 による 利利 用 複 製 はご 遠 慮 願 います IMAGICA Imageworks, Inc. All rights reserved. 2014. 07. 18 はじめに

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

サイボウズ ガルーン バージョン 4.0 ユーザーヘルプ

サイボウズ ガルーン バージョン 4.0 ユーザーヘルプ サイボウズ ガルーン バージョン 4.0 ユーザーヘルプ 第 1.4 版 商 標 について 記 載 された 商 品 名 各 製 品 名 は 各 社 の 登 録 商 標 または 商 標 です また 当 社 製 品 には 他 社 の 著 作 物 が 含 まれていることがあります 個 別 の 商 標 著 作 物 に 関 する 注 記 については 弊 社 の Web サイトを 参 照 してください http://cybozu.co.jp/company/copyright/other_companies_trademark.html

More information

■ディレクトリ

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

More information

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 本 書 の 構 成 1-1-1 Webサイト 制 作 の 流 れ 1-1-2 本 書 の 構 成 と 内 容 1-2 Webサイト 制 作 業 界 の 人 材 像 1-2-1 Webサイト 制

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 本 書 の 構 成 1-1-1 Webサイト 制 作 の 流 れ 1-1-2 本 書 の 構 成 と 内 容 1-2 Webサイト 制 作 業 界 の 人 材 像 1-2-1 Webサイト 制 Ver.3 2016/2/25 Web デザイン - コンセプトメイキングから運用まで - [ 改訂第五版 ] のご案内 2016 年 前期 後期 Web デザイナー検定エキスパート 出題範囲について 2016 年 3 月の Web デザイン - コンセプトメイキングから運用まで -[ 改訂第五版 ] の 発行にともない 2016 年の出題範囲は改訂版の内容から出題いたします 書名 Web デザイン

More information

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ 別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 説 明 利 用 者 組 織 管 理 パスワード 管 理 登 録 修 正 削 除 パスワード 期 限 管 理 組 織 名 組 織 ID 組 織 パスワードを 登 録 修 正 削 除 する 管 理 者 自 身 がパスワードの 設 定 変

More information