(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc)

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc)"

Transcription

1 スタイルシート ( 第 1 章 基 礎 1) HTMLはWeb 作 成 用 の 言 語 ですが 文 字 飾 りがかなり 貧 弱 です そこを 強 化 した ものがスタイルシートと 言 われるものです さらにスタイルシートには HTMLでは 出 来 ないような 仕 組 みも 取 り 入 れられています スタイルシートよりレベルの 高 い 技 術 は JavaScript ですが スタイルシートの 仕 組 み まで 覚 えれば 私 は Web サイトを 作 る 技 術 を 持 っています と 胸 を 張 るだけの 技 術 を 手 に 入 れたことになるのです これから 少 しの 間 スタイルーシートのうちで 最 もポピュ ラーなカスケードスタイルシート(CSS)の 勉 強 をしていきましょう スタイルシートは HTMLに 組 み 込 んで 使 用 します 組 み 込 み 方 は 次 の3 種 がありま す 1.スタイルブロックを HEAD 内 に 記 述 してタグ 要 素 に 指 定 する 埋 め 込 み 2. 要 素 に 直 接 スタイルを 記 述 するインライン 埋 め 込 み 3.スタイルシートを 外 部 ファイルにしてリンクやインポートして 組 み 込 む この3つを 用 途 に 応 じて 使 い 分 けると 便 利 です 授 業 では まず 1の 埋 め 込 みについて 学 習 していきます 埋 め 込 みに 習 熟 したころに 2のインライン 埋 め 込 みについて 学 習 します 一 番 最 後 に3を 学 習 します スタイルシートを 使 用 する 場 合 内 に meta タグで スタイルシートを 用 いる と いう 宣 言 をする 必 要 があります この 埋 め 込 みでの 組 み 込 みについて スタイルシートのベーシックな 組 み 込 み 方 です まず 次 のHTML 文 を Samy により 入 力 してください <title>css1-1</title> p { font-size: 24pt; color: blue; } <p> 埋 め 込 みのCSSです</p> この 章 のファイル はフォルダ フォルダ CSS1 CSS1 を 作 ってその 中 に 保 存 し て く だ さ い CSS1-1.html で 保 存 これにより <p>~</p> の 間 のすべてが 24ポイ ントで 青 色 の 文 字 になる CSS( 第 1 章 基 礎 1)-1

2 ~タグ 内 のスタイルブロック<style>~ 内 にスタイルを 書 き 使 用 するタグに 指 定 して 使 用 します スタイルブロックのあるスタイルを 変 更 した 場 合 ペ ージ 内 の 指 定 されているタグはすべて 訂 正 できます HTML 文 章 内 で 編 集 時 のメモ(コメント)を 一 時 的 に 書 いておきたい 場 合 と で 囲 っておきます と 内 のものはすべてブラウザーでは 表 示 されません タグ を 一 時 的 に 隠 したり 更 新 履 歴 を 書 いておくのにも 便 利 です ただ ブラウザーによってはの 後 に--が 来 るとそこでコメントは 終 了 したと 誤 って 判 断 し その 後 の 文 章 を 表 示 してしまうものもあるようです との 中 には--は 書 か ないでください また コメント( 注 釈 文 )は /* と */ で 囲 みます コメントは 複 数 行 にわたっ て 書 くこともできます /* ここはコメントアウトされます */ /* コメントは 一 行 で 書 いても 複 数 行 で 書 いてもいいです 説 明 を 書 くのにも 使 えます */ ここで CSS CSSの 書 き 方 を 説 明 しましょう 一 番 シンプルな 書 き 方 は 次 のようなものです p{color:blue} セレクタ スタイルシートを 適 用 する 対 象 のタグ 宣 言 適 用 するスタイル 指 定 の 内 容 (プロパティ: 値 と 呼 ばれる) これにより <p>~</p>の 間 のすべての 文 字 が BLUE( 青 )になる また 次 のように 複 数 のプロパティを 使 うときには ;セミコロン で 区 切 ります p { font-size: 24pt; color: blue; } 空 間 は 半 角 スペース を 入 れる 絶 対 に 全 角 スペース を 入 れた ら 駄 目 です 動 作 しません CSS( 第 1 章 基 礎 1)-2

3 一 度 練 習 してみましょう 次 のHTML 文 をSamyで 入 力 して プレビューしてください CSS1-2.html <title>css1-2</title> p { font-size: 24pt; color: blue; } <p>1. 春 の 七 草 </p> <p>2. 夏 の 花 火 </p> <p>3. 秋 の 運 動 会 </p> <p>4. 冬 の 雪 かき</p> この4 行 が 24 ポイント の 青 色 の 文 字 になって いるでしょ ヘッダー 部 のスタイル 設 定 の 部 分 に 次 の 記 述 があるでしょ 1で 最 初 に pとあるのは <p>タグのすべての 箇 所 の 部 分 が 設 定 したようになります ここで 1の 箇 所 を 次 のように 変 えてみましょう p { font-size: 16pt; color: red; } これで 表 示 してみると 16ポイントの 文 字 サイズで 赤 色 に 変 わったでしょう 16 ポイント 文 字 色 : 赤 色 このスタイル 設 定 は タグ(<>で 囲 まれ た 仕 組 み)の 箇 所 にしか 設 定 できません 自 分 でタグを 作 ることは 出 来 ませんので 用 意 されているタグにスタイル 設 定 を 書 き 込 む 必 要 があります CSS( 第 1 章 基 礎 1)-3

4 次 に <h>タグと<i>タグを 利 用 してスタイル 設 定 を 書 き 込 んで 見 ましょう <title>css1-3</title> h6{ font-size:22pt; color:blue } p { font-size:16pt; color:red } i {font-size:17pt; color:green } <h1>1 年 の 行 事 <h1> <h2>1 年 の 行 事 <h2> <h3>1 年 の 行 事 <h3> <h4>1 年 の 行 事 </h4> <h5>1 年 の 行 事 <h5> <h6>1 年 の 行 事 </h6> <p>1. 春 の 七 草 </p> <p>2. 夏 の 花 火 </p> <p>3. 秋 の 運 動 会 </p> <p>4. 冬 の 雪 かき</p> <i>これらは 大 変 思 いで 深 いものでした だから 君 たちも 興 味 を 持 ってください </i> CSS1-3.html h6 見 出 しタグ ( 数 字 の6は 最 小 文 字 サイズ) i 斜 体 h1~h6 見 出 しタグ 数 字 は1~6 数 字 の 大 きいほうが 文 字 サイズが 小 さい 上 から<h1>~<h6>の 設 定 です <h>タグは 見 出 しを 書 くためのもので 数 字 が 小 さいほど 文 字 が 大 きいのですが <h6> のものだけがそうはな っていません スタイル 設 定 のほうが 優 先 する のですよ <i>タグによって 文 字 は 斜 体 になりますが これ に 加 えて スタイル 設 定 の 文 字 修 飾 が 加 わってい ることがわかります CSS( 第 1 章 基 礎 1)-4

5 今 度 は <font>~</font> のタグで スタイル 設 定 を 行 ってみましょう <title>css-1-4</title> font { font-size:28pt; color:blue } <font>24pt 青 </font> CSS1-4.html それでは <font>タグで 色 々なスタイル 設 定 をしたいときには どうするのでしょうか? できない のでしょうか? それをする 方 法 はあるのです しかも2つあるのです 次 のHTML 文 を 入 力 してプレ ビューしてください <title>css1-5</title> font.24 { font-size:24pt; color:blue } font.20 { font-size:20pt; color:cyan } font.16 { font-size:16pt; color:black } font.12 { font-size:12pt; color:red} <font class=24>24pt 青 </font> <font class=20>20pt シアン</font> <font class=16>16pt 黒 </font> <font class=12>12pt 赤 </font> CSS1-5.html 設 定 法 font.24 { font-size:24pt; color:blue } 使 い 方 は Class 属 性 を 使 って 指 定 します 例 <font class=24>24pt 青 </font> CSS( 第 1 章 基 礎 1)-5

6 この 名 前 の 付 け 方 は 半 角 の 文 字 で 意 味 がわかるようなつけ 方 にするのがいいのです ここでは24 24ポイント ポイントの 文 字 サイズなので font.24 としましたが font.moji24 でも いいし font.size24 でも あるいは 青 色 の24 24ポイント ポイントの 文 字 であることを 考 えて font.blue24 でもいいでしょう 自 分 で 工 夫 してわかりやすい 名 前 をつけましょう しょう 次 タグに のHTML.24 文 というふうに を 入 力 して プレビューしてください class 属 性 をつけるやり 方 は その そのタグ タグにしか 通 用 しませ ん しかし しかし タグ タグを 指 定 しないで.24 と class 属 性 をつければ すべての すべてのタグ タグに 対 し て 通 用 するやり 方 になります <title>css1-6</title>.24 { font-size:24pt; color:blue }.20 { font-size:20pt; color:cyan }.16 { font-size:16pt; color:black }.12 { font-size:12pt; color:red} <font class=24>24pt 青 </font> <b class=20>20pt シアン</b> <i class=16>16pt 黒 </i> <div class=12>12pt 赤 </div> CSS1-6.html 前 の 例 とほとんど 同 じ 結 果 ですよね <font class=24>24pt 青 </font> <b class=20>20pt シアン</b> bタグだから 太 字 になっています <i class=16>16pt 黒 </i> iタグだから 斜 体 になっています <div class=12>12pt 赤 </div> div タグはブロック 化 のタグで この タグ 中 に 好 きなスタイル 設 定 を 書 く ことが 出 来 るのですよ CSS( 第 1 章 基 礎 1)-6

7 今 度 は class 属 性 を 使 う 代 わりに id 属 性 を 使 ってみましょう 次 を 入 力 してください まったく まったく 同 じものが 表 示 されるでしょ <title>css1-7</title> font#24 { font-size:24pt; color:blue } font#20 { font-size:20pt; color:cyan } font#16 { font-size:16pt; color:black } font#12 { font-size:12pt; color:red} <font id=24>24pt 青 </font> <font id=20>20pt シアン</font> <font id=16>16pt 黒 </font> <font id=12>12pt 赤 </font> <title>css1-8</title> #24 { font-size:24pt; color:blue } #20 { font-size:20pt; color:cyan } #16 { font-size:16pt; color:black } #12 { font-size:12pt; color:red} <font id=24>24pt 青 </font> <b id=20>20pt シアン</b> <i id=16>16pt 黒 </i> <div id=12>12pt 赤 </div> id 属 性 でまずタグを 明 記 する 場 合 ですよ CSS1-7.html タグを 記 入 しているんだ font#24 font#20 font#16 font#12 というふうに<font>タグ を 使 っているので <font id=24> と い う よ う に <font>タグのないぶに id を 設 定 す ることが 必 要 なんだよ id 属 性 の 場 合 も タグを 明 記 しないで 記 述 するとすべてのタグで 通 用 す ることは class 属 性 の 場 合 と 同 なんだ CSS1-8.html タグを 明 記 していないので すべてのタ グに 通 用 します スタイル 設 定 に 加 えて すでにそのタグ が 持 っている 属 性 とが 合 わさった 結 果 が 表 示 されるのは まったく Class 属 性 の 場 合 と 同 じですよ <i id=24> ~ </i> とすると#24 で 設 定 された 属 性 と<i>の 属 性 が 両 方 現 れてくるのだよ CSS( 第 1 章 基 礎 1)-7

8 class 属 性 と id 属 性 はまったく 同 じ 動 作 をします どっちを 使 うかはまっ たくの 個 人 の 好 みでしょう ただ ただ id id のほうが のほうが class class より 入 力 しや すいし # # のほうが のほうが.. より 間 違 いにくいので id 属 性 で 記 述 する ほうを 薦 めます 練 習 問 題 次 のWebページを 作 ってください id 属 性 を 使 って 書 いてくださいね 前 頁 の 後 半 の 例 題 を 参 考 にしながら すべてのタグに 通 用 する タグを 明 記 しないやり 方 で 書 いてくだ さい ページのタイトルは CSSEX1-1 にして くださいね 24 ポイント 斜 体 32 ポイント 赤 色 40 ポイント 青 色 斜 体 この Web ページのファイルはフォルダ CSS1 の 中 に CSSEX1-1.html の 名 前 で 保 存 してください CSS( 第 1 章 基 礎 1)-8

WORD 98 入力の手引き

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

More information

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

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

More information

InfoPros13_digest.key

InfoPros13_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 information

アフィリエイターの為のHTML

アフィリエイターの為のHTML アフィリエイターが 覚 えておくべき HTML 辞 典 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 はやまひろに 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 を いかなる 手 段 においても 複 製 転 載 流 用 転 売 等 することを 禁 じます このレポートに 書 かれた

More information

CSSの基礎

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

More information

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z:

More information

第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

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (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

p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge

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

第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

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

スタイルシートを 用 いた 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 PowerPoint - css [互換モード]

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

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

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

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

More information

モール管理者マニュアル Ver.1.0

モール管理者マニュアル Ver.1.0 1 Html 編 集 ツール 補 足 マニュアル Ver.1.0 株 式 会 社 ソフトクリエイト 2012/11/14 目 次 1. Html について... 3 1.1. Html とは... 4 1.2. Html タグの 基 本... 5 1.2.1. HTML タグの 基 礎... 5 1.2.2. HTML タグの 種 類 ( 主 要 タグ)... 7 2. Html 編 集 ツール...

More information

ホームページとは何?

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

More information

KITENN 編集操作マニュアル

KITENN 編集操作マニュアル KITENN 編 集 操 作 マニュアル 目 次 操 作 方 法 基 本 編 自 分 のページをブラウザで 開 く ログイン 方 法 編 集 画 面 の 開 き 方 文 章 を 入 力 する 画 像 メディアファイルを 挿 入 する 文 字 スタイル( 太 字 斜 体 )を 変 更 する 文 字 配 置 ( 左 揃 え 中 央 揃 え 右 揃 )を 変 更 する リンクを 作 成 する 画 像 横

More information

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

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

More information

すると 記 事 の 投 稿 画 面 に 移 ります 投 稿 画 面 には ビジュアルモード と テキストモード がありま すが 慣 れないうちはビジュアルモードでの 記 事 作 成 をオススメし ます 一 番 上 の 欄 に 記 事 のタイトルを 入 力 し その 下 の 大 きな 空 欄 の 所

すると 記 事 の 投 稿 画 面 に 移 ります 投 稿 画 面 には ビジュアルモード と テキストモード がありま すが 慣 れないうちはビジュアルモードでの 記 事 作 成 をオススメし ます 一 番 上 の 欄 に 記 事 のタイトルを 入 力 し その 下 の 大 きな 空 欄 の 所 第 9 章 記 事 投 稿 編 ここからは 実 際 に 記 事 を 書 いていく 方 法 を 解 説 します 基 本 的 な 説 明 ばかりで 面 白 くないと 感 じるかもしれませんが 最 初 の 仕 組 みづくりができているか 否 かで その 後 の 作 業 効 率 がかなり 変 わってきます 応 用 編 ではアクセスを 集 めるためのノウハウを これでもかというほどお 伝 えしていくので ここでは

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

18

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

More information

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

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

More information

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

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

More information

Network Computing の基礎

Network 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

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

第7章 Webページによる情報の発信

第7章 Webページによる情報の発信 筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL

More information

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

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

More information

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

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

More information

HTML文章作成

HTML文章作成 HTML 文 章 作 成 Web ページは HTML(Hyper Text Markup Language) という 言 語 を 使 っ て 欠 かれた HTML ファイルでできています ここでは 簡 単 な HTML 文 章 を 実 際 につくっていきます 参 考 文 献 :エクスナレッジ HTML とスタイルシートによる Web サイト 作 成 術 1. 簡 単 なホームページをつくりましょう

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

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d 第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd

More information

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

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

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

猪 名 川 町 商 工 会 BLOG TOPページ 猪 名 川 町 商 工 会 会 員 事 業 所 限 定 のオリジナルブログ トップページに 新 着 情 報 登 録 されているブログを 掲 載 みなさんの 投 稿 された 記 事 が 集 約

猪 名 川 町 商 工 会 BLOG TOPページ 猪 名 川 町 商 工 会 会 員 事 業 所 限 定 のオリジナルブログ  トップページに 新 着 情 報 登 録 されているブログを 掲 載 みなさんの 投 稿 された 記 事 が 集 約 猪 名 川 町 商 工 会 ブログ 会 員 事 業 所 向 けオリジナルブログ 操 作 マニュアル 資 料 猪 名 川 町 商 工 会 BLOG TOPページ 猪 名 川 町 商 工 会 会 員 事 業 所 限 定 のオリジナルブログ http://inagawanet.com/blog/ トップページに 新 着 情 報 登 録 されているブログを 掲 載 みなさんの 投 稿 された 記 事 が 集

More information

Microsoft Word - メディア技術基礎.docx

Microsoft Word - メディア技術基礎.docx メディア 技 術 基 礎 (Web) 脇 田 玲 先 生 (2010) 田 中 浩 也 (2011) HTML の 基 本 的 な 書 き 方 テキストエディタで index.html を 作 成 して 以 下 のサンプルを 入 力 してみましょう 始 めの 2 行 は HTML を 書 く 前 のおまじないの 様 なものです ここで 登 場 する HTML タグについての 説 明 は 以 下 の

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

例 ) 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

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Coleman Café ブログ ご 利 用 ガイド 改 訂 :2010 年 8 月 6 日 Coleman Café ブログ の 開 設 初 期 登 録 プロフィールの 設 定 ブログの 設 定 デザインの 設 定 2 3 4 5 ブログを 書 こう 記 事 の 入 力 ~ 公 開 動 画 の 貼 り 付 け 携 帯 から 書 こう 6~8 9 10 コミュニケーション コメントを 書 く コメントを

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

目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 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

OpenCity2説明

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

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

(Microsoft PowerPoint - [\214\335\212\267\203\202\201[\203h])

(Microsoft PowerPoint - [\214\335\212\267\203\202\201[\203h]) 発 行 者 様 商 品 をPRして 販 売 促 進 につなげる!! メディアインデックス 株 式 会 社 150-0031 0031 東 京 都 渋 谷 区 桜 丘 町 22-14 N.E.S.ビル ビルN 棟 5F TEL:03-5784-0401 MAIL : m.kaneko@mediaindex.co.jp URL : http://www.mediaindex.co.jp/ メディアインデックス

More information

1.5. 根 拠 となる 規 格 ウェブアクセシビリティに 関 する 国 内 の 標 準 規 格 である JIS X :2010 高 齢 者 障 害 者 等 配 慮 設 計 指 針 - 情 報 通 信 における 機 器,ソフトウェア 及 びサービス - 第 3 部 :ウェブコンテンツ (

1.5. 根 拠 となる 規 格 ウェブアクセシビリティに 関 する 国 内 の 標 準 規 格 である JIS X :2010 高 齢 者 障 害 者 等 配 慮 設 計 指 針 - 情 報 通 信 における 機 器,ソフトウェア 及 びサービス - 第 3 部 :ウェブコンテンツ ( 六 戸 町 ウェブアクセシビリティガイドライン 2015 年 4 月 1 日 1. はじめに 1.1. 目 的 六 戸 町 ウェブアクセシビリティガイドライン ( 以 下 本 ガイドラインという)は 日 本 工 業 規 格 (JIS X 8341-3)を 踏 まえ 六 戸 町 がウェブサイトにおいて 障 害 者 高 齢 者 の 使 いやすさに 最 大 限 配 慮 して 情 報 提 供 を 行 なうため

More information

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

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

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

競 合 ショップとの 差 別 化 するために ボクのショップにオリジナル 性 を 出 したいんだけど 何 かオススメの 方 法 ないかな? 前 にも 教 えたことのある HTML CSS を 使 うと 文 字 を 大 きくした り 色 を 付 けたり サイトのデザインを 自 由 に 変 更 できるよ

競 合 ショップとの 差 別 化 するために ボクのショップにオリジナル 性 を 出 したいんだけど 何 かオススメの 方 法 ないかな? 前 にも 教 えたことのある HTML CSS を 使 うと 文 字 を 大 きくした り 色 を 付 けたり サイトのデザインを 自 由 に 変 更 できるよ このコーナーは HTML CSS のことならなんでもおまかせの マリー と うさぎ 界 No.1 とも 言 われているデザイナー ナムー が WEB ページ 作 成 の コツを 解 説 していきます 少 し 専 門 的 な 内 容 も 含 まれていますが 分 からない ことは 積 極 的 に 調 べて 1つ1つスキルアップをしていきましょう! マリー HTML CSS のプロフェッショナル うさぎだけど

More information

Section: 01 ログイン トップページ ( ) のページ 右 上 部 ログイン ボタンをクリックし スポンサー ログインページ へとお 進 みください 1に ID を 2にパスワードを 入 力 しログインしてください ID PASS は 別

Section: 01 ログイン トップページ (  ) のページ 右 上 部 ログイン ボタンをクリックし スポンサー ログインページ へとお 進 みください 1に ID を 2にパスワードを 入 力 しログインしてください ID PASS は 別 2009.01 改 定 マニュアルは 変 更 することがございます Copyright(C) 検 島 誌.com All Rights Reserved 検 島 誌.com スポンサーマニュアル Section 01 ログイン 2 02 詳 細 ページ 更 新 3 03 MiniData 更 新 4 04 検 索 結 果 表 示 ページ 内 容 修 正 5 05 週 間 PR 版 ページ 更 新 6

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

スライド 1

スライド 1 第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの

More information

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

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

More information

目 次 I. はじめに... 1 1. 改 定 履 歴... 1 2. NetCommons について... 1 3. NetCommons メニューデザイン パーツとは?... 1 4. 必 要 なスキル... 1 5. この 資 料 の 目 的... 2 6. 商 標... 2 7. ライセンス

目 次 I. はじめに... 1 1. 改 定 履 歴... 1 2. NetCommons について... 1 3. NetCommons メニューデザイン パーツとは?... 1 4. 必 要 なスキル... 1 5. この 資 料 の 目 的... 2 6. 商 標... 2 7. ライセンス NetCommons メニューデザイン パーツ 使 用 説 明 書 2010-12-14 版 目 次 I. はじめに... 1 1. 改 定 履 歴... 1 2. NetCommons について... 1 3. NetCommons メニューデザイン パーツとは?... 1 4. 必 要 なスキル... 1 5. この 資 料 の 目 的... 2 6. 商 標... 2 7. ライセンス...

More information

スライド 1

スライド 1 Hos-CanR 3.0 運 用 マニュアル Hos-CanR 3.0 運 用 マニュアル 登 録 作 業 者 用 Ver. 2 バージョン 改 訂 日 付 改 訂 内 容 Ver. 1 2010/3/15 初 版 Ver. 2 2010/8/9 ファイル 取 り 込 み 時 の 同 一 レコードの 判 定 についての 記 載 を 追 記 Hos-CanR 3.0 運 用 マニュアル 目 次 1.

More information

ホームページの作り方 講習会テキスト

ホームページの作り方 講習会テキスト ホームページの 作 り 方 2008 年 5 月 更 新 明 治 大 学 講 習 の 前 に この 講 習 は ホームページ ビルダー10 を 利 用 してホームページを 作 成 し 駿 河 台 地 区 設 置 の WWW サー バーで 公 開 する 手 順 を 実 習 する 講 習 です( 注 1 最 新 のバージョンと 異 なる 場 合 もあります) 講 習 では2つ ページを 作 成 します

More information

A

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

More information

でんでんコンバーターの使い方

でんでんコンバーターの使い方 < 注 意 > このテキストは 受 講 者 の 方 に 配 布 しているものです このテキストには 著 作 権 があります 第 三 者 への 譲 渡 無 断 転 載 などは 法 律 で 禁 止 されています また テキストの 情 報 と 実 際 のサイトの 情 報 が 異 なる 場 合 もあります 定 期 的 にテキストは 更 新 していますが ご 不 明 な 点 はお 気 軽 にスクールまでお 問

More information

Microsoft Word - ppt_1.docx

Microsoft Word - ppt_1.docx パワポ 講 習 会 ~ひとつ 上 の 発 表 を 目 指 して~ PowerPoint は 研 究 発 表 会 会 社 でのプレゼンなどでよく 使 われているプレゼンテーションソフトの 定 番 中 の 定 番 で す! 一 つ 上 の 発 表 を 目 指 して 使 いこなせるようになろう 今 回 は 2 部 構 成 の 講 習 会 うちの 1 つです 入 門 編 として Power Point の

More information

教員用

教員用 高 知 大 学 教 員 用 moodle2 1.1.moodle を 利 用 するためには 1.2.コースの 保 全 1.3.moodle へのログイン 1.4.ログアウト 2.1.コースの 説 明 2.2.ブロック 一 覧 2.3.HTML テキストエディタを 利 用 する 2.4.アイコン 編 集 アイコンの 説 明 3.1.ユーザを 登 録 する 3.2.ユーザを 削 除 する 4.1.ファイルのアップロード

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 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................

More information

kagoemon-a

kagoemon-a かごえもんの 初 期 設 定 は 全 ての 設 定 で 行 います 基 本 設 定 ショッピングカートシステム ( 注 文 フォーム ) に 関 する 基 本 設 定 を 行 います 基 本 設 定 の 管 理 画 面 用 パスワード とは? 商 品 注 文 における 送 料 および 注 文 完 了 時 に 自 動 送 信 されるショップの 専 用 メールアドレス メール 文 に 記 載 する 挨

More information

ホームページ・ビルダー16

ホームページ・ビルダー16 Part 2 テンプレートからページを 作 る(3) Part 2-3 テンプレートを 使 ってページを 作 ろう テンプレートを 利 用 してホームページを 作 りましょう テンプレートを 利 用 すると 文 字 や 画 像 を 差 し 替 えるだけ で 魅 力 的 で 華 やかなページを 作 ることができます 特 にフル CSS テンプレートを 利 用 して 作 ったページは ページのデザインやレイアウトをスタイルシートで

More information

Index Ⅰ CMS とは? 2 1.NetCommons の 概 要 2 NetCommons とは? 2 NetCommons の 特 徴 4 NetCommons 利 用 によるメリット 5 Ⅱ 作 成 更 新 6 1. 事 前 準 備 6 目 的 の 確 認 6 ホームページの 構 成 7

Index Ⅰ CMS とは? 2 1.NetCommons の 概 要 2 NetCommons とは? 2 NetCommons の 特 徴 4 NetCommons 利 用 によるメリット 5 Ⅱ 作 成 更 新 6 1. 事 前 準 備 6 目 的 の 確 認 6 ホームページの 構 成 7 ホームページ 運 用 講 座 ( 一 般 ) Index Ⅰ CMS とは? 2 1.NetCommons の 概 要 2 NetCommons とは? 2 NetCommons の 特 徴 4 NetCommons 利 用 によるメリット 5 Ⅱ 作 成 更 新 6 1. 事 前 準 備 6 目 的 の 確 認 6 ホームページの 構 成 7 2. 新 規 作 成 手 順 8 モジュールについて

More information

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

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

More information

はじめに PDFインフラストラクチャ 解 説 は: プリントオンデマンド( POD) 方 式 とKDPによるセルフ 出 版 の 事 例 であ り ワンソースマルチユース 方 式 制 作 の 実 践 事 例 でもある この 事 例 から 学 んだことや 今 後 の 課 題 を 報 告 する

はじめに PDFインフラストラクチャ 解 説 は: プリントオンデマンド( POD) 方 式 とKDPによるセルフ 出 版 の 事 例 であ り ワンソースマルチユース 方 式 制 作 の 実 践 事 例 でもある この 事 例 から 学 んだことや 今 後 の 課 題 を 報 告 する 専 門 的 書 籍 の 新 しい 制 作 流 通 のケーススタディとして PDFインフラストラクチャ 解 説 学 びと 課 題 2016 年 2 月 16 日 アンテナハウス 株 式 会 社 小 林 徳 滋 はじめに PDFインフラストラクチャ 解 説 は: プリントオンデマンド( POD) 方 式 とKDPによるセルフ 出 版 の 事 例 であ り ワンソースマルチユース 方 式 制 作 の 実

More information

Microsoft PowerPoint - c3_op-manual.pdf

Microsoft PowerPoint - c3_op-manual.pdf 研 究 者 学 術 情 報 データベース 操 作 説 明 -- - 研 究 者 DBのログイン 画 面 へのアクセス 手 順 () 立 命 館 大 学 トップページ http://www.ritsumei.jp/index_j.html 研 究 産 学 官 連 携 ページ http://www.ritsumei.ac.jp/research/ 研 究 産 学 官 連 携 をクリック 研 究 産 学

More information

Microsoft Word - Active.doc

Microsoft Word - Active.doc 利 マニュアル 梅 校 メールサーバをご 利 されていた 教 員 の 皆 さまへ 2009 年 1 7 のメールサーバ 移 に 伴 い 学 外 からの 電 メールの 送 受 信 はウェブメール(Active!mail) からのみ 可 能 となりました Active!mail の 利 法 については 本 マニュアルをご 確 認 ください 次 Active!mail にログインする...2 Active!mail

More information

[1] 概 略 の 流 れ 概 略 の 流 れは 下 図 の 通 りです 1 本 ソフトの 環 境 設 定 2 ホームページに 編 集 開 始 文 1 行 を 書 き 込 む ( 例 ) 3 管 理 者 用 パスワードでログイン 4 管 理 画 面 で 必 須 デー

[1] 概 略 の 流 れ 概 略 の 流 れは 下 図 の 通 りです 1 本 ソフトの 環 境 設 定 2 ホームページに 編 集 開 始 文 1 行 を 書 き 込 む ( 例 ) <!-- start01 --> 3 管 理 者 用 パスワードでログイン 4 管 理 画 面 で 必 須 デー 操 作 説 明 書 目 次 [1] 概 略 の 流 れと 環 境 設 定 -------------------------- 1 [2] 設 置 方 法 と 起 動 ----------------------------------- 3 [3] ログインと 設 定 ----------------------------------- 5 [4] 必 須 の3 項 目 の 入 力 -----------------------------

More information

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

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

More information

磐田市ホームページ アクセシビリティガイドライン

磐田市ホームページ アクセシビリティガイドライン 磐 田 市 ホームページ アクセシビリティガイドライン 平 成 19 年 6 月 策 定 1 はじめに インターネットの 普 及 に 伴 い 広 報 媒 体 の 中 でのホームページの 重 要 性 が 高 まってきています 開 かれた 行 政 の 推 進 のため ホームページによる 積 極 的 な 情 報 発 信 に 努 めるとともに 閲 覧 者 が 必 要 な 情 報 を 簡 単 に 入 手 できるホームペ

More information

HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける このマニュアルについて 推 薦 環 境 このレポート 上 に 書 かれている URL はクリック 可 能 です 出 来 ない 場 合 は 最 新 版 AdobeReader をダウンロードしてください ( 無 料 です) ht

HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける このマニュアルについて 推 薦 環 境 このレポート 上 に 書 かれている URL はクリック 可 能 です 出 来 ない 場 合 は 最 新 版 AdobeReader をダウンロードしてください ( 無 料 です) ht HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける HTML CSS 講 座 初 級 編 HTML セクション 4 時 限 目 HTML タグに 属 性 を 取 り 付 ける 著 :コスパ( 鈴 木 ) 1 HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける このマニュアルについて 推 薦 環 境 このレポート 上 に 書 かれている URL はクリック

More information

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に GC スクリプト 利 用 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう...

More information

Microsoft PowerPoint - JohoEnshuu07_06.ppt

Microsoft PowerPoint - JohoEnshuu07_06.ppt 情 報 活 用 演 習 07 第 六 回 ~~Linuxシステム/コマンドの 使 い 方 ~~ 担 当 : 水 野 恒 史 居 室 : 理 学 部 物 理 科 学 科 高 エネルギー 宇 宙 研 究 室 ( 理 学 部 B210 号 室 ) 電 子 メール:tsune@hiroshima-u.ac.jp ホームページ:http://home.hiroshima-u.ac.jp/tsune/ 1 前

More information

9 支 給 要 件 対 象 社 員 求 人 の 要 件 ハローワークが 実 施 する 面 接 会 で 対 象 となる 若 者 を 採 用 し た 場 合 にも 対 象 になります ハローワークが 実 施 する 面 接 会 の 場 合 本 奨 励 金 においてはその 開 催 日 を 紹 介 日 とみな

9 支 給 要 件 対 象 社 員 求 人 の 要 件 ハローワークが 実 施 する 面 接 会 で 対 象 となる 若 者 を 採 用 し た 場 合 にも 対 象 になります ハローワークが 実 施 する 面 接 会 の 場 合 本 奨 励 金 においてはその 開 催 日 を 紹 介 日 とみな 1 支 給 要 件 対 象 事 業 主 対 象 事 業 主 の 範 囲 東 京 労 働 局 管 内 で 若 者 応 援 宣 言 をしており 35 歳 未 満 の 若 者 を 採 用 すれば 奨 励 金 の 対 象 になります 本 奨 励 金 は 東 京 労 働 局 管 内 のハローワークから 紹 介 を 受 けた 日 において 都 内 の 若 者 応 援 宣 言 企 業 又 はユースエール 認 定

More information

お店ブログを持つとできるこんなこと

お店ブログを持つとできるこんなこと アメーバブログの 開 設 初 期 設 定 方 法 無 料 で 使 えるアメーバブログをお 店 ブログとし て 使 おう!アメブロの 開 設 方 法 と 初 期 設 定 美 島 さち アメーバ ID の 取 得 方 法 アメブロは 下 記 から 登 録 できますので ID 登 録 からしましょう http://www.ameba.jp/ アメーバ ID を 登 録 する から 進 みます 下 記 の

More information

Microsoft Word - 100303中級マニュアル.doc

Microsoft Word - 100303中級マニュアル.doc SHIFT 中 級 マニュアル 1. 画 面 の 構 成 を 考 えましょう (1) 基 本 的 な 構 成 壱 岐 市 商 工 会 基 本 情 報 代 表 者 名 郵 便 番 号 住 所 TEL FAX メールアドレスを 登 録 します 代 表 者 名 郵 便 番 号 住 所 TEL は 必 須 です メールアドレスを 登 録 すると メール で 問 い 合 わせがあります 不 要 なDMを 誘

More information

Microsoft Word - 第4&5回HTML&MIFES入門.doc

Microsoft Word - 第4&5回HTML&MIFES入門.doc 第 4&5 回 HTML & MIFES 入 門 水 野 りか ここでは,いわゆるホームページを 作 成 する 方 法 の 基 礎 を 学 びます ホームページを 作 るための 言 語 は,HTML (Hyper Text Makeup Language)と 呼 ばれています この 言 語 を 書 くためのテキスト エディタが MIFES です HTML で 書 かれたページは,Netscape や

More information

スライド 1

スライド 1 更 新 ツールマニュアル 更 新 ツール マニュアル 目 次 目 次 はじめに ご 利 用 にあたって 管 理 画 面 を 開 こう 各 エリアの 名 称 ページ 内 の 更 新 目 的 別 マニュアル ページ. -.ロゴ 画 像 を 変 更 したい 6. -.メイン 画 像 を 変 更 したい 8. -. 他 ページのメイン 画 像 もトップページのものと 統 一 させる. -4. 本 文 ブロックの

More information

Microsoft PowerPoint - keni50-wp-manual_06123.pptx[読み取り専用]

Microsoft PowerPoint - keni50-wp-manual_06123.pptx[読み取り専用] 賢 威 5.0 WPテンプレート プ 導 入 マニュアル (WP バージョン2.9 以 降 対 応 ) 2010.6.23 京 都 で 噂 のホームページ 制 作 チーム WEBライダー 当 文 書 の 著 作 権 はWEBライダーへ 帰 属 し 他 社 への 譲 渡 公 開 引 用 は 固 く 禁 止 させていただいております 本 書 の 利 用 規 約 1. 本 書 の 目 的 本 書 はWordPressバージョン2.9

More information

Microsoft Word - ○マニュアル表紙(v4.0_.doc

Microsoft Word - ○マニュアル表紙(v4.0_.doc 利 用 者 負 担 上 限 額 管 理 事 務 マニュアル V4.0 ( 平 成 21 年 4 月 及 び 10 月 からの 上 限 額 管 理 事 務 に 関 する 一 部 制 度 変 更 の 内 容 が 盛 り 込 まれています) 平 成 21 年 10 月 神 奈 川 県 保 健 福 祉 部 障 害 福 祉 課 このマニュアルは 神 奈 川 県 における 標 準 的 な 事 務 手 続 きを

More information

2. 画 面 の 分 割 タグを 使 用 することにより 1 つの 画 面 を 縦 横 複 数 に 分 割 することがでる 分 割 されたそれぞれ の 画 面 をフレームと 呼 ぶ 例 えば 目 次 を 常 に 画 面 上 の 決 まったフレームに 固 定 して 表 示 し 目 次 項

2. 画 面 の 分 割 <frame>タグを 使 用 することにより 1 つの 画 面 を 縦 横 複 数 に 分 割 することがでる 分 割 されたそれぞれ の 画 面 をフレームと 呼 ぶ 例 えば 目 次 を 常 に 画 面 上 の 決 まったフレームに 固 定 して 表 示 し 目 次 項 Web ページ 画 面 構 成 の 技 法 1. 配 置 の 制 御 基 本 的 なタグの 使 い 方 については はじめての HTML などを 通 して 学 習 した ここでは もう 少 し 凝 っ た 画 面 構 成 を 行 うための 基 礎 技 法 について 解 説 する 文 字 や 図 などを 画 面 上 の 任 意 の 位 置 に 配 置 するため には タグを 用 いた 表

More information

Untitled

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

More information

Microsoft Word - 2016メディプロ1HTML統合版v1

Microsoft Word - 2016メディプロ1HTML統合版v1 2016 年 度 メディアプロジェクト 演 習 1 HTML 講 座 発 展 編 2 ~ CSS と Web アクセシビリティ 立 命 館 大 学 情 報 理 工 学 部 メディア 情 報 学 科 進 捗 が 遅 れている 場 合 に 限 り,テキスト 中 で 省 略 可 マークのついた 節 は 省 略 してもよい. 1 はじめに 本 演 習 ではこれまで, 様 々なタグを 用 いた 基 礎 的 な

More information

(Microsoft Word - \203e\203L\203X\203g.doc)

(Microsoft Word - \203e\203L\203X\203g.doc) ? Windows フォトストーリー3とは? 静 止 画 像 から 擬 似 ムービーを 作 成 できる Microsoft の 無 料 のソフトです 音 楽 をつけたり ナレーションを 入 れたり 切 り 替 え 効 果 をつけたりでき 手 軽 にスライドショーが 作 れます それをネット 上 で 見 せることや ビデオ CD に 焼 いて 他 の 人 に 見 せる 事 もできます http://www.geocities.jp/sweet_cherry_1102/rose.html

More information

請求マニュアル(横浜市移動支援等)

請求マニュアル(横浜市移動支援等) Ver.3 横 浜 市 健 康 福 祉 局 障 害 福 祉 課 平 成 27 年 4 月 横 浜 市 の 移 動 支 援 事 業 訪 問 入 浴 施 設 入 浴 事 業 の 請 求 にご 活 用 ください 他 都 市 他 サービスとは 取 扱 いが 異 なりますので ご 注 意 ください 問 合 せ 先 横 浜 市 健 康 福 祉 局 障 害 福 祉 課 移 動 支 援 事 業 移 動 支 援 係

More information

■コンテンツ

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

More information

はじめに

はじめに NetCommons(CMS) 学 校 Web ページ 作 成 講 習 会 用 テキスト 作 成 編 - 目 次 - 1 ネットコモンズについて P.1 2 ログインしてみましょう P.1 3 ページの 構 成 P.2 4 ページ 構 成 の 設 定 P.2 5 トップページの 構 成 の 設 定 P.3 6 ロゴの 作 成 と 設 定 P.4 7 メニューの 設 定 P.7 8 トップページの 作

More information

PowerPoint プレゼンテーション

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

More information

1/2

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

More information

(Microsoft Word - Mobirth\225\317\212\267\203}\203j\203\205\203A\203\213.doc)

(Microsoft Word - Mobirth\225\317\212\267\203}\203j\203\205\203A\203\213.doc) 1.Mobirth 変 換 ルールの 作 成 について 2011/12/07 1 管 理 画 面 へのログイン 方 法 管 理 画 面 の URL 本 受 注 の 場 合 :https://mobirth.com/site.s/( 該 当 顧 客 変 換 後 URL) 仮 登 録 の 場 合 :https://mbz.jp/site.s/( 該 当 顧 客 変 換 後 URL) ユーザー 名 変 換

More information

1-2 PDF ファイルの 編 集 テキストを 追 加 画 像 を 追 加 リンクを 追 加 コメントの 追 加 図 形 標 記 の 追 加 注 釈 の 非 表 示 PDF ページの 処 理 PDF ファイルに 透 かしを 追 加 PDF ファイルの 背 景 の 編 集 ベイツ 番 号 の 編 集

1-2 PDF ファイルの 編 集 テキストを 追 加 画 像 を 追 加 リンクを 追 加 コメントの 追 加 図 形 標 記 の 追 加 注 釈 の 非 表 示 PDF ページの 処 理 PDF ファイルに 透 かしを 追 加 PDF ファイルの 背 景 の 編 集 ベイツ 番 号 の 編 集 スーパーPDF 変 換 編 集 作 成 (Windows 版 ) 製 品 ガイド ご 登 録 に 関 する 注 意 事 項 : 登 録 メールのメールアドや 登 録 コードなどの 情 報 をコピー&ペーストする 際 には スペースがないことをご 確 認 お 願 いいたします ほかご 登 録 時 に 何 かご 問 題 がありましたら 弊 社 サポートセンター http://www.wondershare.jp/ask-a-question.html

More information

Microsoft Word - Start Up Guide1 .docx

Microsoft Word - Start Up Guide1 .docx 日 報 共 有 ツール スタートアップガイド 1.ログインをしてみましょう 2.ユーザ 名 の 登 録 ( 変 更 )/プロフィール 写 真 を 登 録 3.グループを 作 成 してみましょう 4.グループへメンバーを 招 待 してみましょう 5.アカウントへ 新 規 ユーザを 招 待 してみましょう 6. 日 報 を 提 出 してみましょう 7. 今 日 の 予 定 をGoogleカレンダーから

More information