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

Size: px
Start display at page:

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

Transcription

1 株 式 会 社 クロノドライブ コーディングガイドライン 改 訂 履 歴 2009/10/01 初 版 2010/12/06 一 部 修 正 2011/05/02 対 応 ブラウザ 修 正 画 像 ファイルの 形 式 修 正 補 足 追 記 2013/04/12 対 応 ブラウザ 修 正 2014/02/25 文 言 内 容 一 部 修 正 2014/04/08 対 応 メーラーの 追 加 2014/06/05 メールアドレスの 暗 号 化 法 を 変 更 2015/01/21 対 応 ブラウザ 修 正

2 はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディレクトリ 構 成 画 像 ファイル 対 応 ブラウザ 対 象 OS 品 質 管 理 (X)HTML 制 作 文 字 コード テンプレート インデント パス 指 定 title 要 素 img 要 素 表 記 規 則 HTML5によるマークアップ 指 針 その 他 のルール CSS 制 作 共 通 CSS 読 み 込 み 方 法 ID 名 CLASS 名 の 命 名 規 則 ID 名 サンプル CLASS 名 サンプル コードフォーマット コメントの 記 述 ショートハンドプロパティの 使 用 Copyright(c) ChronoDrive Inc All rights reserved. 2

3 基 本 仕 様 1 ファイル ディレクトリ 構 成 ルート [css] common.css 複 数 のページで 使 われるCSSを 記 述 する index.css index.htmlだけで 使 われるCSSを 記 述 する [img] [common] 複 数 のページで 使 われる 画 像 を 格 納 する [index] index.html/cssだけで 使 われる 画 像 を 格 納 する [js] common.js サイト 共 通 のJavaScrip index.html ファイル 命 名 規 則 半 角 英 数 字 小 文 字 のみを 使 用 する 記 号 は - (ハイフン) _ (アンダースコア)のみ 使 用 する 機 種 依 存 文 字 は 使 用 しない 全 角 スペース 半 角 スペース(Space)は 使 用 しない 必 ずアルファベットから 開 始 する ( 数 字 から 開 始 しない) Copyright(c) ChronoDrive Inc All rights reserved. 3

4 基 本 仕 様 2 画 像 ファイル 画 像 ファイル 形 式 画 像 の 種 類 に 応 じて 適 切 なファイル 形 式 を 選 択 する JPEG 写 真 等 色 数 の 多 い 画 像 はJPEGを 使 用 する 画 質 :Fireworks 90 Photoshop 80 PNG 写 真 以 外 の 画 像 は 基 本 的 にはPNG 8を 使 用 する 透 過 が2 色 以 上 の 画 像 は Fireworksの 場 合 はPNG 32 Photoshopの 場 合 はPNG 24で 書 き 出 す GIF アイコン 等 の 小 さい 画 像 やアニメーションはGIFを 使 用 する 画 像 ファイル 名 例 基 本 的 な 命 名 規 則 は3ページ 目 のファイル 命 名 規 則 と 同 様 のものとする 画 像 ファイル 名 は ページ 名 _ 部 位 _ 種 類 _ 詳 細 ( 連 番 )_ 状 態. 拡 張 子 とする 画 像 ファイル 名 例 出 し ttl01.png / about_ttl02.png ボタン btn_submit.png / btn_cancel.png アイコン arrow01.gif / contact01.gif グローバルナビ ---- gnavi_home_out.png / gnavi_home_over.png 背 景 header_bg.png / footer_bg.png Copyright(c) ChronoDrive Inc All rights reserved. 4

5 基 本 仕 様 3 対 応 ブラウザ 対 象 OS 特 にご 指 定 のない 限 り 以 下 のブラウザをチェック 対 象 として 制 作 する Windows Internet Explorer 8 / 9 / 10 / 11 Firefox 最 新 版 Google Chrome 最 新 版 Mac Safari 最 新 版 Firefox 最 新 版 Google Chrome 最 新 版 スマートフォン タブレット( 1) ios7 Safari Android OS 2.3 系 4 系 標 準 ブラウザ HTMLメール( 2) Gmail Yahooメール Outlook.com( 旧 Windows Live Hotmail) Thunderbird Appleメール(Mac 標 準 のメーラー) 1 以 下 の 機 種 を 標 準 チェック 機 とする ios7(iphone5 / ipad 第 3 世 代 ) Android2.3 系 (AQUOS PHONE IS11SH) Android4 系 (GALAXY S3 / GALAXY NEXUS / Nexus7) チェック 機 の 指 定 がある 場 合 は 指 定 された 機 種 で う 2 対 応 メーラーの 拡 張 がある 場 合 にはその 指 示 に 従 う Copyright(c) ChronoDrive Inc All rights reserved. 5

6 基 本 仕 様 4 品 質 管 理 デザインとの 相 違 がないか 目 視 によるチェックに 加 え 以 下 のチェックツールを 使 用 し HTMLファイルの 文 法 等 のエラーを 解 消 する HTML Validator エラー 数 0としますが コンバージョンタグなど 計 測 タグによる エラー 及 びサイトの 構 成 上 修 正 できないエラーは 許 容 範 囲 とする HTML-lint 重 要 度 3 以 下 のエラーに 関 しては 出 来 る 範 囲 で 修 正 を うこと 重 要 度 4 以 上 のエラーは 必 ず 修 正 すること なお 文 字 コードがUTF-8の 場 合 に 限 り 以 下 のエラーを 修 正 する 必 要 はない XHTML1.0 では XML 宣 言 をすることが 強 く 求 められています XHTML1.0 では XML 宣 言 中 に encoding 指 定 をしましょう また コンバージョンタグなど 計 測 タグによるエラー 及 び サイトの 構 成 上 修 正 できないエラーは 許 容 範 囲 とする Copyright(c) ChronoDrive Inc All rights reserved. 6

7 (X)HTML 制 作 1 文 字 コード UTF-8を 使 用 する ひな 型 <!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <title></title> <link href="css/common.css" rel="stylesheet" type="text/css" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> </head> <body> </body> </html> Copyright(c) ChronoDrive Inc All rights reserved. 7

8 (X)HTML 制 作 2 インデント 要 素 のセクション 毎 に 適 切 に 改 タブインデントを 設 けて ソースを 読 みやす いものにする インデントの 例 <div> </div> <p>テキストテキストテキスト</p> <ul> <li>テキストテキストテキスト</li> <li>テキストテキストテキスト</li> <li>テキストテキストテキスト</li> </ul> パス 指 定 ヘッダーなど 複 数 ページで 使 われるものはサイトルート 相 対 パスとし それ 以 外 は 相 対 パスとする 相 対 パス 記 述 例 <p><a href=./ > 同 ディレクトリのindexファイルへのリンク</a></p> <p><a href= index.html > 同 ディレクトリのindexファイルへのリンク</a></p> index.htmlを 省 略 するかどうかを 選 択 していただき 対 応 する <p><a href="../page_sample.html">1 階 層 上 のページへのリンク</a></p> サイトルート 相 対 パス 記 述 例 <p><a href= / >トップページへのリンク</a></p> <p><a href= /second/page_sample.html >2 階 目 のページへのリンク</a></p> 絶 対 パス 記 述 例 <p><a href= >ページへのリンク</a></p> Copyright(c) ChronoDrive Inc All rights reserved. 8

9 (X)HTML 制 作 3 title 要 素 titleタグの 内 容 の 指 定 がない 場 合 は 該 当 するページタイトルを 先 頭 に 属 す る 親 カテゴリー 名 を 記 述 し 最 後 にサイト 名 称 を 全 角 パイプ で 区 切 り 明 記 する <title>の 例 <title>ページ 名 称 大 カテゴリ サイト 名 称 </title> <title>ページ 名 称 サイト 名 称 </title> img 要 素 全 てのimgタグにalt 属 性 を 用 いて 代 替 テキストを 付 加 する 字 要 素 のない 写 真 等 は 〇 〇 の 写 真 など 適 切 な 代 替 テキストを 指 定 する title 属 性 は 指 定 しない width height を 指 定 する 表 記 規 則 要 素 名 属 性 名 は 全 て 半 角 小 文 字 で 記 述 する 属 性 値 はダブルクォーテーション で 囲 む UTF-8 以 外 の 文 字 コードのとき 特 殊 文 字 は 実 体 参 照 で 記 述 する Copyright(c) ChronoDrive Inc All rights reserved. 9

10 (X)HTML 制 作 4 HTML5によるマークアップの 指 針 HTML5ではコンテンツの 意 味 や 意 図 を 理 解 しないと 正 しいマークアップが 出 来 ない 要 素 が 増 えています 例 えば b 要 素 は 他 の 文 章 とは 区 別 したいテキストの 範 囲 に 使 用 しますが この 判 断 はコンテンツ 作 成 者 または 設 計 者 でなくては 困 難 です そのため 標 準 対 応 としてコーディング 時 に なうマークアップを 以 下 の 通 り 定 めます 出 し h1 h6 出 しに 対 応 するコンテンツにある 程 度 の ボリュームがある 場 合 に 使 用 する 例 えば 住 所 : 県 区 市 といった 場 合 住 所 は 出 しにならない 段 落 p 文 章 をマークアップする 際 に p 要 素 より 適 したものがない 場 合 に 使 用 する 順 序 型 ol > li 順 番 に 意 味 があるリストに 使 用 する リスト 非 順 序 型 ul > li 順 番 に 意 味 がないリストに 使 用 する 用 語 リスト 用 語 用 語 の 説 明 dl > dt dl > dd ddで 説 明 される 用 語 に 使 用 する dtでマークアップされた 用 語 の 説 明 文 に 使 用 する 定 義 語 リスト 定 義 語 定 義 語 の 説 明 dl > dt > dfn dl > dd ddで 説 明 される 定 義 語 に 使 用 する dt > dfnでマークアップされた 定 義 語 の 説 明 文 に 使 用 する Copyright(c) ChronoDrive Inc All rights reserved. 10

11 (X)HTML 制 作 5 HTML5によるマークアップの 指 針 説 明 table > caption 表 の 説 明 文 に 使 用 する ヘッダー table > thead 表 中 のヘッダーに 使 用 する フッター table > tfoot 表 中 のフッターに 使 用 する 本 文 table > tbody 表 中 の 本 文 に 使 用 する 表 table > (thead tfoot tbody ) > tr 表 中 の を 作 成 する 出 し table > (thead tfoot tbody ) > tr > th 表 中 の 出 しに 使 する 内 容 table > (thead tfoot tbody ) > tr > td 表 中 の 内 容 に 使 用 する ヘッダー header セクショニングされたコンテンツのヘッダー 使 用 する フッター footer セクショニングされたコンテンツのフッター に 使 用 する ナビゲーション 記 事 セクション nav article section 主 要 なナビゲーションにのみ 使 用 する この 要 素 でマークアップされた 内 容 だけで 完 結 できるコンテンツに 使 用 する 出 しとその 内 容 で 構 成 されるコンテンツの グループ 化 に 使 用 する 余 談 補 足 情 報 aside メインコンテンツと 関 連 するが 切 り 離 されて いるものに 使 用 する Copyright(c) ChronoDrive Inc All rights reserved. 11

12 (X)HTML 制 作 6 HTML5によるマークアップの 指 針 本 文 中 の 図 版 figure 本 文 から 参 照 される 絵 写 真 図 表 ソース コードなどに 使 用 する 本 から 参 照 されるか 独 したコン テンツとして 成 するか で 判 断 する 図 版 のキャプション figcaption figureでマークアップした 対 象 のキャプショ ンを 指 定 するために 使 用 する 注 釈 細 目 お 問 い 合 わせ/ 連 絡 先 small address 免 責 警 告 法 的 規 制 著 作 権 ライセンス 要 件 などを 注 釈 細 目 として 扱 う 場 合 に 使 用 する そのページに 関 するお 問 い 合 わせ 先 連 絡 先 に 使 用 する aritcle 内 で 使 用 した 場 合 は articleで 囲 われた 記 事 のお 問 い 合 わせ 先 となる Copyright(c) ChronoDrive Inc All rights reserved. 12

13 (X)HTML 制 作 7 その 他 のルール 連 の 章 として 出 し 段 落 箇 条 書 きなどのどれに 該 当 するのかを 考 え ふさわしい 要 素 でマークアップを う メールアドレスはSPAM 防 止 のため JavaScriptで 暗 号 化 して 記 述 する 不 要 ファイル バックアップファイルは 削 除 する JavaScriptはjQuery(バージョンは 適 宜 判 断 )を 使 用 する 印 刷 対 応 は 指 がある 場 合 のみ い 印 刷 物 に 不 要 となるメニューなどの 要 素 を 省 き メインコンテンツのみを 印 刷 する 法 を 標 準 とする レスポンシブウェブデザインなどでメディアクエリを 使 う 際 にはCSSファイ ル 内 に 記 述 する Copyright(c) ChronoDrive Inc All rights reserved. 13

14 CSS 制 作 1 共 通 CSS common.css 共 通 のリセット 用 スタイルとレイアウト 用 スタイルを 記 述 する 読 み 込 み 方 法 各 HTMLファイルから 上 記 共 通 CSSと 各 ページ 固 有 のcssを 読 み 込 むこと CSS 読 み 込 み 法 の 例 <link href="css/common.css" rel="stylesheet" type="text/css" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> ID 名 CLASS 名 の 命 名 規 則 キャメル 方 式 で 命 名 する(2 語 目 以 降 の 頭 字 を 字 にする) 使 用 可 能 な 文 字 は 半 角 英 数 字 頭 文 字 に 数 字 と 大 文 字 を 使 用 しない スタイルや た 目 を 表 す 名 前 ではなく コンテンツを す 名 前 を 付 ける ID 名 CLASS 名 の 例 id= SideNavi id= sidenavi class= font-red class= notice Copyright(c) ChronoDrive Inc All rights reserved. 14

15 CSS 制 作 2 ID 名 サンプル container header footer sidebar main conts gnavi CLASS 名 サンプル section inner sidemenu newsbox photobox bannerlist mailform Copyright(c) ChronoDrive Inc All rights reserved. 15

16 CSS 制 作 3 コードフォーマット 1 につき1プロパティを 記 述 する それぞれのプロパティをタブインデントする プロパティ 名 の 後 半 角 コロン : をスペース 無 しに し 半 角 コロ ンと 値 の 間 には 半 角 スペースを1つ 空 ける } の 前 後 はスペースやタブを 設 けない 記 述 方 法 単 一 のセレクタを 指 定 する 場 合.selector { property: value; } property: value; property: value; 複 数 のセレクタを 指 定 する 場 合.selector01,.selector02,.selector03 { } property: value; property: value; property: value; Copyright(c) ChronoDrive Inc All rights reserved. 16

17 CSS 制 作 4 コメントの 記 述 記 述 方 法 /* ページ 名 要 素 名 大 カテゴリ 名 など */ /* クラス 名 小 カテゴリ 名 */ 記 述 例 /* products */ /* products */ #products h5 { font-weight: bold; } ショートハンドプロパティの 使 用 一 括 指 定 できるプロパティはまとめて 記 述 する 悪 い 例 margin-top: 10px; margin-right: 15px; margin-bottom: 20px; margin-left: 15px; 良 い 例 margin: 10px 15px 20px; Copyright(c) ChronoDrive Inc All rights reserved. 17

スライド 1

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

More information

はじめに 本書の目的は 制作の効率化 クオリティの向上 各作業者間のスタイルの統一を 図る目安になることで 常にブラッシュアップを繰り返し 現時点での最適解の共 有に活用するものである 目次 基本仕様 ファイル ディレクトリ構成 画像ファイル 対応ブラウザ 品質管理 (X)HTML 制作 文字コード

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

More information

textbook.indd

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

More information

CSSの基礎

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

More information

文 書 構 造 とスタイル

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

More information

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

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

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 PowerPoint - css.ppt [互換モード]

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

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

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

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

More information

untitled

untitled 25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)

More information

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074>

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

More information

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

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

More information

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

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

More information

Microsoft PowerPoint - css [互換モード]

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

More information

Peace & Piece 画面設計書

Peace & Piece 画面設計書 ホームページ 仕 様 書 株 式 会 社 目 次 1. 更 新 履 歴 2. 構 成 図 3. 制 作 における 基 本 事 項 4. 画 面 設 計 の 定 義 ルール 5. 各 画 面 仕 様 設 計 6. 仕 様 書 確 定 の 合 意 更 新 履 歴 更 新 日 付 更 新 箇 所 更 新 内 容 構 成 図 A-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

HTML5&CSS3 レッスンブック

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

More information

1

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

More information

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

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

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

第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

おすすめページ

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

More information

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

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

More information

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

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

More information

Web10.pptx

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

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

388-356697252-2.pdf

388-356697252-2.pdf 専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]

More information

ホームページの仕組み

ホームページの仕組み 見 やすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 23 年 5 月 7 日 14 日 目 次 5 月 7 日 1. ショートカットキー 2. HTMLの 仕 組 み 3. XHTMLとCSS 4. W3C 標 準 5. 見 本 に 書 き 込 む 6. 単 語 登 録 5 月 14 日 1. ブログを 試 そう 2.

More information

03 CMS機能審査表.xls

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

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 章 開 発 フロー... 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

html_text

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

More information

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

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

More information

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

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

More information

HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/

More information

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

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

More information

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

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

More information

◆TOPページデザインを制作する際の注意点 ※別紙(sample_1

◆TOPページデザインを制作する際の注意点 ※別紙(sample_1 2011/4/26 改 定 デザインカンプ 制 作 ガイドライン 別 紙 (sample_1.pdf) 参 照 カンプ 制 作 に 入 る 前 にディレクターと 打 ち 合 わせを 行 い 目 的 に 合 ったトップページデザインを 制 作 すること 1. 著 作 権 について デザインで 使 用 する 写 真 素 材 およびイラスト 素 材 は 弊 社 提 供 の 素 材 集 サイトから 使 用

More information

1 委 託 業 務 の 内 容 (1) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平

1 委 託 業 務 の 内 容 (1) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンター ホームページ 製 作 業 務 受 託 候 補 者 選 定 に 係 る 募 集 要 項 応 募 書 類 の 提 出 期 限 平 成 27 年 10 月 13 日 ( 火 )から 平 成 27 年 10 月 29 日 ( 木 ) 午 後 5 時 まで 応 募 書 類 は 郵 送 又 は 持 参 ください ( 郵 送 の 場 合 簡 易 書

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

(1)

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

More information

1. JIS X 8341-3:2010に 基 づいた 試 験 概 要 1-1. JIS X 8341-3:2010に 基 づいた 試 験 の 特 徴 1-2. 試 験 の 基 本 的 な 流 れ 1-3. 規 格 本 文 と 関 連 文 書 1-4. ウェブアクセシビリティ 基 盤 委 員 会 (

1. JIS X 8341-3:2010に 基 づいた 試 験 概 要 1-1. JIS X 8341-3:2010に 基 づいた 試 験 の 特 徴 1-2. 試 験 の 基 本 的 な 流 れ 1-3. 規 格 本 文 と 関 連 文 書 1-4. ウェブアクセシビリティ 基 盤 委 員 会 ( JIS X 8341-3:2010に 基 づいた ウェブの 試 験 方 法 2010 年 9 月 22 日 富 士 通 デザイン 株 式 会 社 近 藤 真 太 郎 ウェブアクセシビリティ 基 盤 委 員 会 WG3 委 員 Copyright 2010 FUJITSU LIMITED 1. JIS X 8341-3:2010に 基 づいた 試 験 概 要 1-1. JIS X 8341-3:2010に

More information

目 次 1. はじめに... 3 1.1. 目 的... 3 1.2. 用 語 の 定 義... 3 1.3. 県 ホームページシステム 構 成 概 要... 4 2. 業 務 要 件... 4 2.1. 委 託 業 務 の 内 容... 4 2.1.1. サイト 概 要... 4 2.1.2. サ

目 次 1. はじめに... 3 1.1. 目 的... 3 1.2. 用 語 の 定 義... 3 1.3. 県 ホームページシステム 構 成 概 要... 4 2. 業 務 要 件... 4 2.1. 委 託 業 務 の 内 容... 4 2.1.1. サイト 概 要... 4 2.1.2. サ スマートフォン 対 応 埼 玉 県 観 光 公 式 サイト ちょこたび 埼 玉 作 成 業 務 委 託 仕 様 書 28.08.05 平 成 28 年 8 月 埼 玉 県 産 業 労 働 部 観 光 課 目 次 1. はじめに... 3 1.1. 目 的... 3 1.2. 用 語 の 定 義... 3 1.3. 県 ホームページシステム 構 成 概 要... 4 2. 業 務 要 件... 4 2.1.

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

32bit または 64bit アーキテクチャに 対 応 快 適 な 操 作 性 を 得 るために 高 性 能 CPU を 推 奨 します HDD 容 量 は 約 1GB 以 上 1GB 以 上 にはコンテンツ 領 域 は 含 まれません またコンテンツの 増 大 に 比 例 してシステム 領 域

32bit または 64bit アーキテクチャに 対 応 快 適 な 操 作 性 を 得 るために 高 性 能 CPU を 推 奨 します HDD 容 量 は 約 1GB 以 上 1GB 以 上 にはコンテンツ 領 域 は 含 まれません またコンテンツの 増 大 に 比 例 してシステム 領 域 CMSKIT Ver.2.3 動 作 環 境 2015 年 10 月 20 日 株 式 会 社 ノア 本 書 は CMSKIT Ver.2.3 をサーバーに 導 入 して 実 行 させるとき お 客 様 にご 用 意 いただく 動 作 環 境 を 示 しています 動 作 環 境 とは 株 式 会 社 ノアが CMSKIT Ver.2.3 の 正 常 動 作 を 確 認 した 環 境 をいいます 本

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi

More information

WORD 98 入力の手引き

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

More information

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

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

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

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

目 次 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

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

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

PowerPoint プレゼンテーション

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

More information

4 ログインをクリックして 下 さい 2. ログイン 方 法 その2 1 右 上 の 人 型 マークをクリックして 下 さい 2 ログインをクリックして 下 さい 3 ご 自 身 の ID とパスワードを 入 力 して 下 さい 4 次 回 から ID 入 力 を 省 略 のチェックボックスをクリッ

4 ログインをクリックして 下 さい 2. ログイン 方 法 その2 1 右 上 の 人 型 マークをクリックして 下 さい 2 ログインをクリックして 下 さい 3 ご 自 身 の ID とパスワードを 入 力 して 下 さい 4 次 回 から ID 入 力 を 省 略 のチェックボックスをクリッ 韓 国 小 顔 骨 気 美 容 協 会 ウェブサイトのご 利 用 ガイド 1. ログイン 方 法 その1 1 右 上 のメニューバー ログイン にカーソルを 合 わせて ログイン をクリックして 下 さい 2 ご 自 身 の ID とパスワードを 入 力 して 下 さい 3 次 回 から ID 入 力 を 省 略 のチェックボックスをクリックすると がつきます すると 次 回 から ID の 最 初

More information

Web情報システム 第1章~第5章

Web情報システム 第1章~第5章 Web 情 報 システム マルチメディア 情 報 通 信 ソフトウェア 第 1 章 ~ 第 4 章 1 Web 情 報 システム マルチメディア 情 報 の 流 通 Web 情 報 システム 概 論 デジタルメディアの 特 徴 デジタルメディアの 記 述 HTML (Hyper Text Markup Language) Css (Cascading style sheet) デジタルメディアの 制

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

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ HeartRails APIs for MA5 ハートレイルズの 提 供 API について http://www.heartrails.com/ What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私

More information

ホームページの仕組み

ホームページの仕組み 分 かりやすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 24 年 4 月 28 日 5 月 12 日 目 次 4 月 28 日 1. ショートカットキー 2. ブログ 等 を 試 そう 3. ホームページの 仕 組 み 4. XHTMLとCSS 5. W3C 標 準 6. 単 語 登 録 5 月 12 日 1. 見 本

More information

改 版 履 歴 版 数 日 付 内 容 担 当 V.1.0 2015/4/1 初 版 NII

改 版 履 歴 版 数 日 付 内 容 担 当 V.1.0 2015/4/1 初 版 NII Webブラウザへの インストールマニュアル 2015/4/1 国 立 情 報 学 研 究 所 改 版 履 歴 版 数 日 付 内 容 担 当 V.1.0 2015/4/1 初 版 NII 目 次 1. はじめに... 1 1-1. 本 マニュアルの 目 的... 1 1-2. 本 書 の 範 囲... 1 1-3. 動 作 環 境 について... 1 2. OS: Windows 証 明 書 (PKCS#12

More information

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

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き Ver.2 ユーザマニュアル スタートガイド 第 2 版 最 終 更 新 日 2011/7/12 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

More information

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

Microsoft Word - 11_thesis_08k1131_hamada.docx

Microsoft Word - 11_thesis_08k1131_hamada.docx 23 08k1131 24 i JSP HTML CSS JavaScript Flash ios ii 1.... 1 2.... 1 2.1...1 2.2...2 2.3 Flash...2 2.4...2 2.5...3 2.6...3 2.7...4 3.... 4 3.1...4 3.2...6 3.3...8 3.4...9 3.5... 11 3.6... 12 3.7... 13

More information

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

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

More information

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3................... 0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................

More information

1. 件 名 教 材 共 有 システム( 以 下 システム という ) 開 発 業 務 2. 目 的 国 立 高 等 専 門 学 校 機 構 ( 以 下 機 構 という)では 社 会 から 期 待 される 人 材 養 成 像 の 高 度 化 高 等 教 育 機 関 の 質 保 証 の 観 点 から

1. 件 名 教 材 共 有 システム( 以 下 システム という ) 開 発 業 務 2. 目 的 国 立 高 等 専 門 学 校 機 構 ( 以 下 機 構 という)では 社 会 から 期 待 される 人 材 養 成 像 の 高 度 化 高 等 教 育 機 関 の 質 保 証 の 観 点 から 教 材 共 有 システム 開 発 業 務 仕 様 書 平 成 27 年 9 月 独 立 行 政 法 人 国 立 高 等 専 門 学 校 機 構 - 1 - 1. 件 名 教 材 共 有 システム( 以 下 システム という ) 開 発 業 務 2. 目 的 国 立 高 等 専 門 学 校 機 構 ( 以 下 機 構 という)では 社 会 から 期 待 される 人 材 養 成 像 の 高 度 化 高

More information

1/2

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

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



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

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

改 版 履 歴 版 数 日 付 内 容 担 当 V.1.0 2015/4/1 初 版 NII

改 版 履 歴 版 数 日 付 内 容 担 当 V.1.0 2015/4/1 初 版 NII Webブラウザへの インストールマニュアル 2015/4/1 国 立 情 報 学 研 究 所 改 版 履 歴 版 数 日 付 内 容 担 当 V.1.0 2015/4/1 初 版 NII 目 次 1. はじめに... 1 1-1. 本 マニュアルの 目 的... 1 1-2. 本 書 の 範 囲... 1 1-3. 動 作 環 境 について... 1 2. OS: Windows での 証 明 書

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

Microsoft Word - FBE3A91F.doc

Microsoft Word - FBE3A91F.doc 広 島 大 学 ウェブマネジメントシステム 共 通 事 項 (Ver:2009.04.16) 本 システムに 関 する 問 い 合 わせ 本 システムに 関 する 問 い 合 わせは 下 記 までご 連 絡 ください 社 会 連 携 情 報 政 策 室 広 報 グループ 内 線 :5017 5017 6131 E-mail mail:koho@office.hiroshima koho@office.hiroshima-u.ac.jp

More information

■新聞記事

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

More information

pixiv 63 はじめまして ピクシブ 株 式 会 社 でエンジニアをやってい ます 金 子 と 申 します 本 書 を 手 にとってくださり あり がとうございます この 本 では 画 像 投 稿 掲 示 板 を 作 ってみる という シン プルな 作 業 を 通 して プログラミングの 基 礎 を 学 んで 頂 き たいと 思 っています 本 書 は エンジニアでない 人 のためのプログラミング

More information

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1............... 1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................

More information

(1) 多 言 語 においては 日 本 語 英 語 韓 国 語 中 国 語 ( 繁 体 字 簡 体 字 )の4 言 語 以 上 に 対 応 し て 選 択 表 示 選 択 音 声 を 可 能 とすること 音 声 ガイダンス 用 のデータは 発 注 者 より 提 供 する (2)PC スマートフォン

(1) 多 言 語 においては 日 本 語 英 語 韓 国 語 中 国 語 ( 繁 体 字 簡 体 字 )の4 言 語 以 上 に 対 応 し て 選 択 表 示 選 択 音 声 を 可 能 とすること 音 声 ガイダンス 用 のデータは 発 注 者 より 提 供 する (2)PC スマートフォン 宇 城 市 観 光 情 報 WEB アプリケーション 設 計 構 築 保 守 運 用 委 託 業 務 公 募 型 プロポーザルに 係 る 仕 様 書 1 業 務 名 宇 城 市 観 光 情 報 WEB アプリケーション 設 計 構 築 保 守 運 用 委 託 業 務 ( 以 下 本 業 務 という ) 2 業 務 の 目 的 世 界 遺 産 三 角 西 港 をはじめとした 宇 城 市 の 魅 力 をPRして

More information

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We 8 Web Web XHTML XHTML 1 Web Web 1 Web XHTML Web Web XHTML XHTML Extensible HyperText Markup Language( ) Web HTML XML HTML Web 2 XHTML XHTML HTML 4.01 XHTML XHTML 1.0 3 XHTML XHTML XHTML Web 1 2 Netscape

More information

Microsoft PowerPoint - ★Readme.pptx

Microsoft PowerPoint - ★Readme.pptx Webページ 制 作 課 題 -HTML5 実 装 の 可 視 化 評 価 ツール 株 式 会 社 イマジカデジタルスケープ 0.. 版 Webページ 制 作 課 題 ( 実 装 )の 概 要 説 明 はじめに この 課 題 は あるクライアントからの 依 頼 を 想 定 し 単 独 でシング ルページを 制 作 する 実 践 トレーニングです 制 作 環 境 はご 自 身 で 用 意 することが

More information

18

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

More information

- 目 次 - 1.はじめに...2 2.サイト 初 期 設 定...2 3.SiteBuilderインストール...5 4.サイトの 作 成...6 4.1 SiteBuilder ウィザードを 開 く...7 4.2 開 始...8 4.3 デザイン...9 4.3.1 デザインテンプレートの

- 目 次 - 1.はじめに...2 2.サイト 初 期 設 定...2 3.SiteBuilderインストール...5 4.サイトの 作 成...6 4.1 SiteBuilder ウィザードを 開 く...7 4.2 開 始...8 4.3 デザイン...9 4.3.1 デザインテンプレートの KDDI ホスティングサービス (G120, G200) ブック SiteBuilder スタートアップガイド (ご 参 考 資 料 ) Rev.1.0 KDDI 株 式 会 社 1 - 目 次 - 1.はじめに...2 2.サイト 初 期 設 定...2 3.SiteBuilderインストール...5 4.サイトの 作 成...6 4.1 SiteBuilder ウィザードを 開 く...7 4.2

More information

Microsoft Word - UCDWebサイト製作ガイドライン ver.3.0.1.doc

Microsoft Word - UCDWebサイト製作ガイドライン ver.3.0.1.doc 株 式 会 社 ユーザー センタード デザイン Web サイト 制 作 ガイドライン version 3.0.1 ( 発 効 日 : 2010 年 07 月 02 日 ) 本 ガイドラインの 構 成 1 目 的 2 ターゲットユーザ 2.1 閲 覧 環 境 2.2 注 意 事 項 3 製 作 3.1 案 件 の 管 理 3.2 Web サイトの 構 成 3.3 アクセシビリティ ユーザビリティ 4

More information

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

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方 Ver.2 ユーザマニュアル スタートガイド 第 5 版 最 終 更 新 日 2012/7/11 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方...

More information

CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/

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

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet 2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage

More information

重 要 度 : 要 件 可 能 な 限 り 実 現 を 希 望 する 要 件 記 入 欄 を または にした 場 合 はその 費 用 を 見 積 内 に 含 み 実 現 する 記 入 欄 を にした 場 合 は 実 現 方 法 を 具 体 的 に 備 考 欄 に 記 載 する 作 成 中 は 他 の

重 要 度 : 要 件 可 能 な 限 り 実 現 を 希 望 する 要 件 記 入 欄 を または にした 場 合 はその 費 用 を 見 積 内 に 含 み 実 現 する 記 入 欄 を にした 場 合 は 実 現 方 法 を 具 体 的 に 備 考 欄 に 記 載 する 作 成 中 は 他 の 重 要 度 : 要 件 可 能 な 限 り 実 現 を 希 望 する 要 件 記 入 欄 を または にした 場 合 はその 費 用 を 見 積 内 に 含 み 実 現 する 記 入 欄 を にした 場 合 は 実 現 方 法 を 具 体 的 に 備 考 欄 に 記 載 する 1.CMS(コンテンツ マネージメント システム) 要 件 システム 全 般 システム 全 般 1 2 3 4 CMSサーバ

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 自 由 HTMLでコンテンツを 追 加 する Copyright Diverta inc. All right reserved. 目 次. 自 由 HTMLとは - 自 由 HTMLとは - 機 能 概 要. 自 由 HTMLでコンテンツを 追 加 する - 自 由 HTMLを 開 く - カテゴリを 追 加 する - 自 由 HTMLでコンテンツを 作 成 する -4 閲 覧 編 集 制 限 を

More information

カゴラボ管理画面マニュアル(3.商品管理)

カゴラボ管理画面マニュアル(3.商品管理) カゴラボ 管 理 画 面 操 作 設 定 マニュアル CHAPTER 3 商 品 管 理 編 カゴラボバージョン4.0 系 お 問 い 合 せはこちらまで カゴラボサポートセンター 0120-713-362 ( 携 帯 電 話 からは 0985-23-3362 ) E-mail : support@cagolab.jp 受 付 時 間 : 平 日 10:00~12:00/13:00~18:00 (

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

1000 Copyright(C)2009 All Rights Reserved - 2 -

1000 Copyright(C)2009 All Rights Reserved - 2 - 1000 Copyright(C)2009 All Rights Reserved - 1 - 1000 Copyright(C)2009 All Rights Reserved - 2 - 1000 Copyright(C)2009 All Rights Reserved - 3 - 1000 Copyright(C)2009 All Rights Reserved - 4 - 1000 Copyright(C)2009

More information

Microsoft Word - chap2.doc

Microsoft Word - chap2.doc 第 2 章 ホームページとHTML(タグ) ここでは HTML タグについて 今 まで 使 う 機 会 が 無 かった 学 生 を 対 象 に 説 明 する 既 に HTML タグを 使 ったことのある 学 生 にとっては 知 っている 話 になると 思 うので ざっと 目 を 通 すだけでよいだろう 初 めての 学 生 は 演 習 等 を 通 じて 使 い 慣 れて 欲 しい [1] HTML 通

More information

はじめに このたびは フリーウェイマイナンバー をご 利 用 いただき 誠 にありがとうございます 本 書 では フリーウェイマイナンバーの 操 作 方 法 について 説 明 しています マイナンバー 管 理 者 の 方 は 1 マイナンバー 管 理 者 用 を 従 業 員 の 方 は 2 従 業

はじめに このたびは フリーウェイマイナンバー をご 利 用 いただき 誠 にありがとうございます 本 書 では フリーウェイマイナンバーの 操 作 方 法 について 説 明 しています マイナンバー 管 理 者 の 方 は 1 マイナンバー 管 理 者 用 を 従 業 員 の 方 は 2 従 業 フリーウェイマイナンバー 操 作 マニュアル はじめに このたびは フリーウェイマイナンバー をご 利 用 いただき 誠 にありがとうございます 本 書 では フリーウェイマイナンバーの 操 作 方 法 について 説 明 しています マイナンバー 管 理 者 の 方 は 1 マイナンバー 管 理 者 用 を 従 業 員 の 方 は 2 従 業 員 用 を 参 照 してください 改 訂 履 歴 版 数

More information

SILAND.JP テンプレート集

SILAND.JP テンプレート集 i-vote ユーザ 操 作 手 順 書 ~ 立 候 補 申 請 編 ~ 第 1.0 版 作 成 日 2016 年 1 月 26 日 最 終 更 新 日 2016 年 1 月 26 日 1 / 24 Copyright 2016 MEC Corporation. All right Reserved 改 版 履 歴 版 数 日 付 改 版 内 容 1.0 2016/01/26 新 規 作 成 2 /

More information

Microsoft PowerPoint - ss_manual110216.ppt

Microsoft PowerPoint - ss_manual110216.ppt Copyright (c) Weblab Corporation. All rights reserved. 1 1. ホームページの 構 成 と 原 稿 の 準 備 04 ( ホームページの 原 稿 準 備 のポイント ) 05 2. 基 本 設 定 06 1. 52 1-1. 1-2. 3. デザインの 選 択 09 4. オリジナルデザインの 作 成 11 5. ページの 書 き 出 し(サイトの

More information

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

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

More information