Microsoft PowerPoint - lecture1210.pptx

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

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

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

More information

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

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

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

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

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

More information

HTML文章作成

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

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

A

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

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

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

教員用

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

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

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

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

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 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

文 書 構 造 とスタイル

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

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

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

背 景

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

More information

Microsoft PowerPoint - 第03回目.pptx

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

More information

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

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

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

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

More information

CSSの基礎

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

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

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

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

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

Microsoft Word - 内容の入力.doc

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

More information

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

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

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

Microsoft PowerPoint - manualtachiyomi.pptx

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

More information

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d 第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd

More information

(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

簡単なアイコンの説明

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

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

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

More information

CMS操作手順書

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

More information

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

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

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

WORD 98 入力の手引き

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

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

教員用

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

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

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

More information

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

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

More information

03 CMS機能審査表.xls

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

More information

PowerPoint プレゼンテーション

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

More information

Webデザインの基礎01

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

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

Microsoft Word - wsample.docx

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

More information

Microsoft Word - chap2.doc

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

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

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

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

More information

情報処理実習(工基3)

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

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

Peace & Piece 画面設計書

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

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

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

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

More information

Untitled

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

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 - メディア技術基礎.docx

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

More information

ホームページとは何?

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

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

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

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

More information

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

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

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

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

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

More information

■新聞記事

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

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

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

第9回

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

More information

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

More information

目 次 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン... 1 目 次... 2 ガイドラインの 目 的... 3 適 用 範 囲... 3 根 拠 となる 規 格 またはガイドライン 類... 3 1. 文 章 の 作 成 時 の 注

目 次 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン... 1 目 次... 2 ガイドラインの 目 的... 3 適 用 範 囲... 3 根 拠 となる 規 格 またはガイドライン 類... 3 1. 文 章 の 作 成 時 の 注 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン 社 会 福 祉 法 人 兵 庫 県 社 会 福 祉 協 議 会 1 目 次 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン... 1 目 次... 2 ガイドラインの 目 的... 3 適 用 範 囲... 3 根 拠 となる 規 格

More information

1/2

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

More information

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

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

More information

4 背景の設定

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

More information

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

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

More information

HTML5&CSS3 レッスンブック

HTML5&CSS3 レッスンブック STEP 7-6 Chapter 7 FINISHING & ARRANGE style.css STEP 7-6 で 置 き 換 えた style.css の 設 定 です DESIGN POINTS デザインのポイント Google Fontsの Bowlby One で 表 示 ナビゲーションメニューの 各 リンクは 四 角 形 にデザイン コンテンツは 罫 線 で 囲 まない メインコンテンツの

More information

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

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

More information

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

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

More information

Microsoft PowerPoint - keni50-wp-manual_06123.pptx[読み取り専用]

Microsoft PowerPoint - keni50-wp-manual_06123.pptx[読み取り専用] 賢 威 5.0 WPテンプレート プ 導 入 マニュアル (WP バージョン2.9 以 降 対 応 ) 2010.6.23 京 都 で 噂 のホームページ 制 作 チーム WEBライダー 当 文 書 の 著 作 権 はWEBライダーへ 帰 属 し 他 社 への 譲 渡 公 開 引 用 は 固 く 禁 止 させていただいております 本 書 の 利 用 規 約 1. 本 書 の 目 的 本 書 はWordPressバージョン2.9

More information

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

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

More information

著 作 権 について 本 冊 子 と 表 記 は 著 作 権 法 で 保 護 されている 著 作 物 です 本 冊 子 の 著 作 権 は 発 者 にあります 本 冊 子 の 使 用 に 関 しましては 以 下 の 点 にご 注 意 下 さい 使 用 許 諾 契 約 書 本 契 約 は 本 冊 子

著 作 権 について 本 冊 子 と 表 記 は 著 作 権 法 で 保 護 されている 著 作 物 です 本 冊 子 の 著 作 権 は 発 者 にあります 本 冊 子 の 使 用 に 関 しましては 以 下 の 点 にご 注 意 下 さい 使 用 許 諾 契 約 書 本 契 約 は 本 冊 子 - 0 - ゆーすけ 著 著 作 権 について 本 冊 子 と 表 記 は 著 作 権 法 で 保 護 されている 著 作 物 です 本 冊 子 の 著 作 権 は 発 者 にあります 本 冊 子 の 使 用 に 関 しましては 以 下 の 点 にご 注 意 下 さい 使 用 許 諾 契 約 書 本 契 約 は 本 冊 子 を 入 手 した 個 人 法 人 ( 以 下 甲 と 称 す)と 発 者 (

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

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

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

More information

OpenCity2説明

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

More information

ホームページの作成

ホームページの作成 HTML5,CSS 資 料 HTML5 HTML の 文 法 HTML(Hyper Text Markup Language)は, 文 章 の 部 分 を Tag(タグ)と 呼 ばれ る 命 令 で 挟 んでいく タグは ... 開 始 終 了 のように 開 始 タグと 終 了 タグ 一 対 のペアになっている. タグは, 挟 まれた 部 分 がどのような 情 報 であるかを

More information