Size: px
Start display at page:

Download ""

Transcription

1

2

3 pixiv 63

4 はじめまして ピクシブ 株 式 会 社 でエンジニアをやってい ます 金 子 と 申 します 本 書 を 手 にとってくださり あり がとうございます この 本 では 画 像 投 稿 掲 示 板 を 作 ってみる という シン プルな 作 業 を 通 して プログラミングの 基 礎 を 学 んで 頂 き たいと 思 っています 本 書 は エンジニアでない 人 のためのプログラミング 入 門 書 です 例 えば 次 のような 方 にオススメをします システムエンジニアやプログラマーとプロジェクトを 共 にする Web ディレクター/デザイナーの 方 プログラミングに 興 味 はありつつも なんとなく 難 しそ うではじめるきっかけが 摑 めない 方 (10 年 前 の 筆 者 ) 就 職 / 転 職 の 結 果 全 くの 未 経 験 からシステムエンジニ アになることになった 方 プログラミングによって 何 か 動 くものが 作 ってみたい 方 本 書 に 書 かれていることを 実 践 して 頂 き 見 事 画 像 投 稿 掲 示 板 を 作 りあげることができれば 上 記 の 方 々が 直 面 して いる 課 題 のいくつかを 解 決 することができるでしょう 本 書 は 私 が 社 内 で 行 った 新 卒 社 員 向 けの 研 修 ( 非 エンジニア の 新 卒 にプログラミング 研 修 を 行 いました pixiv engineering blog 元 になってい ます 研 修 は コード(コンピュータに 指 示 を 出 すための 言 語 )を 1 行 も 書 いたことのない 全 くの 素 人 に 向 けた 6 日 間 の 集 2

5 中 講 義 でした 英 語 で 言 えば アルファベットも 知 らないような 状 態 から 英 作 文 ができるように 仕 上 げなさいという 話 で 大 変 骨 の 折 れる 仕 事 でした おかげで 普 段 何 気 なく 使 っている 言 葉 やテクニック 概 念 について 考 え 直 すことができました 書 籍 化 にあたり 研 修 の 過 程 で 受 講 者 から 出 た 疑 問 に 答 え るのはもちろん 詰 まりがちな 部 分 についても 丁 寧 な 補 足 を 加 えています 相 当 実 践 的 な 内 容 になっているは ずです 非 エンジニアの 方 々に 読 んで 頂 くにあたり 分 かりやす さ にも 徹 底 してこだわりました パラパラとめくって 頂 くとコードが 多 数 目 につき 取 っつきにくい 印 象 を 持 たれ るかもしれませんが ご 安 心 を 順 番 に 読 んでもらえれば 100% 理 解 して 頂 けるように 書 いてあります 講 義 に 入 る 前 に 大 事 な 言 葉 を 紹 介 したいと 思 います プログラマの 三 大 美 徳 と 呼 ばれるもので Perl という プログラミング 言 語 を 作 ったラリー ウォールの 名 言 です 怠 惰 (Laziness) 短 気 (Impatience) 傲 慢 (Hubris) これだけを 見 るとプログラミングをする 人 の 人 間 性 が 疑 わ れるかもしれません しかしこれはプログラミングに 必 要 な 心 得 を 非 常 に 端 的 に 表 しています 3

6 怠 惰 とは 面 倒 だと 思 ったら 自 動 化 をしたい 短 気 とは 気 が 利 かないソフトウェアを 見 るとイライラして 直 そうとする 傲 慢 とは 文 句 をいう 余 地 のない 完 璧 なプログラムを 書 く いずれも プログラミングをする 上 で 重 要 な 心 得 ですので ぜひ 覚 えてください なお 本 書 の 内 容 をサポートする Web サイトとして https://github.com/catatsuy/support_programming を 用 意 しました 合 わせて ぜひご 活 用 ください それではさっそく 講 義 をはじめましょう PC(できれば Mac)に 電 源 を 入 れ ページをめくってください 4

7

8 2 1 Web 11 サイトはみるものじゃなくて 作 るもの 12 HTML とCSSってなに? 13 CSSの 書 き 方 17 ひとまずエディタをインストールしよう 20 2 Mac 25 なぜWindowsではダメなのか 26 ターミナルの 操 作 を 覚 えよう 29 Macで 開 発 が 出 来 るようにする 32 Git/GitHub の 使 い 方 33

9 Git がなぜ 必 要 なのか 33 GitHub を 使 ってみる 34 Git の 便 利 な 設 定 35 Git の 流 れ 37 Ruby 環 境 をインストールする 45 Rubyってなに? 45 Ruby の 書 き 方 を 覚 えよう 46 実 行 の 仕 方 47 書 き 方 紹 介 48 p 48 コメントアウト 48 変 数 49 配 列 ハッシュ 51 if 53 each 54 SQLite とデータベースの 基 礎 55

10 SQLiteの 使 い 方 57 SQLiteの 起 動 方 法 58 テーブルの 作 成 確 認 削 除 58 まとめ 61 レコードの 追 加 確 認 更 新 削 除 61 まとめ 65 Rubyから SQLite を 操 作 する 画 像 投 稿 掲 示 板 をつくるのは 結 構 大 変 72 初 心 者 向 けに 仕 様 を 決 めていく 73

11 4 Web 77 XSS 78 SQL インジェクション GitHubでリポジトリをForkする 86 Sinatra の 使 い 方 87 投 稿 ができるようにする 93 投 稿 をデータベースに 保 存 する 96 投 稿 一 覧 を 表 示 する 100 画 像 を 投 稿 できるようにする 104 投 稿 にスターを 付 けられるようにする 121 JavaScript を 覚 えよう 127 jqueryを 使 ってみる 136

12 Ajaxを 使 って 非 同 期 に 投 稿 にスターを 138 付 けられるようにする 153

13 1 Web

14 皆 さんは 普 段 Google Chrome( 以 下 Chrome)や Internet Explorer などのウェブブラウザやブラウザと 呼 ばれるアプ リケーションを 使 い 様 々な Web サービスを 使 っていると 思 います 少 なくとも 現 在 の 日 本 においてはインターネットなしでの 生 活 は 考 えられず 日 々 様 々な Web サイトを 閲 覧 してい ることと 思 います これらの Web サイトはどうやって 作 られているのでしょ うか 実 は 簡 単 に 見 ることができます まず Chrome をインストールしていなければ Chrome を インストールしてください Chrome で を 開 いてみてください そしてウィンドウ 上 部 にあるメニューから 表 示 を 選 択 し て 開 発 / 管 理 から デベロッパー ツール を 選 びます すると pixiv のソースコードを 見 ることができます これは Chrome の Developer Tools という 機 能 です Chrome の Developer Tools は 非 常 に 機 能 が 充 実 してお り 開 発 に 大 変 役 立 ちます ここで 表 示 されているのは HTML と 呼 ばれるものです 今 は 何 が 書 かれているか 分 からないかもしれませんが 本 書 を 読 み 終 わったころには 何 が 書 かれているかほとんど 分 かるようになるでしょう 12

15 HTML CSS プログラミングについて 学 ぶにあたり まず HTML と CSS について 覚 える 必 要 があります 文 章 を 書 く 際 に Microsoft Word や iwork の Pages など のワープロソフトを 使 ったことがある 人 は 多 いと 思 います ワープロソフトで 文 章 を 書 く 際 文 字 に 様 々な 装 飾 をする ことがありませんか? 例 えば 最 初 にタイトルを 書 いたらそれを 中 央 揃 えにし 大 きくするなどの 装 飾 です ワープロソフト 上 では 明 確 な 区 別 なく 行 えるこの 装 飾 ブ ラウザでは 異 なります ブラウザでコンテンツを 表 示 するには 文 章 と 文 章 の 構 造 を HTML で 文 章 自 体 に 関 係 のない 見 た 目 に 関 わる 部 分 を CSS で 記 述 します まずは HTML から 説 明 します 何 はともあれ 実 際 の HTML を 見 てもらいましょう 例 えば index.html のようなファイルです HTML の 拡 張 子 (ファイル 名 の 最 後 につく ファイルの 種 類 を 規 定 する 部 分 )は html となります <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> 1 W e b 13

16 <title> </title> </head> <body> <h1> 1</h1> <p> </p> <h2> 2</h2> <p> </p> <ul> <li> </li> <li> </li> </ul> <h3> 3</h3> <p> </p> <h3> 3</h3> <p> <br> </p> </body> </html> HTML は 最 初 に <!DOCTYPE html> と 書 きます これはこのファイルが HTML であることを 示 すものなの で 必 ず 書 きましょう HTML をはじめ コンピュータやインターネット 関 係 の 14

17 もののほとんどはアメリカで 作 られたため 英 語 がベース になっています HTMLは 基 本 的 に<html></html>のように< >と</ > でテキストを 囲 います これを HTML タグといいます HTML タグは 開 始 タグ < > と 終 了 タグ </ > を 使 って 書 きます 開 始 タグには 属 性 というものを 指 定 できます 日 本 語 を 扱 う 文 章 なら html タグの 属 性 に <html lang="ja"> と 書 き ます このように 属 性 は 開 始 タグの 中 に =" " のように 指 定 します 今 回 の lang="ja" は language と Japanese の 略 で 言 語 は 日 本 語 にする という 意 味 になります このように 属 性 や 値 には 英 単 語 を 略 しているものが 多 いで す HTML の 文 章 は <html> タグの 中 に 書 きます <html> タグの 中 に <head> タグと <body> タグを 書 きます <head> タグの 中 にはこの 文 章 のタイトルなどの 情 報 を 書 き ます 詳 しくは 後 で 説 明 します <body> タグの 中 には 実 際 に 表 示 したい 文 章 を 書 きます この 中 に 書 かれているものはブラウザ 上 で 表 示 されます <h1> は heading の 略 で 見 出 しのことで 番 号 は 順 番 を 表 し ます 1 W e b 15

18 番 号 は <h1> から <h6> まであります 文 章 自 体 は <p> タグで 囲 います これは paragraph の 略 で 段 落 を 表 します 箇 条 書 きをするには <ul> タグで 囲 い 箇 条 する 内 容 をそ れぞれ <li> タグで 囲 います それぞれ unorderd list と list item の 略 です 1,2,3 のように 順 番 を 表 示 したい 場 合 は ordered list で すので <ol> タグで 囲 います 改 行 したい 場 合 は <br> タグを 使 います 普 通 に 改 行 した だけでは 改 行 にならないので 気 をつけてください <br> タグは 改 行 を 意 味 する Line Break の 略 です また HTML で 非 常 によく 使 われるリンクを 作 るタグの <a> タグも 紹 介 します このタグは Anchor の 略 で アンカータグ と 呼 ばれます <a> タグは 以 下 のように 使 います <a href="http://www.pixiv.net/"> [pixiv ]</a> 16

19 <a> タグには href 属 性 を 使 ってリンク 先 の URL を 必 ず 書 く 必 要 があります このような 必 ず 与 えないといけない 属 性 のことを 必 須 属 性 と 言 います 必 須 属 性 を 持 っているタグは 他 にもいくつかありますので その 都 度 紹 介 していきます HTML タグはこれだけではありません 今 後 も 必 要 に 応 じて 紹 介 していきます CSS CSS は HTML とは 異 なり 文 章 の 見 た 目 を 担 当 します CSS は HTML の 中 に 直 接 書 くこともできますが ファイ ルを 分 けた 方 が 管 理 や 編 集 が 楽 です 実 際 の 開 発 では HTML の 中 に 直 接 CSS を 書 くことはまず ありません まず HTML の <head> タグの 中 に 以 下 のように 書 きます <link rel="stylesheet" type="text/css" href="style.css"> 1 W e b 17

20 続 いて HTML ファイルを 保 存 しているフォルダに style. css というファイル 名 でファイルを 作 ります CSS の 設 定 はこの style.css に 書 いて 保 存 すれば 適 用 され ます CSS で 設 定 する 見 た 目 などのことをスタイルと 呼 びます そのため CSS を 適 用 して 見 た 目 を 変 えることを スタイル を 適 用 する スタイルを 当 てる などと 表 現 します では 実 際 の CSS の 書 き 方 を 紹 介 します 先 程 の HTML で 例 えば <p> タグの 文 字 の 色 を 赤 色 にして みます p { color: red; } これで <p> タグの 文 字 の 色 は 赤 色 になります この 時 に color のことをプロパティと 呼 び red のことを 値 と 呼 びます さらにフォントのサイズを30px にしたい 場 合 は 以 下 のよ うにします p { 18

21 color: red; font-size: 30px; } ブラウザ 上 でサイズを 指 定 する 時 はほとんどの 場 合 でピク セルという 単 位 が 使 われます ピクセルは px と 表 され 1px はディスプレイの 1 つのドッ トの 大 きさのことです このように 設 定 したいタグに 対 して CSS の 設 定 を 列 挙 して いきます しかしこのようにタグで 設 定 するとそのタグ 全 てに 設 定 が 適 用 されてしまいます 実 際 には 特 定 の HTML 要 素 に 対 して CSS を 設 定 したいこ との 方 が 多 いでしょう そういった 時 に 使 われるのが id と class です 以 下 のように 指 定 します <p id="sample-id"></p> <p class="sample-class"></p> 1 W e b 19

22 id は 最 初 に # を class は 最 初 に. を 付 けて CSS を 指 定 し ます #sample-id { } color: blue;.sample-class { } color: green; id と class の 違 いは id が 同 じ HTML ファイル 内 に 1 つし かあってはならないのに 対 して class はいくつあっても 良 い 点 です CSS の 指 定 には class の 方 が 使 い 勝 手 が 良 いので 常 に class を 使 うことをおすすめします Web アプリケーションを 作 る 上 でこれからプログラミング を 行 っていきます 20

23 プログラミングはエディタと 呼 ばれる 種 類 のアプリケーシ ョンを 使 って 行 いますのでエディタをインストールする 必 要 があります エディタといっても 特 別 なアプリケーションではありませ ん 代 表 的 なエディタとして Windows のメモ 帳 や Mac のテ キストエディットがあります これらのエディタならば 最 初 からインストールされている のでわざわざインストールをする 必 要 はありませんし こ れらのエディタでもプログラミングを 行 うことができます しかしこれらの 最 初 からインストールされているエディタ はプログラミング 専 用 ではないので 様 々な 機 能 が 不 足 して います 不 足 している 機 能 をいくつか 紹 介 します これから 紹 介 していきますがプログラミングは 分 かりや すいようにスペースを 適 宜 挿 入 します こういったスペースのことをインデントと 呼 びますが イ ンデントの 挿 入 を 自 分 で 行 うことはとても 面 倒 です また 実 際 にプログラミングを 行 う 際 プログラムに 色 が 付 いていないと 種 類 の 判 別 が 難 しく プログラミングが 困 難 なものになります インデントを 調 整 する 機 能 があり プログラムの 文 字 に 色 を 付 けてくれるエディタを 使 用 するのはプログラミングに おいて 必 須 です インデントを 調 整 する 機 能 があり プログラムに 色 を 付 け 1 W e b 21

24 てくれるエディタは 色 々ありますが 今 回 は 使 い 方 がテキ ストエディットなどと 似 ていてなじみやすく また 機 能 が 充 実 しており 最 近 プログラマの 間 で 人 気 が 急 上 昇 してい る Sublime Text をおすすめします Sublime Text には 先 程 紹 介 したインデントを 調 整 する 機 能 や 色 を 付 けてくれる 機 能 の 他 にもコードの 一 部 を 書 くと 残 りの 部 分 を 補 完 してくれる 機 能 などがあります 基 本 的 にプログラミングは 慣 れたエンジニアでもスペルミ スなど 必 ずミスをします また 長 い 名 前 を 一 字 一 句 全 て 覚 えるというのは 現 実 的 では ありません しかしプログラムというのは 厳 密 なルールがあり 基 本 的 に 一 字 一 句 合 っていなければ 正 しく 動 作 しません そこで Sublime Text の 補 完 機 能 を 使 うことでミスを 減 ら すことができます そのため 補 完 機 能 を 活 用 することをおすすめします 補 完 機 能 を 使 うのに 追 加 の 設 定 などはいりません Sublime Text は 以 下 のサイトからダウンロード 出 来 ます 通 常 のアプリと 同 じようにインストールしてください もし 開 発 元 が 未 確 認 のため 開 けません という 警 告 が 出 てインストールができない 場 合 はリンゴマークから シス テム 環 境 設 定 を 開 いて セキュリティとプライバシー を 開 きます 22

25 そして 一 般 のタブから ダウンロードしたアプリケー ションの 実 行 許 可 で 全 てのアプリケーションを 許 可 を 選 択 してください 変 更 にはパスワードが 必 要 です Sublime Text はファイルの 拡 張 子 からインデントや 色 を 付 けてくれますが 保 存 する 前 のファイルなど 拡 張 子 を 指 定 する 前 でもそういった 機 能 を 使 うことができます 右 下 から 様 々なプログラミング 言 語 を 選 択 することができ ます たくさんありすぎて 迷 うと 思 いますが 例 えば HTML を 選 択 すれば HTML を 書 くことができます 他 にもいくつか 覚 えて 欲 しい 機 能 がありますのでその 都 度 解 説 します また 何 度 かファイルを 保 存 すると 有 料 版 購 入 を 勧 めるポッ プアップが 出 てきます Cancel を 入 力 すれば 使 い 続 けることができますが 長 く 使 うのであれば 購 入 しましょう 1 W e b 23

26

27 2 Mac

28 Windows Windows は OS の 一 種 です OS は Operating System の 略 で 日 本 語 では 基 本 ソフトと 訳 されます OS はコンピュータの 中 でハードウェアとアプリケーショ ンの 仲 介 を 行 います もう 少 し 分 かりやすく 説 明 します 例 えばコンピュータを 起 動 して Chrome を 起 動 して pixiv を 見 ようとします コンピュータは 様 々な 企 業 が 発 売 していますが どのコン ピュータでも Windows が 入 っていればインターネットに 繫 げることができて Windows 版 の Chrome は 動 かすこと ができます しかしどのコンピュータでも 中 に 使 われている 部 品 等 が 異 なります またコンピュータは 精 密 機 器 ですのでコンピュータの 上 で Chrome のようなアプリケーションを 動 かすには 様 々な 部 品 の 制 御 が 必 要 になります 一 時 的 に 記 憶 をするメモリや 計 算 をする CPU やファイル などを 保 存 する HDD や SSD などが 代 表 的 な 制 御 しなけ ればならないハードウェアの 一 部 です そのような 様 々なハードウェアの 制 御 を 引 き 受 けて 微 妙 な 差 異 も 吸 収 するのが OS の 役 割 です OS がハードウェアを 制 御 するのでアプリケーション 側 は OS の 機 能 を 使 ってメモリや CPU や HDD や SSD などを 操 作 します 26

29 こうすることで OS が 全 てのアプリケーションがやりたい 操 作 をまとめて 効 率 よくハードウェアの 制 御 を 行 います そうすることでアプリケーションはハードウェアの 制 御 を 考 えることなくハードウェアを 実 質 的 に 扱 うことができま す 代 表 的 な OS が Windows です OS は Windows だけではありません 最 も 代 表 的 な OS である UNIX の 紹 介 をします UNIX はアメリカ 最 大 手 の 通 信 業 者 である AT&T のベル 研 究 所 で 開 発 された OS です 1970 年 代 に 広 く 普 及 した 歴 史 のあるシステムで 主 に 大 学 や 研 究 機 関 で 使 われてきました 現 在 でも UNIX は 事 実 上 の 標 準 になっています Mac OS X は UNIX の 一 種 です Linux は 商 標 の 関 係 で UNIX とは 名 乗 れませんが 事 実 上 UNIX の 一 種 と 考 えて 問 題 ありません 今 回 学 ぶ Web プログラミングは 基 本 的 に UNIX で 動 かす ことが 前 提 になっているので UNIX 系 の OS を 使 用 する 必 要 があります 2 M a c 27

30 20 U- 3!!!

HTML文章作成

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

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

第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

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

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

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

More information

Microsoft Word - 311Tools_END

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

More information

CSSの基礎

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

More information

高知大学 学生用

高知大学 学生用 高 知 大 学 学 生 用 moodle2 moodle(ムードル)は Web を 通 じて 利 用 する 授 業 サポートのシステムです 学 生 ユーザは 参 加 している 科 目 (コース)の 授 業 コンテンツを 使 って 受 講 ( 活 動 ) することができます ご 利 用 の 推 奨 ブラウザ Internet Explorer 8 以 上 Firefox 4 以 上 Google Chrome

More information

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

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

More information

1/2

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

More information

■新聞記事

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

More information

データ構造とアルゴリズム論

データ構造とアルゴリズム論 第 1 章.Web サーバとしての Tomcat の 機 能 学 習 のねらい 1 テキストファイルおよび HTML ファイルをブラウザに 表 示 させ Tomcat の Web サー バとしての 機 能 を 確 認 理 解 する 0.Web アプリケーションの 動 作 の 仕 組 み 講 義 で 説 明 基 礎 課 題 1-1 (Java サーブレットを 用 いた)Web アプリケーションの 動

More information

ホームページとは何?

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

More information

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

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

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

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html

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. ウェブの基本 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

文 書 構 造 とスタイル

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

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

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

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

More information

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

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

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

教員用

教員用 高 知 大 学 教 員 用 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

3 システム 概 要 ウェブ アプリケーションによる 情 報 収 集 シ ステムの 概 要 をユースケース 図 にて 示 す( 図 1) 途 中 まで 行 い 一 時 的 にサーバに 格 納 しておき 再 度 先 ほどの 途 中 から 記 入 できるようになっている つまり 1 日 に 何 度 も1

3 システム 概 要 ウェブ アプリケーションによる 情 報 収 集 シ ステムの 概 要 をユースケース 図 にて 示 す( 図 1) 途 中 まで 行 い 一 時 的 にサーバに 格 納 しておき 再 度 先 ほどの 途 中 から 記 入 できるようになっている つまり 1 日 に 何 度 も1 XMLとExcelを 利 用 したWebによるアンケート 収 集 システム の 構 築 Synthesis a new web application system using XML, php and Excel 福 良 博 史 伊 東 久 美 子 荻 野 美 佐 子 FUKURA Hirofumi, Ito Kumiko, Ogino Misako 1 はじめに 0 歳 ~2 歳 の 主 として

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

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

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

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

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

2.3 本学でよく使う基本ツール

2.3 本学でよく使う基本ツール 2.3.1 テキストエディタ(TeraPad) 第 2 部 第 3 章 本 学 でよく 使 う 基 本 ツール 1.はじめに 学 内 の 演 習 室 PC には Windows 標 準 のメモ 帳 以 外 にも TeraPad や 秀 丸 Sublime Text といった 複 数 のテキストエディタがインスト ールされています これらのテキストエディタはメモ 帳 と 同 じように 速 く メモ 帳

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

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

Microsoft Word - 新ユーザー専用ページ機能詳細・マニュアル.doc

Microsoft Word - 新ユーザー専用ページ機能詳細・マニュアル.doc 新 ユーザー 専 用 ページ 機 能 詳 細 マニュアル 平 成 25 年 2 月 6 日 ( 木 ) 以 降 にご 確 認 ください 1/24 目 次 ユーザー 専 用 ページ... 3 メールサービス... 4 メールサービス 画 面 構 成... 5 アカウント 詳 細 / 設 定... 5 高 機 能 フィルター... 6 ユーザーフィルター 設 定... 7 新 規 フィルターの 追 加...

More information

方程式を解いてみよう! C++ から PHP + JavaScriptへ

方程式を解いてみよう! C++ から PHP + JavaScriptへ 方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. HTMLで 自

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

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

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

More information

0序文‐1章.indd

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

More information

Microsoft Word - Office365マニュアル(メール)2015_3.docx

Microsoft Word - Office365マニュアル(メール)2015_3.docx Office365 Outlook マニュアル 目 次 1.Office365 の 利 用 準 備... 2 (1) 電 子 メールとは... 2 (2)Office365 へのアクセス... 2 (3)Office365 へのサインイン... 3 (4)Office365 のサインアウト... 6 2.Office365 の 使 い 方 ( 基 礎 )... 7 (1)Office365 ウィンドウの

More information

学生用_目次

学生用_目次 メーリングリストを 削 除 する 1.メーリングリストの 管 理 画 面 にログインします 2. このメーリングリストを 削 除 する のリンクをクリックします 3.リストのパスワードを 入 力 して [このリストを 削 除 ]をクリックしま す * 一 度 削 除 したメーリングリストは 元 に 戻 せませんので 十 分 注 意 してください 自 分 のためのデータの 保 存 場 所 それが ホームディレクトリ

More information

Microsoft Word - XOOPS_input_m.doc

Microsoft Word - XOOPS_input_m.doc 学 校 WebサイトへのXOOPS 導 入 マニュアル (コンテンツ 入 力 ) Ver.0.9 (2008.6.24) 愛 媛 県 総 合 教 育 センター 情 報 教 育 研 究 室 目 次 第 1 章 このマニュアルについて... 1 1 はじめに... 1 2 このマニュアルの 使 い 方... 2 第 2 章 編 集 するためのサイトへのログイン 方 法... 3 第 3 章 各 モジュールへの

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

Microsoft Word - wsample.docx

Microsoft Word - wsample.docx 2013.10 情 報 科 学 A 補 足 資 料 Web ページ 作 成 のポイントとサンプルデータ HTML 作 成 のポイント テキストエディタ (EmEditor, メモ 帳 など) でテキストファイルとして 作 成 する Microsoft Expression Web など,Web ページ 作 成 専 用 のソフトウエア (オーサリングソフト) を 用 いるこ ともできる HTML(HyperText

More information

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

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

More information

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

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

More information

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 : 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp

More information

Microsoft PowerPoint - HTML1復習_1021.ppt

Microsoft PowerPoint - HTML1復習_1021.ppt HTML-Ⅱ(HTML 文 書 構 造 編 ) 3-1 HTML 基 本 構 造 html おいしいお 店 一 覧

More information

CMS操作手順書

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

More information

Microsoft Word - 仕様書

Microsoft Word - 仕様書 住 まいの 情 報 一 元 化 ホームページ 制 作 等 業 務 委 託 仕 様 書 1 業 務 名 住 まいの 情 報 一 元 化 ホームページ 制 作 等 業 務 2 期 間 契 約 締 結 日 から 平 成 28 年 3 月 31 日 まで 3 ホームページ 公 開 時 期 平 成 28 年 1 月 予 定 4 目 的 北 陸 新 幹 線 の 金 沢 開 業 により 交 流 人 口 が 増 え

More information

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

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

More information

A

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

More information

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

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

More information

3. システム 要 件 IM- 社 内 便 Ver.7.2 は 以 下 の 製 品 上 で 動 作 します サーバ 要 件 Windows Server 2003 R2 Windows Server 2008 Windows Server 2008 R2 Red Hat Enterprise Lin

3. システム 要 件 IM- 社 内 便 Ver.7.2 は 以 下 の 製 品 上 で 動 作 します サーバ 要 件 Windows Server 2003 R2 Windows Server 2008 Windows Server 2008 R2 Red Hat Enterprise Lin IM- 社 内 便 ver7.2 リリース ノート 第 2 版 2016/06/02 1. はじめに (1) IM- 社 内 便 が 動 作 するには intra-mart WebPlatform / AppFramework Ver.7.2(パッチ 3) 以 上 ワークフロー 連 携 を 行 うには intra-mart WebPlatform / AppFramework advanced 以

More information

03 CMS機能審査表.xls

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

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

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

Chap

Chap Chapter 2 レポート 作 成 2 回 目 は レポート 作 成 に 必 要 な Word や 画 像 編 集 ソフトの 利 用 法 などを 学 びます 1.Word の 利 用 Word(ワード)はコンピュータを 文 房 具 として 使 用 する 上 でおそらく 最 も 頻 繁 に 使 用 する 文 書 作 成 のソフトウエアです マイクロソフト 社 が 自 社 の Windows 上 で

More information

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

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

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

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

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ .3 1...3 メール 受 信 タブのサブメニューから 直 接 受 信 箱 以 外 のフォルダを 表 示 することもできます 共 有 メー ルボックスのフォルダは 指 定 できません 3. 35 メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受

More information

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

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

More information

ファクス送信用変換ソフト 操作説明書_VA

ファクス送信用変換ソフト 操作説明書_VA ファクス 送 信 用 変 換 ソフト 操 作 説 明 書 ファクス 送 信 用 変 換 ソフトのインストールから 操 作 までを 説 明 します 本 書 では ファクス 送 信 用 変 換 ソフトを 本 ソフト と 表 記 している 場 合 があります ファクス 送 信 用 変 換 ソフトについて...2 ファクス 送 信 用 変 換 ソフトをインストールする...3 ファクス 送 信 用 変 換

More information

staff_man

staff_man Webポータルシステム 学 務 部 教 務 課 学 生 課 平 成 8 年 4 月 日 目 次 はじめに ページ.ログイン ~4 ページ 接 続 方 法 ログイン ポータルトップ 画 面 4 アカウントについて.Webシステムの 構 成 5 ページ.シラバス シラバス 登 録 6 ページ 他 授 業 科 目 のコピー 8 ページ 4. 授 業 関 連 シラバス 照 会 8 ページ 担 当 科 目 時

More information

アスラテック株式会社 会社案内

アスラテック株式会社 会社案内 JavaScript SDK for V-Sido CONNECT 利 用 の 手 引 き Mac 編 アスラテック 株 式 会 社 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 構 成 と 開 発 イメージ p.5 2. 初 期 設 定 とVSidoConn4Macの 導 入 2-1. Bluetoothのペアリング

More information

intra-mart Accel GroupMail 2016 Spring — リリースノート   初版 2016-04-01  

intra-mart Accel GroupMail 2016 Spring — リリースノート   初版 2016-04-01   intra-mart Accel GroupMail 2016 Spring リリースノート 初 版 2016-04-01 Copyright 2016 NTT DATA INTRAMART CORPORATION 1 Top 目 次 intra-mart Accel GroupMail 2016 Spring リリースノート 初 版 2016-04-01 1. 改 訂 情 報 2. はじめに 3.

More information

Taro-01_Web_html自習テキストⅠ.

Taro-01_Web_html自習テキストⅠ. 平 成 18 年 度 学 校 Web ページ 作 成 研 修 講 座 HTML の 基 礎 Ⅰ ~メモ 帳 で Web ページを 作 ろう!!~ 今 回 の 勉 強 内 容 メモ 帳 /ファイルの 保 存 / 文 字 入 力 /ページタイトルの 設 定 文 字 色 の 設 定 / 文 字 サイズの 設 定 / 水 平 線 /リンクの 設 定 岩 手 県 立 総 合 教 育 センター 情 報 教 育

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

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

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

More information

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

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

More information

Microsoft Word - 2009.06.doc

Microsoft Word - 2009.06.doc 情 報 基 礎 実 習 第 6 回 HTML の 仕 組 み 2009 年 5 月 28 29 日 長 谷 川 秀 彦 逸 村 裕 本 日 のメニュー HTML ( Hyper Text Markup Language ) を 使 って 箇 条 書 き 画 像 他 のファイルへ のリンクなどを 組 み 込 んだ Web ページを 作 成 する Word, Excel や 専 用 の Web ページ

More information

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

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

More information

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

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

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

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

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

More information

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

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

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 information

研究者情報データベース

研究者情報データベース 研 究 者 情 報 管 理 システム 研 究 者 向 けデータ 一 括 登 録 機 能 操 作 マニュアル 2013 年 6 月 4 日 目 次 1. はじめに... 1 1.1 本 マニュアルの 注 意 事 項... 1 2. 操 作 手 順... 2 2.1 データ 登 録 手 順... 2 2.2 データ 読 み 込 みエラー 時 の 対 応 手 順... 13 3. 登 録 データ 一 覧...

More information

1 本 書 の 目 的 及 び 用 語 1.1 本 書 は Tap Style Cloud 利 用 約 款 ( 以 下 本 利 用 約 款 という )に 規 定 される サービスの 詳 細 を 定 めるものです なお 本 書 に 使 用 される 用 語 は 以 下 の 1.1 用 語 集 での 記

1 本 書 の 目 的 及 び 用 語 1.1 本 書 は Tap Style Cloud 利 用 約 款 ( 以 下 本 利 用 約 款 という )に 規 定 される サービスの 詳 細 を 定 めるものです なお 本 書 に 使 用 される 用 語 は 以 下 の 1.1 用 語 集 での 記 Tap Style Cloud サービス 仕 様 書 Ver2.0.0 大 日 本 印 刷 株 式 会 社 1 本 書 の 目 的 及 び 用 語 1.1 本 書 は Tap Style Cloud 利 用 約 款 ( 以 下 本 利 用 約 款 という )に 規 定 される サービスの 詳 細 を 定 めるものです なお 本 書 に 使 用 される 用 語 は 以 下 の 1.1 用 語 集 での

More information

利用のためのPC環境設定

利用のためのPC環境設定 利 用 のためのPC 環 境 設 定 電 子 入 札 に 参 加 するためには 下 記 のハードウェア ソフトウェアが 必 要 です ご 準 備 をお 願 いします ()ハードウェア Windows XP の 場 合 CPU PentiumⅢ800MHz 同 等 以 上 (.GHz 以 上 推 奨 ) メモリ 56MB 以 上 (5MB 以 上 推 奨 ) HDD ドライブの 空 きが 500MB

More information

10_thesis_05k1134_yoshimura

10_thesis_05k1134_yoshimura 平 成 21 年 度 卒 業 研 究 論 文 企 画 書 作 成 ソフトウェアの 開 発 所 属 : 法 政 大 学 情 報 科 学 部 ディジタルメディア 学 科 学 籍 番 号 :05k1134 氏 名 : 吉 村 祥 平 指 導 教 官 :アラム 佐 々 木 幸 子 教 授 提 出 日 : 平 成 22 年 1 月 28 日 i 要 旨 本 ソフトウェアは 企 画 書 を 作 成 した 経 験

More information

目 次 1 便 利!OneNote 2010 はこんなソフト P.3 2 OneNote でなんでもメモしよう! P.5 3 OneNote を 活 用 しよう! P.16 4 まとめ P.19 5 総 合 演 習 P.20 レッスン 内 容 OneNote 2010 はこんなソフト! パソコンを

目 次 1 便 利!OneNote 2010 はこんなソフト P.3 2 OneNote でなんでもメモしよう! P.5 3 OneNote を 活 用 しよう! P.16 4 まとめ P.19 5 総 合 演 習 P.20 レッスン 内 容 OneNote 2010 はこんなソフト! パソコンを OneNote を 使 ってみよう! ~Office 2010 付 属 の 情 報 管 理 ツール 入 門 ~ 本 テキストの 作 成 環 境 は 次 のとおりです Windows 7 Enterprise Internet Explorer 8 Microsoft Office Professional Plus 2010 Adobe Reader 本 テキストは 次 の 環 境 でも 利 用 可

More information

オブジェクトの 挿 入 スライド 切 り 替 えの 設 定 スライドマスター,テンプレートの 作 成 (2)プレゼンテーション 言 語 表 現 内 容 の 論 理 展 開 内 容 の 具 体 性 資 料 の 完 成 度 全 体 的 評 価 2. 下 見 開 会 式 後 に 競 技 全 体 の 説 明

オブジェクトの 挿 入 スライド 切 り 替 えの 設 定 スライドマスター,テンプレートの 作 成 (2)プレゼンテーション 言 語 表 現 内 容 の 論 理 展 開 内 容 の 具 体 性 資 料 の 完 成 度 全 体 的 評 価 2. 下 見 開 会 式 後 に 競 技 全 体 の 説 明 第 10 回 若 年 者 ものづくり 競 技 大 会 オフィスソフトウェア ソリューション 職 種 競 技 課 題 概 要 1. 課 題 仮 想 の 業 務 で 発 生 した 問 題 に 対 して,データベースやプログラミングを 用 いてそれを 解 決 する. 競 技 は, データベース 課 題, プログラム 開 発 課 題, プレゼンテーション 課 題 の,3 つの 競 技 課 題 につ いてそれぞれ

More information

PowerPoint プレゼンテーション

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

More information

こととする 2-2 既 設 ページのデータ 移 行 2-2-1 既 設 ホームページ( 本 学 )からのデータ 移 行 を 行 うこと なお データはデータベースから 抽 出 を 行 うこと 移 行 作 業 を 行 うにあたり 現 CMSの 保 守 業 者 と 連 携 を 図 ること 2-2-2 な

こととする 2-2 既 設 ページのデータ 移 行 2-2-1 既 設 ホームページ( 本 学 )からのデータ 移 行 を 行 うこと なお データはデータベースから 抽 出 を 行 うこと 移 行 作 業 を 行 うにあたり 現 CMSの 保 守 業 者 と 連 携 を 図 ること 2-2-2 な 1. 業 務 の 概 要 1-1 業 務 名 山 形 県 立 米 沢 栄 養 大 学 ( 仮 称 ) 新 ホームページ 構 築 及 び 公 立 大 学 法 人 山 形 県 立 米 沢 女 子 短 期 大 学 ホームページ 再 構 築 業 務 1-2 目 的 山 形 県 立 米 沢 女 子 短 期 大 学 ( 以 下 本 学 という )は 昭 和 27 年 4 月 に 開 学 し 平 成 21 年 4

More information

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

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

More information

簡単なアイコンの説明

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

More information

Wordでホームページ

Wordでホームページ Wordでホームページ の 旅 日 記 TOPページ サブページ アップロード マーキーの 挿 入 Microsoft Word 2010 目 次 1 Webページ 作 成 の 準 備 1 2 Webページの 作 成 と 保 存 5 3 フレーム 機 能 の 表 示 と 設 定 6 4 壁 紙 ボタンアイコンの 挿 入 とタイトルの 設 定 13 5 main( 下 フレーム)ページの 編 集 16

More information

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

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

More information

PDF閲覧制限システム(簡易版)概説書

PDF閲覧制限システム(簡易版)概説書 NO.391 PDFファイルに 閲 覧 期 限 を 設 定 PDF 閲 覧 制 限 システム( 簡 易 版 ) PDF 閲 覧 制 限 システム( 簡 易 版 ) Light 版 PDF 閲 覧 制 限 システム( 簡 易 版 ) Light-フォルダ 一 括 処 理 版 概 説 書 オリーブ 情 報 処 理 サービス 株 式 会 社 2015 年 5 月 1 概 要 本 ツールはPDFファイルにパスワード

More information

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

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

More information

はじめに

はじめに 目 次 第 1 章 情 報 リテラシーの 必 要 性 1 1.1 情 報 リテラシーの 必 要 性 1 情 報 リテラシーとは/ 医 療 薬 学 と 情 報 リテラシー 章 末 問 題 1 7 第 2 章 パソコンの 仕 組 みとハードウェア 10 2.1 コンピュータ 内 部 の 情 報 伝 達 と 2 進 数 10 2.2 論 理 回 路 11 2.3 パソコンの 基 本 構 成 13 2.4

More information

Microsoft Word - 2010.09.doc

Microsoft Word - 2010.09.doc 情 報 基 礎 実 習 9 回 HTML の 仕 組 み 2010 年 6 月 17 18 日 長 谷 川 秀 彦 逸 村 裕 本 日 のメニュー HTML ( Hyper Text Markup Language ) を 使 って 箇 条 書 き 画 像 他 のファイルへ のリンクなどを 組 み 込 んだ Web ページを 作 成 し Word, Excel, PowerPoint や 専 用 の

More information

Microsoft Word - infA-2011-11a-html.doc

Microsoft Word - infA-2011-11a-html.doc WWW の 仕 組 みと HTML ファイル 1.WWW(World Wide Web)の 仕 組 みと 基 礎 用 語 通 常 Web ページを 閲 覧 する 際 には Web ブラウザと 呼 ばれるアプリケーションを 使 用 し 閲 覧 したい HTML 1 ファイルの 送 信 を そのファイルを 持 つ Web サーバ(WWW サーバ)に 依 頼 する( 図 11) Web サー バは 依 頼

More information

ホームページ作成技法

ホームページ作成技法 Webページプログラミング Dr. Anna Yamaguchi Course URL: http://www2.obirin.ac.jp/annay/ 1 Dr. Anna Yamaguchi 工 学 博 士 : 東 京 都 立 大 学 大 学 院 ( 現 首 都 大 学 東 京 ) 工 学 研 究 科 電 気 工 学 博 士 号 Internet Packet Loss Recovery Using

More information

< 目 次 > ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ 3 ネットコモンズの 仕 組 み 3 県 立 学 校 間 ネットワークの 仕 組 み 4 参 考 Windows パソコン 上 へのネットコモンズのインストール 5 ネットコモンズ(NetCom

< 目 次 > ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ 3 ネットコモンズの 仕 組 み 3 県 立 学 校 間 ネットワークの 仕 組 み 4 参 考 Windows パソコン 上 へのネットコモンズのインストール 5 ネットコモンズ(NetCom 平 成 25 年 度 NetCommons 活 用 研 修 会 グループウェア: 活 用 編 NetCommons 演 習 テキスト 埼 玉 県 立 総 合 教 育 センター < 目 次 > ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ 3 ネットコモンズの 仕 組 み 3 県 立 学 校 間 ネットワークの 仕 組 み 4 参 考 Windows パソコン

More information

CEAS/Sakai 困ったときのヘルプ集20150401

CEAS/Sakai 困ったときのヘルプ集20150401 CEAS/Sakai 連 携 システム 困 ったときのヘルプ 集 (version 1.1) 2015.4.1. 本 書 では 問 い 合 わせ 口 に 寄 せられる 問 い 合 わせの 内 頻 度 の 高 い 物 を 中 心 にリスト アップし 主 な 対 処 法 をまとめて 掲 載 しています エラー 画 面 が 表 示 されたり 問 題 が 発 生 した 際 に 参 考 にしてください なお

More information

Microsoft Word - 03accessデータベース演習レジメ.doc

Microsoft Word - 03accessデータベース演習レジメ.doc Access データベース 演 習 1ワードでデータベースの 基 礎 になるテキストデータを 整 形 し 2Excel でのデータベースの 基 本 的 な 扱 いに 慣 れ さらに3Access を 用 いて クエリやリレーションシップの 概 念 を 理 解 し Excel との 連 携 を 実 践 することを 目 的 とする 題 材 としては 定 期 試 験 対 策 用 の 英 単 語 リストを

More information

kagoemon-a

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

More information