Microsoft PowerPoint - lecture1210.pptx

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Microsoft PowerPoint - lecture1210.pptx"

Transcription

1 HTML: HyperText Markup Language 1 ウェブページ 作 成 名 古 屋 大 学 情 報 基 盤 センター 情 報 基 盤 ネットワーク 研 究 部 門 嶋 田 創 通 常 のウェブページはHTMLで 記 されている URLの 最 後 が.htmlで 終 わっている( 右 下 図 )ことが 多 いのはそのせい Windowsは 拡 張 子 が.htmlもしくは.htmの 物 をHTMLファイルとして 扱 う HyperTextとは 複 数 の 文 書 を 相 互 に 関 連 付 けたもの ハイパーリンク(リンク) がHyperTextのキモ Markup Languageとは 文 章 中 にタグを 入 れることで 書 式 やリンクを 指 定 する 方 式 (プログラミ ング 言 語 に 近 い) ブラウザ 上 で 右 クリックメニュー ページのソースを 表 示 で タグを 処 理 する 前 の 文 書 (ソース: source)を 見 ることができる HTMLのタグの 基 本 規 則 2 HTMLのソース(source: 源 )の 閲 覧 3 HTMLでは <> に 囲 まれた 部 分 がタグとなる <> 内 にはタグの 内 容 を 示 すキーワードが 最 初 に 来 る 例 : <body> <...> でマークアップ 対 象 範 囲 を 開 始 し </...> で 終 了 す る 例 : <body>...</body> タグの 内 容 を 示 すキーワードの 後 スペースを 空 けて 属 性 が 書 かれる 場 合 がある 例 : <a href...>, <a name...> 後 述 するCSSのclassやstyle 指 定 も 同 様 普 通 のブラウザはソー スを 閲 覧 するモードがあ る 右 クリックメニュー ペー ジのソースを 表 示 HTMLタグの 使 われ 方 の 勉 強 を 見 るのもあり ただし 最 近 のページは 込 み 入 っていて 見 にくい HTMLを 書 いた 人 のお 遊 びが 見 れたりすることも HTMLのソースの 表 示 ウェブページとHTMLソースの 関 係 4 HTMLで 使 われるタグ(HTMLの 概 形 ) 5 冒 頭 部 は 細 かな 設 定 ( 文 字 コードなど) タイトル 見 出 し 最 初 の 段 落 などの 対 応 が 見 て 取 れる <html></html> このタグで 囲 まれた 範 囲 がHTMLで 記 述 されたものとして 処 理 される 通 常 はHTMLファイルの 先 頭 と 最 後 にある <head></head> HTMLのヘッダ 部 分 の 範 囲 を 示 す ヘッダ 部 分 では タイトル 使 用 言 語 文 字 コード ページ 移 動 など のブラウザ 側 に 伝 えたい 情 報 を 記 載 タイトル(<title>...</title>)はウィンドウバーやタブに 記 されるため ここの 分 類 <body></body> ブラウザのウィンドウ 部 に 表 示 されるコンテンツを 記 載 する 部 分 の 範 囲 を 示 す

2 ほぼHTMLの 概 形 だけのページ 6 文 章 構 造 を 示 すHTMLタグ 7 <html><head><body>の 概 形 に 以 下 だけを 追 加 <title>...</title>: ブラウザのタブやウィンドウバーに 表 示 するタイトル <p>...</p>: 段 落 (Paragraph) これぐらいならメモ 帳 でも 書 けます 文 字 コード 指 定 のタグが 含 まれてないので 文 字 化 けすることも <a> (Anchor) ハイパーリンクを 設 定 するためのアンカー 以 下 の 属 性 と 併 用 することがほとんど href 属 性 (Hypertext REFerence): ハイパーリンクを 設 定 例 : <a href= > 同 一 サーバ 無 いならば ディレクトリ(フォルダ)の 相 対 位 置 で 指 定 可 能 ( 例 : <a href=./slide/lecture0624.pdf >) name 属 性 : 文 章 の 途 中 のアンカーを 設 定 例 : <a name= schedule > 上 記 は<a href=./index.html#schedule >のような 形 で 参 照 可 能 <p> (Paragraph): 段 落 変 な 解 説 書 だと<p> 単 独 で 使 う 説 明 になっているが 正 しくは <p>...</p>の 形 で 使 う 文 章 構 造 を 示 すHTMLタグ <h> (Heading): 見 出 し 数 字 と 同 時 に 使 われる(<h1><h2><h3><h4><h5><h6>) 数 字 の 小 さいほうが 上 位 の 見 出 し <ul> (Unordered List) / <ol> (Ordered List): ( 数 字 付 き) 箇 条 書 き 範 囲 内 に 複 数 のリスト(<li></li>)を 含 む 例 : <ul><li>1つ 目 </li><li>2つ 目 </li><li>3つ 目 </li></ul> <ul>を<ol>にすると 数 字 付 き 箇 条 書 きになる <table>: 表 範 囲 内 に 複 数 の 行 (<tr> (Table Row))を 含 む 行 の 範 囲 内 には 複 数 の 列 データ(<td> (Table Data))を 含 む タイトル 行 は<tr>ではなく<th> (Table Header)を 使 用 8 テキストの 表 現 用 タグ <font>: フォントの 種 類 (face) 大 きさ(size) 色 (color) 例 : <font face="arial" size="6" color="red"> 色 指 定 の 名 称 は ウェブカラー で 検 索 <b> (Bold) <i> (Italic) <u> (Underline) <s> (Strike) : 打 ち 消 し 線 <big> <small> : 文 字 を 一 回 り 大 きく( 小 さく)する <sup> <sub> : 上 付 き 文 字 下 付 き 文 字 9 テキストの 意 味 を 示 すタグ 通 常 のスタイルでは 表 現 用 タグと 書 式 がかぶるが 後 述 する CSSで 書 式 を 指 定 する 時 に 有 用 <strong> : 強 調 通 常 のスタイルでは 太 字 になる(<b>に 同 じ) <del> (DELete) : 削 除 通 常 のスタイルでは 打 ち 消 し 線 になる(<s>に 同 じ) 10 その 他 のよく 使 うタグ(1/2) <br> (BReak) : 改 行 <hr> (Horizontal Rule) : 水 平 の 罫 線 <img> (IMaGe) : 画 像 張 り 込 み src 属 性 (SouRCe): 画 像 ファイルの 指 定 ( 例 : src="./circle.png") width/height 属 性 : 画 像 サイズの 指 定 ( 例 : width="120" height="60") 元 画 像 から 拡 大 縮 小 も 可 能 60%などの 指 定 も 可 能 片 方 だけ 指 定 すると もう 片 方 はそれに 合 わせて 自 動 拡 大 縮 小 alt 属 性 (ALTernative): 画 像 が 表 示 されてない 時 に 代 替 文 字 を 表 示 する( 例 : alt=" 円 の 画 像 ") 例 : <img src="./shimada.jpg" width="159" height="205" alt=" 嶋 田 創 の 写 真 "> 嶋 田 のホームページの 顔 写 真 部 分 11

3 その 他 のよく 使 うタグ(2/2) <table>: 表 組 <table>~</table> 間 に<tr>~</tr>タグ(table rowの 意 味 )で 行 を 定 義 <tr>~</tr>の 間 に<td>~</td>タグ(table dataの 意 味 )で 列 を 定 義 <table border>で 列 ありの 表 になる 例 : <table border> <tr><td>1 行 目 1 列 </td><td>1 行 目 2 列 </td></tr> <tr><td>2 行 目 1 列 </td><td>2 行 目 2 列 </td></tr> </table> 12 Cascading Style Sheet(CSS) 最 近 は 装 飾 はHTMLタグを 用 いない 装 飾 はCascading Style Sheetに 任 せる CSSを 変 更 することでHTMLファイルに 手 を 加 えずにデザイ ンを 変 更 可 能 PowerPointのデザインテンプレートのような 使 い 方 複 数 のCSSを 重 ねて 適 用 することで 再 利 用 性 が 増 す 例 : 本 文 用 CSS 表 用 のCSS 箇 条 書 き 用 のCSSを 重 ねる HTML ファイル + CSS CSS ファイル CSS ファイル ファイル ウェブ コンテンツ 13 CSSの 有 り 無 しの 違 いの 例 講 義 ページにCSSを 適 用 した 場 合 と 適 用 しない 場 合 CSS 有 り CSS 無 し 14 CSSの 適 用 例 タグ 全 体 に 適 用 ( 左 下 ) タグのclassに 適 用 ( 右 下 ) <div class="toptitle">...</div>の 区 間 にのみ 適 用 参 考 : 下 で 使 われている 色 の 指 定 は 3 原 色 (Red/Green/Blue)の 強 さの 指 定 によう 指 定 方 法 です 最 初 の2 桁 (16 進 数 )がRed 次 の2 桁 がGreen 次 の2 桁 がBlue 例 : #000000が 黒 #ffffffが 白 #ff0000が 赤 #ffff00が 黄 15 h2 { font-family: sans-serif; background-color: #002000; color: #dddddd; padding: 5px } div.toptitle { text-align: center; font-size: xx-large; font-family: sans-serif; } ウェブオーサリングツールの 利 用 いちいちHTMLタグを 書 くのは 面 倒 属 性 まで 書 いていたらさらに 面 倒 そもそも うろ 覚 えのものが 多 いから 特 に CSSは 長 ったらしいキーワードが 多 い WordのようにWYSIWYGで 編 集 できない? 結 果 を 確 認 するのにブラウザを 見 るのも 面 倒 16 BlueGriffonの 特 徴 (1/2) Word 的 なアイコンで 文 章 構 造 や 文 字 装 飾 を 挿 入 可 能 HTMLの 文 章 構 造 は 事 前 に 指 定 してから 文 字 を 挿 入 CSSベースの 装 飾 やCSSの 編 集 も 可 能 17 ウェブオーサリングツールの 利 用 ( 例 : BlueGriffon, Dreamweaver, iweb,)

4 BlueGriffonの 特 徴 (2/2) 18 BlueGriffonでHTMLファイル 作 成 19 直 接 HTMLタグをいじって 細 かな 修 正 も 可 能 プレビュー( 編 集 ) 画 面 とソース 画 面 のどちらをいじってもOK 例 : 下 記 のタイトルの 改 行 はぱっと 挿 入 する 方 法 が 見 つからなかった ので <br>タグを 手 で 挿 入 1. まずファイルを 名 前 をつけて 保 存 する <title> 部 を 入 力 して 設 定 できます( 右 上 図 ) ファイル 名 は 英 数 字 でつける( 右 下 図 ) URLに 日 本 語 は 使 えない 2. HTMLファイルを 編 集 して 保 存 する 3. 必 要 に 応 じてウェブサーバにアップ ロードする 普 通 はFTP(File Transfer Protocol)や SFTP(Secure FTP)で 転 送 するソフトを 利 用 細 かな 操 作 はWord 等 と 似 ているので 割 愛 します タイトルと 同 じ 名 前 が ファイル 名 候 補 になるが 英 数 字 に 直 す HTMLのTips(1/2) 20 HTMLのTips(2/2) 21 無 属 性 のタグはそのままでは 何 もおきないので CSS(の class)と 組 み 合 わせて 使 う ブロック 単 位 : <div>...</div> 下 記 のブロック 要 素 なので 文 中 で 使 うと 前 後 で 強 制 的 に 改 段 落 文 字 の 部 分 単 位 : <span>...</span> HTMLタグの 挙 動 はブロック 要 素 とインライン 要 素 に 別 れる ブロック 要 素 の 物 を 使 うと 前 後 で 強 制 的 に 改 段 落 が 入 ったような 形 に なります ブロック 要 素 の 例 : h, ul, table, div,... インライン 要 素 の 例 : img, span, font,... CGI(Common Gateway Interface)という 仕 組 みを 使 い ウェブサーバ 側 でプログラムを 動 かすことができる Light Weight Languageと 呼 ばれる 系 統 の 言 語 (Perl, PHP, Rubyな ど)がよく 使 われる ブラウザ 内 で 動 作 するJavaScriptというプログラミング 言 語 がある 入 力 内 容 (キー 入 力 マウス 操 作 )によって 表 示 内 容 が 変 化 したりす るのがたいていコレ Ajax(Asynchronous JavaScript + XML) 方 式 は 画 面 遷 移 せずに データ 通 信 も 可 能 他 にも アプレットとかプラグインと 呼 ばれる 方 式 でブラウザ 側 でプログラムを 実 行 可 能 JavaアプレットやFlashプラグインとか Content Management System(CMS) の 利 用 編 集 したファイルをウェブサーバに 転 送 するのが 面 倒 ブラウザ 上 で 編 集 作 業 までできない? 自 由 に 編 集 できると 編 集 が 必 要 な 部 分 が 多 くて 面 倒 携 帯 (スマートフォン) 用 のページも 作 りたいけど 一 度 の 編 集 で 両 方 作 れない? 22 各 種 CMS(1/4) 汎 用 型 CMS 見 た 目 は 普 通 のウェブページと 変 わらない 管 理 者 用 ページから 更 新 WordPressが 全 汎 用 型 CMSの65%ぐらいを 占 めている WordPressを 使 っているページの 例 23 CMSの 利 用 ( 例 : WordPress, Pukiwiki, tdiary) ブラウザ 上 から 編 集 可 能 各 種 テンプレート 利 用 可 能 (テンプレート 別 ページも 同 時 作 成 ) バックアップや 巻 き 戻 しも 自 由 自 在 前 述 のCGIで 実 装 されている

5 各 種 CMS(2/4) 24 各 種 CMS(3/4) 25 Blog 型 CMS 日 付 単 位 でコンテンツを 管 理 したい 場 合 コメントをつけてもらうことも 可 能 Blog 型 CMSの 例 (tdiary) Wiki 型 CMS 編 集 性 を 重 視 し 各 ページから 編 集 /ファイルアップロードができる 多 人 数 による 編 集 を 前 提 としているので 編 集 履 歴 を 前 面 に 押 し 出 し ていることが 多 い 各 種 CMS 26 Wiki 型 CMSの 利 用 のすすめ 27 グループウェア 型 CMS ユーザ 分 けをしっかりやっており コンテンツを 操 作 したユーザの 記 録 がしっかり 残 る 共 有 カレンダーや 会 議 予 定 調 整 などの 機 能 もあったりする グループウェア 型 CMSの 例 個 人 管 理 が 緩 い 形 で 情 報 集 積 に 便 利 研 究 室 内 サークル 内 など 情 報 共 有 にも 便 利 全 員 へのアナウンス 後 輩 に 残 したいTips など ということで Wiki 型 CMSのPukiwikiを 使 ってみましょう おそらく もっとよく 使 われているWiki 型 CMS Pukiwikiの 基 本 のページ 構 成 28 PukiWiki 上 での 既 存 ページの 編 集 (1/3) 29 上 部 に 編 集 用 のリンク 左 に 最 新 の 更 新 情 報 右 に 閲 覧 中 のページ 1. 編 集 したいページを 開 く 2. ページ 情 報 の 編 集 のリンクをクリック 下 のような 編 集 ページが 開 く

6 PukiWiki 上 での 既 存 ページの 編 集 (2/3) 30 PukiWiki 上 での 既 存 ページの 編 集 (3/3) 31 既 存 ページをコピー して 編 集 する 時 用 3. 適 当 に 編 集 してプレビューした 後 にページを 更 新 慣 れたら 直 接 ページを 更 新 しても 良 い 編 集 のテキスト ボックス 編 集 結 果 をプレ ビューしたい 場 合 テキスト 整 形 ルールの 表 示 する は 別 タブで 開 いておくと 良 い ルールは 編 集 用 のテキストボックスの 下 に 来 るので ページをスク ロールさせないと 出 現 しない 点 に 注 意 外 部 のWikiの 使 い 方 ページを 別 タブで 開 いておくのも 良 い 誤 記 修 正 などの 細 かな 修 正 で 直 近 の 更 新 リストに 載 せた くない 場 合 タイムスタンプを 更 新 しない をチェック プレビューなしで すぐ 更 新 する 場 合 書 式 のルール 確 認 ( 別 タブで 開 くと 便 利 ) 直 近 の 更 新 リストに 載 せたくない 場 合 PukiWiki 上 での 新 規 ページ 作 成 32 PukiWiki 上 でのファイルのアップロード 新 規 のリンクを 選 択 2. 新 規 ページ 名 の 入 力 を 求 められるので 入 力 既 存 のページ 名 / 新 規 ページ 名 の 形 で 入 力 すると 既 存 ページの 下 のページ 扱 いになる 3. あとは 既 存 のページの 編 集 と 同 様 1. 添 付 ファイルをアップロードしたいページを 選 択 添 付 ファイルはアップロードしたページに 紐 付 けられる 点 に 注 意 2. 添 付 のリンクを 選 択 3. 添 付 ファイルを 選 択 して アップロード を 押 す 添 付 したファイル 一 覧 は そのページの 下 方 に 表 示 されます 本 文 中 から &ref(ファイル 名 ); の 書 式 で 呼 び 出 せます Wikiの 文 法 とHTMLタグの 対 応 例 (1/3) 34 Wikiの 文 法 とHTMLタグの 対 応 例 (2/3) 35 見 出 し(<h>) アスタリスクを 冒 頭 に 置 く 例 : * 見 出 し <h1> 見 出 し</h1> アスタリスクの 数 が 多 いほどより 下 位 の 見 出 しになる 見 出 しに 対 しては<a name> 要 素 が 付 与 されるため 見 出 しに 対 して リンクを 張 ることができる ボールド(<b>): シングルクォーテーション2つで 囲 む 例 : 強 調 <b> 強 調 </b> 表 組 み(<table>) で 表 の 要 素 となる 文 字 を 区 切 る > だけを 書 くと そのマスは 右 のマスと 合 体 する ~ だけを 書 くと そのマスは 上 のマスと 合 体 する ( 数 値 付 き) 箇 条 書 き(<ul><ol>) +や-を 冒 頭 に 置 く 例 : - 1 個 目 <ul><li>1 個 目 </li></ul> 数 が 増 えるほど 下 位 のものになる 点 は 見 出 しに 同 じ ハイパーリンク<a href> URLの 場 合 はURLを 書 くだけでもリンクを 貼 れる ただし URL 自 体 が 表 示 される リンクに 名 前 をつけたい 場 合 は [[URL:リンク 名 ]] の 書 式 間 に : が 入 る 点 に 注 意 Wiki 内 ページは [[ページ 名 ]] のようにページ 名 を 大 括 弧 2つで 囲 むだ けでOK

7 Wikiの 文 法 とHTMLタグの 対 応 例 (3/3) 36 WikiのTips 37 ( 左 / 中 央 / 右 ) 寄 せ (<... align= left/center/right >) 冒 頭 に LEFT: / CENTER: / RIGHT: を 書 く 水 平 線 <hr> ---- とハイフンを4つ 重 ねる その 他 色 々とあるので テキストの 整 形 ルールを 見 ましょう いきなり ブロック 要 素 の 説 明 が 出 て 心 を 折 りますが まずは 気 に せずに 先 を 読 み 進 めましょう ブロック 要 素 で 指 定 できる 内 容 と インライン 要 素 で 指 定 できる 内 容 を 見 比 べた 方 が 理 解 しやすいと 思 います うっかり 編 集 されて 困 る 場 合 は 凍 結 のコマンドで 編 集 禁 止 にすることが 可 能 要 管 理 者 パスワード 編 集 状 態 にして そのページの 書 き 方 を 見 ることができなくなるのが 難 点 実 習 用 ページのトップページは 凍 結 してあります バックアップ リストア ロールバックなど 入 力 したデータを 保 全 する 機 能 があります バックアップと 現 在 の 差 分 を 見 ることもできます CMSのTips 38 無 料 でCMSを 使 えるサーバがあるので 利 用 すると 便 利 もちろん 強 制 的 に 広 告 が 表 示 されます 例 wikiwiki.jp, 各 種 blogサイト 自 分 でレンタルサーバを 借 りて CMSを 設 置 するのもあり ちゃんと 最 新 バージョンのCMSソフトウェアを 使 っていないと サイバー 攻 撃 を 受 けることもあります 最 近 では WordPressを 使 っている 所 が 攻 撃 されることが 多 い 攻 撃 されるだけで 済 めばまだましで 攻 撃 の 踏 み 台 にされたら 目 も 当 てられないことに 学 内 でやらかすと 証 拠 保 全 や 安 全 性 の 確 認 のために しばらくその サーバは 使 えなくなります

■新聞記事

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

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_text

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

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

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

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

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

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

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

More information

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

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

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

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

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

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

A

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

More information

HTML文章作成

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

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

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

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 - 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 Word - 内容の入力.doc

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

More information

Microsoft PowerPoint - css [互換モード]

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

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

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

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

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

More information

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

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

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

Microsoft PowerPoint - manualtachiyomi.pptx

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

More information

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

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

More information

PowerPoint プレゼンテーション

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

PowerPoint プレゼンテーション

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

More information

簡単なアイコンの説明

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

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

文 書 構 造 とスタイル

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

More information

CSSの基礎

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

More information

03 CMS機能審査表.xls

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

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

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

背 景

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

More information

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

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

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

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

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

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

CMS操作手順書

CMS操作手順書 モーハワイ ブログ 操 作 マニュアル 目 次 No タイトル 1 フォルダ ファイル 構 成 2 Wordpress の 操 作 3 その 他 のページの 編 集 4 用 語 集 P1 1 フォルダ ファイル 構 成 この 項 ではウェブサイトを 構 成 するフォルダ ファイルについて 説 明 します 1.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

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 - CSS\202P\201i\212\356\226{\202P_.doc)

(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc) スタイルシート ( 第 1 章 基 礎 1) HTMLはWeb 作 成 用 の 言 語 ですが 文 字 飾 りがかなり 貧 弱 です そこを 強 化 した ものがスタイルシートと 言 われるものです さらにスタイルシートには HTMLでは 出 来 ないような 仕 組 みも 取 り 入 れられています スタイルシートよりレベルの 高 い 技 術 は JavaScript ですが スタイルシートの 仕

More information

PowerPoint プレゼンテーション

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

More information

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

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

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

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

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

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

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

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

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

(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

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

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

More information

スライド 1

スライド 1 サイトクリエイション 機 能 一 覧 マニュアル 改 定 履 歴 平 成 18 年 5 月 17 日 平 成 18 年 9 月 5 日 平 成 18 年 12 月 11 日 平 成 19 年 4 月 21 日 SiteCreation 機 能 一 覧 マニュアル 配 布 開 始 しました (Ver1.0) 履 歴 機 能 を 追 加 しました (Ver2.0) RSSフィード 作 成 機 能 RSSボタン

More information

InfoPros13_digest.key

InfoPros13_digest.key ! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:

More information

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

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

More information

11

11 ( 40 ) 1 ipad ) LAN (Local Area Network) WAN (Wide Area Network) 2 TCP/IP 3 LAN LAN EMOBILE WiMAX WILLCOM ) 4 ( www(world wide web,) ) 5 6 7 8 9 10 index.html Web IE, FireFox, Safari ( ) 11 IP IP xx.xx.xx.xx

More information

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

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

More information

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

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

More information

Microsoft Word - wsample.docx

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

More information

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

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

More information

スライド 1

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

More information

Untitled

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

More information

WORD 98 入力の手引き

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

More information

Peace & Piece 画面設計書

Peace & Piece 画面設計書 ホームページ 仕 様 書 株 式 会 社 目 次 1. 更 新 履 歴 2. 構 成 図 3. 制 作 における 基 本 事 項 4. 画 面 設 計 の 定 義 ルール 5. 各 画 面 仕 様 設 計 6. 仕 様 書 確 定 の 合 意 更 新 履 歴 更 新 日 付 更 新 箇 所 更 新 内 容 構 成 図 A-1 トップページ 会 社 サービス 特 徴 コンテンツ サブコンテンツ その

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

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

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

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

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

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

More information

■新聞記事

■新聞記事 PowerPoint2013 基 本 操 作 P.1 PowerPoint2013 基 本 操 作 1.PowerPoint2013 の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力 とテキストボックス... 5 5. 図 の 作 成 と 書 式 設 定... 5 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色...

More information

高知大学 学生用

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

More information

ホームページとは何?

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

More information

Webデザインの基礎01

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

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

Microsoft Word - chap2.doc

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

More information

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

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

More information

1/2

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

More information

重 要 度 : 要 件 可 能 な 限 り 実 現 を 希 望 する 要 件 記 入 欄 を または にした 場 合 はその 費 用 を 見 積 内 に 含 み 実 現 する 記 入 欄 を にした 場 合 は 実 現 方 法 を 具 体 的 に 備 考 欄 に 記 載 する 作 成 中 は 他 の

重 要 度 : 要 件 可 能 な 限 り 実 現 を 希 望 する 要 件 記 入 欄 を または にした 場 合 はその 費 用 を 見 積 内 に 含 み 実 現 する 記 入 欄 を にした 場 合 は 実 現 方 法 を 具 体 的 に 備 考 欄 に 記 載 する 作 成 中 は 他 の 重 要 度 : 要 件 可 能 な 限 り 実 現 を 希 望 する 要 件 記 入 欄 を または にした 場 合 はその 費 用 を 見 積 内 に 含 み 実 現 する 記 入 欄 を にした 場 合 は 実 現 方 法 を 具 体 的 に 備 考 欄 に 記 載 する 1.CMS(コンテンツ マネージメント システム) 要 件 システム 全 般 システム 全 般 1 2 3 4 CMSサーバ

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

0.CMSホームページについて 1 ブラウザで 学 校 ホームページを 開 いて ログインする! 2 データを 登 録 したいページをメニューから 選 んで 移 動 する 3 編 集 操 作 を 行 い 決 定 ボタンを 押 してデータを 登 録 する 1 入 力 が 終 わったら 必 ず 決 定

0.CMSホームページについて 1 ブラウザで 学 校 ホームページを 開 いて ログインする! 2 データを 登 録 したいページをメニューから 選 んで 移 動 する 3 編 集 操 作 を 行 い 決 定 ボタンを 押 してデータを 登 録 する 1 入 力 が 終 わったら 必 ず 決 定 CMSホームページ 作 成 マニュアル 初 級 編 0.CMSホームページについて 1.. 活 動 報 告 ページへ 記 事 を 登 録 する 2. 文 字 の 色 を 変 える 3. 写 真 など 画 像 を 挿 入 する 4. 画 像 の 右 側 に 文 字 を 配 置 する 5.( 番 外 編 )PDF 文 書 の 作 成 について 6.PDF 文 書 を 登 録 する 7.( 番 外 編 )

More information

スライド 1

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

More information

著 作 権 について 1 このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です 2 このレポートの 著 作 権 はパトモスに 属 します 3 著 作 権 者 の 許 可 なく 無 断 でこのレポートの 全 部 又 は 一 部 をいかなる 手 段 においても コピー 編 集 加 工

著 作 権 について 1 このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です 2 このレポートの 著 作 権 はパトモスに 属 します 3 著 作 権 者 の 許 可 なく 無 断 でこのレポートの 全 部 又 は 一 部 をいかなる 手 段 においても コピー 編 集 加 工 これからプロになる 人 が 最 初 に 知 っておきたい HTML 7 個 こんな HTML の 基 礎 知 らない 方 がよかったかも パトモス 著 作 権 について 1 このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です 2 このレポートの 著 作 権 はパトモスに 属 します 3 著 作 権 者 の 許 可 なく 無 断 でこのレポートの 全 部 又 は 一 部 をいかなる

More information

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

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

More information

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

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

More information

情報処理実習(工基3)

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

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

SchITコモンズ【活用編】

SchITコモンズ【活用編】 2016 SchIT コモンズ 活 用 編 株 式 会 社 スキット 1. 画 像 のサイズ 変 更 (リサイズ) 1. 画 像 の 大 き さ( 幅 )を 変 更 (ア) 画 像 を 挿 入 する 場 合 は[ 画 像 の 挿 入 ]のマークをクリックします [ 参 照 ]をクリックし 任 意 の 場 所 から 挿 入 したい 画 像 を 選 択 し [ 画 像 の 挿 入 ]をクリックします (イ)

More information

4 背景の設定

4 背景の設定 第 6 アクセシビリティに 配 慮 したホームページづくり ここでは 県 ホームページにおいてアクセシビリティに 配 慮 したホームページづくりを 進 め るために 特 に 注 意 すべき 事 項 を 示 します 県 ホームページのアクセシビリティのレベルを 向 上 するには すべての 所 属 において ホー ムページ 作 りに 関 わるすべての 職 員 の 取 り 組 みが 不 可 欠 です ここに

More information

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

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

More information

19 2. アクセシビリティ 20 3. アクセシビリティ 21 2. アクセシビリティ 22 2. アクセシビリティ 23 2. アクセシビリティ 24 2. アクセシビリティ 25 2. アクセシビリティ 26 2. アクセシビリティ 27 2. アクセシビリティ 28 2. アクセシビリティ

19 2. アクセシビリティ 20 3. アクセシビリティ 21 2. アクセシビリティ 22 2. アクセシビリティ 23 2. アクセシビリティ 24 2. アクセシビリティ 25 2. アクセシビリティ 26 2. アクセシビリティ 27 2. アクセシビリティ 28 2. アクセシビリティ 1 1. 導 入 実 績 機 2 1. 導 入 実 績 機 3 1. 機 機 熱 海 市 ホームジリニューアル 業 務 委 託 CMS 機 要 件 一 覧 既 に 市 町 で1 件 以 上 ホームジの 再 構 築 及 び 運 用 の 実 績 があるこ 導 入 するCMSは 熱 海 市 と 同 規 模 以 上 の 自 治 体 へ 導 入 された 実 績 が あり 現 在 も 稼 動 しているこ 閲 覧

More information

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

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

More information

カゴラボ管理画面マニュアル(3.商品管理)

カゴラボ管理画面マニュアル(3.商品管理) カゴラボ 管 理 画 面 操 作 設 定 マニュアル CHAPTER 3 商 品 管 理 編 カゴラボバージョン4.0 系 お 問 い 合 せはこちらまで カゴラボサポートセンター 0120-713-362 ( 携 帯 電 話 からは 0985-23-3362 ) E-mail : support@cagolab.jp 受 付 時 間 : 平 日 10:00~12:00/13:00~18:00 (

More information

kagoemon-a

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

More information

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

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

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

Microsoft Word - 309DW_END

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

More information

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

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

More information

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

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

More information