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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 第 4&5 回 HTML & MIFES 入 門 水 野 りか ここでは,いわゆるホームページを 作 成 する 方 法 の 基 礎 を 学 びます ホームページを 作 るための 言 語 は,HTML (Hyper Text Makeup Language)と 呼 ばれています この 言 語 を 書 くためのテキスト エディタが MIFES です HTML で 書 かれたページは,Netscape や Internet Explorer 等 の,ブラウザ (browser)という 閲 覧 ソフトで 見 ることができます ここではごく 初 歩 的 なことだけに 触 れますが,これをきっかけに 水 野 のホームページの HTML 入 門 (Appendix: などを 参 照 し ながら, 様 々なフォーマットのページを 作 ったり, 動 くアニメを 貼 り 付 けたり,リンク 集 を 作 ったり,フレームに 挑 戦 したり,クリックすればメールを 送 ることができるようなページ を 作 ったり, 音 楽 を 流 したりする 方 法 を 学 んで, 楽 しい,ユニークな, 自 分 自 身 のホームペ ージを 作 ってみることをおすすめします 目 次 1. 最 も 簡 単 なホームページを 作 る 2. 書 式 を 変 える 3.イメージを 貼 りつける 4.リンクする 5. 背 景 を 工 夫 する 6. 最 後 に 参 考 URL - 1 -

2 1. 最 も 簡 単 なホームページを 作 る ここでは, 図 2のページを 作 ります スタート すべてのプログラム から,MIFES を 起 動 します 下 の 通 りに 書 いてみてください <***>や</***>は タグ と 呼 ばれ, 前 者 は 開 始, 後 者 は 終 了 を 表 します 図 2のタグの 中 身 の 意 味 と 使 い 方 は, 次 の 通 りです 1. <html>~</html>で,html で 書 かれた 文 書 を 囲 みます 2. <head><title>~</title></head>で,ブラウザの 上 部 に 表 示 されるタイトルを 囲 みます 3. <body>~</body>で, 本 文 を 囲 みます - 2 -

3 これを, 下 の 図 のように, 名 前.html ( 自 分 の 名 字 にしておく)という 名 前 で MO に 保 存 し ます.html は,これが HTML で 書 かれたぺージであることを 示 す 識 別 子 です MO にできた 上 のファイルを マイコンピュータ で 探 し,それをダブルクリックしてみて ください 以 下 のような 画 面 が 開 きましたか? その 画 面 の 上 部 を 見 てください これが<head><title></title></head>で 囲 まれたタイトルです 白 い 画 面 の 中 の 部 分 が<body></body>で 囲 まれた 本 文 です いかがでしょうか ホームページはとても 簡 単 に 作 れるものだということがわかったと 思 いま す 後 は, 様 々なタグを 覚 えて,というよりもむしろ,どのような 機 能 を 持 ったタグがあるのか を 知 って,それを 使 ってホームページをより 洗 練 されたものにしてゆくだけです - 3 -

4 2. 書 式 を 変 える ここでは, 文 字 やページの 書 式 をいろいろ 変 えてみます 2.1 文 字 の 大 きさを 変 える 下 のように, 先 ほどのページのタイトルを 文 字 の 大 きさを 変 える にしてから, ***のホ ームぺージ を, 文 字 サイズを 指 定 するタグ,<font size=1></font>で 囲 み, 最 後 に 改 行 タグ, <br>をつけてください 次 に,その 行 をコピー,ペーストを 繰 り 返 して7 行 分 作 り,その 中 の 数 字 を 下 のように 順 番 に 書 き 換 えてください - 4 -

5 これを ファイル 名 前 を 付 けて 保 存 で, 今 度 は, 名 前 2.html ( 例 : rika2.html )と してさっきと 名 前 を 変 えて 保 存 してください その 上 で マイコンピュータ で 名 前 2.html を 探 し,それをダブルクリックしてみてください 以 下 のような 画 面 が 開 きましたか? このように<font size= 数 ></font>タグで 文 字 を 囲 むと, 数 が 大 きいほど 大 きな 文 字 になります 2.2 文 字 の 色 を 変 える 下 のように<font color= #********( 色 によって 違 うカラーコード) ></font>で, 先 ほどの 文 字 の 大 きさの<font size=**></font>で 囲 みます 何 色 かがわかるよう 文 字 色 も 画 面 に 表 示 される よう 付 け 加 えます - 5 -

6 2.1と 同 じ 手 順 で 上 書 き 保 存 してから,ファイル 名 をクリックすると, 下 のような 画 面 が 現 れるはずです <font color= #******** ></font>タグの 色 を 指 定 する 数 字 記 号 は,カラーコードと 呼 ばれる もので,16 進 6 桁 の 値 で 表 し,2 桁 ずつ 赤, 緑, 青 の 量 を 指 定 するものです どんな 色 でも 指 定 できるのでいろいろ 試 してみるとよいでしょう 主 なものは 以 下 の 通 りです gray 灰 色 # green 緑 # maroon 栗 色 # navy ネイビーブルー # olive オリーブ # purple 紫 # silver 銀 色 #C0C0C0 teal 薄 い 青 緑 # white 白 #FFFFFF lightcyan 薄 い 空 色 #E0FFFF - 6 -

7 3.イメージを 貼 りつける 画 面 に 画 像 を 貼 り 付 けて, 楽 しいホームページにしましょう 水 野 HP のフレッシュマン ゼミ B の 画 面 のバナナ 画 像 を 右 クリックし, 画 像 に 名 前 を 付 け て 保 存 を 選 択 してから,MO に banana.gif を 保 存 しておきます さきほどのページの 最 後 に,<img src = banana.gif >という1 行 を 加 えます - 7 -

8 上 書 き 保 存 したファイルをダブルクリックすると, 以 下 のような 画 面 が 現 れるはずです 4.リンクする リンクする とは,クリックするとそのページに 飛 べるよう 関 連 づけることです 4.1 テキストから 同 じディレクトリの 他 のファイルにリンクする ここでは,テキストをクリックすると, 最 初 に 作 った 名 前.html というページに 飛 べるよう リンクしてみます 下 のように, 最 後 の 行 の 水 野 ホームページ7 水 色 という 文 字 を,<a href= 名 前.html >と </a>で 囲 んでください - 8 -

9 これを 上 書 き 保 存 してから 先 と 同 じ 手 続 きでダブルクリックすると 下 のような 画 面 が 現 れます その 下 線 部 分 (ホット テキストと 呼 ばれる)をクリックしてみてください 下 のように, 最 初 に 作 ったページに 飛 ぶことができましたか? - 9 -

10 先 ほどの<a href= 名 前.html >と</a>で, 今 度 は,<img src= banana.gif >を 囲 んでみてください そのファイルを 上 書 き 保 存 してから,またダブルクリックしてみてください 下 のようなペー ジが 開 きましたか?

11 今 度 はバナナの 画 像 をクリックしてみましょう 先 ほどと 同 様, 最 初 のページに 飛 べました か? 4.2 テキストから 他 の Web サイトにリンクする リンクできるのは,ページだけではありません 他 の Web サイトにリンクすることもできま す ここでは, 中 部 大 学 人 文 学 部 心 理 学 科 のホームページ というテキストをクリックすると, 中 部 大 学 人 文 学 部 心 理 学 科 に 飛 べるように 設 定 してみましょう マイコンピュータで 最 初 に 作 った 名 前.html を 見 つけ,その 上 でマウスを 右 クリックして MIFES で 開 く を 選 択 します

12 そのタイトルと 本 文 を 以 下 のように 書 き 換 えてから, 一 旦, 名 前 3.html という 新 しい 名 前 を 付 けて MO に 保 存 してください 次 に, 下 のように, 中 部 大 学 人 文 学 部 心 理 学 科 を<a href= ></a>で 囲 みます 4.1では<a href= ファイル 名 ></a>でしたが,このファイル 名 の 部 分 を URL と 置 き 換 えるだけでよいのです

13 では,これを 上 書 き 保 存 して, 前 と 同 じようにマイコンピュータで 見 つけてダブルクリックし てみてください このホットリンクをクリックしてみてください 下 のように, 中 部 大 学 人 文 学 部 心 理 学 科 のホ ームページに 飛 べましたか?

14 5. 背 景 を 工 夫 する 5.1 背 景 の 色 を 変 える 今 度 は, 今 作 ったページ( 名 前 3.html)の 背 景 をもう 少 しきれいにしましょう 背 景 を,2.2の 表 の 最 後 にあったような, 薄 い 空 色 にします そのためには,<body>とい うタグの 中 に,bgcolor= #E0FFFF と 指 定 するだけでよいのです これを 上 書 き 保 存 してから,また 前 と 同 じようにマイコンピュータでダブルクリックしましょ う 下 のように 背 景 が 薄 いブルーになりましたか?

15 5.2 背 景 にイメージを 使 う もっとこりましょう でも,やり 方 はとても 簡 単 です まず,その 壁 紙 用 の kabegami.gif を 手 に 入 れます 先 ほどの 水 野 のフレッシュマン ゼミ B のページのバナナの 画 像 のとなりにあったブルーの 四 角 の 上 で 右 クリックし, 画 像 に 名 前 を 付 けて 保 存 を 選 択 して MO に, kabegami.gif を 保 存 します その 上 で, 先 ほどの bgcolor= #E0FFFF の 代 わりに background= kabegami.gif と 書 きます

16 これを 上 書 き 保 存 したら, 先 ほどと 同 様,マイコンピュータでダブルクリックしてください 下 のようになりましたか? 6. 最 後 に どうでしたか? 思 ったより 簡 単 にホームページが 書 けることがわかったと 思 います ホームページをもっと 楽 しくするためのタグ, 美 しく 見 せるためのタグが 最 初 に 紹 介 した 水 野 の HP の HTML 入 門 にはたくさん 紹 介 されています これを 参 考 にして,できるだけオリジナルで 楽 しく 美 しい 自 分 のホームページを 作 ってみてく ださい 参 考 URL 水 野 りか 2005 HTML 入 門 (

17 Appendix. 水 野 HP の HTML 入 門 の 目 次 (

Microsoft Word - 2014第10&11回HTML入門.doc

Microsoft Word - 2014第10&11回HTML入門.doc 第 10 & 11 回 HTML 入 門 水 野 りか ここでは,いわゆるホームページを 作 成 する 方 法 の 基 礎 を 学 びます ホームページを 作 るための 言 語 は,HTML (Hyper Text Markup Language)と 呼 ばれています この 言 語 はどんなエディタやワープロ ソフトでも 書 くことができますが, 本 講 では, Windows 標 準 のメモ 帳

More information

KITENN 編集操作マニュアル

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

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

ホームページとは何?

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

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文章作成

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

More information

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

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

More information

eil2009062930_4.ppt

eil2009062930_4.ppt URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer

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

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

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

情報処理実習(工基3)

情報処理実習(工基3) 情 報 ( 実 習 )( 体 育 4 班 ) 第 4 回 ホームページ 篇 今 週 は 皆 さんにホームページを 作 って 頂 きます ホームページ 作 成 を 通 じて 様 々な 情 報 を 発 信 したり 受 信 したりする 方 法 のひとつとなることを 目 指 します 0 はじめに はじめに 筑 波 大 学 のホームページ(HP と 略 )を 見 てみましょう デスクトップ 上 にある Internet

More information

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

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

More information

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文 情 報 リテラシー 第 13 回 ウェブページの 作 成 と 更 新 インターネットによって 世 界 中 の 人 に 瞬 時 に 情 報 を 伝 えることができるようになった ウェブページ はその 情 報 発 信 基 地 である ここではウェブページの 作 り 方 を 学 ぶ コンピュータ ストアにはたくさ んのウェブページ 作 成 ソフトが 市 販 されており 操 作 法 はソフトによって 様 々である

More information

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

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

More information

Microsoft PowerPoint - manualtachiyomi.pptx

Microsoft PowerPoint - manualtachiyomi.pptx ニックネームはここに 載 る!! マイページの 左 上 ブログのプロフィール 欄 メッセージを 送 った 相 の 受 信 箱 クリックしてもらえるような 興 味 を 引 く 名 前 にしましょう 記 事 を 編 集 削 除 する 下 書 き 保 存 されている= 公 開 されていない 公 開 されている リンクが 付 いていて クリックすると 公 開 されている 記 事 が 開 く 記 事 を 編

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

A

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

More information

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

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

More information

この URL を 取 得 しました ドメインはこちらです af123.web.fc2.com http://af123.web.fc2.com/ 2FFFTP 設 定 それでは 次 に アップロードに 必 要 な FTP ソフトをダウンロードします FFFTP ( 無 料 ) http://www.

この URL を 取 得 しました ドメインはこちらです af123.web.fc2.com http://af123.web.fc2.com/ 2FFFTP 設 定 それでは 次 に アップロードに 必 要 な FTP ソフトをダウンロードします FFFTP ( 無 料 ) http://www. FTP アップロード&ホームページ 作 成 &テンプレート 一 覧 1.FTP 設 定 作 ったサイトをウェブ 上 へアップロードする 手 順 をこれから FTP 設 定 の 説 明 も 合 わせて 解 説 していきます サイトをアップロードする 作 業 は 理 解 するまでは 少 し 分 かりづらい 部 分 もあるかもしれません 今 からご 説 明 させて 頂 きますが ご 不 明 な 点 がありましたら

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

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

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

More information

OpenCity2説明

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

More information

4 Java へようこそ の 画 面 が 表 示 されるので インストール をクリックします 5 Java セットアップ 進 行 中 画 面 が 表 示 されます 6 Java セットアップ 完 了 画 面 が 表 示 されるので 閉 じる をクリックします インストール が 完 了 しました 7

4 Java へようこそ の 画 面 が 表 示 されるので インストール をクリックします 5 Java セットアップ 進 行 中 画 面 が 表 示 されます 6 Java セットアップ 完 了 画 面 が 表 示 されるので 閉 じる をクリックします インストール が 完 了 しました 7 NPO 法 人 いきいきネットとくしま 第 95 回 定 例 勉 強 会 森 の 日 2012 年 5 月 23 日 担 当 : 今 柴 有 美 子 折 り 紙 飛 行 機 を 飛 ばして 遊 ぼう 折 り 紙 飛 行 機 を 飛 ばして 写 真 の 動 画 を 楽 しむためには Java という 無 料 のフリーソフ トが 必 要 です Java とは 1 ネットワークを 通 じて Web プラウザにダウンロードされ

More information

(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc)

(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc) Easy ページ 操 作 ガイド http://359ch.com ところチャンネル( 資 ) Easy ページサービス 操 作 ガイド 2009.1.8 版 1. はじめに Easy ページサービスとは パソコンからブラウザを 利 用 して 簡 単 にホームページを 公 開 更 新 できるサービス です Docomo や AU SoftBank 等 の 携 帯 電 話 を 利 用 して 同 様 にホームページを

More information

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

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

More information

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

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

More information

HTML入門

HTML入門 HTML ABC of Hyper Text Markup Language 2009 2 HTML2009 Copyright 2009 by BohYoh Shibata 3 WWW HTML WWW WWWworld wide web hyper text resource 4 HTML2009 http WWW httphyper text transfer protocol HTML HTMLhyper

More information

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

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

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

■新聞記事

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

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

第5回

第5回 情 報 教 育 演 習 II 第 5 回 HTML(4) 前 回 に 引 き 続 き Webの 中 心 的 な 技 術 HTML について 実 習 をします 今 回 で HTMLのまとめ になります HTML(4) 1. 水 平 線 をつくる( 復 習 ) 2.イメージを 貼 り 付 ける 今 回 の 課 題 1.HTMLファイルを 作 成 する 2.HTMLファイルの 文 法 をチェックする -

More information

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

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

More information

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

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

More information

スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していき

スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していき モジュール MP-06 MP-06 スライドの 編 集 とリンク 岡 山 県 情 報 教 育 センター スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していきます

More information

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

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

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

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

e-class

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

More information

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63> 商 品 管 理 商 品 管 理 を 行 うためのメニューです 4.1 商 品 管 理 のサイドメニュー 商 品 管 理 には 以 下 のサイドメニューがあります 商 品 一 覧 登 録 済 みの 商 品 の 一 覧 を 表 示 します 既 に 登 録 済 みの 商 品 の 検 索 検 索 した 商 品 を 編 集 する 際 に 使 用 します 新 規 作 成 商 品 を 新 規 登 録 する 画 面

More information

Microsoft PowerPoint - css [互換モード]

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

More information

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

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

More information

untitled

untitled Web HTML(Hyper-Text Markup Language) Web HTML () Web / Web -1 Web -2 Web -3 Web -4 Web Web -5 White Black Red Green Blue Yellow Purple Aqua Maroon Navy Olive Teal Gray Silver Lime Fuchsia Snow Linen Bisque

More information

1/2

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

More information

Ⅰ Webページの作成

Ⅰ Webページの作成 30 簡 単 なホームページ 制 作 岡 山 県 情 報 教 育 センター 第 1 章 Web コンテンツの 作 成 1 Web ページの 作 成 演 習 ( 自 己 紹 介 ) Web ページ 作 成 演 習 Web HTML Microsoft Internet Explorer4.01 FrontPage Express HTML Web (1) FrontPage Express の 起 動

More information

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

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

More information

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる <html> <body bgcolor=yellow> <p> 背 景

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる <html> <body bgcolor=yellow> <p> 背 景 第 22 章 ウェブページの 作 成 2 画 像 の 表 示 HTMLの 細 かいタグ 自 己 紹 介 ページの 作 成 1. 画 像 を 入 れる Word の 画 面 で 画 像 ( 写 真 や 絵 )を 入 れるときは イメージそのものを 表 示 し たが ウェブページに 画 像 を 入 れるには メモ 帳 の 画 面 で 直 接 画 像 を 表 示 させることはできない 作 業 している HTML

More information

<925393968ED28CA48F438E9197BF875428303731313031292E786C73>

<925393968ED28CA48F438E9197BF875428303731313031292E786C73> NECユーザー 会 実 務 担 当 者 研 修 会 資 料 平 成 19 年 11 月 1 日 - NECユーザー 会 ユーザーシステム 研 究 会 - 於 仙 台 市 情 報 産 業 プラザ 東 日 本 硝 子 業 厚 生 年 金 基 金 目 次 ~ 本 研 修 のテーマ Yahoo(ヤフー)のブリッフケースがあれば FDUもCD- ROMもいらない P2~3 ~ 無 料 インターネット 上 に300メガの

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 24 年 10 月 SHIFTで 作 成 されるホームページ: 構 成 SHIFT 作 成 メニュー HPイメージ お 問 合 わせ フォーム BtoBページ 掲 示 板 メインページ 商 品 ページ 電 子 決 算 公 告 ページ 1 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン

More information

スライド 1

スライド 1 e 研 修 PDCA 運 用 チェック Simple e-learning Management System Plus 操 作 説 明 書 管 理 者 機 能 ( 運 用 チェックテーマ 資 材 作 成 管 理 編 ) 05 年 月 Ver..7 アーチ 株 式 会 社 機 能 e 研 修 管 理 機 能 LOGIN 画 面 (PC 環 境 用 ) 説 明 e 研 修 管 理 機 能 LOGIN

More information

■コンテンツ

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

More information

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

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Netto ホームページ 作 成 マニュアル 2015 年 4 月 21 日 作 成 ver8.01 管 理 画 面 URL http://netto.jp/usr/index.php ログインE-mail ( ) パスワード ( ) PC/スマートフォン 対 応 スマートフォンでは 一 部 使 用 出 来 ない メニューがございます ホームページURL http://netto.jp/アカウント

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

Microsoft Word - 309DW_END

Microsoft Word - 309DW_END 9.1 Web サイト 作 成 の 手 順 第 9 章 Web サイト 作 成 前 章 ではインターネットの 利 用 について 解 説 してきました Web サイトの 公 開 は 世 界 中 に 情 報 を 発 信 することのできる 手 段 です こ の 章 では いよいよ 自 分 で Web サイトを 作 成 し 公 開 してみましょう 1.Web サイトの 作 成 から 公 開 までの 流 れ

More information

! 事 前 準 備! 確 認 しておきましょう! One Drive の 利 用 One Drive とは Microsoft が 提 供 するサービスの 1 つ オンラインストレージ です 以 前 あった SkyDrive と 同 じようなものです これのサービスを 使 うことで 写 真 やデータ

! 事 前 準 備! 確 認 しておきましょう! One Drive の 利 用 One Drive とは Microsoft が 提 供 するサービスの 1 つ オンラインストレージ です 以 前 あった SkyDrive と 同 じようなものです これのサービスを 使 うことで 写 真 やデータ 年 賀 状 をパワーポイントで 作 成 し 動 画 を One Drive にアップする ハガキに 印 刷 して 送 る 年 賀 状 も 作 るのですが それに 合 わせて 動 く 年 賀 状 も 作 ります 今 回 はパワーポイントを 使 って 動 く 年 賀 状 を 作 ってみましょう! 1 から 作 ってもいいのですが いろいろ 出 来 上 がったテンプレートがマイクロソフトから 提 供 されているので

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 23 年 1 月 1 SHIFTで 作 成 されるホームページ: 構 成 SHIFT 作 成 メニュー HP 完 成 イメージ 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン 画 面 1. 都 道 府 県 ID パスワードを 入 力 して OK をクリックします コミュニティTOP 画

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

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

やさしくPDFへ文字入力 PRO v.9.0 かんたん操作マニュアル

やさしくPDFへ文字入力 PRO v.9.0 かんたん操作マニュアル 1 はじめに... 3 1.やさしくPDFへ 文 字 入 力 で 出 来 ること... 4 2.やさしくPDFへ 文 字 入 力 を 起 動 しよう... 6 3. 画 像 を 読 み 込 んでみよう... 8 4. 読 み 込 んだ 元 画 像 をなおしてみよう... 15 5. 文 字 入 力 する 場 所 を 指 定 しよう... 19 6. 文 字 を 入 力 しよう... 24 7. 入

More information

スライド 1

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

More information

新 規 にページを 作 成 するには. 新 規 ページを 立 ち 上 げる 左 上 の 新 規 ページ をクリックします モードの 選 択 の 画 面 が 表 示 されますので 標 準 モード を 選 んで OK を 押 して 立 ち 上 げます どこでも 配 置 モード は 見 る 人 のPC 環

新 規 にページを 作 成 するには. 新 規 ページを 立 ち 上 げる 左 上 の 新 規 ページ をクリックします モードの 選 択 の 画 面 が 表 示 されますので 標 準 モード を 選 んで OK を 押 して 立 ち 上 げます どこでも 配 置 モード は 見 る 人 のPC 環 ホームページ 作 成 (ホームページビルダー 編 ) 事 前 準 備 ホームページ 作 成 ソフト(ビルダー4など) レイアウト HP の 構 成 をあらかじめ 決 めて 専 用 フォルダを 作 っておく (フォルダ 構 成 サンプルを 参 考 にしてください ) 画 像 を 一 つのフォルダにまとめる ( 新 規 でフォルダを 作 成 し 名 前 は image 等 で) 容 量 の 大 きな 画

More information

ア ク セス 統 計 の 確 認 月 ごとのアクセス 数 を 確 認 する 1 ア クセス 統 計 画 面 を 表 示 し 確 認 する 月 を 選 択 しま アクセス 統 計 画 面 の 表 示 方 法 アクセス 統 計 画 面 を 表 示 する (P.70) 最 も 古 い 月 の 統 計 デー

ア ク セス 統 計 の 確 認 月 ごとのアクセス 数 を 確 認 する 1 ア クセス 統 計 画 面 を 表 示 し 確 認 する 月 を 選 択 しま アクセス 統 計 画 面 の 表 示 方 法 アクセス 統 計 画 面 を 表 示 する (P.70) 最 も 古 い 月 の 統 計 デー ア ク セス 統 計 の 確 認 ア ク セス 統 計 の 確 認 お 客 様 のホームページへアクセスされた 回 数 を 確 認 しま 統 計 データの 保 証 期 間 統 計 デー タの 保 証 期 間 は 1 年 (12ヶ 月 ) で ア ク セス 統 計 画 面 を 表 示 す る 1 管 理 者 メ ニ ューを 表 示 し ア クセス 統 計 をクリックしま 管 理 者 メニューの 表 示

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

Microsoft Word - 生物学技研報告ONLINE ガイドブック.doc

Microsoft Word - 生物学技研報告ONLINE ガイドブック.doc 生 物 学 技 研 報 告 ONLINE ガイドブック 基 礎 生 物 学 研 究 所 技 術 課 2010 年 2 月 第 1 版 1. 生 物 学 技 研 報 告 ONLINE へのアクセス URL 生 物 学 技 研 報 告 ONLINE は 基 生 研 技 術 課 Web サイト TechDivWeb(techdiv.nibb.ac.jp) のコンテンツです 上 記 よりリンクをたどるか 下

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

基本操作マニュアル[既存ページの編集と連載記事の作成・更新]編

基本操作マニュアル[既存ページの編集と連載記事の作成・更新]編 bingo!cms + 1.5 基 本 操 作 マニュアル 既 存 ページの 編 集 と 連 載 記 事 の 作 成 更 新 編 INDEX INDEX はじめに 3 STEP 1 ページの 編 集 更 新 1. 編 集 前 編 集 後 5 2. テキストを 編 集 する 6 3. 画 像 を 変 更 する 9 4. 更 新 する 12 5. 確 認 する 14 STEP 2 連 載 記 事 の 運

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

研究者情報データベース

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

More information

共済会_Kねっと利用マニュアル.indd

共済会_Kねっと利用マニュアル.indd ~ K ねっと システム 利 用 マニュアル ~ 2016 年 度 版 ご 注 意 この 冊 子 にはインターネット 上 で 職 員 会 員 に 関 するデータを 取 り 扱 うための 設 定 や 操 作 方 法 等 が 記 載 されています 別 紙 WEB 方 式 利 用 通 知 とあわせて 厳 重 に 管 理 及 び 保 管 をし てください 目 次 Ⅰ.K ねっと 概 要 1 Ⅱ.K ねっと

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

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

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

More information

Microsoft Word - 311Tools_END

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

More information

27短01研01斉藤.indd

27短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

kagoemon-a

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

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

学生用_目次

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

More information

■コンテンツ

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

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

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

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

More information

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

ホームページの作り方 講習会テキスト ホームページ 作 成 ソフト (ホームページ ビルダー) 講 習 会 テキスト 2014 年 度 版 (141110 更 新 ) 明 治 大 学 メディア 支 援 事 務 室 目 次 目 次... 2 1. 概 要... 3 1.1 ページ 公 開 の 仕 組 み... 3 1.2 HTMLと タグ... 4 2. コンテンツ( 素 材 )の 作 成... 4 2.1 準 備... 4 2.2 ホームページ

More information

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

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

More information

<5461726F2D89C692EB834E8389837582CC837A815B83808379815B83578DEC>

<5461726F2D89C692EB834E8389837582CC837A815B83808379815B83578DEC> 初 めて 作 る 家 庭 クラブのホームページ ホームページビルダーの 起 動 WindowsXP, IBM ホームページ ビルダー 10 対 応 1 [スタート]ボタンをクリックして,[すべてのプログラム]-[ IBM ホームページ ビルダー 10 ]-[ホームペ ージ ビルダー]を 選 択 します 2 [スタンダード]を 選 択 して,[ OK ]ボタンをクリックします 1ページ 目 ( index

More information

高知大学 学生用

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

More information

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

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

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

はじめに 推 奨 環 境 このレポート 上 に 書 かれている URL はクリックできます できない 場 合 は 最 新 の AdobeReader をダウンロードしてください ( 無 料 ) http://www.adobe.co.jp/products/acrobat/readstep2.htm

はじめに 推 奨 環 境 このレポート 上 に 書 かれている URL はクリックできます できない 場 合 は 最 新 の AdobeReader をダウンロードしてください ( 無 料 ) http://www.adobe.co.jp/products/acrobat/readstep2.htm 初 心 者 向 け 完 全 図 解 講 座 インフォトップ 登 録 講 座 Ver1.5 はじめに 推 奨 環 境 このレポート 上 に 書 かれている URL はクリックできます できない 場 合 は 最 新 の AdobeReader をダウンロードしてください ( 無 料 ) http://www.adobe.co.jp/products/acrobat/readstep2.html 著 作

More information

Microsoft PowerPoint - 第03回目.pptx

Microsoft PowerPoint - 第03回目.pptx 1 情 報 リテラシーII ( 樋 口 担 当 ) 3 回 目 10/10 本 日 の 予 定 2 Webページの 作 成 I.テキストの 記 述 方 法 II.ハイパーリンク III.インラインイメージ( 画 像 ) IV. 表 V. 課 題 3 I.テキストの 記 述 方 法 1. 改 行 4 終 了 タグは 無 い 改 行 していない なすび なすびがいっぱい

More information

第9回

第9回 第 9 回 2016 年 7 月 16 日 情 報 教 育 演 習 II 第 9 回 (1) CSS(4) (1) 今 回 の 課 題 (2) リストの 記 号 や 番 号 の 設 定 (2) クラスの 利 用 (2) クラスとは (2) クラスを 使 った 設 定 (3) CSSファイルでの 設 定 (3) HTMLファイルでの 利 用 (3) クラスの 利 用 例 (1) (3) クラスの 利

More information

教員用

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

Tohtech Career Navi

Tohtech Career Navi 目 次 Tohtech Career Navi とは? ご 利 用 になる 前 に はじめて 使 う~ログイン 学 生 基 本 情 報 の 登 録 マイページ トップページ 機 能 紹 介 求 人 検 索 を 使 いこなす エントリーする その 他 の 機 能 1 2 6 7 9 10 12 13 東 北 工 業 大 学 TohtechCareer Navi とは とは? 本 学 に 寄 せられた

More information

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

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

More information

大阪芸術大学 WEB履修登録システム操作マニュアル

大阪芸術大学 WEB履修登録システム操作マニュアル 2016( 平 成 28) 年 度 WEB 履 修 登 録 システム 操 作 マニュアル 大 阪 芸 術 大 学 - 1 - 1.はじめに 1-1 WEB 履 修 登 録 システムについて 1-2 予 備 登 録 と 本 登 録 について 2.ログインの 方 法 2-1 ユーザーID パスワード 2-2 学 内 (インターネットルーム)で 利 用 する 場 合 2-3 学 外 から 利 用 する 場

More information

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. Crescent Eve ホームページ編集ソフト の使い方マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 3 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

More information

PowerPoint プレゼンテーション

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

More information

ホームページ開設の手順

ホームページ開設の手順 ホームページ 開 設 の 手 順 ホームページを 新 規 に 開 設 する 場 合 の 基 本 的 な 流 れは 以 下 の 通 りです ホームページ 容 量 貸 しの 申 込 み/FTP ソフトの 設 定 ホームページ 容 量 貸 しのお 申 込 み BBIQ 会 員 サイトで ホームページ 容 量 貸 し 申 込 みを 行 います (ログイン ID とログインパスワードが 必 要 です ) 1.

More information

WEB PARK 2014 新規利用ガイド

WEB PARK 2014 新規利用ガイド WEB PARK 2014 新 規 利 ガイド (Windows ユーザ 用 ) 第 1.0 版 2014 年 10 月 東 京 大 学 情 報 基 盤 センター ご 注 意 下 さい 1. 本 ガイドに 記 載 している 内 容 の 一 部 又 は 全 部 を 無 断 で 転 記 することは 禁 止 します 2. 本 ガイドに 記 載 している 内 容 は サービス 内 容 の 変 更 に 伴 い

More information

目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示..

目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示.. Cform カレンダー 予 約 システム 機 能 解 説 マニュアル 目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示... 9 4. 予 約 申 込 管

More information

Microsoft Word - WBT(PP基本編).docx

Microsoft Word - WBT(PP基本編).docx PowerPoint2007の 利 用 基 本 編 広 島 県 立 教 育 センター PowerPoint2007 の 基 本 操 作 を 学 習 しながら, 次 の4 枚 のスライドを 作 成 する 演 習 です スライド1 スライド2 IPA 教 育 用 画 像 素 材 集 より スライド3 スライド4 IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 1 演 習

More information