Microsoft Word - infA a-html.doc

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 WWW の 仕 組 みと HTML ファイル 1.WWW(World Wide Web)の 仕 組 みと 基 礎 用 語 通 常 Web ページを 閲 覧 する 際 には Web ブラウザと 呼 ばれるアプリケーションを 使 用 し 閲 覧 したい HTML 1 ファイルの 送 信 を そのファイルを 持 つ Web サーバ(WWW サーバ)に 依 頼 する( 図 11) Web サー バは 依 頼 元 に 該 当 するファイルを 送 信 し( 図 12) Web ブラウザは 受 信 したファイルの HTML タグを 解 析 して 表 示 する( 図 13) ブラウザとサーバのやりとりは HTTP 2 というプロトコル( 通 信 の 決 まりごと) を 用 いて 行 われる 場 合 が 多 い どういうプロトコルを 用 いて どこの Web サーバに どのファイルの 送 信 を 依 頼 するかは URL(Uniform Resource Locator)と 呼 ばれる 書 式 を 用 いて 指 定 する これは ブラウザ 上 の ア ドレス とか 場 所 という 欄 に 記 述 する 例 えば 麗 澤 大 学 において taro というログイン 名 を 有 する 学 生 が 作 成 したトップページ( 通 常 index.html というファイル 名 を 使 用 する 3 )の URL は 以 下 のように 表 記 される Web サーバ 上 のディレクトリ 名 ~ taro/index.html プロトコル Web サーバ 名 (ドメイン 名 ) ファイル 名 プロトコルと Web サーバ 名 (ドメイン 名 )の 間 は :// (コロン,スラッシュ,スラッシュ)で 区 切 る Web サーバ 名 とディレクトリ 名 ディレクトリとファイル 名 の 間 は / で 区 切 る ドメイン 名 とは インターネ ット 上 でのマシンやサービス 提 供 者 を 一 意 に 識 別 するもので 学 生 が 使 用 するマシンには という 名 前 が 付 与 されている なお ~ taro という 表 記 は 本 学 の Web サー バの 設 定 によって taro さんのホームディレクトリの 下 にある www というディレクトリ を 指 している ~taro の ~ は チルダ と 読 む 3HTML タグを 解 析 して 表 示 1HTML ファイル 要 求 HTML ファイル 学 内 の PC ブラウザ The Internet Web サーバ 仮 想 端 末 世 界 のどこかの 端 末 2HTML ファイル 転 送 学 内 LAN 図 1 WWW の 動 作 の 仕 組 み 2.Web ページの 外 部 公 開 制 限 について Web ページを 作 成 した 場 合 通 常 はインターネットからそのページにアクセス できるようになる しかし 本 学 では 授 業 で 作 成 する Web ページは 外 部 ( 学 外 ) 非 公 開 となっている 外 部 に 公 開 する Web ページを 作 成 したい 場 合 は 個 人 的 に 外 部 の 商 用 プロバイダを 利 用 することが 原 則 となる 1 HTML: Hyper Text Markup Language 2 HTTP: Hyper Text Transfer Protocol 3 index.html というファイル 名 は 省 略 可 能 である 一 般 的 に URL の 最 後 をディレクトリ 名 で 終 了 した 場 合 には index.html 又 は index.htm などのファイル 名 が 自 動 的 に 補 填 される(ただしサーバの 設 定 に 依 存 する) 1

2 3.HTML とは HTML とは Hyper Text Markup Language のことである ハイパーテキスト(Hyper Text)とは 文 書 間 にリンクを 張 り リンク 先 にジャンプすることができる 文 書 を 示 す また マークアップ 言 語 (Markup Language)とは 文 書 を 修 飾 ( 色 をつける 罫 線 を 引 くなど)したり 構 造 を 表 現 (タイトルや 段 落 の 指 定 ) したりするための 言 語 を 示 す Web ページを 構 成 する HTML は これら 2 つの 機 能 を 併 せ 持 つものである HTML ファイルに 用 いる 文 字 には ブラウザ 上 に 表 示 する 文 字 と それらの 表 示 方 法 等 を 指 定 する 文 字 (タ グ,< >で 囲 まれた 命 令 文 字 列 )がある このタグを 使 用 して 画 像 等 の 取 込 みや 文 書 間 のリンクを 指 定 する タグには 多 くの 種 類 があり HTML のバージョンが 進 んで 新 しいタグが 追 加 されることもあるので 色 々な タグを 使 用 して 凝 った Web ページを 作 成 したい 場 合 は 自 ら 適 切 な 参 考 書 を 探 して 調 べなければならない 基 本 的 なタグは 授 業 教 材 はじめての HTML 改 定 版 にまとめられている コラム 近 年 では blog や SNS Twitter など 簡 単 に 情 報 発 信 できる 場 が 整 備 されつつあることから 個 人 で Web サイトをゼロから 自 作 する 機 会 は 徐 々になくなりつつある しかし Web ページがどのようにしてブ ラウザの 画 面 上 に 表 示 されるのかという 詳 しい 知 識 を 身 に 付 けておけば Web インタフェースに 存 在 するバ グをずっと 簡 単 に 見 つけられるようになるだけでなく blog 上 で HTML ベースでの 編 集 も 可 能 になる( 例 えば アメブロではタグ 編 集 エディタがブラウザ 上 に 装 備 されている) いずれにしても Web ページがどのような 構 造 を 持 ち どのように 表 示 されているのかを 覚 えておくこと は 決 して 損 ではない 4.Web ページ 作 成 の 流 れ まずは 自 分 の X ドライブ(ローカル)に HTML ファイルを 作 成 することから 始 めてみよう HTML ファ イルは(Web ページ)はテキストファイルであり メモ 帳 を 含 む 一 般 的 なテキストエディタで 作 成 編 集 が 可 能 である それではプログラムにある EmEditor を 起 動 させて 次 のような 内 容 を 入 力 する <html> <head> <title>se をめざして 千 葉 太 郎 </title> </head> <body> <p> 私 の 自 己 紹 介 <br> SE をめざして</p> <hr> </body> </html> 情 報 科 学 A で 作 成 する Web サイトは プレゼンテーションの 回 で 作 成 したコンテンツと 同 じものにする 例 えば 地 元 の 紹 介 趣 味 休 日 の 過 ごし 方 の 3 つに 関 する 自 己 紹 介 のプレゼンテーションを 作 成 した 学 生 であれば その 内 容 を Web ページの 演 習 で も 使 いまわすことを 推 奨 する(ただし 必 ずそうしなければならないというわけではない) 2

3 タグ <html>~</html> <head>~</head> <title>~</title> <body>~</body> <p>~</p> <br> <hr> 説 明 Web ページ 全 体 を 現 すタグです Web ページ 上 では 見 えない 効 果 などを 記 入 する 場 所 です ( 例 :CSS javascript) 表 示 しているウィンドウの 一 番 左 上 部 分 に 表 示 される Web ページタイトルです Web ページで 実 際 表 示 されるメインの 場 所 です ここに 文 字 を 入 力 したり 画 像 の 配 置 やデザインをしていきます 段 落 をあらわすタグです 改 行 を 行 うタグです ラインを 表 示 させるタグです EmEditor に 入 力 したら X ドライブに 半 角 で www という 名 前 でフォルダを 作 成 し 保 存 する その 際 ファイル 名 は index.html とし ファイルの 種 類 に すべてのファイル(*.*) と 指 定 する この 指 定 を 怠 る と ブラウザで 閲 覧 できないので 気 をつけること! このとき EmEditor は 開 いたままにしておくこと 保 存 したフォルダを 開 き 作 った Web ページを 閲 覧 する title タグで 囲 んだ 文 字 body タグの 中 に 入 力 した 文 字 がどのように 表 示 されているかを 確 認 する 3

4 プレゼンテーションの 内 容 に 基 づいて もう 少 しコンテンツを 追 加 してみよう <hr>の 下 に 次 の 内 容 を 追 加 する 入 力 が 終 わったら 上 書 き 保 存 をして ブラウザに 戻 り F5 キーを 押 して 内 容 を 更 新 する <p> 麗 澤 大 学 経 済 学 部 の 千 葉 太 郎 です SE を 目 指 しています </p> <p>ん? SE ってシステムエンジニアのことかって </p> <p>そう だよ!</p> <p>ん? 文 系 でなれるのかって?</p> <p>バカだな, 文 系 だからなるんじゃないか</p> <p>ん? ナンデかって?</p> <p> 金 融, 流 通,マーケティングなど, 情 報 システムの 役 割 がわかってるからサ</p> 左 側 に EmEditor 右 側 にブラウザを 表 示 しておき ファイルを 書 き 換 えたらブラウザで 更 新 し 内 容 を 確 認 できるようにしておく と 良 い 次 に 異 なるページ 同 士 にリンクを 張 って 相 互 に 行 き 来 するために 他 のページを 作 成 する EmEditor の 新 規 ページを 作 成 して 次 の 内 容 を 入 力 する なお index.html ファイルの 内 容 をコピー&ペーストしてから 作 成 すると 良 い <html> <head> <title>se をめざして 千 葉 太 郎 > 地 元 紹 介 </title> </head> <body> <p> 私 の 地 元 紹 介 <br> 出 身 地 : 金 沢 で 食 べる</p> <hr> <p> 金 沢 ってどこ?</p> <p> 食 べるなら 近 江 町 市 場 海 鮮 どん 屋!</p> </body> </html> 4

5 作 成 し 終 えたら 先 ほどと 同 様 に jimoto.html と 名 前 をつけて www フォルダに 保 存 する 次 に 以 下 の 内 容 のリンクを 設 定 する 入 力 を 終 えたら 上 書 き 保 存 をして ブラウザで 確 かめてみること! 1 はじめての HTML を 参 考 に 自 分 の index.html と jimoto.html を 相 互 にリンクするタグを 各 々 のファイルに 記 述 しなさい(はじめての HTML のページの 一 番 下 にリンクの 説 明 がある) ( 例 えば jimoto.html へのリンクは <a href="./jimoto.html"> 地 元 紹 介 </a> となる) 2 同 様 に index.html 中 に 麗 澤 大 学 のトップページへのリンク 情 報 システムセンタートップページ へのリンクを 作 成 しなさい ( 例 えば 麗 澤 大 学 へのリンクは <a href=" 麗 澤 大 学 </a> となる) 3 index.html 中 に 友 人 の Web ページ(index.html)へのリンクを 作 成 しなさい 友 人 と 相 談 し 相 互 にリンクを 記 述 するとよい( 現 段 階 だとまだ 友 人 のページを 見 ることはできない) ( 例 えば ユーザーID が foo さんであれば <a href=" 5

6 出 来 上 がりは 前 ページのようになる 点 線 以 下 のリンクは 他 のサイトへのリンクであり リスト 表 示 のタ グを 利 用 している リスト 表 示 のタグ(ul タグ)については はじめての HTML を 参 考 にすること このままだと 味 気 ないので 次 に 色 を 変 えたりするなどデザインを 変 更 してみよう Web ページのデザイ ンは 今 ではほとんどスタイルシートと 呼 ばれるもので 管 理 されている スタイルシートでは HTML タグで は 表 現 できない 効 果 や 複 数 の 効 果 を 簡 単 にまとめるなどの 細 かい 設 定 ができる ここでは 次 のスタイルを 作 成 し 作 成 したスタイルは 各 自 好 きなところに 設 定 する 文 字 の 大 きさと 色 背 景 の 色 段 落 内 の 文 字 の 配 置 と 色 リンクの 色 具 体 的 には index.html ファイルのヘッダ 内 に 次 のように 入 力 する <head> <title>se をめざして 千 葉 太 郎 </title> 色 の 前 には 必 ず#が 入 る 色 は 3 原 色 をそれぞれ 16 進 数 で 指 定 している <style type="text/css">.titlemoji {font-size:18px; color:#0000ff}.kyoutyoumoji {font-size:14px;} a:link {color:#0000ff;} a:visited {color:#0000ff;} a:hover {color:#ffffff; background-color:#0000ff;} body {font-size:12px; background-color:#eeeeee;} </style> </head> font-size は 文 字 の 大 きさ color は 文 字 の 色 background-color は 背 景 の 色 px は 大 きさの 単 位 で ここでは 文 字 サイズ を px で 指 定 している 半 角 のセミコロン ; はスタイル 内 の 区 切 りを 意 味 している class でスタイルシートを 呼 び 出 す 場 合 haed 内 のスタイルシートは.abc という 風 に 書 く( は 任 意 の 英 数 字 ) 名 前 の 後 の { } 内 にスタイル シートを 書 いていき 複 数 指 定 する 場 合 は ; で 区 切 る ( 例 ).abc { font-size:14px; color:#ffaaaa; } そして 実 際 にスタイルシートに 反 映 するときは タグなどに class=" 指 定 した 名 前 "とする ( 例 ) <p class="abc">ほげほげほげ</p> ただし body と a:xxx の 2 つについては 既 にタグとして 定 義 されているので 上 記 のような 設 定 は 必 要 な い 記 述 した 段 階 で ボディ 全 体 とリンクについてはデザインが 自 動 的 に 変 更 される なお リンクのスタイルについての 意 味 は 次 のようになっている a:link まだ 訪 れていないリンク a:visited 一 度 訪 れたことがあるリンク a:hover カーソルがリンクの 上 にあるとき 試 しに index.html ファイルの 本 文 に 対 して 次 のようにスタイルを 設 定 してみよう <p class="titlemoji"> 私 の 自 己 紹 介 <br> SE をめざして</p> : : <p>ん? 文 系 でなれるのかって?</p> <p class="kyoutyoumoji">バカだな, 文 系 だからなるんじゃないか</p> 6

7 スタイルを 設 定 した 段 落 の 文 字 が 変 わ っていることを 確 認 すること body 全 体 リンク 箇 所 タイトル 文 字 列 バカだな~~ の 文 章 その 他 のスタイルについては スタイルシート と 検 索 すると 解 説 のページが 出 てくるので 興 味 のある 学 生 は 自 分 で 調 べて 色 々なスタイルを 設 定 すると 良 い 画 像 の 貼 り 込 み 現 在 文 字 だけの Web ページとなっているので 画 像 を 表 示 させたい 以 下 の 手 順 で jimoto.html の 中 に 画 像 を 表 示 するようにしなさい その 際 画 像 ファイルの 種 類 ( 拡 張 子 )については 最 大 限 注 意 する 必 要 がある ファイル 名 が 同 じであっても 画 像 の 種 類 ( 拡 張 子 )が 異 なれば Web ページ 内 に 表 示 することはできない な お Word のようにファイルの 中 に 画 像 を 貼 り 付 けるというものではなく 他 に 存 在 する 画 像 ファイルを Web ページ 内 に 表 示 させていることに 注 意 すること 1 /kadai/info-sci/ 情 報 科 学 A/ 以 下 にある kanazawa.jpg と kaisendon.jpg を 各 自 の www フォルダにコピーする 2 はじめての HTML を 参 考 に 画 像 ファイルを 表 示 できるよ うにする 必 要 なタグは jimoto.html 中 に 記 述 して 右 図 のよう に 表 示 されれば OK! <p> 金 沢 ってどこ?</p> <p><img src="./kanazawa.jpg"></p> <p> 食 べるなら 近 江 町 市 場 海 鮮 どん 屋!</p> <p><img src="./kaisendon.jpg"></p> パワーポイントのファイルから 画 像 だけを 抜 き 出 した 保 存 する 方 法 1 2 スライド 内 の 画 像 を 右 クリックして 図 として 保 存 をクリックする ファイル 形 式 を JPEG 形 式 として X ドライブの www フォルダに 半 角 で 英 数 字 のみの 名 前 で 保 存 する 7

8 Web ページの 公 開 これまでは X ドライブ 内 に HTML ファイルを 作 成 しただけであり ユーザー 自 身 以 外 見 ることはできな い(この 段 階 を 経 ると 友 人 のページを 見 ることができる) そこで FFFTP というソフトを 利 用 して 作 成 し た Web ページを 学 内 限 定 で 公 開 する 4 FFFTP は GUI ベースのアプリケーションである FFFTP はフリーソ フトで インターネット 上 などで 公 開 されている 注 意!:FFFTP からサーバ 側 のファイル 操 作 ができるので 間 違 ってファイルを 削 除 しないようにすること UNIX の 環 境 ファイル(.login,.cshrc 等 )を 削 除 するとログインできなくなる メール 用 のディレクトリ (.Maildir)を 削 除 するとメールを 失 う PC ディレクトリを 削 除 すると X ドライブの 内 容 を 失 う 失 ったフ ァイルは 復 活 できない 必 ず 教 員 の 指 示 に 従 って 操 作 を 行 うこと 先 走 って 色 々とやったりはしない!! FFFTP の 利 用 ( 起 動 と 接 続 切 断 ) スタート FFFTP にて FFFTP を 起 動 する 接 続 ボタン を 押 すと 以 下 のような 画 面 が 出 る 接 続 する Web サーバの 名 前 が 表 示 されているので を 選 択 して[ 接 続 (S)]ボタンを 押 す 次 のウィンドウに コンピュータにログイン するためのユーザ 名 とパスワードをそれぞれ 入 力 して Web サーバにログインする 接 続 されると 右 側 に 自 分 のホームディレクトリ 上 のファイル ディレクトリが 表 示 される(リモート 側 ) 左 側 が 自 分 のパソコン(ローカル 側 )のファイル ディレクトリである 切 断 するには 切 断 ボタン を 押 し 画 面 の 指 示 に 従 う FFFTP の 利 用 (ファイルの 転 送 ) 画 面 左 側 で 転 送 したいファイルのある 場 所 (X: )へ 移 動 する 移 動 すると X ドライブの 中 身 が 表 示 される www フォルダを 右 側 (サーバ 側 )にドラッグする 2.Web サーバに 接 続 する 4 標 準 では 学 内 にあるコンピュータ 以 外 から 公 開 した Web ページを 閲 覧 することはできないようになって いる 8

9 ブラウザを 起 動 して 次 の URL をアドレスバーに 入 れて[Enter]キーを 押 して 移 動 する 自 分 が 作 成 したペー ジが 表 示 されれば OK である! また 友 人 へのリンクを 押 すと 友 人 のページに 移 動 できることも 確 認 する なお ~ はチルダと 呼 び foo の 箇 所 には 自 分 のユーザーID が 入 る 終 わったら 接 続 を 切 断 し FFFTP を 終 了 する Web ページの 更 新 Web サーバにアップロードしたファイルを 更 新 したい 場 合 は 先 ほどと 同 じ 作 業 を 繰 り 返 す サーバ 側 に は 既 に www ディレクトリが 存 在 しており 上 書 きしても 良 いか と FFFTP に 聞 かれるが 無 視 して 次 のダイアログボックスにおいて 以 降 全 て(A) を 選 択 する 注 意!:www フォルダを Web サーバにドラッグする 作 業 以 外 は 決 して 行 わないこと!! 9

10 Web ページ 課 題 の 内 容 前 提 条 件 : (1) ホームページ(トップページ)が 存 在 していること(index.html) 自 分 のユーザー 名 / でアクセスできること トップページ 作 成 における 条 件 と 注 意 点 : (1) トップページには 最 低 限 次 のものが 記 載 されていること (2) 誰 のホームページであるのか ということ (3) 最 終 更 新 日 (4) 自 分 が 作 成 した 他 のページに 対 するリンク (5) 麗 澤 大 学 のホームページ( 対 するリンク その 他 のページ 作 成 における 条 件 と 注 意 点 : (1) トップページ 以 外 に 最 低 2 ページ オリジナルなページが 存 在 すること (2) ページ 作 成 者 について 紹 介 したページが 1ページ 以 上 存 在 していること ただし 顔 写 真 住 所 電 話 番 号 など プライバシーに 関 わる 情 報 を 開 示 しないように 注 意 (3) 自 分 が 作 成 した 各 ページには 必 ず 自 分 のトップページに 対 するリンク( ホームページに 戻 る など)が 存 在 していること (4) 必 ず 写 真 や 図 イラストなどの 画 像 が 入 ってこと ただし 著 作 権 や 肖 像 権 に 注 意 する 漫 画 アニメのキャラクター アイドルや 芸 能 人 の 写 真 などは 出 典 を 明 記 しても 使 用 できないと 考 えたほうがよい 画 像 サイズにも 注 意 をはらう 評 価 のポイント: (1) 適 切 に 自 己 紹 介 されているか (2) ページに 記 載 されている 情 報 が 有 用 で 充 実 しているか (3) 著 作 権 や 肖 像 権 などに 配 慮 し ネチケットが 守 られているか( 出 典 の 明 記 等 ) (4) プライバシーの 開 示 など 危 険 なことをしていないか (5) 画 像 ファイルに 適 切 な 修 正 が 成 されているか(サイズやファイル 形 式 など) (6) その 他 (デザインなど ただし 主 ではない) 10

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

ホームページとは何?

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

More information

A

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

More information

HTML文章作成

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

More information

情報処理実習(工基3)

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

More information

学生用_目次

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

More information

kagoemon-a

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

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

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

html_text

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

More information

Microsoft Word - wsample.docx

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

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

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

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

■新聞記事

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

More information

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

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

More information

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

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

More information

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

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

More information

■コンテンツ

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

More information

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

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

More information

1/2

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

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

CSSの基礎

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

More information

OpenCity2説明

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

More information

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7.

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. Web メール 操 作 説 明 書 京 都 与 謝 野 町 有 線 テレビ 0 目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. メール 一 覧 画 面...

More information

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

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

More information

高知大学 学生用

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

More information

シラバスの作成と管理用Webシステムの開発

シラバスの作成と管理用Webシステムの開発 シラバスの 作 成 と 管 理 用 Web システムの 開 発 徳 永 秀 和 現 在,シラバスの 作 成 方 法 は,マイクロソフトの WORD の 罫 線 の 記 入 された 雛 形 を 用 い るか,EXCEL で 独 自 に 作 成 するかを 選 択 している.このため 複 数 ページとなる 場 合 には, 罫 線 の 処 理 に 苦 労 している.また,フォントなどの 書 式 までの 統

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

PowerPoint プレゼンテーション

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

More information

03 CMS機能審査表.xls

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

More information

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

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

More information

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

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

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

Microsoft Word - 内容の入力.doc

Microsoft Word - 内容の入力.doc Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存 文 字 については 他 のパソコン 環 境 やブラウザにより 表 示 されません 記 事 の 保 存 時 にシステムでエラーが 出 るように 設 定 されています 利 用 しないようにお 願 いします 機 種 依 存 文 字 (

More information

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

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

More information

はじめに 本 ガイドは 学 校 法 人 様 向 け 簡 易 ホームページサービス アカデミックサーバ を 利 用 されるお 客 様 が 作 成 されたホーム ページのコンテンツをぷららの WWW サーバ 上 にアップロードする 方 法 や ぷらら 定 型 CGI のご 利 用 上 の 注 意 事 項

はじめに 本 ガイドは 学 校 法 人 様 向 け 簡 易 ホームページサービス アカデミックサーバ を 利 用 されるお 客 様 が 作 成 されたホーム ページのコンテンツをぷららの WWW サーバ 上 にアップロードする 方 法 や ぷらら 定 型 CGI のご 利 用 上 の 注 意 事 項 ご 参 考 資 料 アカデミックサーバ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 会 員 様 がご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは 弊 社 では

More information

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

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

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

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

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

More information

Microsoft Word - 311Tools_END

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

More information

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

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

More information

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

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

More information

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

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

More information

Microsoft Word - 309DW_END

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

More information

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

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

More information

<925393968ED28CA48F438E9197BF875428303731313031292E786C73>

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

More information

改 訂 履 歴 訂 番 日 付 頁 変 更 内 容 1.0.0 2014/02/28 - 新 規 作 成 1.1.0 2014/11/07 表 紙 タイトルを 修 正 修 正 前 : 東 日 本 大 震 災 アーカイブデータベースシステム 修 正 後 : 災 害 アーカイブデータベースシステム 改

改 訂 履 歴 訂 番 日 付 頁 変 更 内 容 1.0.0 2014/02/28 - 新 規 作 成 1.1.0 2014/11/07 表 紙 タイトルを 修 正 修 正 前 : 東 日 本 大 震 災 アーカイブデータベースシステム 修 正 後 : 災 害 アーカイブデータベースシステム 改 災 害 アーカイブデータベースシステム 運 営 主 体 管 理 者 用 運 用 マニュアル 改 訂 履 歴 訂 番 日 付 頁 変 更 内 容 1.0.0 2014/02/28 - 新 規 作 成 1.1.0 2014/11/07 表 紙 タイトルを 修 正 修 正 前 : 東 日 本 大 震 災 アーカイブデータベースシステム 修 正 後 : 災 害 アーカイブデータベースシステム 改 訂 履 歴

More information

スライド 1

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

More information

PowerPoint プレゼンテーション

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

More information

演 習 中 心 の 講 義 とし 解 説 した 事 項 は 基 本 的 に 演 習 で 動 作 を 確 認 する 講 義 を 通 し 机 上 の 知 識 ではなく 知 識 を 活 用 する 力 を 身 につけることを 目 指 す 演 習 室 (1312 室 )の 制 限 で 本 講 義 の 履 修

演 習 中 心 の 講 義 とし 解 説 した 事 項 は 基 本 的 に 演 習 で 動 作 を 確 認 する 講 義 を 通 し 机 上 の 知 識 ではなく 知 識 を 活 用 する 力 を 身 につけることを 目 指 す 演 習 室 (1312 室 )の 制 限 で 本 講 義 の 履 修 Webプログラミング1 ガイダンス Web (1 章 ) 2013/4/10( 水 ) Webプログラミング1 ガイダンス 1/31 2/31 計 算 機 上 で 効 率 的 に 情 報 を 蓄 え 分 析 し それを 配 信 する 方 法 について WWW(World Wide Web)を 中 心 に 学 習 する 関 連 技 術 (HTML CGI JavaScript XMLなど) に ついても

More information

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

ホームページの作り方 講習会テキスト ホームページ 作 成 編 (ホームページ ビルダー16) 明 治 大 学 教 育 の 情 報 化 推 進 本 部 ( 和 泉 ) I 1 目 次 1. はじめに... I 3 1.1. この 講 習 会 でマスターすること... I 3 1.2. ホームページの 作 り 方... I 3 1.3. HTML とタグ... I 4 1.4. ページ 公 開 の 仕 組 み... I 5 2. コンテンツ(

More information

技術報告会原稿フォーマット

技術報告会原稿フォーマット Web 情 報 共 有 サービス 利 用 マニュアル 1. ファイルの 保 存 ブラウザを 開 き https://webshare.kyokyo-u.ac.jp を 開 く.ログイン 画 面 が 表 示 されるので,ユーザ ID(メールの ID) とパスワードを 入 力 し,ログインボタンをクリックする( 図 2). ログインに 成 功 すると,TOP フォルダの 一 覧 が 表 示 される (

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

<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

Wordでホームページ

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

More information

スライド 1

スライド 1 2014 年 2 月 20 日 vibit CMS 開 発 / 販 売 元 ヴィビットインタラクティヴ 株 式 会 社 Webスタンダード 事 業 部 vibit CMS はヴィビットインタラクティヴ 株 式 会 社 の 登 録 商 標 です 2012 vibit interactive inc. All rights reserved. 本 書 の 無 断 複 製 及 び 配 布 を 固 く 禁

More information

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

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

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

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <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

教員用

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

平成21年1月21日 1

平成21年1月21日 1 eコミマップ 表 画 面 操 作 マニュアル Ver. 2.4.1 2015/06/30 国 立 研 究 開 発 法 人 防 災 科 学 技 術 研 究 所 目 次 1 はじめに... 3 2 システムの 説 明... 3 3 操 作 マニュアル... 4 3.1 E コミマップ 一 覧 画 面... 4 1 ログイン 画 面... 4 2 項 目 一 覧 タブ... 5 3 項 目 一 覧 タブ(ログインしていない

More information

WEB PARK 2014新規利用ガイド

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

More information

Microsoft Word - manual_cpi.doc

Microsoft Word - manual_cpi.doc 独 自 メール 配 信 NEO インストールマニュアル CPI バージョン http://www.cpi.ad.jp/index.html このマニュアルでは 2 つのステップで NEO のインストール~ 基 本 的 な 設 定 を 行 います ステップ 1: ソフトをインストール インストールする ステップ 2: 全 体 の 設 定 をする (ご 注 意!!) 既 にご 利 用 中 のサーバーにインストール

More information

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

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

More information

Microsoft PowerPoint - manualtachiyomi.pptx

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

More information

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

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

More information

タイトル 画 像 の 挿 入 <1 行 目 > タイトル 挿 入 セルの 選 択 属 性 セルタブ 参 照 タイトル 画 像 (30title.jp g) 選 択 開 く <2 行 目 > < 左 側 > < 右 側 > < 中 央 > <3 行 目 > 挿 入 セルの 選 択 属 性 セルタブ 参

タイトル 画 像 の 挿 入 <1 行 目 > タイトル 挿 入 セルの 選 択 属 性 セルタブ 参 照 タイトル 画 像 (30title.jp g) 選 択 開 く <2 行 目 > < 左 側 > < 右 側 > < 中 央 > <3 行 目 > 挿 入 セルの 選 択 属 性 セルタブ 参 サムネール ページの 作 り 方 ビルダー 起 動 ファイル 標 準 モードで 新 規 作 成 ページタイトルを 入 れる 画 面 上 の BODY をクリック BODY の 属 性 ページ 情 報 タグ ページタイトル 紫 陽 花 と 入 力 OK 表 の 挿 入 表 の 挿 入 6 行 1 列 OK 属 性 表 タブ 表 の 幅 :750p x Ente r 属 性 セルタブ

More information

Microsoft PowerPoint - InfPro_I4.pptx

Microsoft PowerPoint - InfPro_I4.pptx 今 日 の 学 習 内 容 タイピング 練 習 ファイル(pp.33-34) Emacsの 基 本 操 作 (pp.39-47) Webページを 見 る(pp.103-119) 参 考 ページ: http://www.wakayama-u.ac.jp/~tokoi/lecture/shori1/ LinuxのLoginの 方 法 -1 本 体 とディスプレイの 電 源 を 入 れる ON ON Loginの

More information

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

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

More information

(Microsoft PowerPoint - \203|\203P\203J\203\223\221\200\215\354\201y201005\211\374\222\371\224\305\201z.ppt)

(Microsoft PowerPoint - \203|\203P\203J\203\223\221\200\215\354\201y201005\211\374\222\371\224\305\201z.ppt) ホームページセミナー 構 築 編 ポケカン 基 本 操 作 ホームページ 作 成 北 大 阪 商 工 会 議 所 目 次 ポケカン 基 本 操 作 Pokecan(ポケカン)とは.. 3 ログイン/ログアウト ログアウト Pokecanにログイン.. 5 管 理 ページトップ.. 6 マイホームページを 開 く.. 7 Pokecanからログアウト.. 8 初 期 設 定 管 理 ページトップ 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

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

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

ホームページ作成技法

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

More information

<4D6963726F736F667420576F7264202D208FEE95F18F88979D826081408EF68BC697708376838A839383678169506F776572506F696E7491808DEC816A2E646F63>

<4D6963726F736F667420576F7264202D208FEE95F18F88979D826081408EF68BC697708376838A839383678169506F776572506F696E7491808DEC816A2E646F63> PowerPoint 基 本 操 作 P.1 PowerPoint 基 本 操 作 - 目 次 - 1.PowerPoint の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力... 5 5. 図 の 作 成 (クリップアート)... 6 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色... 7 8.アニメーション 効

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) 付 録 内 容 の 入 力 内 容 文 字 装 飾 表 の 挿 入 添 付 ファイルのアップロード リンク 設 定 株 式 会 社 アイ ディ エス Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存

More information

PowerPoint プレゼンテーション

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

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

(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

はじめに Web メール(リスメール)では Web ブラウザを 利 用 してサーバ 上 でメールの 送 受 信 操 作 を 行 います Web ブラウザには インターネットエクスプローラー(IE) グーグルクローム ファイヤーフォックス,サファ リ 等 多 くの 種 類 がありますがどの Web ブ

はじめに Web メール(リスメール)では Web ブラウザを 利 用 してサーバ 上 でメールの 送 受 信 操 作 を 行 います Web ブラウザには インターネットエクスプローラー(IE) グーグルクローム ファイヤーフォックス,サファ リ 等 多 くの 種 類 がありますがどの Web ブ にぎわいねっと Web メール(リスメール)の 使 い 方 はじめに Web メールとは 1 第 1 章 起 動 と 終 了 (1)リスメール を 起 動 する 3 (2)リスメール を 終 了 する 5 第 2 章 メールを 送 信 する (1)メールを 送 信 する 6 (2)データや 画 像 などのファイルを 添 付 して 送 信 する 8 第 3 章 メールを 受 信 する (1) 受 信

More information

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

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

More information

スライド 1

スライド 1 Android 版 目 視 録 運 用 操 作 マニュアル 作 成 2012/03/22 更 新 2014/09/26 目 視 録 とは 携 帯 またはパソコンで 施 工 写 真 を 登 録 確 認 できるシステムです ご 利 用 の 為 にはIDとパスワードが 必 要 です TEG ログインID ( ) パスワード ( ) https://teg.mokusiroku.com/

More information

訪問介護勤務スケジュール作成

訪問介護勤務スケジュール作成 訪 問 介 護 勤 務 スケジュール 作 成 勤 務 表 作 成 編 (Ver. 6.0.0) Microsoft Excel 2003 対 応 Microsoft Excel 2007 対 応 Microsoft Excel 2010 対 応 こんなことができます!! 登 録 者 情 報 のチェック ( 基 本 登 録 情 報 のチェック) 対 象 月 の 情 報 チェック 勤 務 表 作 成 勤

More information

Microsoft Word - 150410_e-Gov提出マニュアル(化審法3条).doc

Microsoft Word - 150410_e-Gov提出マニュアル(化審法3条).doc e-gov 電 子 申 請 システムを 使 用 した 少 量 新 規 化 学 物 質 製 造 輸 入 申 出 提 出 マニュアル 平 成 27 年 4 月 経 済 産 業 省 製 造 産 業 局 化 学 物 質 管 理 課 化 学 物 質 安 全 室 e-gov 電 子 申 請 システムを 使 用 した 少 量 新 規 化 学 物 質 製 造 輸 入 申 出 の 提 出 マニュアル 目 次 提 出

More information

あんしん住宅情報提供システム 住宅情報等登録 システム利用マニュアル

あんしん住宅情報提供システム 住宅情報等登録 システム利用マニュアル あんしん 住 宅 情 報 提 供 システム 住 宅 情 報 等 登 録 システム システム 利 用 マニュアル 2015 年 9 月 16 日 版 住 宅 確 保 要 配 慮 者 あんしん 居 住 推 進 事 業 実 施 支 援 室 目 次 1. はじめに... 2 1.1. はじめに... 2 1.2. 使 用 環 境 について... 2 1.3. 入 力 制 限 について... 3 1.4. 登

More information

Microsoft Word - FBE3A91F.doc

Microsoft Word - FBE3A91F.doc 広 島 大 学 ウェブマネジメントシステム 共 通 事 項 (Ver:2009.04.16) 本 システムに 関 する 問 い 合 わせ 本 システムに 関 する 問 い 合 わせは 下 記 までご 連 絡 ください 社 会 連 携 情 報 政 策 室 広 報 グループ 内 線 :5017 5017 6131 E-mail mail:koho@office.hiroshima koho@office.hiroshima-u.ac.jp

More information

システム設計書

システム設計書 二 松 學 舍 大 学 二 松 メール(Gmail) 利 用 マニュアル バージョン 2.00 発 効 日 改 訂 日 2016 年 04 月 06 日 二 松 学 舎 大 学 情 報 センター i 目 次 1. はじめに...1 2. 二 松 メール(Gmail)ログイン ログアウト 方 法...1 2.1. 二 松 メール(Gmail)ログイン 方 法... 1 2.2. 二 松 メール(Gmail)ログアウト

More information

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

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

More information

Microsoft PowerPoint - 20131108.pptx

Microsoft PowerPoint - 20131108.pptx CMS ホットニュース システムのご 紹 介 平 成 25 年 11 8 CMS HOTNEWSシステム の 概 要 誰 でも 簡 単 にホームページを 作 成 できる CMS システム ( ホットニュース ) ホームページに 関 する いろいろなお 悩 みを HOTNEWSで 解 決 します! パソコンの 操 作 が 苦 ワープロ 感 覚 で 簡 単 にページを 作 成 専 のソフトを 使 える

More information

Microsoft PowerPoint - 140423b.ppt

Microsoft PowerPoint - 140423b.ppt はじめに 統 計 と 情 報 処 理 第 02 回 後 半 はじめに キーボードの 特 殊 なキー MS-Wowdの 基 礎 課 題 の 提 出 キーボードの 見 方 ファンクションキー Enterキー キーボードの 特 殊 なキー CapsLock キー Shiftキー コントロールキー スペースキー カーソルキー テンキー Shiftキー 特 殊 なキー 他 のキーとの 組 み 合 わせにより

More information

情報活用の基礎 2015年度版 目次

情報活用の基礎 2015年度版 目次 情 報 活 用 の 基 礎 -これだけは 知 っておきたいコンピューターの 使 い 方 - 2015 年 度 版 神 戸 学 院 大 学 情 報 支 援 事 務 室 編 商 標 について Windows Windows 1.0 Windows 95 Windows 98 Windows Me Windows XP Windows Vista Windows 7 Windows 8 Windows 8.1

More information

PowerPoint プレゼンテーション

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

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

Microsoft Word - 操作手順書.doc

Microsoft Word - 操作手順書.doc さーちずまえばし 操 作 手 順 書 目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する... 2 2 章 基 本 操 作... 3 2. 画 面 構 成... 3 2.2 ヘルプを 表 示 する... 5 2.3 地 図 を 移 動 する... 5 2.4 地 図 を 拡 大 / 縮 小 する... 5 2.5 索 引 図 を 利 用 する...

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

第1章 情報処理センターの利用

第1章 情報処理センターの利用 第 5 章 電 子 メールの 利 用 この 章 では 本 学 で 利 用 できる Web メールシステム Active!Mail について 使 い 方 の 概 要 を 説 明 いたします Active!Mail はインターネットが 利 用 できる 環 境 があれば 学 内 学 外 問 わず どこから でも 利 用 できます なお 各 ユーザーのメールアドレスは 以 下 のように ユーザーID@ドメイン

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

Microsoft PowerPoint - 110427b.ppt

Microsoft PowerPoint - 110427b.ppt はじめに 統 計 と 情 報 処 理 第 02 回 後 半 はじめに パスワードの 変 更 キーボードの 特 殊 なキー MS-Wowdの 基 礎 課 題 の 提 出 パスワードの 変 更 パスワードの 変 更 (2) 前 回 計 算 機 実 習 室 のパソコンにログイン するため のパスワードを 変 更 しました 今 回 は メール Web 学 生 サービス 支 援 システム 等 で 利 用 するパスワードを

More information

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

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

More information