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

Size: px
Start display at page:

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

Transcription

1 第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク

2 HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.dtd などで 定 義 WWW, http, htmlの 関 係 WWW:World wide web text transfer protocol 注 意 HTMLをどう 表 示 するかはブラウザー 次 第 (I.E.とNetscapeで 異 なる) 規 格 は 改 定 されており 使 われなくなった 古 い 規 格 に 注 意 巷 の 解 説 には 間 違 いがよくある(この 資 料 も 含 めて!) HTMLはできるだけ 新 しい 規 格 に 基 づいて 書 くこと

3 作 成 手 順 端 末 エミュレータからwebブラウザー を 起 動 する 例 :c2ja0rat(109)% netscape & html 文 書 ファイルの 作 成 文 書 を 作 成 / 修 正 名 前 をつけてファイルに 保 存 または 上 書 き 保 存 2.ブラウザーでの 確 認 作 成 した 文 書 を 開 く(File, Open) ファイルをエディターで 修 正 後 は Reloadする

4 基 本 形 ようこそ 農 学 太 郎 のページへ ただいま 工 事 中 です ヘッダー 部 タイトルは 中 身 を 的 確 に 表 すものを 必 ずつける 本 体 ここが 実 際 に 表 示 される マークアップの 方 法 : マークアップは 必 ず 半 角 で 入 力 する < 要 素 > 内 容 </ 要 素 > なお 大 文 字 小 文 字 は 問 わない 開 始 タグ 終 了 タグ ( 一 部 省 略 可 ) 上 の 内 容 をエディターで 作 成 し index.htmlという 名 前 で 保 存 ブラウザーで 内 容 を 確 認 する

5 段 落 と 改 行 html 文 書 は テキスト 上 での 改 行 は 無 視 されます このように 改 行 してもだめです 半 角 空 白 やtab も 無 視 されます <p> 段 落 の 区 切 りを 意 図 する 時 は このようにして 下 さい 改 行 空 白 行 の 後 から 新 しい 段 落 が 始 まり ます </p> <p>なお 強 制 的 に 改 行 したい 場 合 は <br> この 様 にして 下 さい </p> 段 落 は <p>...</p> で 囲 む 強 制 改 行 は <br> を 入 れる 段 落 と 改 行 をエディターで 作 成 し 上 書 き 保 存 テキストは 適 当 にアレンジして 構 わない ブラウザーで 内 容 を 確 認 する

6 整 形 済 みテキスト 前 に 見 たように html 文 書 ではブラウザー 上 で 整 形 されます <pre> もし テキストで 見 たままのように 表 示 させる 場 合 は この 様 にします </pre> 段 落 は <pre>...</pre> で 囲 む 上 の 内 容 をエディターで 作 成 し 上 書 き 保 存 テキストは 適 当 に アレンジして 構 わない ブラウザーで 内 容 を 確 認 する

7 横 線 html 文 書 で 区 切 りの 横 線 を 入 れる 時 は 以 下 のように します <hr> 上 に 横 線 が 入 ったのをブラウザーで 確 認 して 下 さい 横 線 は <hr> を 入 れる 上 の 内 容 をエディターで 作 成 し 上 書 き 保 存 テキストは 適 当 に アレンジして 構 わない ブラウザーで 内 容 を 確 認 する

8 見 出 し 見 出 しは <hn>...</hn> n=1,2,3,4,5,6 <h1> 見 出 し</h1> で 囲 む <h2> 見 出 しとは</h1> 章 や 節 小 節 の 見 出 しに 相 当 するものである ただし 階 層 構 造 ははっきりしていない <h2> 見 出 しの 設 定 の 仕 方 </h2> このように 囲 んで 設 定 する <h3> 見 出 しの 種 類 </h3> h1からh6まである 実 際 は h3ぐらいまでしか 使 われていないようである <h2> 見 出 しの 表 示 のされ 方 </h2> 数 が 小 さいほど 大 きく 表 示 される

9 リスト1( 1(UL, OL) 農 学 太 郎 のホームページ 文 書 では リストを 三 つの 形 式 で 作 ることができる この 様 に リストの 種 類 を 示 すタグの 間 に リストの 項 目 を 表 すタグと 項 目 を 記 述 する なお 上 は の 例 である リストの 形 式 を 指 定 し <ul>...</ul> <ol>...</ol> で 囲 む 項 目 を <li>... と 記 述

10 リスト2( 2(DL) <dl> <dt> 見 出 し 付 きリスト <dd> 見 出 し 付 きリストは ULやOLと 違 って 任 意 の 見 出 しをつけること ができる そして その 説 明 (description)を 段 下 げで 書 くことができる </dl>

11 インライン 画 像 <p> 文 書 に 画 像 を 貼 り 込 むことができます 例 えば <img src="frontpanel.gif" alt="aix front panel"><br> src="": 画 像 ファイルを 指 定 この 場 合 は html 文 書 と 同 じ 場 所 にある <br> alt="": ブラウザーで 画 像 を 表 示 しない 場 合 に 表 示 されるテキスト </p> <p> <img src="http://www.tohoku.ac.jp/images/elogo.jpg" alt="ロゴ"><br> src=""にurlを 書 くことも 出 来 ます </p>

12 リンク <p> 文 書 中 で 他 の 場 所 へリンクを 張 ることも 出 来 ます <br> 例 えば <a href="http://www.tohoku.ac.jp"> 東 北 大 学 のトップページ</a> とします 東 北 大 学 のトップページ というのが 青 のアンダーライン 付 きで 表 示 され ここをクリックすると 後 は 分 りますね </p> <p> 文 書 中 の 特 定 の 場 所 へ 飛 ばすことも 出 来 ます 例 えば <a href= #epilogue >エピローグへ </a>とします クリックしてみましょう </p> <h2><a name="epilogue">エピローグ</a></h2> <p> 最 後 になります ここに 表 示 が 移 ることを 確 認 しましょう それでは また 来 週 </p>

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行

More information

HTML文章作成

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

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

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

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文書の作成 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

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

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

More information

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

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

More information

モール管理者マニュアル Ver.1.0

モール管理者マニュアル Ver.1.0 1 Html 編 集 ツール 補 足 マニュアル Ver.1.0 株 式 会 社 ソフトクリエイト 2012/11/14 目 次 1. Html について... 3 1.1. Html とは... 4 1.2. Html タグの 基 本... 5 1.2.1. HTML タグの 基 礎... 5 1.2.2. HTML タグの 種 類 ( 主 要 タグ)... 7 2. Html 編 集 ツール...

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

橡ホームページの作り方

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

More information

■新聞記事

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

More information

1/2

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

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

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

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 ガイドラインの 目 的... 3 適 用 範 囲... 3 根 拠 となる 規 格 またはガイドライン 類... 3 1. 文 章 の 作 成 時 の 注

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

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

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

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

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

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

More information

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

背 景

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

More information

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

Microsoft Word - infA-2011-11a-html.doc WWW の 仕 組 みと HTML ファイル 1.WWW(World Wide Web)の 仕 組 みと 基 礎 用 語 通 常 Web ページを 閲 覧 する 際 には Web ブラウザと 呼 ばれるアプリケーションを 使 用 し 閲 覧 したい HTML 1 ファイルの 送 信 を そのファイルを 持 つ Web サーバ(WWW サーバ)に 依 頼 する( 図 11) Web サー バは 依 頼

More information

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 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6..................... web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................

More information

石井.PDF

石井.PDF 1 2 5 11 15 20 2 copyright copyright 17 18 3 18 19 2 10 4 5 50 50 WIPO 17 15 6 1995 CD PC PP 7 CD 59 CD CD 8 9 10 11 12 20 13 14 WWWWorld Wide Web 15 WWW Netscape Navigator Internet Explorer Web 16 17

More information

Microsoft Word - chap2.doc

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

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

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

More information

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

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

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

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

情報処理実習(工基3)

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

More information

Ⅰ Webページの作成

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

More information

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX L A TEX HTML 2000 7 2 ([-30]5051.49) 1 2 1.1.............................................. 2 1.2.............................................. 2 1.3................................................ 2 1.4.............................................

More information

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

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

More information

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

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

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

クリック クリック リンクを 張 るためのタグ タグ ~ リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522

More information

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

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

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

More information

ルール&マナー集_社内版)_修正版.PDF

ルール&マナー集_社内版)_修正版.PDF WWW(World Wide Web) Web 12 WWW ID 2 1 2 3 4 WWW World Wide Web 5 5 A B 11 http://www.enc.or.jp/enc/code/rule/main.html 12 3 ... 2 1... 5 1.1... 5 1.2... 5 1.3... 6 1.4... 7 2... 9 2.1... 9 2.2 ID... 10

More information

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

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

More information

ホームページ作成技法

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

More information

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

あいち電子自治体ガイドライン(第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 - 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

Microsoft PowerPoint - css [互換モード]

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

More information

スライド 1

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

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

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

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

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

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ページ 更 新 の 設 置 例 5. 変 換 指 定 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ページ 更 新 の 設 置 例 5. 変 換 指 定 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 ページ 更 新 管 理 L-TOOL PgUpdater (ver 1.2) 取 扱 説 明 書 Little Net http//l-tool.net/ - 2015 年 07 月 24 日 版 - 目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ページ 更 新 の 設 置 例 5. 変 換 指 定 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 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

演 習 中 心 の 講 義 とし 解 説 した 事 項 は 基 本 的 に 演 習 で 動 作 を 確 認 する 講 義 を 通 し 机 上 の 知 識 ではなく 知 識 を 活 用 する 力 を 身 につけることを 目 指 す 演 習 室 (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

目 次 <1> はじめに 1-1 このサイトの 特 徴 4 1-2 MORPH(モーフ)とは? 4 <2> 管 理 画 面 について 2-1. 管 理 画 面 へログインする 5 2-2.ログアウトする 5 <3> ページの 編 集 について 3-1 各 ページの 文 章 や 画 像 を 編 集 す

目 次 <1> はじめに 1-1 このサイトの 特 徴 4 1-2 MORPH(モーフ)とは? 4 <2> 管 理 画 面 について 2-1. 管 理 画 面 へログインする 5 2-2.ログアウトする 5 <3> ページの 編 集 について 3-1 各 ページの 文 章 や 画 像 を 編 集 す ユーザーズマニュアル 初 級 編 Ver2.2 2014.08.04 目 次 はじめに 1-1 このサイトの 特 徴 4 1-2 MORPH(モーフ)とは? 4 管 理 画 面 について 2-1. 管 理 画 面 へログインする 5 2-2.ログアウトする 5 ページの 編 集 について 3-1 各 ページの 文 章 や 画 像 を 編 集 する 6 よくある 質 問 ~ 改

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

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

More information

第5回

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

More information

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

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

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

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

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

More information

Office 10 パッケージ版「リンク集」

Office 10 パッケージ版「リンク集」 Office 10 パッケージ 版 リンク 集 バージョン 10.3 Copyright (C) 2013-2015 Cybozu リンク 集 リンク 集 は よく 利 用 するWebサイトのURLを 登 録 するアプリケーションです リンク 集 には 次 の2 種 類 のリンクを 管 理 できます 共 有 リンク: すべてのユーザーが 共 有 して 使 用 できるリンクです システム 管 理 者

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

World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09 2

World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09 2 第 8 回 WWW 動 的 コンテンツ グループ6 西 尾 優 山 本 風 歌 尾 立 誠 弥 宇 野 則 文 藤 原 敏 明 12/05/09 1 World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09

More information

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

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

More information

ホームページとは何?

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

More information

画 面 構 成 は 次 のとおりですが ここでは 説 明 のため 4つのパートに 分 けます パート1:ヘッダー( このゴミ 燃 えるゴミだっけ から 検 索 バーの 直 前 まで) パート2:リスト( 検 索 バー から 町 内 別 ゴミ 収 集 日 をチェックの 直 前 まで) パート3:フッタ

画 面 構 成 は 次 のとおりですが ここでは 説 明 のため 4つのパートに 分 けます パート1:ヘッダー( このゴミ 燃 えるゴミだっけ から 検 索 バーの 直 前 まで) パート2:リスト( 検 索 バー から 町 内 別 ゴミ 収 集 日 をチェックの 直 前 まで) パート3:フッタ 他 言 語 版 についても 同 様 の 方 法 で 作 成 ができます その 場 合 はファイル 名 の 末 尾 に pt が 付 いたものが 対 応 します ダウンロード 後 そのフォルダを 開 いてください フォルダ 構 造 やファイルの 役 割 について 説 明 します image フォルダ: 画 像 ファイルが 入 っています gomicalendarimage フォルダ:ゴミかれんだー 用

More information

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

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

More information

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We

8 Web 8.1 Web Web 8.3 XHTML Web (1) (2) 2 8.1.1 Web Web Web Web 4 Web Web 2 5 PC Web Microsoft Internet Explorer Netscape Navigator Mozilla Firefox We 8 Web Web XHTML XHTML 1 Web Web 1 Web XHTML Web Web XHTML XHTML Extensible HyperText Markup Language( ) Web HTML XML HTML Web 2 XHTML XHTML HTML 4.01 XHTML XHTML 1.0 3 XHTML XHTML XHTML Web 1 2 Netscape

More information

Microsoft PowerPoint - lecture1210.pptx

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

More information

untitled

untitled 16 ... 2...2... 3...3... 4... 5...5...8...9...10...12...13...14...15...16...17...19...20...20... 22...22...22... 23...23...24... 25...26...26... 28... 30... 31...31...32...32...37... 38...38 1 World Wide

More information

H1-2-3-4.indd

H1-2-3-4.indd 1 1 1 2 3 9 9 10 10 12 12 14 14 16 16 17 18 19 21 28 1 26 11 22 26 11 23 26 11 24 Web 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 4 4 8 2 2 4 20 4 4 8 4 4 8 2 2 4 4 4 32 4 4 12 4 4 4 4 4 4 4 4 8 2

More information

Microsoft Word - CiNii&RefWorks201011-.doc

Microsoft Word - CiNii&RefWorks201011-.doc 010.11- テーマ 別 ガイダンス CiNii で 国 内 の 論 文 検 索 & RefWorks ですっきり 整 理 情 報 基 盤 センター 学 術 情 報 リテラシー 係 CiNii の 使 い 方 CiNii 基 本 的 な 検 索 の 流 れ 例 題 1 携 帯 電 話 と 友 人 関 係 に 関 する 雑 誌 論 文 を 探 す CiNii (サイニイ) ( 全 分 野 ) 1 詳

More information

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

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

More information

情報基礎実習2013第8回テキスト

情報基礎実習2013第8回テキスト 情 報 基 礎 実 習 第 8 回 2014 年 6 月 12 日 ( 木 ) 6 月 13 日 ( 金 ) 担 当 教 員 : 逸 村 裕 高 久 雅 生 TF: 池 田 光 雪 普 段 我 々がアクセスする Web サイトは ほぼ 全 てが 様 々な 言 語 や 技 術 を 併 用 して 運 用 さ れている その 中 でも 最 も 基 礎 的 な 言 語 である Hyper Text Markup

More information

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

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

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

PowerPoint プレゼンテーション

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

More information

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

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

More information

Word97によるホームページの作成.PDF

Word97によるホームページの作成.PDF tkouya@ishikawa-pc.ac.jp 1998 5 27 ( ) 6 3 ( ) Internet TV Internet 1990 WWW(World Wide Web) Internet (WWW) Internet 1980 Internet WWW Internet WWW Windows95 WWW Word97 Word97 Office97 Excel97 Access97,

More information

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

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

More information

学生用_目次

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

More information

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

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

More information

3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................

More information

Wordでホームページ

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

More information

ほんぶん-第14章.indd

ほんぶん-第14章.indd - - - http://j.people.com.cn/ ///.html - http://www.sasac.gov.cn/n /n /n / index.html .... ...................................................................... -,,,,.. ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

More information

山梨県ホームページ作成ガイドライン

山梨県ホームページ作成ガイドライン 17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6

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

地域と文化資産

地域と文化資産 11 2005 1980 151 20 65 1 6 37 7 A D E F G H - 2 - 2005 8 6 10:00 10:30 2-432 A D 7 E 8 1-F 1-G - 3 - 2005 H 1970 2005 8 26-4 - A B D E F G H 3 7 8 1 5 6 1 10-5 - 2005 10 1 5 6 1 1 30 2 3 5 3 2 1 2005 8

More information

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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 http://www.moj.go.jp/press/090130-1.html 55 56 57

More information

388-356697252-2.pdf

388-356697252-2.pdf 専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]

More information

NetLec14Web.ppt

NetLec14Web.ppt 大 阪 市 立 大 学 創 造 都 市 研 究 科 ネットワークシステム 概 論 6 Web 帝 塚 山 学 院 大 学 情 報 メディア 学 科 教 授 兼 ICTセンター 長 大 阪 市 立 大 学 名 誉 教 授 / 大 阪 市 ITアドバイザー 中 野 秀 男 [ 検 索 ] 情 報 ネットワーク 概 論 1 今 日 の 話 前 回 の 質 問 と 残 した(Webメール 等 ) 部 分 キラーアプリ

More information