スタイルシートでデザインを整えよう
|
|
- みそら すえたけ
- 7 years ago
- Views:
Transcription
1 スタイルシートでデザイン(2) CSS (Cascading Style Sheets) ここまで HTML は 文 章 の 意 味 的 な 役 割 を 記 述 するもので 表 示 はブラウザ 次 第 であること を 強 調 してきました あるブラウザでの 表 示 方 法 を 前 提 に HTML で 見 た 目 を 制 御 しようとす ると 他 の 環 境 では 意 味 が 通 じにくい 相 互 運 用 性 の 低 い 情 報 となってしまいます Web の 表 現 を 作 者 が 指 定 するには HTML ではなく スタイルシートという 別 の 機 能 をもち います HTML では 意 味 だけを 記 述 し その 意 味 に 対 してスタイルシートで 表 現 を 対 応 づけるという 分 業 を 行 なうのです 意 味 と 表 現 を 分 離 することで HTML の 相 互 運 用 性 が 確 保 されます また 環 境 に 応 じてス タイルシートを 取 り 替 えれば 全 く 同 じ HTML を 用 いつつ それぞれの 特 長 を 生 かした 表 現 が 可 能 になります HTML では スタイルシート 言 語 として CSS(Cascading Style Sheet)を 用 います スタイルシートでデザインを 整 えよう CSS のスタイルは HTML 文 書 の 誰 の 何 を どうする という 情 報 を 宣 言 します た とえば h1 要 素 を 赤 い 文 字 にするには h1 {color: red}という 具 合 です ここで 誰 (h1)の 部 分 を セレクタ 何 (color)を プロパティ どうする(red)をその 値 と 呼 びます スタイルシートとはこの 宣 言 を 必 要 なだけ 列 挙 したもので HTML 文 書 内 に 直 接 記 述 する 方 法 と 外 部 に 用 意 して 参 照 する 方 法 があります HTML 内 に 直 接 記 述 する 場 合 は head 要 素 内 の style 要 素 としてスタイルを 宣 言 します 前 回 の 授 業 では 外 部 スタイルシートの 方 法 を 学 習 しました その 場 合 は link 要 素 を 用 い rel= stylesheet とした 上 で href 属 性 でスタイルファイルを 指 定 します いずれも CSS である ことを 示 すために type= text/css という 属 性 を 加 えておきます 現 在 この 方 法 が 主 流 となって います 略 <meta http-equiv="content-style-type" content="text/css" /> <link href= mystyle.css rel= stylesheet type= text/css > 外 部 スタイルシートの 長 所 : 1. 外 部 スタイルシートを 利 用 することで ヘッダー 部 分 に 記 述 する 情 報 が 少 なくなり サー チエンジン 最 適 化 には 効 果 的 となります 検 索 エンジンでは キーワードの 出 現 位 置 がソ ースの 最 初 の 方 であるほど 重 要 視 されると 言 われているためです ヘッダー 部 分 のデー 1
2 タが 少 なくなれば 必 然 的 に コンテンツの 出 現 位 置 が 上 位 になるというわけです 2. 外 部 スタイルシートは 複 数 のページで 共 有 することが 可 能 です そのため 外 部 スタイル シートを 利 用 することで 簡 単 に 複 数 ページのデザインを 統 一 することができます 同 じようにデザインされていることで ユーザーはどこが 重 要 な 見 出 しで どこにメニューが あるのかといったことを すぐに 判 断 することができるためです いきなり 大 きくデザインが 変 わってしまうと 他 のサイトにジャンプしたのだろうか? とユ ーザーを 悩 ませることにもなるかも 知 れません もう 一 つのやり 方 としては CSS ルールを 直 接 HTML ファイルの 中 に 埋 め 込 む 方 法 が あります スタイルシートを 入 力 し 始 めるために head タグの 中 に style タグを 入 れます スタイル シートはすべて style タグの 中 に 入 力 していきます 略 <style type="text/css"> CSS ルール タグ 内 に<style>タグを 記 述 し その 中 にスタイルシートを 記 述 する 方 法 です <style>タ グには text/css を 値 に 持 った type 属 性 を 記 述 し <style>タグの 中 身 がスタイルシートであ ることを 示 します 基 本 的 には この 記 述 だけで 十 分 なのですが スタイルシートを 認 識 しな いブラウザの 場 合 スタイルシートの 文 字 をブラウザ 上 に 表 示 してしまうことがあります こ れを 防 ぐために コメントタグ でスタイルシートの 部 分 をさらに 挟 み 込 みます 埋 め 込 み 方 式 は そのページ 独 自 のスタイルを 指 定 したいときによく 利 用 されます 背 景 の 色 を 変 えるには: background-color h1 { background-color: green; } h2 { background-color: lightyellow; } 2
3 文 字 の 色 を 変 えるには: color: 色 h1 { background-color: lightseagreen; color: white; } h2 { background-color: #20B2AA; color: #E0FFFF; } 見 出 し 文 字 の 大 きさを 変 えるには: font-size: 文 字 の 大 きさ h1 { font-size: 1.5em; } 0.6cm; 24px; 18pt; 150% h2 { font-size: 1.2em; } Q: CSS はどこに 書 けばよいのですか? 以 下 の 三 つの 方 法 があります (1) 外 部 スタイルシート (external style sheet) HTML ファイルとは 別 に CSS ルールを 記 述 したファイルを 作 成 します CSS ルール を 適 用 させるには HTML の 内 に 次 のように 関 連 付 けを 記 述 します <link href= パス 付 きで 指 定 した css ファイル 名 (mystyle.css など) rel= stylesheet type= text/css > (2) エンベデッド スタイルシート (embedded style sheet) HTML の 内 に 次 のように CSS ルールを 理 め 込 みます CSS ルール 3
4 (3) インライン スタイルシート (inline style sheet) HTML の 要 素 の 開 始 タグの 中 で style 属 性 を 使 って CSS ルールを 指 定 します < 要 素 名 style= css の 宣 言 ></ 要 素 名 > 例 えば <h1> 要 素 を 赤 色 にするには: <h1 style= color: red > 見 出 し1のテキスト</h1> と 記 述 します よく 使 われる CSS ルール: で 区 切 られた 値 は 選 択 できるプロパティ 値 を 表 す 書 体 の 指 定 フォント font-family 書 式 セレクタ{font-family: family-name, generic-family} 例 h1{font-family: MS P 明 朝, serif} generic-family の 指 定 は 指 定 した family-name を 持 つフォントがユーザの 環 境 によって 選 択 できなかった 場 合 に 代 替 フォントに 表 示 するためのものです generic-family には serif, sans-serif, cursive, fantasy, monospace などを 指 定 できます 文 字 サイズ font-size 書 式 セレクタ{font-size: ポイント 数 } 例 h1{font-size: 12pt; } 斜 体 の 有 無 font-style 書 式 セレクタ{font-style: normal italic oblique} 例 h1{font-style: italic; } ( 斜 体 にしたいとき) 太 字 font-weight 書 式 セレクタ{font-weight: normal bold bolder lighter } 例 h1{font-weight: bold} ( 太 字 にしたいとき) 行 間 line-height テキストを 読 みやすくするためのポイントとして 行 間 があります line-height のプロパティ を 使 います 一 般 的 に em や 割 合 (%)を 使 って 指 定 します 書 式 セレクタ{line-height: 1 文 字 のサイズに 対 する 比 率 } 例 div { line-height: 1.5em; } 4
5 p { line-height: 150% ; } テキストの 周 囲 の 指 定 text-align プロパティを 使 うと <p>タグや<h1>タグなどのブロック 要 素 内 の 行 揃 えを 指 定 することができます また テキストを 表 示 する 幅 は width プロパティで 指 定 します 行 揃 えと 幅 の 指 定 text-align プロパティは ブロック 要 素 内 の 行 揃 えを 指 定 します 値 にはキーワードを 記 述 します 書 式 セレクタ{text-align: left center right justify ( 両 端 揃 え) auto ( 自 動 設 定 ); } 例 p { text-align: center; } p { text-align: left; } width プロパティ Width プロパティは ブロック 要 素 の 横 幅 を 決 めるものです この 幅 は ピクセルなどで 指 定 されます 書 式 セレクタ{width : 数 値 (ピクセルなど) %(ウインドウに 対 する 割 合 ) auto ( 自 動 設 定 ); } 例 p { width: 250px; } p { width: 70% ; } マージン( 枠 線 の 外 側 の 余 白 )の 大 きさを 指 定 する 書 式 セレクタ{margin: 実 数 値 % 値 auto ( 自 動 設 定 ) } margin-top margin-bottom margin-right margin-left 例 div { margin-top: 10px ; margin-left: 200px; } margin 属 性 では 複 数 の 値 を 指 定 することができます 例 : 上 下 と 左 右 の 辺 に 分 けて 指 定 する div { margin: 30px 20px; } 上 辺 と 左 右 と 下 辺 に 分 けて 指 定 する div { margin: 30px 20px 25px ; } 画 像 を 配 置 する テキストの 回 り 込 みを 指 定 するときに float プロパティを 使 います float プロパティと 値 right left の 組 み 合 わせで 画 像 とテキストに 関 する 左 右 の 配 置 指 定 ができ 5
6 ます 書 式 セレクタ{float: right left ( 画 像 は 左 テキストは 右 に 流 れ 込 む); } 例 img { float: right; } img { float: left; margin-right: 10px; margin-bottom: 10px; } 背 景 画 像 の 表 示 と 並 べ 方 repeat 縦 横 にタイル 状 に 繰 り 返 して 表 示 repeat-x 横 方 向 にのみ 繰 り 返 して 表 示 repeat-y 縦 方 向 にのみ 繰 り 返 して 表 示 no-repeat 繰 り 返 さずに 一 つだけ 表 示 { background-image: url(photo/rose.jpg); background-repeat: no-repeat; } 6
スタイルシートでデザインを整えよう
スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます
More information演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W
Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z:
More informationWORD 98 入力の手引き
コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され
More information2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正
1 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく
More informationTaro-CSS.jtd
CSSCascading Style Sheet 1. CSS CSSCascading Style Sheet HTML XHTML, XML HTML CSS HTML/XHTML/XML CSS HTMLXHTML CSS XML CSS 2. CSS HTML/XHTML CSS HTML CSS XML XSL-FO XSLT+CSS CSS Web Web HTML 3. HTML HTML
More informationスライド 1
第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの
More information第3回HP講習会資料ver1.2(2007.9.20)
1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート
More information文 書 構 造 とスタイル
第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介
More informationHTML5&CSS3 レッスンブック
STEP 7-6 Chapter 7 FINISHING & ARRANGE style.css STEP 7-6 で 置 き 換 えた style.css の 設 定 です DESIGN POINTS デザインのポイント Google Fontsの Bowlby One で 表 示 ナビゲーションメニューの 各 リンクは 四 角 形 にデザイン コンテンツは 罫 線 で 囲 まない メインコンテンツの
More information地域ポータルサイト「こむねっと ひろしま」
5. エディタの 使 い 方 5.1. エディタとは? NetCommons の 全 モジュールで 共 通 する 編 集 画 面 です 5.2. 通 常 のエディタの 使 い 方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19)(20)(21) (22) (23) (24) (25)
More informationCSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
More information(Microsoft Word - \203u\203\215\203O\215\354\220\254.doc)
ブログをカスタマイズ! ~HTML HTML CSS を 使 ってブログを 自 分 の 好 みにしちゃおう ~ ブログを 登 録 しよう! ブログってなんだろう? ブログとはインターネット 上 で 管 理 者 が 記 事 を 投 稿 する 私 的 ニュースサイト あるいは 日 記 的 なもののこと 個 人 のホームページを 持 たなくても 簡 単 に 自 分 が 書 きたいことを 作 って 載 せることができる
More information目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T
ホームページングサービス G o o d P a g e E a s y GoodPageASPシリーズ 操 作 マニュアル 基 本 操 作 編 (EASY+のメニュー 操 作 については メニュー 操 作 編 をご 覧 下 さい) ASPシリーズ(SUPERLITE EASY EASY+)の 基 本 操 作 手 順 は 共 通 ですが マニュアルではGoodPageEASYの 画 面 で 説 明
More informationMicrosoft PowerPoint - css [互換モード]
情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく 使
More informationMicrosoft Word - 201009_page新機能について.doc
@page 新 機 能 について 1. 全 体 背 景 とページ 背 景 画 像 に 画 像 の 入 力 背 景 にグラデーションを 採 用 する 11. 全 画 面 基 本 項 目 の 設 定 の 実 行 ボタンを 選 択 2 背 景 色 を 白 にし カスタマイズ 画 像 を 使 用 する をチェックする グラデーション 画 像 を 横 に 繰 り 返 し 表 示 を 選 択 背 景 とページを
More informationCascade Style Sheet
SmartDoc Cascade Style Sheet http://k-sek01.t-komazawa.ac.jp/ (CSS) CSS HTML 1. HTML HTML HTML 2. HTML 3. HTML CSS. class :link :visited :visited :hover :active 1. { : ; } 2. ":" 3. h1 { font-size: 24pt;
More informationホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
More informationMicrosoft PowerPoint - 08回目.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading
More information1. 目 次 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 informationMicrosoft Word - 2016メディプロ1HTML統合版v1
2016 年 度 メディアプロジェクト 演 習 1 HTML 講 座 発 展 編 2 ~ CSS と Web アクセシビリティ 立 命 館 大 学 情 報 理 工 学 部 メディア 情 報 学 科 進 捗 が 遅 れている 場 合 に 限 り,テキスト 中 で 省 略 可 マークのついた 節 は 省 略 してもよい. 1 はじめに 本 演 習 ではこれまで, 様 々なタグを 用 いた 基 礎 的 な
More informationMicrosoft PowerPoint - css.ppt [互換モード]
情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 W3Cで 推 奨 される
More informationFckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ
Fckeditor マニュアル 目 次 Fckeditor の 基 本 的 な 使 い 方... 2 記 事 の 登 録 プレビューの 前 に... 2 リンクを 挿 入... 5 画 像 を 挿 入 する... 6 PC に 保 存 している 画 像 の 挿 入... 6 WEB 上 の 画 像 を 挿 入... 8 文 字 装 飾... 10 文 章 を 見 出 しにする... 10 太 文 字
More information2 Web ページの 文 字 サイズを 変 更 する Microsoft Internet Explorer 8 では 文 字 のサイズを 変 更 して Web ページをより 見 やすくする ことができます 文 字 のサイズを 変 更 する 場 合 は 画 像 やコントロールは 元 のサイズが 維
Windows が 提 供 する Web ブラウザ(Microsoft Internet Explorer 8)の 機 能 1.Web ページをズームする 2.Web ページの 文 字 サイズを 変 更 する 3.Web ページで 使 用 される 色 を 選 択 する 4.Web ページやドキュメントで 使 用 されるフォントのスタイルやサイズを 選 択 する 5.Web ページのユーザー 補 助
More informationOpenCity2説明
和 光 市 市 民 活 動 支 援 サイト 新 掲 示 板 (FCKエディタ)について 通 常 ホームページを 作 成 するには HTML という 専 門 言 語 の 知 識 が 必 要 ですが FCK エディ タを 使 えば ワードやエクセルと 同 じ 感 覚 で タイトル 文 字 を 太 字 にしたり 表 を 作 成 したり 画 像 を 挿 入 したり 更 にはワードで 作 成 した 文 章 スタイルそのままにコピー&ペースト
More information006-021_責)Wordトレ2-1章_斉
. Wordの 起 動 Wordの 基 礎 知 識. Wordの 起 動 Wordの 起 動 は 次 のように 行 います 他 のアプリケーションソフトのように いくつかの 起 動 方 法 があります スタートメニューからの 起 動 スタートメニューから 起 動 する 方 法 は 次 の 通 りです [スタート]メニューの[すべてのプログラム]から[Microsoft-Office]の [Microsoft-Word]を
More informationCSS / 横 1 段 組 レイアウト ビルダー 起 動 新 規 作 成 名 前 を 付 けて 保 存 (ファイル 名 =01turkey-ta.html 保 存 場 所 =css-2) (1)id= contents 用 の 親 DIV タグを BODY の 中 に 入 れる 右 側 の タグ 一
外 部 スタイルシート(CSS)の 基 本 1. 外 部 スタイルシートを 作 るには 1Sマークをクリック 2 外 部 スタイルシートの 追 加 参 照 保 存 場 所 image が 入 っているファイルを 選 択 ファイル 名 に 名 前 を 付 ける( 例 index-ta) 保 存 3スタイルシートマネージャーを 閉 じて 上 書 き 保 存 4Sマークをクリック スタイルシート 情 報
More information27短01研01斉藤.indd
WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium
More informationおすすめページ
4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると
More informationスタイルシートを 用 いた 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 informationA
A. ツールボタン の 使 い 方 下 の 図 は NetCommons の 共 通 エディタで 表 示 されるツールボタンの 一 覧 です 書 式 設 定 左 からフォント サイズ スタイルを 設 定 するためのプルダウンメニューです 効 果 をつけたい 箇 所 の 先 頭 でク リックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 文 字 効 果 左 から
More informationWeb概論
HTML/CSS Chapter 04 スタイルシートを使う Copyright 2011 ZDRIVE, K.K. All rights reserved. 4.1 CSS の仕組みと書式 CSS とは Cascading Style Sheet の略 単に スタイルシート と呼ばれることもある HTML で作ったページにレイアウトや装飾などのデザインを施すための仕組み CSS を記述したファイルは.css
More informationGMO MobileHomePage
テンプレート 解 説 書 (キャンペーンサイト) Last update 2010/02/26 1 目 次 1. テンプレート 解 説 書 (キャンペーンサイト)について...3 2. テンプレートを 利 用 した 携 帯 サイト 制 作 方 法...4 3. 全 ページ 共 通 画 像 について...5 4. トップページ 解 説...7 5. 問 題 ページ 解 説...8 6. 正 解 ページ
More information<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>
商 品 管 理 商 品 管 理 を 行 うためのメニューです 4.1 商 品 管 理 のサイドメニュー 商 品 管 理 には 以 下 のサイドメニューがあります 商 品 一 覧 登 録 済 みの 商 品 の 一 覧 を 表 示 します 既 に 登 録 済 みの 商 品 の 検 索 検 索 した 商 品 を 編 集 する 際 に 使 用 します 新 規 作 成 商 品 を 新 規 登 録 する 画 面
More information(Microsoft PowerPoint -
図 面 作 成 は 各 ユーザ 様 の 各 規 定 によって 異 なってきますが その 中 でも 共 通 して 使 用 されると 思 われる 幾 つかの 機 能 作 成 方 法 についてご 紹 介 します オリジナル 図 面 シートの 作 成 について 図 面 シートの 作 成 新 規 のドラフトファイルを 開 き メインメニューの ファイル-シートの 設 定 ダイアログボックスの サイズ タブから
More informationタイトル 画 像 の 挿 入 <1 行 目 > タイトル 挿 入 セルの 選 択 属 性 セルタブ 参 照 タイトル 画 像 (30title.jp g) 選 択 開 く <2 行 目 > < 左 側 > < 右 側 > < 中 央 > <3 行 目 > 挿 入 セルの 選 択 属 性 セルタブ 参
サムネール ページの 作 り 方 ビルダー 起 動 ファイル 標 準 モードで 新 規 作 成 ページタイトルを 入 れる 画 面 上 の BODY をクリック BODY の 属 性 ページ 情 報 タグ ページタイトル 紫 陽 花 と 入 力 OK 表 の 挿 入 表 の 挿 入 6 行 1 列 OK 属 性 表 タブ 表 の 幅 :750p x Ente r 属 性 セルタブ
More informationKINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2
目 次 動 作 環 境 特 長 方 法 方 法 起 動 終 了 方 法 方 法 操 作 方 法 使 方 使 方 使 方 詳 細 設 定 使 方 KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 KINGSOFT Office 2016 特 長 主 特 長 以
More informationPowerPoint プレゼンテーション
1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト
More informationスライド 1
アリババ ワールドパスポート 製 品 詳 細 ご 利 用 ガイド 2010/03/11 Ver1.00 2012/10/09 Ver1.50 お 問 い 合 わせ 先 アリババ 株 式 会 社 メール:infoggs@alibaba-inc.jp 103-0007 東 京 都 中 央 区 日 本 橋 浜 町 2-12-4 エスエス 製 薬 本 社 ビル4F 目 次 文 字 装 飾 の 追 加 変 更
More information(1)
第 回 アビリンピック 京 都 大 会 ホームページ 部 門 練 習 問 題 (1) 仕 様 1 ホームページの 内 容 府 立 京 都 高 等 技 術 専 門 校 のホームページを 作 成 する 2 ページ 構 成 とファイル index.html guid.html course.html mystyle.css ie.css 以 上 のファイルと 素 材 はホームページよりダウンロードして
More information<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63>
文 書 作 成 演 習 ( 応 用 編 ) (Word007,Excel007) 文 書 作 成 演 習 ( 応 用 編 ) のテキストを 参 考 にしながら, 次 の 学 級 だよりを 作 成 してみましょう IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 演 習 用 素 材 のフォルダをデスクトップ 上 に 作 成 します IPA 教 育 用 画 像 素 材 集
More informationタグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように
情 報 メディアとインターネット 授 業 資 料 (2011.7.4) 1.HTML の 基 本 HTML ファイルというのは 例 えば 以 下 のような 内 容 のテキストファイルです 拡 張 子 を.html また は.htm とするのが 普 通 で Web ブラウザで 読 み 込 まれて 中 身 の 表 示 が 行 われます Simple HTML File Hello
More information2 / 15 ページ 第 10 講 バーコードシートの 作 成 10-1 ブック(ファイル)を 開 く 第 8 講 で 保 存 した meibo2.xlsx を 開 きましょう 10-2 データの 検 索 と 置 換 データを 検 索 したり 別 のデータに 置 き 換 えたりする 機 能 です 検
1 / 15 ページ キャリアアップコンピューティング 第 10 講 [ 全 15 講 ] 2016 年 度 2 / 15 ページ 第 10 講 バーコードシートの 作 成 10-1 ブック(ファイル)を 開 く 第 8 講 で 保 存 した meibo2.xlsx を 開 きましょう 10-2 データの 検 索 と 置 換 データを 検 索 したり 別 のデータに 置 き 換 えたりする 機 能
More informationMicrosoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx
CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の
More informationPowerPoint プレゼンテーション
WiLL Mail トライアルアカウント 用 簡 易 マニュアル 1 メールを 配 信 する(シンプルDB 編 ) 1.データベースを 設 定 する 2.メールを 作 成 する 1 新 規 メールを 作 成 する 2 配 信 対 象 設 定 をする 3 基 本 設 定 をする 4コンテンツを 編 集 する 5 設 定 内 容 を 確 認 する 6 配 信 を 行 う p3,4 p5 p6,7 p8,9
More information(Microsoft PowerPoint - Ver12\203o\201[\203W\203\207\203\223\203A\203b\203v\216\221\227\277.ppt)
ACAD-DENKI DENKI Ver.12 新 機 能 / 改 善 機 能 アルファテック 株 式 会 社 1 新 機 能 改 善 機 能 一 覧 ACAD-DENKI/EL Ver.12 新 機 能 と 改 善 機 能 新 メニュー/ 新 機 能 拡 張 プロジェクト 管 理 外 部 端 子 コネクタ 端 子 ネット 分 割 化 リアルタイム 線 番 挿 入 改 善 項 目 図 題 情 報 編
More informationスライド 1
第 5 章 ワープロ B(Word2003) ( 解 答 と 解 説 ) 5B-1. 文 書 の 編 集 1スタイルの 設 定 : 見 出 し1の 設 定 (ア)=I スタイルとは さまざまな 書 式 を 組 み 合 わせて 名 前 を 付 けて 登 録 したものです あらかじめ 用 意 してあるもの 以 外 に 新 規 に 登 録 することもできます ここでは 後 で 使 う 目 次 の 項 目
More informationインターネットマガジン2004年3月号―INTERNET magazine No.110
C S S text & photo: Kaminogoya 2xUP http://2xup.boo.jp/ 1 2 3 106 +++ internet magazine 2004.03 +++ c s s CSS Technique 01.blogbody blockquote{ background-color: #CCCCCC; /* */ border-left: solid 5px #FF3300;
More information<4D6963726F736F667420576F7264202D20819A837A815B83808379815B83578DEC90AC837D836A83858341838B2E646F6378>
2010 年 12 月 改 正 版 ビーコマース ホームページ 作 成 マニュアル 本 文 中 の 画 像 は 2010/12/06 までのものとなっておりますので 実 際 の 画 像 とは 異 なる 場 合 がございます もくじ 本 書 の 使 い 方 1 スタイル 設 定 2 自 由 ページレイアウト 設 定 3 ホームページ 作 成 画 面 説 明 4 コンテンツ 編 集 5 ( 店 舗 TOP
More information2016 年 度 情 報 リテラシー 三 科 目 合 計 の 算 出 関 数 を 用 いて 各 教 科 の 平 均 点 と 最 高 点 を 求 めることにする この2つの 計 算 は [ホーム]タブのコマ ンドにも 用 意 されているが 今 回 は 関 数 として 作 成 する まず 表 に 三 科
( 第 9 回 )2016/06/13 Excel 関 数 の 基 礎 この 回 では Excel での 数 値 処 理 に 役 立 つ 関 数 について 解 説 する 1. 課 題 の 確 認 成 績 の 集 計 について 関 数 を 利 用 して 行 う 利 用 するソフトウェア:Microsoft Excel 1.1. 演 習 の 内 容 関 数 は 表 計 算 ソフトで 数 値 処 理 を
More informationMicrosoft Word - word_05.docx
第 1 章 葉 書 き 作 成 と 外 国 語 の 入 力 縦 書 きのはがき 作 成 1. ページレイアウト タブの ページ 設 定 グループから 起 動 ツールボタン をク リックする 2. ページ 設 定 ダイアログボックスの 用 紙 余 白 文 字 数 と 行 数 タブをクリッ クして 指 定 されたとおり 設 定 を 行 う( 用 紙 :はがき 余 白 : 上 下 15 ミリ 左 右 :10
More information目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3. 表 紙... 4 4.スケジュール... 5 5. 組 入 れ 基 準... 9 6. 併 用 禁 止 薬... 10 7. 併 用 注 意 薬... 10 8. 同 種 同 効 薬... 10 9. 医 師 モニタリング..
治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.4 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバンストエンジニアリング 2010 目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3.
More informationPowerPoint Presentation
登 録 を 受 け 付 けるWebフォームを 作 成 したい 1. 概 要 ホームページ 上 で 会 員 登 録 を 受 け 付 ける 登 録 フォームの 作 り 方 を 説 明 します 弊 社 のシステムを 利 用 すると 会 員 登 録 や 資 料 請 求 などの 登 録 フォームを 作 成 することが 可 能 です cgiプログラムを 組 む 必 要 はありません < フォーム 作 成 設 定
More informationNetwork Computing の基礎
CSS Cascading Style Sheets Cascading = Style Sheets = CSS WEB HTML CSS 2 HTML h1 p CSS 3 CSS CSS HTML sample1.html CSS HTML sample2.html CSS CSS sample2.css CSS
More information治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン
2014 年 1 月 7 日 治 験 依 頼 者 各 位 新 潟 市 民 病 院 治 験 管 理 室 Excel 形 式 の 電 子 プロトコール 提 出 の 御 依 頼 当 院 では 効 率 的 で 正 確 な 治 験 の 実 施 のため 電 子 カルテ 内 に 専 用 の Excel 形 式 による 電 子 プロトコールを 導 入 しております つきましては 治 験 依 頼 の 際 に 下 記
More informationHTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー
Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込
More informationSPARQL Finder設置方法
簡 易 LOD 検 索 サイト 作 成 ツール (SPARQL Finder) 設 定 方 法 2013/12/25 大 阪 大 学 産 業 科 学 研 究 所 加 藤 敦 丈, 古 崎 晃 司 概 要 目 次 概 要 本 ドキュメントは, 簡 易 LOD 検 索 サイト 作 成 ツール の 利 用 方 法 を 解 説 したものです. ツールの 詳 細,ダウンロードは 公 開 サイト https://sourceforge.jp/projects/easylod/wiki/easylodsite
More information為 が 行 われるおそれがある 場 合 に 都 道 府 県 公 安 委 員 会 がその 指 定 暴 力 団 等 を 特 定 抗 争 指 定 暴 力 団 等 として 指 定 し その 所 属 する 指 定 暴 力 団 員 が 警 戒 区 域 内 において 暴 力 団 の 事 務 所 を 新 たに 設
暴 力 団 員 による 不 当 な 行 為 の 防 止 等 に 関 する 法 律 の 一 部 を 改 正 する 法 律 暴 力 団 員 による 不 当 な 行 為 の 防 止 等 に 関 する 法 律 例 規 整 備 * 暴 力 団 員 による 不 当 な 行 為 の 防 止 等 に 関 する 法 律 の 一 部 を 改 正 する 法 律 例 規 整 備 公 布 年 月 日 番 号 平 成 24 年
More informationメール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ
.3 1...3 メール 受 信 タブのサブメニューから 直 接 受 信 箱 以 外 のフォルダを 表 示 することもできます 共 有 メー ルボックスのフォルダは 指 定 できません 3. 35 メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受
More information<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>
アンケートフォームを 設 置 する 方 法 < 目 次 > 1 アンケートフォームを 利 用 するための 設 定 をする 2 1-1 アンケートフォームの 詳 細 設 定 をする 1-2 アンケートフォームの 入 力 画 面 を 作 成 する 1-3 お 客 さんが 入 力 内 容 を 確 認 するためのページを 作 成 する 1-4 アンケート 完 了 後 に 表 示 するお 礼 画 面 を 作
More informationはじめに確認していただきたいこと
ページの 内 容 を 編 集 する ページ 内 の 領 域 を 追 加 削 除 したり 修 正 したりして 編 集 します 1 編 集 メニュー 表 示 を 押 す 2 編 集 したい 領 域 の 下 にスクロールする グレーの 帯 が 表 示 されています 3 グレーの 帯 の 部 分 にカーソルを 合 わせる 編 集 メニューが 表 示 されます 4 編 集 したい 内 容 に 合 わせて 操
More informationPowerPoint プレゼンテーション
3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,
More informationMicrosoft Word - P10-0001.doc
はじめに 1 PowerPoint の 概 要 2 1 PowerPoint とは 2 2 プレゼンテーションとは 2 3 PowerPoint でできること 3 4 プレゼンテーション 作 成 の 流 れ 4 5 PowerPoint の 起 動 5 6 PowerPoint の 画 面 6 第 1 章 新 しいプレゼンテーションを 作 ろう 1 レッスン1 文 字 を 入 力 しよう 3 1 文
More information研究者総覧システム
関 西 大 学 学 術 情 報 システム 操 作 マニュアル 検 索 用 第 1.5 版 2010/4/1 関 西 大 学 更 新 履 歴 版 数 作 成 日 内 容 1.0 2008/11/28 新 規 作 成 1.1 2009/04/08 画 像 の 変 更 ログイン 画 面 への 遷 移 を 追 加 キーワード 検 索 の 対 象 を 変 更 概 要 の 変 更 対 象 ブラウザの 追 加 1.2
More information第 1 章 PowerPoint を 始 める 前 に 第 1 章 PowerPoint を 始 める 前 に 1. 最 初 に 考 えること 2. PowerPoint の 画 面 -1- IBR2012-V1.0
パワーポイント 基 礎 講 習 PowerPoint を 始 める 前 に PowerPoint を 始 めよう アニメーションを 活 用 する PowerPoint 2010 対 応 NPO インターネットビジネス 研 究 所 Copyright IBR 2012 第 1 章 PowerPoint を 始 める 前 に 第 1 章 PowerPoint を 始 める 前 に 1. 最 初 に 考
More informationMicrosoft Word - FBE3A91F.doc
広 島 大 学 ウェブマネジメントシステム 共 通 事 項 (Ver:2009.04.16) 本 システムに 関 する 問 い 合 わせ 本 システムに 関 する 問 い 合 わせは 下 記 までご 連 絡 ください 社 会 連 携 情 報 政 策 室 広 報 グループ 内 線 :5017 5017 6131 E-mail mail:koho@office.hiroshima koho@office.hiroshima-u.ac.jp
More information<5461726F2D93648E718E868EC58B8F30332E6A7464>
PowerPointで 電 子 紙 芝 居 を 作 ろう! Microsoft Office Power Point 2003 を 用 いて 電 子 紙 芝 居 を 作 成 します 主 に, 画 像 の 挿 入 や オートシェイプ, クリップアート, アニメーションの 設 定, 画 面 の 切 り 替 え 効 果 機 能 を 用 います また,プロジェクタで 投 影 して 電 子 紙 芝 居 として
More information<4D F736F F D2090C389AA8CA72D92F18F6F2D D F ED28CFC82AF91808DEC837D836A B E838B A815B816A2E646F6378>
1. 基 本 事 項 1.1. システムで 行 えること デジタルライブラリー では データベース 上 に 登 録 されている 様 々なカテゴリのデータを 検 索 閲 覧 できます データを 検 索 する キーワード 検 索 全 データをフリーワードで 検 索 できます 簡 易 検 索 データの 共 通 項 目 に 条 件 を 指 定 し 全 データを 横 断 して 検 索 できます 詳 細 検 索
More information1.2. ご 利 用 環 境 1.2.1. 推 奨 ブラウザ Internet Explorer 10 11 Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7
1. アーカイブデータベースを 検 索 / 閲 覧 する 1.1. データの 検 索 方 法 東 京 アーカイブ では 以 下 に 分 類 されるカテゴリの 画 像 データ 資 料 データを 閲 覧 できます 江 戸 城 浮 世 絵 双 六 和 漢 書 江 戸 東 京 の 災 害 記 録 絵 葉 書 写 真 帖 近 代 の 地 図 東 京 府 東 京 市 関 係 資 料 番 付 建 築 図 面 書
More information■新聞記事
PowerPoint2013 基 本 操 作 P.1 PowerPoint2013 基 本 操 作 1.PowerPoint2013 の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力 とテキストボックス... 5 5. 図 の 作 成 と 書 式 設 定... 5 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色...
More informationMicrosoft Word - TCⅡマニュアル_第6章_ doc
.1 章 -1 .1 様 々な 機 能 を 利 用 し 簡 単 にイメージ 通 りの 加 工 が 行 えます した は 元 を 残 し 新 規 として 保 存 されます また 再 できる 加 工 内 容 の 場 合 は 上 書 き 保 存 することができます.1.1 面 について 配 置 面 ( 第 4 章 ) ペンスコープ 面 ( 第 5 章 ) 一 覧 面 ( 第 12 章 )( 複 数 選 択
More information【試用版】AppStudioクイズアプリ作成手順
2014 年 08 月 18 日 最 終 更 新 クイズアプリをつくろう Dacoon, Inc. 目 次 1. APP STUDIO で 作 れるクイズについて... 3 2. クイズアプリを 作 ってみよう... 4 3. 画 像 の 設 定... 22 4. CSS 編 集 について... 25 5. パブリッシュについて... 27 2 1.App Studio で 作 れるクイズについて
More information2ステータスバーのアイコンを 文 字 表 示 にする ステータスバーを 右 クリックし アイコンを 使 用 のチェックをはずす 文 字 表 示 になる 操 作 時 は 適 宜 オン オフを 変 更 するが まずは 直 行 モード OSNAP 線 の 太 さのみオンとし 他 はオフにしておく 2. 製
1. 操 作 画 面 の 設 定 1メニューバーを 表 示 させる AutoCAD2014 操 作 説 明 ここをクリックしワークスペースをチェック ここをクリックしワークスペース 設 定 をクリック 製 図 と 注 釈 にチェックを 入 れる 初 期 設 定 で 製 図 と 注 釈 が 出 て い れ ば 不 要 ここをクリックしメニューバーを 表 示 させる メニューバー タブ リボン ページ1
More information問 題 1 背 景 色 という 文 字 列 の 背 景 をちょっと 青 っぽい 色 (#6699FF)で 表 示 するHMTLを 作 成 せよ <HTML><HEAD><TITLE>test11</TITLE> <BODY BGCOLOR="#FFFFFF"> この 部 分 は<STRONG STY
9.スタイルシートと JavaScript を 組 み 合 わせてみよう スタイルシートとは スタイルシートとは タグのみでは 実 現 不 可 能 なデザインレイアウトやページ 構 造 を 実 現 する 命 令 郡 です 主 に 次 の3つの 書 式 があります (1)インライン タグ 内 部 により 詳 細 なデザインを 組 み 込 む 書 式 です 例 : この 部 分 は
More informationSXF 仕 様 実 装 規 約 版 ( 幾 何 検 定 編 ) 新 旧 対 照 表 2013/3/26 文 言 変 更 p.12(1. 基 本 事 項 ) (5)SXF 入 出 力 バージョン Ver.2 形 式 と Ver.3.0 形 式 および Ver.3.1 形 式 の 入 出 力 機 能 を
SXF 仕 様 実 装 規 約 版 ( 幾 何 検 定 編 ) 新 旧 対 照 表 2013/3/26 改 訂 の 要 因 旧 新 (2013 年 4 月 版 ) 文 言 削 除 p.11(1. 基 本 事 項 ) (2) 保 証 すべき 実 数 の 精 度 p.5(1. 基 本 事 項 ) (2) 保 証 すべき 実 数 の 精 度 1. 用 紙 系 ( 線 種 ピッチ 等 用 紙 上 の 大 きさで
More informationブロックの 1 文字目のを変更する セレクタ : first-letter { 1 文字目のを指定するフォントや文字色 背景色 枠線などの ブロックの 1 文字目を字下げする text-indent: 字下げ幅段落の1 文字目の字下げ幅を指定する em( 標準 1em) px( ピクセル ) pt(
演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 HTML+CSS (4) (2 章 ) 2013/5/15( 水 ) 演習名 使用するフォルダ 演習 1 Z: Webプログラミング1 20130515 演習
More information1
Excelファイルアクセス 1. 概 要 Excel ファイルアクセスコンポーネントは Microsoft Excel のファイルを 開 いてセルの 値 や 書 式 を 取 得 変 更 したり テーブル 全 体 を 新 しいファイルと して 保 存 したりするために 用 います Excel ファイルアクセスコンポーネントは アプリケーションビルダーのメニューから 以 下 のように 選 びます [コンポーネント
More informationMicrosoft 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コンピュータ基礎実習(上級) 第二回
コンピュータ 基 礎 実 習 ( 上 級 ) 第 四 回 ウェブページの 作 成 について3 清 水 淳 紀 前 回 までの 内 容 ページの 作 成 方 法 ( 編 集 アップロード 確 認 ) ページはKompozer やメモ 帳 等 で 編 集 する ページを 公 開 するには アップロードをする 必 要 がある Internet Explorerなどでページを 開 き F5キーで 表 示 を
More informationMicrosoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード]
目 次 目 次 2 全 体 概 要 3 管 理 画 面 へのログイン 4 ページの 種 類 5 新 規 投 稿 の 流 れ 7 記 事 を 投 稿 する( 各 要 素 のパターン) 8 記 事 を 投 稿 する( 要 素 の 順 番 入 れ 替 え 削 除 の 方 法 ) 10 画 像 追 加 11 投 稿 の 編 集 14 サイドエリアの 編 集 16 投 稿 の 削 除 17 新 規 カテゴリの
More informationWord 003 スキルブック 06 - オブジェクトの 利 用 0.Word で 作 る 表 : 行 幅 を 最 小 値 より 小 さく 設 定 する 3 表 の 左 右 のサイズを 適 宜 調 整 します Word で 表 を 作 成 するとき, 列 幅, 行 幅 ともに 基 本 的 に 自 由
Word 003 スキルブック 06 - オブジェクトの 利 用 Word 003 スキルブック 06 - オブジェクトの 利 用 ツールバーに 表 ( 罫 線 )の 作 成 機 能 を 追 加 する( 罫 線 ツールバーを 追 加 する) ツールバー 上 の,アイコンのない 空 白 箇 所 を 右 してメニューを 開 きます 0. 準 備 :ツールバーのカスタマイズ メニュー 内 の 罫 線 の
More information検 索 文 字 列 が 住 所 にマッチするならば 地 図 画 面 を 表 示 します 検 索 文 字 列 が 住 所 の 一 部 ならば キーワードを 含 む 検 索 結 果 画 面 を 表 示 します
名 古 屋 市 都 市 計 画 情 報 提 供 システム 操 作 方 法 検 索 方 法 キーワードから 探 す 住 所 または 住 所 の 一 部 から 地 図 を 検 索 する 事 が 出 来 ます [ 名 古 屋 市 ] 以 降 の 住 所 施 設 名 またはその 一 部 を 入 力 し 検 索 をクリックします 検 索 文 字 列 が 住 所 にマッチするならば 地 図 画 面 を 表 示
More information(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc)
スタイルシート ( 第 1 章 基 礎 1) HTMLはWeb 作 成 用 の 言 語 ですが 文 字 飾 りがかなり 貧 弱 です そこを 強 化 した ものがスタイルシートと 言 われるものです さらにスタイルシートには HTMLでは 出 来 ないような 仕 組 みも 取 り 入 れられています スタイルシートよりレベルの 高 い 技 術 は JavaScript ですが スタイルシートの 仕
More information補 図 100 Webページ 制 作 の 流 れ 2 HTML 文 書 とブラウザ 3 作 成 するページ Webページの 作 成 に 用 いるHTMLの これから 作 成 するWebページの 内 容 を 示 した 紹 介 と そのしくみを 簡 単 に 解 説 する リンク 機 能 など 基 本 的
補 充 資 料 8 Webページ 作 成 基 礎 (ホームページビルダー 編 ) いわてEDネットに 接 続 しているすべての 県 立 学 校 での 学 校 Webページの 公 開 が 平 成 15 年 度 まで に 完 了 し 開 かれた 学 校 づくりの 一 環 として 小 中 学 校 や 幼 稚 園 などでも 積 極 的 にWebページの 公 開 が 進 んでいる これらのWebページの 作
More information(Microsoft Word - \221\346\202P\202U\201@\214i\212\317.doc)
(1) 1 ア 調 査 すべき の 手 法 情 報 できる 主 要 な 眺 望 地 点 及 び 主 要 で 身 近 な 視 点 の 状 況 な 実 視 施 点 地 ( 区 点 不 域 のうち 特 周 定 辺 の 多 主 数 の 要 な なものをいう 人 々 眺 望 又 地 は 点 周 ( 辺 の 不 以 住 特 下 民 定 が 同 多 じ ) 数 の する 人 及 々が 場 び 所 対 利 で 象
More information1/2
札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画
More information2016 年 度 情 報 リテラシー 変 更 された 状 態 同 様 に 価 格 のセルを 書 式 設 定 する 場 合 は 金 額 のセルをすべて 選 択 し [ 書 式 ]のプルダウンメニューか ら[ 会 計 ]を 選 択 する すると が 追 加 され 金 額 としての 書 式 が 設 定 さ
( 第 11 回 )2016/06/27 表 計 算 を 利 用 した 集 計 作 業 この 回 では Excel を 用 いた 集 計 作 業 を 行 う 集 計 は 企 業 などで 事 実 を 記 録 したデータを 目 的 に 従 って 整 理 する 作 業 である Excel では 集 計 に 特 化 した 機 能 として テーブル ピポットテーブル という 機 能 がある 1. 課 題 の
More information<IE の 設 定 について> 従 来 版 をすでにご 利 用 の 方 の 場 合 互 換 表 示 設 定 がある 状 態 になっていると 思 わ れますので 必 ず 解 除 の 設 定 を 行 ってください 従 来 版 では IE の 10 以 上 では 互 換 表 示 設 定 が 必 要 でした
地 盤 情 報 検 索 サイト KuniJiban の 新 たな 検 索 画 面 ( 地 理 院 地 図 版 )について これまで 本 サイトで 地 盤 情 報 検 索 の 背 景 地 図 として 使 用 しておりました 電 子 国 土 web システム が 平 成 27 年 7 月 に 運 用 を 停 止 することから 新 たに 地 理 院 地 図 を 背 景 地 図 とする 検 索
More information■デザイン
Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) デザイン デザインでは 各 ページ 内 に 構 成 されるパーツである ピース と それをページ 内 に 配 置 し 構 成 する レイアウト を 作 成 できます また スタイルシート でピース レイ アウトの HTML を 制 御 し 装 飾 する CSS を 設 定 できます ピース デザイン>ピース ピース をクリックすると
More information名刺作成講習
名 刺 作 成 講 習 (Word 2007 編 ) OS:Windows Vista Basic 講 習 内 容 Microsoft Word 2007 でオリジナル 名 刺 の 作 成 名 刺 用 紙 の 確 認 印 刷 用 紙 の 詳 細 を 調 べる ラベル 製 品 名 エーワン 製 品 番 号 A-ONE 51002 用 紙 サイズ A4 列 数 2 行 数 5 上 余 白 11 横 余
More informationInfoPros13_digest.key
! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:
More information1級 ワンポイント
日 本 情 報 処 理 検 定 協 会 主 催 情 報 処 理 技 能 検 定 試 験 ( 表 計 算 ) ワンポイント 1 級 ( Microsoft Excel 2010 対 応 ) 2012 年 4 月 日 本 情 報 処 理 検 定 協 会 練 習 をはじめる 前 に... 3 試 験 前 にすること... 4 受 験 番 号 名 前 の 入 力... 4 試 験 本 番... 4 注 意
More information情報処理技能検定試験 表計算2級 手順書
日 本 情 報 処 理 検 定 協 会 主 催 情 報 処 理 技 能 検 定 試 験 ( 表 計 算 ) ワンポイント 2 級 (Microsoft Excel 2010 対 応 ) 2012 年 4 月 日 本 情 報 処 理 検 定 協 会 練 習 をはじめる 前 に 3 試 験 前 にすること 4 受 験 番 号 名 前 の 入 力 4 試 験 本 番 4 注 意 すること 4 試 験 後
More informationMicrosoft Word - WBT(PP応用編).docx
PowerPoint2007の 利 用 応 用 編 広 島 県 立 教 育 センター PowerPoint2007 の 利 用 ( 基 本 編 )で 作 成 したスライドを 基 に,さらに 工 夫 する 演 習 です Ⅰ リンク 機 能 の 設 定 をしてみましょう 画 像 は IPA 教 育 用 画 像 素 材 集 より 演 習 1 動 作 設 定 ボタンをクリックすると 該 当 のスライドが 表
More informationMicrosoft Word - linkad_manual【110418】.doc
リンクアド 設 定 マニュアル リンクアドLLC 1 LinkAd 概 要 図 媒 体 サイト 2 INDEX リンクアド 設 定 の 流 れ 1. 広 告 掲 載 ページに 広 告 配 信 タグを 設 置 する CSVのアップロードを 行 う p.5~p.6 タグが 設 定 されたHTMLをダウンロードする p.7 2. 配 信 したい 広 告 を 登 録 する 媒 体 に 掲 載 する 広 告
More information2 Wee とは Wee はホームページの 更 新 ツールです Wee は サイトの 枠 組 みをWeb 製 作 業 者 が 作 成 し 更 新 は お 客 様 に 自 由 にしていただこうというコンセプトの 製 品 です インターネットに 繋 がる 場 所 ならどこからでも ブラウザでホームページ
1 ホームページ 更 新 ツール Wee&Wee Mobile のご 紹 介 http//www.i 2 Wee とは Wee はホームページの 更 新 ツールです Wee は サイトの 枠 組 みをWeb 製 作 業 者 が 作 成 し 更 新 は お 客 様 に 自 由 にしていただこうというコンセプトの 製 品 です インターネットに 繋 がる 場 所 ならどこからでも ブラウザでホームページの
More information2016 年 度 情 報 リテラシー 次 に Excel のメニューから[ 挿 入 ]タブをクリックし 表 示 されたメニュー 内 の[グラフ]にある[ 折 れ 線 グラフ]のボタンをクリックする するとサブメニューが 表 示 されるので 左 上 の[ 折 れ 線 ]を 選 択 する [ 挿 入 ]
( 第 10 回 )2016/06/20 Excel によるグラフ 作 成 この 回 では Excel を 用 いたグラフ 作 成 の 演 習 を 行 う 新 聞 記 事 等 で 利 用 されているような 一 般 的 なグラ フを 題 材 にし Excel に 備 わっているグラフ 作 成 機 能 を 知 る 1. 課 題 の 確 認 いくつかのグラフの 例 を 参 考 に Excel の 機 能
More informationExcel basics
Excel 入 門 Excel は 表 計 算 およびデータ 分 析 のための 効 果 的 なアプリケーションです 最 も 効 果 的 に 使 用 するためには 最 初 にその 基 礎 を 理 解 する 必 要 があります このチュートリ アルでは すべてのブックで 使 用 する 作 業 と 機 能 をいくつか 紹 介 します 開 始 する 前 に... 1 1. 新 しい 空 白 のブックを 作
More informationスライド 1
検 索 エンジンを 利 用 した Covert Channelの 検 出 木 下 研 究 室 200602824 久 保 直 也 研 究 の 背 景 目 的 近 年 ネットワークの 巨 大 化 によりアクセス 権 限 も 複 雑 に 絡 み 合 ってい る ネットワーク 内 では 不 正 な 情 報 経 路 が 発 生 し 情 報 流 出 の 危 険 性 が 増 大 してしまっている このような 情
More informationPowerPoint プレゼンテーション
1 ましき はぴまるサイト マイホームページ 操 作 説 明 書 平 成 27 年 12 月 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト デザインの 設 定 (p5) 3 記 事 の 登
More information