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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 情 報 リテラシー 第 13 回 ウェブページの 作 成 と 更 新 インターネットによって 世 界 中 の 人 に 瞬 時 に 情 報 を 伝 えることができるようになった ウェブページ はその 情 報 発 信 基 地 である ここではウェブページの 作 り 方 を 学 ぶ コンピュータ ストアにはたくさ んのウェブページ 作 成 ソフトが 市 販 されており 操 作 法 はソフトによって 様 々である しかし どのウ ェブページも HTML 言 語 を 使 って 作 成 されているため HTML 言 語 を 用 いたウェブページの 作 り 方 を 学 んでおけば ウェブページの 基 本 が 理 解 できるだけでなく 色 々な 応 用 が 効 くようになる 1. 目 的 1.HTML 言 語 を 用 いたウェブページの 作 り 方 を 習 得 する 2. 自 分 のウェブページを 開 設 する 2. HTMLの 基 本 2.1. HTMLの 概 要 ウェブページは HTML(Hyper Text Markup Language)という 言 語 を 使 って 作 成 する HTML は 文 書 の 中 にタグと 呼 ばれる 記 号 でマークをつけ ブラウザがその 記 号 を 解 釈 しウェブページを 表 示 する 2.2. HTMLの 基 本 構 造 HTML 文 書 は タグで 文 書 の 始 まりを タグで 文 書 の 終 わりを 示 す さらにタ グの 中 で ヘッダ 部 分 (からまで)と 本 体 部 分 (からまで)に 分 かれ る ヘッダ 部 分 は HTML 文 書 に 関 する 情 報 を 記 述 し 本 体 部 分 には 実 際 にブラウザで 表 示 させる 内 容 を 記 述 する HTML 文 書 の 始 まり ヘッダ 部 分 本 体 部 分 HTML 文 書 の 終 わり 2.3. HTML 文 書 の 作 成 手 順 ウェブページを 作 成 するには タグで 記 述 された HTML 文 書 を 作 成 するためのテキストエディタと 実 際 の 表 示 を 確 認 するためのブラウザが 必 要 です また PC で 作 成 したウェブページを 公 開 するには ウ ェブサーバーと FTP ソフトが 必 要 である 1

2 (0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 : ) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文 書 の 作 成 HTML 文 書 は メモ 帳 などのテキストエディタを 使 って 作 成 する このテキスト 形 式 の HTML 文 書 を ソースと 呼 ぶ では テキストエディタを 起 動 し ソース1の 通 りに HTML 文 書 を 作 成 してみよう ソース 1 <title>はじめての HTML</title> <h1>はじめての HTML</h1> すべてタイプできたら 以 下 のファイル 名 で 保 存 する sample.html タグはすべて 半 角 で 入 力 タグは 大 文 字 小 文 字 のどちらでも 良 い ファイル 名 は 半 角 英 数 で 入 力 する ファイル 名 の 拡 張 子 に html または htm を 指 定 すると そのファイルが HTML 文 書 として 保 存 される (2)ブラウザに HTML 文 書 を 表 示 作 成 した HTML 文 書 をブラウザで 表 示 してみる 作 成 した HTML 文 書 のアイコンを 表 示 させ ダブル クリックする すると Internet Explorer などのブラウザが 起 動 し HTML 文 書 に 記 述 されたタグの 内 容 を 解 釈 し ウェブページとして 表 示 する 続 いて 同 じ HTML 文 書 の 編 集 をする 場 合 は 表 示 確 認 後 もそ のブラウザを 閉 じずに 開 いておく (3)HTML 文 書 の 編 集 HTML 文 書 の 編 集 はエディタで 行 う Word や Excel のように 文 書 アイコンをクリックして 開 いても エディタは 開 かない 2

3 通 常 は マウスの 右 ボタン メニュー[ 送 る]に HTML 専 用 のエディタを 登 録 しておく 文 書 アイコ ンをクリックして[ 右 ボタン メニュー] [ 送 る] [メモ 帳 ]のようにしてソースファイルを 開 く エディタでの 編 集 画 面 が 開 いた 状 態 のままなら その 画 面 で 編 集 を 再 開 すればよい エディタをいった ん 閉 じてしまったなら まずエディタを 起 動 し 編 集 したい HTML ファイルを[メニュー] [ファイ ル] [ 開 く]より 開 く (4)ブラウザでの 表 示 確 認 ( 再 編 集 後 ) エディタで HTML 文 書 を 再 編 集 したあとは 再 びブラウザで 表 示 させ 確 認 する 手 順 (2)で 表 示 確 認 を したまま ブラウザが 開 いた 状 態 になっているならば 表 示 の 更 新 をすると 最 新 の 表 示 になる 2.4. タグの 概 要 タグの 基 本 は <tag> ~ </tag> という 形 をしている tag の 部 分 には 様 々な 命 令 をする 要 素 が 入 り <tag>を 開 始 タグ </tag>を 終 了 タグと 呼 ぶ 開 始 タグと 終 了 タグに 囲 まれた 部 分 だけにその 影 響 が 生 じる また 終 了 タグがないもの もある タグにはブラウザに 詳 細 な 指 示 を 与 える 属 性 を 設 定 するものもある 属 性 は 開 始 タグの 中 で 要 素 の 後 に 半 角 スペースを 空 けて 記 述 する <tag 属 性 = ( 値 ) > ~ </tag> 要 素 や 属 性 の 記 述 に 関 しては 半 角 であれば 大 文 字 小 文 字 のどちらでも 構 わない 3. HTML 文 書 の 編 集 3.1. ページの 基 本 構 成 (1)HTML 文 書 の 指 定 ~ 開 始 タグで HTML 文 書 の 始 まりを 示 し 終 了 タグで HTML 文 書 の 終 わりを 示 す (2)ヘッダ 情 報 の 指 定 ~ ヘッダ 部 分 は 開 始 タグと 終 了 タグの 間 に 記 述 する ヘッダ 部 分 は の 直 後 におく (3) 本 文 の 指 定 ~ 本 体 部 分 を 開 始 タグと 終 了 タグの 間 に 記 述 する 3.2. ヘッダの 構 成 ヘッダ 部 分 には HTML 文 書 に 関 する 様 々な 情 報 を 記 述 できる (1)タイトル <title> ~ </title> <title>タグで 指 定 したタイトルは ブラウザで 表 示 させたときに タイトルバーに 表 示 される <title> タグはヘッダ 部 分 に 記 述 する 3

4 ソース 2 <title>はじめての HTML</title> <h1>はじめての HTML</h1> 3.3. 文 書 レイアウト (1) 改 行 <br> エディタに 入 力 した 文 書 は エディタ 上 で 改 行 しても ブラウザでの 表 示 には 反 映 されない(ソース 3) 改 行 は <br>で 指 定 する(ソース4) 終 了 タグはない ソース 3 <title>はじめての HTML</title> <h1>はじめての HTML</h1> エディタに 入 力 した 文 書 は エディタ 上 で 改 行 しても 改 行 されません 4

5 ソース 4 <title>はじめての HTML</title> <h1>はじめての HTML</h1> エディタに 入 力 した 文 書 は <br> エディタ 上 で 改 行 しても 改 行 されません (2) 見 出 し <hn> ~ </hn> (n は 見 出 しのレベルで 1~6 の 値 をとる) テキストを 見 出 しとして 表 すタグは <h1>から<h6>までの 6 段 階 ある ブラウザでは 数 字 が 小 さい ほど 文 字 が 大 きな 見 出 しになる ソース 5 <title> 見 出 し</title> <h1> 見 出 し</h1> <h2> 見 出 し</h2> <h3> 見 出 し</h3> <h4> 見 出 し</h4> <h5> 見 出 し</h5> <h6> 見 出 し</h6> 5

6 (3) 横 罫 線 <hr> 水 平 の 罫 線 を 引 くには 罫 線 を 引 きたいところで<hr>タグを 入 力 する 終 了 タグはない ソース 6 <title> 横 罫 線 </title> <h2> 横 罫 線 </h2> <hr> 水 平 の 罫 線 を 引 くには 罫 線 を 引 きたいところで hr タグを 入 力 します <hr> 3.4. 文 字 の 書 式 (1) 文 字 の 大 きさ 色 <font> ~ </font> 文 字 の 大 きさ 色 の 指 定 は <font>タグで 行 う 大 きさは size 属 性 で 1~7 段 階 の 数 字 で 指 定 する 色 は color 属 性 で 色 名 または 色 番 号 で 指 定 する 基 本 16 色 色 名 色 番 号 色 名 色 番 号 white #ffffff green # silver #c0c0c0 teal # gray # blue #0000ff black # navy # yellow #ffff00 purple # aqua #00ffff fuchsia #ff00ff lime #00ff00 red #ff0000 olive # maroon # (2) 文 字 の 書 体 文 字 の 書 体 を 設 定 する 太 字 :<b> ~ </b> イタリック:<i> ~ </i> 下 線 付 き:<u> ~ </u> 6

7 ソース 7 <title> 横 罫 線 </title> <h1> 文 字 の 書 式 </h1> <hr> <h3> 文 字 の 大 きさ 色 </h3> <font size="1"> 文 字 の 大 きさ</font> <font color="red"> 色 の 指 定 </font>は <font size="5" color="#0000ff">font タグ</font> で 行 います <hr> <b>b タグは 太 字 </b> <br> <i>i タグは 斜 体 </i> <br> <u>u タグは 下 線 付 き</u>の<br> 書 体 になります <hr> 3.5. リンク <a href= パスの 指 定 > ~ </a> ホームぺージ 上 のテキストや 画 像 をクリックすることによって 他 のページを 表 示 させるようにする ことを リンクを 張 るという リンクを 張 るには 絶 対 パス 相 対 パスの 2 つの 指 定 方 法 がある (1) 絶 対 パス 絶 対 パスは HTML 文 書 や 画 像 のパスをすべて 記 述 する 方 法 である 通 常 他 のウェブページへのリン クを 張 る 場 合 には 絶 対 パスで 指 定 する 7

8 <title>リンク</title> <h2>リンク</h2> <a href="http://www.toho-u.ac.jp/"> 東 邦 大 学 </a> クリック すると (2) 相 対 パス 相 対 パスは 現 在 記 述 中 のファイルから 見 た 他 のファイルの 場 所 を 相 対 的 に 記 述 する 方 法 である 同 一 階 層 にあるファイルへリンクを 張 る 場 合 には ファイル 名 をそのまま 指 定 する <a href= page01.html >ページ1</a> 同 一 階 層 にあるフォルダの 中 のファイルへリ ンクを 張 る 場 合 は (フォルダ 名 )/(ファイ <a href= photo/sakura.html > 桜 </a> ル 名 ) と 指 定 する 一 階 層 上 のフォルダは../ で 指 定 する <a href=../sample.html >トップページ</a> フォルダ 名 ファイル 名 の 大 文 字 小 文 字 は 実 際 のフォルダ 名 ファイル 名 の 大 文 字 小 文 字 に 合 わ せる サーバーでは 大 文 字 小 文 字 を 別 の 文 字 として 認 識 する 大 文 字 小 文 字 を 混 同 した 場 合 PC 上 では 問 題 ないが サーバーにアップロードしてウェブページを 公 開 するときには 正 しく 表 示 できな い (3)ページ 内 の 指 定 位 置 へのリンク <a href #キーワード > ~ </a>... <a name= キーワード > ~ </a> 1 つのページが 長 く スクロールしないと 必 要 部 分 を 表 示 できない 場 合 は name 属 性 を 使 って 表 示 し たい 部 分 にキーワードを 付 け リンク 元 からそのキーワードで 表 示 位 置 を 指 定 する 8

9 href 属 性 で 指 定 した<a href #キーワード > ~ </a> 内 のテキストや 画 像 をクリックすると<a name= キーワード > ~ </a>の 場 所 にジャンプする 別 のページから 特 定 の 場 所 にジャンプするには href 属 性 の 値 に パスの 指 定 #キーワード で 指 定 する (4)リンク 先 を 新 しいウィンドウで 開 く <a href= パスの 指 定 target= _blank > ~ </a> target 属 性 は リンク 先 の 開 き 方 を 指 定 する 値 の _blank で 新 しいウィンドウを 開 くように 指 定 し ている 3.6. コメント <!-- コメント --> コメントとは テキストエディタでは 読 むことができるが ブラウザには 表 示 されない 文 字 のことで ある ページを 更 新 する 際 の 注 意 点 やメモをコメントとして 入 力 しておくと 便 利 である 複 数 行 にわた る 長 いものでも <!-- と --> の 間 に 入 力 したものは ブラウザには 表 示 されない ソース 8 <!-- ファイル 名 :sample.html --> <title>はじめての HTML</title> <h1>はじめての HTML</h1> <!-- この 部 分 はブラウザには 表 示 されません --> 3.7. 特 殊 な 文 字 ブラウザに 表 示 される 文 字 は ほとんどの 場 合 エディタから 入 力 されたものと 同 じものになる し かし 一 部 の 文 字 は 特 別 な 方 法 を 用 いなければ ブラウザに 表 示 されない 右 の 表 で 示 したものがウ ェブページでよく 使 う 特 殊 な 文 字 を 表 示 するための 入 力 文 字 例 である 9

10 ソース 9 <title> 特 殊 な 文 字 </title> <h1> 特 殊 な 文 字 </h1> <h2>html の 基 本 構 造 </h2> HTML 文 書 は <br> <html>タグで 文 書 の 始 まりを </html>タグで 文 書 の 終 わりを 示 します <br> さらに<html>タグの 中 で <br> ヘッダ 部 分 (<head>から</head>)と 本 体 部 分 (<body>から</body>)に 分 かれます 3.8. 画 像 の 挿 入 (1) 使 用 できる 画 像 ファイル ブラウザで 表 示 できる 画 像 形 式 は GIF 形 式 JPEG 形 式 PNG 形 式 の 3 種 類 である GIF 形 式 (.gif): 画 像 を 256 色 以 内 で 表 現 する 主 にイラストや 透 過 画 像 アニメーションに 利 用 する JPEG 形 式 (.jpg): 画 像 を 1600 万 色 で 表 現 主 に 写 真 やグラデーションを 使 ったイラストに 使 用 PNG 形 式 (.png): GIF 形 式 と JPEG 形 式 の 両 方 の 長 所 を 持 つ 主 に 画 質 を 落 としたくない 画 像 に 利 用 10

11 (2) 画 像 ファイルの 指 定 <img src= 画 像 ファイルのパス > 画 像 ファイルを 表 示 するには<img>タグを 使 用 する 終 了 タグはない ソース 10 <title> 画 像 ファイルの 作 成 </title> <h2> 画 像 ファイルの 作 成 </h2> Windows に 用 意 されている ペイント で 画 像 ファイルを 作 成 する 場 合 は 保 存 するときにファイルの 種 類 を JPEG GIF または PNG に 指 定 します <br><br> <img src="gazou01.png"> (3) 画 像 ファイルからリンクを 張 る 画 像 からリンクを 張 るには <img>タグを<a> ~ </a>タグで 挟 む 画 像 にリンクを 張 ると 画 像 の 周 りに 枠 線 が 表 示 されるが これを 消 したい 場 合 には <img>タグのなかの border 属 性 に 0 を 指 定 する <a href= page01.html ><img src= gazou01.gif border= 0 ></a> 3.9. 表 の 作 成 (1) 表 の 構 成 HTML 文 書 で 表 を 作 成 するには <table> ~ </table>タグを 使 用 する なお セルは 行 毎 に<td> ~ </td> タグで 1 つずつ 作 成 し 行 は<tr> ~ </tr>タグで 作 成 する 表 に 枠 線 を 表 示 するには <table>タグに border 属 性 を 設 定 する (2) 表 の 作 成 <table><tr><td>. </td></tr></table> 実 際 に 表 を 作 ってみる ここでは 2 行 2 列 の 表 を 作 成 する 11

12 ソース 11 <title> 表 の 作 成 </title> <table border="1"> <tr><td>blue</td><td>green</td></tr> <tr><td>red</td><td>yellow</td></tr> </table> (3) 表 の 属 性 次 のような 属 性 を<table>タグ <tr>タグ <td>タグに 付 けることができる ソース 12 <title> 表 の 属 性 </title> <table border="1"> <tr align="center"> <td width="70" bgcolor="blue">blue</td> <td width="70" bgcolor="green">green</td> </tr> <tr align="center"> <td width="70" bgcolor="red">red</td> <td width="70" bgcolor="yellow">yellow</td> </tr> </table> 12

13 属 性 <table>タグ <tr>タグ <td>タグ border 枠 線 の 幅 を 指 定 これを 指 定 しないと 枠 線 は 表 示 されな い 値 :1 以 上 の 数 値 をピクセル で 設 定 する 0 を 設 定 したと きは 枠 線 は 表 示 されない align 表 を 左 右 中 央 のいずれか に 配 置 する 値 :left right center データの 横 方 向 の 位 置 を 指 定 値 :left right center データの 横 方 向 の 位 置 を 指 定 値 :left right center valign データの 垂 直 方 向 の 位 置 を 指 定 値 :top bottom middle データの 垂 直 方 向 の 位 置 を 指 定 値 :top bottom middle width 横 幅 を 数 値 またはパーセン 横 幅 を 数 値 またはパーセン テージで 指 定 する テージで 指 定 height 縦 幅 を 数 値 またはパーセン 縦 幅 を 数 値 またはパーセン テージで 指 定 する テージで 指 定 colspan そのセルから 指 定 された 数 の 右 方 向 のセルを 結 合 する rowspan そのセルから 指 定 された 数 の 下 方 向 のセルを 結 合 する bgcolor 表 全 体 の 背 景 色 を 設 定 する 値 : 色 名 色 番 号 行 の 背 景 色 を 設 定 する 値 : 色 名 色 番 号 セルの 背 景 色 を 設 定 する 値 : 色 名 色 番 号 background 表 全 体 の 背 景 となる 画 像 を 設 定 する 行 の 背 景 となる 画 像 を 設 定 する セルの 背 景 となる 画 像 を 設 定 する 13

14 3.10. リストの 作 成 (1) 連 番 つきのリスト <ol><li>. <li>. </ol> 番 号 つきのリストを 作 成 するには <ol> ~ </ol>タグと<li>タグを 使 用 する ブラウザでは リスト の 項 目 に 1 から 順 に 数 字 が 付 けられ リスト 全 体 は 字 下 げされる ソース 13 <title> 連 番 つきリスト</title> <ol> <li>いちご <li>りんご <li>みかん </ol> (2) 連 番 なしのリスト <ul><li> <li> </ul> 番 号 なしのリストを 作 成 するには <ul> ~ </ul>タグと<li>タグを 使 用 する ブラウザでは リスト 項 目 に マークが 付 けられる ソース 14 <title> 連 番 なしリスト</title> <ul> <li>パンダ <li>うさぎ <li>コアラ </ul> 4. ウェブページの 公 開 ウェブページをPC 上 に 作 るだけでは インターネット 上 に 公 開 はできない 公 開 するためにはウェ ブページを 構 成 する HTML ファイルと それらに 挿 入 している 画 像 ファイルなどをウェブサーバーに 転 送 する 必 要 がある このファイル 転 送 には FTP(File Transper Protocol)ソフトウェアを 使 う 14

15 4.1. ウェブページを 公 開 する 上 での 注 意 事 項 他 人 や 他 の 団 体 を 傷 つける 内 容 は 載 せない 公 序 良 俗 に 反 する 内 容 は 載 せない またリンクしない 他 人 や 他 の 団 体 の 著 作 権 を 侵 害 しない すなわち 他 人 の 作 った 画 像 文 章 ソフトウェアを 許 可 無 く 勝 手 に 掲 載 しない 電 話 番 号 や 住 所 などの 個 人 情 報 を 載 せない ウェブページを 通 じて 商 売 をしない 5. ファイル 転 送 ファイル 転 送 には WinSCP というプログラムを 使 用 する この WinSCP は 暗 号 化 され 仮 想 端 末 ソフトウ ェア SSH のコピー コマンドを 使 って 学 内 外 から 学 内 へのファイルの 送 信 受 信 を 行 う (1) 起 動 設 定 とログイン 図 5.1 の WinSCP のアイコンをクリック 図 5.2 のログイン ダイアログ ボックスが 表 示 されるので 以 下 の 情 報 を 入 力 する ホスト 名 :www.lab.toho-u.ac.jp ユーザー 名 :lecture パスワード:yrk2yyr3 入 力 したら [ログイン]ボタンを 押 す 図 5.3 のようなウィンドウが 表 示 されたら[はい]を 押 す 15

16 図 5.1 図 5.2 図 5.3. (2)ファイルのコピー ログインが 正 常 なら 図 5.4 の 画 面 が 表 示 される サーバーにコピーしたいフォルダ(2.3 の(0)で 作 成 した 自 分 の 学 番 を 名 前 に 持 つフォルダ)を 含 むディレクトリを 表 示 する このコピーしたいフォルダ をマウスで 選 択 する( 破 線 枠 で 囲 まれる) 次 に[ファイル]メニューから[コピー]をクリックする( 図 5.5) 確 認 の[コピー]ダイアログが 表 示 されるので コピーを 実 行 するときには [コピー]ボタンを 押 す( 図 5.6) コピーの 実 行 後 反 対 側 のディレクトリにファイルがコピーされているか 確 認 する 16

17 図 5.4 図 5.5 図

18 (3) 確 認 ブラウザを 起 動 し 下 記 のURLを 入 力 する ( の 部 分 には フォルダの 名 前 として 使 用 している 自 分 の 学 番 を 入 力 すること) 自 分 の 作 成 した HTML 文 書 が 表 示 されていれば 成 功 である (4)WinSCP の 終 了 [セッション]メニューから[ 切 断 ]を 選 択 する( 図 5.7) WinSCP ログイン 画 面 ( 図 5.8)が 出 たら [ 閉 じる]をクリックして 終 了 させる 図 5.7 図

19 情 報 リテラシー 提 出 課 題 13 自 己 紹 介 をするウェブページを 自 由 につくり サーバーにアップロードして インターネットに 公 開 し てください 画 像 ファイルや 他 のサイトやファイルへのリンク リストや 表 を 活 用 し 見 て 楽 しいウ ェブページを 作 成 すること 自 分 の USB メモリのなかに kadai( 自 分 の 学 番 ) というフォルダを 作 る( 例 えば 学 籍 番 号 が ならば kadai という 名 前 のフォルダを 作 る) このフォルダのなかに index.html という 名 前 の HTML 文 書 を 作 成 し この 文 書 に 自 己 紹 介 を 掲 載 する このフォルダのなかに 使 用 する 画 像 ファイルなどをすべて 保 存 する WinSCP ソフトを 用 いて このフォルダを 丸 ごとサーバーにアップロードする ウェブページがきちんと 公 開 されているかチェックする もしきちんと 公 開 されているならば ブ ラウザに 下 記 のURL( 自 分 の 学 番 が の 場 合 )を 入 力 すると 自 分 の 自 己 紹 介 のウェブペ ージが 見 られるはずである ウェブページ 公 開 の 締 め 切 り:7 月 16 日 ( 金 )17:00 19

html_text

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

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

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

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

More information

■新聞記事

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

More information

HTML文章作成

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

More information

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

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

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

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

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

背 景

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

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

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

More information

1/2

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

More information

Microsoft Word - chap2.doc

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

More information

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための 2016 年 度 春 学 期 ( 月 V/ 火 II ) 情 報 情 報 発 信 と 伝 達 22. 情 報 の 発 信 伝 達 コミュニケーション 23. 情 報 発 信 のためのHTMLの 基 礎 最 初 に 講 義 資 料 は http://astro.u-gakugei.ac.jp/~nishiura 西 浦 クンの 講 義 室 に 縮 小 版 (PDFファイル)を 置 く 予 定 東 京

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

Microsoft PowerPoint - hp2.ppt [互換モード]

Microsoft PowerPoint - hp2.ppt [互換モード] 技 術 センター HP 講 習 会 ( 第 2 回 ) 広 島 大 学 技 術 センター HP 運 用 WG 本 日 の 講 習 会 の 流 れ FTPソフトの 使 い 方 ファイルをサーバにアップロードする 方 法 前 回 ( 第 1 回 )の 復 習 とその 応 用 フォルダ(ディレクトリ)とリンクの 関 係 リンクの 仕 組 み: 絶 対 パスと 相 対 パス パスワードによるアクセス 制 限

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 Word - wsample.docx

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

More information

KITENN 編集操作マニュアル

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

More information

Microsoft Word - 1-html.doc

Microsoft Word - 1-html.doc Web ページ 作 成 の 基 礎 の 基 礎 内 容 : 1. HTML の 仕 組 み 2. HTMLの 文 法 2007-11-16 テキスト 原 案 作 成 原 田 隆 史 ( 慶 應 義 塾 大 学 ) 協 力 : 石 田 栄 美 ( 駿 河 台 大 学 ), 新 居 雅 行 (Apple Japan), 中 島 玲 子 1.Web ページの 仕 組 みと 作 成 1. Web ページを

More information

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

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種

More information

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................

More information

情報処理実習(工基3)

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

More information

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

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

More information

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

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

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

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

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

More information

第5回

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

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

PowerPoint プレゼンテーション

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

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

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正 1 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく

More information

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

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

More information

簡単なアイコンの説明

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

More information

Microsoft PowerPoint - css [互換モード]

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

More information

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

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

More information

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

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

More information

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

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

More information

文 書 構 造 とスタイル

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

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 - manualtachiyomi.pptx

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

More information

(1) ,,,,, <> ( ) (/ ) (2) HTML5 (3) HTML (4) html (ja) (5) JavaScript CSS (6)

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis > HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript

More information

スライド 1

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

More information

Webデザインの基礎01

Webデザインの基礎01 Webデザインと 広 告 広 報 電 子 商 取 引 &ビジネス 情 報 管 理 1.Web 社 会 を 知 る ウェブで 私 達 の 生 活 はどう 変 わったのか? インターンネットの 検 索 機 能 を 活 用 した 情 報 収 集 ソーシャルネットワークによ るユーザ 同 士 の 情 報 共 有 価 格 ドットコム, 食 べログ 社 会 全 体 の 情 報 の 流 れが, 個 から 個 へ,

More information

A

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

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

Microsoft PowerPoint - lecture1210.pptx

Microsoft PowerPoint - lecture1210.pptx HTML: HyperText Markup Language 1 ウェブページ 作 成 名 古 屋 大 学 情 報 基 盤 センター 情 報 基 盤 ネットワーク 研 究 部 門 嶋 田 創 通 常 のウェブページはHTMLで 記 されている URLの 最 後 が.htmlで 終 わっている( 右 下 図 )ことが 多 いのはそのせい Windowsは 拡 張 子 が.htmlもしくは.htmの

More information

Wordでホームページ

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

More information

橡ホームページの作り方

橡ホームページの作り方 1. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3

More information

PowerPoint プレゼンテーション

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

More information

OpenCity2説明

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

More information

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

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS

More information

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

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

More information

(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォ

(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォ シ リ ー ン Serene バ ッ チ Bachの 設 定 と 運 用 1 Serene Bach のダウンロードと 展 開 (1)2つの 圧 縮 ファイルをデスクトップにダウンロードする 仙 台 市 教 育 センター 教 育 の 情 報 化 研 究 委 員 会 校 務 情 報 化 部 会 教 育 センター 参 考 URL http://www.sendai-c.ed.jp/hoka.html http://serenebach.net/download/

More information

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

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

More information

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

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

Microsoft Word - 2016メディプロ1HTML統合版v1 2016 年 度 メディアプロジェクト 演 習 1 HTML 講 座 基 礎 編 立 命 館 大 学 情 報 理 工 学 部 メディア 情 報 学 科 1 はじめに 本 演 習 の 最 初 の 4 回 では,HTML JavaScript を 用 いた Web ページ 作 成 の 基 礎 知 識 を 学 びます. Web ページを 作 成 するには, 次 の 2 通 りの 方 法 が 考 えられます.

More information

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

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

More information

<925393968ED28CA48F438E9197BF875428303731313031292E786C73>

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

More information

スライド 1

スライド 1 ネットワーク ウェブサイト 関 連 の 基 本 (おさらい) ファイルの 公 開 ポート:80 (デフォルト) ウェブ サーバー 海 洋 大 のネットワーク プロキシ サーバー ファイルの アップロード 外 部 ネットワーク Apache サーバで ファイルを 公 開 パケットの 監 視 HTML 文 書 の 閲 覧 上 記 のネットワーク 構 成 は プロキシサーバーを 除 いておおよそどこでも

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

PowerPoint プレゼンテーション

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

More information

ホームページとは何?

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

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

教員用

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

スライド 1

スライド 1 仕 様 書 制 作 株 式 会 社 アイティーネットワークス 1 枚 目 目 次 目 次 1. 表 紙 2. 目 次 3. 1 スタイルの 変 更 4. 2 スタイルの 変 更 5. 1 ブログパーツセットについて 6. 2 ブログパーツセットについて 7. ファイルアップロードについて 8. アイテムの 管 理 について 9. 記 事 編 集 ボタンの 説 明 10. リンクの 追 加 11. 画

More information

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

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

More information

Taro-ホームページB5.jtd

Taro-ホームページB5.jtd 4 タグの 基 本 (Ⅳ) 画 像 基 本 19 1 画 像 を 入 れる 2 画 像 の 大 きさを 指 定 する 3

More information

(4) ppblog188 フォルダの 名 前 を 変 更 する ここで 設 定 したフォルダ 名 は,Web ページ 上 でブログの URL(アドレ ス)に 使 用 するものとなる 半 角 英 数 字 で 分 かりやすく 設 定 する 本 資 料 では,centerblog として 設 定 する

(4) ppblog188 フォルダの 名 前 を 変 更 する ここで 設 定 したフォルダ 名 は,Web ページ 上 でブログの URL(アドレ ス)に 使 用 するものとなる 半 角 英 数 字 で 分 かりやすく 設 定 する 本 資 料 では,centerblog として 設 定 する ppblog188 の 設 定 1 ppblog188 のダウンロードと 展 開 (1) 圧 縮 ファイルをデスクトップにダウンロードする (http://www.sendai-c.ed.jp/hoka.html) 仙 台 市 教 育 センター (2) WindowsVista の 場 合 圧 縮 ファイルを 展 開 すると,デスクトップに ppblog188 フォルダが 生 成 される (2 )

More information

1. 画 面 パターンと 画 面 の 見 方 (2) メインメニュー 画 面 c d e メインメニュー 画 面 1 ヘッダ ヘッダは システムバナー ログイン 情 報 ドロップダウンメニューで 構 成 されます 2 新 着 情 報 利 用 者 が 新 規 利 用 申 込 を 行 った 場 合 など

1. 画 面 パターンと 画 面 の 見 方 (2) メインメニュー 画 面 c d e メインメニュー 画 面 1 ヘッダ ヘッダは システムバナー ログイン 情 報 ドロップダウンメニューで 構 成 されます 2 新 着 情 報 利 用 者 が 新 規 利 用 申 込 を 行 った 場 合 など 1. 画 面 パターンと 画 面 の 見 方 詳 細 な 操 作 方 法 1. 画 面 パターンと 画 面 の 見 方 主 な 画 面 のパターン および 画 面 の 見 方 について 説 明 します (1) ログイン 画 面 ログイン 画 面 1 ログインの 入 力 項 目 ログイン ID パスワードの 入 力 項 目 ログインボタンを 表 示 します リンク 以 下 のリンクを 表 示 します

More information

スライド 1

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

More information

高知大学 学生用

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

More information

学生用_目次

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

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

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

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

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

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 楽 天 トラベル 動 画 アップロードマニュアル 2015 年 7 月 更 新 はじめに 目 次 - 動 画 管 理 機 能 の 特 徴 基 本 の 使 い 方 - 動 画 をアップロードする -フォルダを 作 成 する - 動 画 をアップロードする - 動 画 をカスタマイズページに 貼 り 付 ける 応 用 - 登 録 した 動 画 情 報 /フォルダを 編 集 する - 動 画 情 報 を

More information

Microsoft Word - 205MSPowerpoint2010-(rev_b)-小倉更新_END0228_a.docx

Microsoft Word - 205MSPowerpoint2010-(rev_b)-小倉更新_END0228_a.docx 5.1 MS-PowerPoint 2010 の 起 動 終 了 第 5 章 プレゼンテーション 1.MS-PowerPoint 2010 の 起 動 (1)マウスの 左 ボタンでスタートボタンをクリックします (2)[ す べ て の プ ロ グ ラ ム ] [Microsoft Office] [Microsoft PowerPoint 2010] の 順 にマウスをクリックすると MS-PowerPoint

More information

目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オ

目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オ InSite Creative Workflow Version 4.1 操 作 ガイド 目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オートタスクの

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

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

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

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

03 CMS機能審査表.xls

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

More information

1

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

More information

Microsoft Word - ws-0002.doc

Microsoft Word - ws-0002.doc Word 2016 はじめに 1 Word の 概 要 Word はすぐれた 文 書 作 成 ソフト 2 1 このテキストで 学 ぶこと 2 2 Word の 起 動 4 3 Word の 画 面 6 4 画 面 の 表 示 倍 率 について 8 5 編 集 記 号 の 表 示 / 非 表 示 8 6 ルーラーを 表 示 させたい 時 は 9 7 行 番 号 を 表 示 させたい 時 は 9 8 リボンが

More information

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

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

More information

kagoemon-a

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

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

ホームページ開設の手順

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

More information

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ 5-1 一 般 ユーザー 用 :メール お 使 いのブラウザ 上 でメールの 送 受 信 ができます メールはJobMagicのサーバーにて 管 理 されており いつでもどこでも 別 のマシーンでログインしても 同 じ 環 境 でご 利 用 いただけます 受 信 したメールを 読 む 1 受 信 したメールを 読 むには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

地域ポータルサイト「こむねっと ひろしま」

地域ポータルサイト「こむねっと ひろしま」 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

システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が 可

システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が 可 PWシリーズ ( 電 話 ポップアップ 編 ) システム 概 要 書 株 式 会 社 ソナーソフトウェア システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が

More information