Microsoft Word - HTML.docx

Size: px
Start display at page:

Download "Microsoft Word - HTML.docx"

Transcription

1 ホームページを 見 る 環 境 (Web ブラウザの 種 類 やバージョン, 画 面 サイズなど)は 多 種 多 様 であり, 自 分 が 見 ている 状 態 と 必 ずしも 同 じではないことを 前 提 に 作 成 して ください 1

2 1. 文 書 のレイアウト, 文 字 の 書 式 原 則 として,タグと 属 性 は 大 文 字, 属 性 の 値 は"で 囲 んだ 小 文 字 で 記 述 します また, 複 数 の 属 性 は 半 角 スペースで 区 切 ります 全 角 スペースは 文 字 として 扱 われ ます 作 成 時 の 注 意 全 て 入 力 して 確 認 する 必 要 はない 少 しずつ 入 力 し,そのつど 確 認 する テキストエディタと InternetExplorer は 完 成 するまで 閉 じない [ 上 書 き 保 存 ][ 更 新 ] 入 力 ミスはエラーにならないので 表 示 結 果 を 確 認 する 演 習 問 題 1 moji.html moji.txt をコピーし,タグを 追 加 しなさい 1. 水 平 線 半 角 スペースを 表 す <HR> <HR SIZE="8"> <HR WIDTH="100"> <HR SIZE="8" WIDTH="80%"> <HR NOSHADE> SIZE: 線 の 幅 (ピクセル) WIDTH: 線 の 長 さ(ピクセル %) %はウィンドウサイズに 対 する 割 合 NOSHADE: 影 なし 2. 文 字 の 書 式 (1) 文 字 の 大 きさ(1) ( 改 行 を 含 む ヘッダーの 意 味 で 使 う) <H1> 大 きい 文 字 </H1> <H6> 小 さい 文 字 </H6> (2) 文 字 の 大 きさ(2) ( 改 行 を 含 まないが 属 性 でフォントや 文 字 の 色 が 指 定 できる) <FONT SIZE="4">サイズ 4 の 文 字 </FONT> SIZE は 1~7 7 が 一 番 大 きい,デフォルトは 3 の 大 きさ 相 対 的 な 大 きさの 指 定 も 可 能 +1,-2 (3) 文 字 の 修 飾 <I> 斜 体 </I> 斜 体 <B> 太 字 </B> 太 字 <U> 下 線 </U> 下 線 <S> 取 消 し 線 </S> 取 消 し 線 y=x<sup>2</sup> y=x 2 下 付 きは<SUB> (4) 複 数 のタグを 組 み 合 わせる <FONT SIZE="4"><B>サイズ 4 の 太 字 </B></FONT> <I><B> 斜 体 の 太 字 </B></I> 3. 文 書 のレイアウト (1) 中 央 揃 え <CENTER> ~ </CENTER> (2) 段 落 <P> ~ </P> または <DIV> ~ </DIV> <P ALIGN="left center right"> ~ </P> left: 左 揃 え center: 中 央 揃 え right: 右 揃 え のいずれか 1 つ 指 定 <P> 単 独 で 使 うと 改 行 して 1 行 空 いた 状 態 になる <P ALIGN="right"> 右 揃 え</P> (3) 左 右 に 余 白 をあける <BLOCKQUOTE> ~ </ BLOCKQUOTE > 2

3 2. 色 の 指 定 演 習 問 題 2 moji.html 1カラー 定 数 ( 色 の 名 前 )で 指 定 Red,Green,Blue,Ywllow,Black,White などがあります トーン( 色 相 ) light bright deep dark あさい 明 るい こい 暗 い 2 色 の 番 号 で 指 定 赤 緑 青 (RGB)それぞれの 値 を 16 進 数 の 2 桁 (00~FF)で 表 記 して #0088FF 00: 赤 88: 緑 FF: 青 の 組 合 せで 指 定 します #FF0000: 赤 #00FF00: 緑 #0000FF: 青 #FFFF00: 黄 #000000: 黒 #FFFFFF: 白 moji.html を 変 更 しなさい (1) ウィンドウの 背 景 ( 黒 ) (2) 基 本 の 文 字 色 ( 白 ) (3) サイズ 4 の 太 字 ( 赤 ) (4) 水 平 線 5 本 ( 黄,ピンク,Cyan,Lemonchiffon, 青 ) 応 用 1 をコピーし,タグを 追 加 してサンプルのページを 作 りなさい ( 参 考 ) 共 有 フォルダの, color.exe, color.xlsx をコピーして 使 ってください (1) ウィンドウの 背 景 と 文 字 (ページ 全 体 の 基 本 の 色 ) <BODY TEXT=" 文 字 の 色 " BGCOLOR=" 背 景 色 "> (2) 文 字 <FONT COLOR=" 文 字 の 色 "> (3) 水 平 線 <HR COLOR=" 水 平 線 の 色 "> 3

4 3.マーキー <MARQUEE> ~ </MARQUEE > <MARQUEE> 動 かす 文 字 や 画 像 </MARQUEE > ちょっと 一 服 属 性 BEHAVIOR="scroll slide alternate" スクロールの 動 き scroll:スクロール(デフォルト) slide:スライド alternate: 折 り 返 し DIRECTION="right left up down" スクロールの 方 向 left: 右 から 左 (デフォルト) right: 左 から 右 up: 下 から 上 down: 上 から 下 WIDTH="300" 横 スクロール 範 囲 (ピクセル,%) HEIGHT="50%" 縦 スクロール 範 囲 (ピクセル,%) SCROLLAMOUNT="3" スクロール 速 度 (ピクセル) 1( 遅 い)~ウィンドウ 幅 デフォルトは 6 練 習 moji.html,www.html の 適 当 な 部 分 をマーキーで 動 かしてみよう 演 習 問 題 3 scroll.html 1.スクロール(デフォルト) 2. 画 面 の 中 央 で 折 り 返 し BEHAVIOR,WIDTH 3. 下 から 上 へゆっくりスクロール DIRECTION,SCROLLAMOUNT,HEIGHT="80%" 参 考 マーキーをネストすれば 斜 めに 動 きます Scroll2.html 4

5 4. 画 像 の 表 示 <IMG> 1. 利 用 できる 画 像 ファイル GIF PNG JPG JPEG ホームページ 用 として 標 準 的 な 画 像 ファイルの1つ アニメーションな どに 対 応 する ユニシスの 特 許 技 術 が 使 用 されているので,GIF ファ イルを 使 用 するソフトの 配 布 には 注 意 が 必 要 (Graphics Interchange Format) GIF の 置 き 換 えを 目 的 に 開 発 された 画 像 ファイル 形 式 (Portable Network Graphics) ホームページ 用 として 標 準 的 な 画 像 ファイルの1つ 主 に 写 真 を 圧 縮 して 使 用 する (Joint Photographic Experts Group) 2. 画 像 のインライン 表 示 (1) 同 じフォルダにある 画 像 ファイルを 表 示 する <IMG SRC=" 画 像 ファイル 名 "> ファイル 名 は 拡 張 子 まで 必 要 (2) 画 像 の 拡 大 縮 小 <IMG SRC=" 画 像 ファイル 名 " HEIGHT="80" WIDTH="50%" BORDER="2"> HEIGHT,WIDTH の 一 方 だけ 指 定 すれば 縦 横 同 じ 比 率 で 拡 大 縮 小 される BORDER は 画 像 に 枠 を 付 ける(ピクセル) 練 習 nbumap.html NBU 案 内 図 をコピーする <HTML><BODY> NBU アクセスマップ<BR> <IMG SRC="nbumap.gif"> </BODY></HTML> 画 像 の 大 きさを 横 200 に 変 更 画 像 がない 場 合 (3) 画 像 と 文 字 の 位 置 ( 文 字 の 回 り 込 み) <IMG SRC=" 画 像 ファイル 名 " ALIGN="right"> 文 章 ALIGN="left right" ALIGN="top middle bottom " 1 行 だけ 回 り 込 み 解 除 <BR CLEAR="all"> (4) ページの 背 景 に 画 像 を 並 べる <BODY BACKGROUND=" 画 像 ファイル 名 "> BGPROPERTIES=FIXED 画 像 を 固 定 する 練 習 nbumap.html <HTML> <BODY> NBU アクセスマップ<BR> <IMG SRC="nbumap.gif" WIDTH="200"> 大 分 空 港 から 市 内 へ<BR> ホーバーで 約 25 分 <BR> バスで 約 60 分 <BR> 大 分 駅 から 大 在 駅 へJRで 約 15 分 <BR> 大 在 駅 から 徒 歩 で 約 25 分 <BR> 所 在 地 : 大 分 県 大 分 市 一 木 1727 </BODY> </HTML> ウィンドウサイズ( 幅 )を 変 更 ALIGN を 追 加 回 り 込 み 解 除 演 習 問 題 5 変 更 ) 応 用 5 kiso.html 応 用 6 earth.html 5

6 5.リンク <A>~</A> <A HREF=" "> </A> がクリックされたら を 表 示 する はブラウザに 表 示 される 文 字 または 画 像 はファイル 名 または URL (1) 同 じフォルダにある HTML ファイルへのリンク (A) 文 字 をクリック <A HREF=" HTML ファイル 名 ">ここをクリック</A> <A HREF=" nbumap.html">nbumap</a> (B) 画 像 をクリック( 他 のリンクも 同 じ) <A HREF=" HTML ファイル 名 "><IMG SRC=" 画 像 ファイル 名 "></A> <A HREF=" nbumap.html"><img SRC="nbumap.gif"></A> (2) Web サイトへのリンク <A HREF="URL">ここをクリック</A> <A HREF=" のページ</A> (3) 新 しいウィンドウで 表 示 TARGET="_blank" (5) メールソフトの 起 動 ブラウザで 指 定 しているメールソフト <A HREF="mailto:メールアドレス">メールはこちら</A> (6) ページ 内 リンク(ページサイズが 大 きい 場 合 など) <A HREF="#top"> 先 頭 に 戻 る</A> <A NAME="top"></A>の 行 から 表 示 される <A NAME="top"></A> <A NAME="sec"></A> <A HREF="#sec">sec に 戻 る</A> <A HREF="#top">top に 戻 る</A> 演 習 問 題 6 link.html 応 用 9 表 と 組 み 合 わせる link1.html link2.html 応 用 10 画 像 と 組 み 合 わせる aqua.html <A HREF=" TARGET="_blank">NBU(New)</A> (4) 同 じフォルダにある 画 像 ファイルへのリンク <A HREF=" 画 像 ファイル 名 ">ここをクリック</A> <A HREF=" nbumap.gif" TARGET="_blank"> 画 像 の 表 示 </A> 6

7 6. 表 の 作 成 <TABLE>~</TABLE> <TABLE>は 表 だけでなく, 表 示 のレイアウトを 整 える 目 的 で 使 われることが 多 い ので, 使 い 方 を 覚 えてください 4. 画 像 の 表 示 <TABLE> ~ </TABLE> <TR> ~ <TD> </TD> 1つの 表 1 行 (ROW) 1つのデータ(セル,COLUMN) の 部 分 がセルの 中 に 表 示 される 3 行 2 列 の 表 を 作 る 場 合 <TABLE> <TR> <TD>1-1</TD> <TD>1-2</TD> <TR> <TD>2-1</TD> <TD>2-2</TD> <TR> <TD>3-1</TD> <TD>3-2</TD> </TABLE> 2 行 3 列 の 表 を 作 る 場 合 <TABLE> <TR> <TD>1-1</TD> <TD>1-2</TD> <TD>1-3</TD> <TR> <TD>2-1</TD> <TD>2-2</TD> <TD>2-3</TD> </TABLE> 練 習 table.html 機 械 電 気 工 学 科 建 築 学 科 航 空 宇 宙 工 学 科 情 報 メディア 学 科 経 営 経 済 学 科 <HTML><BODY> <TABLE> <TR> <TD> 機 械 電 気 工 学 科 </TD> <TD> 建 築 学 科 </TD> <TD> 航 空 宇 宙 工 学 科 </TD> <TR> <TD> 情 報 メディア 学 科 </TD> <TD> 経 営 経 済 学 科 </TD> <TD></TD> </TABLE> </BODY></HTML> (1) 表 の 罫 線, 表 示 間 隔 <TABLE >だけでは 罫 線 は 表 示 されない BORDER=" 罫 線 の 幅 " BORDERCOLOR=" 罫 線 の 色 ( 全 体 )" 細 かく 指 定 BORDERCOLORLIGHT=" 左 上 側 の 罫 線 の 色 " BORDERCOLORDARK=" 右 下 側 の 罫 線 の 色 " (2) 表 のタイトル <CAPTION ALIGN="left center right">タイトル</caption> (3) セルの 背 景 色 <TABLE BGCOLOR=" 色 "> 表 全 体 に 適 用 <TR BGCOLOR=" 色 "> 行 全 体 に 適 用 <TD BGCOLOR=" 色 "> 該 当 するセルに 適 用 重 複 して 指 定 した 場 合 の 優 先 度 表 < 行 <セル 7

8 (4) 表 全 体 やセルの 幅 と 高 さ( 指 定 しないときは 自 動 ) <TABLE WIDTH="200" HEIGHT="100"> 表 全 体 (WIDTH= 行 ) <TD WIDTH="80" HEIGHT="80"> セル (5) セル 内 のデータ 表 示 位 置 <TABLE ALIGN="left center right"> ウィンドウに 対 する 表 の 位 置 <TR ALIGN="left center right"> 行 全 体 に 適 用 <TD ALIGN="left center right"> 該 当 するセルに 適 用 VALIGN="top middle bottom" 上 下 方 向 の 位 置 (6) 表 の 中 に 画 像 を 表 示 する <TD><IMG SRC=" 画 像 ファイル 名 "></TD> 練 習 table.html を 変 更 <TABLE BORDER= 5 BORDERCOLOR="Green"> <CAPTION ALIGN= center >タイトル</CAPTION> <TR BGCOLOR="Yellow"> <TD> 機 械 電 気 工 学 科 </TD> <TD> 建 築 学 科 </TD> <TD BGCOLOR="LightBlue"> 航 空 宇 宙 工 学 科 </TD> <TR ALIGN="center" HEIGHT="80"> <TD ALIGN="right" BGCOLOR="LightBlue"> 情 報 メディア 学 科 </TD> <TD WIDTH="200"> 経 営 経 済 学 科 </TD> <TD></TD> </TABLE> データがないセルの 表 示 の 違 いに 注 意 <TD></TD> <TD> 半 角 スペース</TD> <TD> 全 角 スペース</TD> BORDERCOLOR を 変 更 してみよう BORDERCOLORLIGHT="Green" BORDERCOLORDARK="Purple" (7) 表 のセルの 結 合 table1.html <TABLE BORDER="2" WIDTH="100" HEIGHT="50"> <TR> <TD COLSPAN="2"> </TD> 1 <TD ROWSPAN="2"> </TD> 2 <TR> <TD ROWSPAN="2"> </TD> 3 <TD> </TD> 4 <TR> <TD COLSPAN="2"> </TD> 5 </TABLE> 練 習 table2.html 演 習 問 題 4 time.html 応 用 2 restmenu.html 応 用 3 color.html 応 用 4 iro.html 応 用 7 表 + 画 像 kuma.html 応 用 8 表 +MARQUEE cheer.html ( 参 考 )cheer2.html 5 8

9 7.フレーム <FRAMESET>~</FRAMESET>, <FRAME>, <IFRAME> ウィンドウを 複 数 に 分 割 して 表 示 します 分 割 した 部 分 をフレームといい,フレーム を 定 義 するファイルと 各 フレームに 表 示 するファイルが 必 要 です 1. 左 右 に 分 割 COLS aqua.html frame1.html 注 意 :<BODY>タグなし <FRAMESET>~</FRAMESET> フレーム 分 割 COLS="200,*" 左 のフレームを 幅 200 ピクセル, 残 りの 部 分 を 右 のフレーム <FRAME> フレーム 定 義 SRC: 表 示 するファイル 名 や URL NAME:フレーム 名 2. 上 下 に 分 割 ROWS aqua.html kuma.html kuma.html <HTML> <FRAMESET COLS="200,*" > <FRAME SRC="aqua.html" NAME="sub1"> <FRAME SRC="kuma.html" NAME="sub2"> </FRAMESET> </HTML> <HTML> <FRAMESET ROWS="40%,*"> <FRAME SRC="aqua.html" NAME="sub1"> <FRAME SRC="kuma.html" NAME="sub2"> </FRAMESET> </HTML> 3.NAME の 使 い 方 ( 指 定 したフレームへの 表 示 ) aqua.html を 変 更 <A HREF=" " TARGET="sub2"> </A> TARGET="フレーム 名 " 指 定 したフレームに 表 示 TARGET="_blank" 新 しいウィンドウに 表 示 (リンク 参 照 ) TARGET="_top" フレーム 構 造 を 解 除 してウィンドウ 全 体 に 表 示 フレーム 構 造 のデータ 編 集 について [ 表 示 ] ソース では 構 造 を 定 義 したファイルのソースが 表 示 されます 各 フレームのファイルを 編 集 する 場 合 は, 編 集 したいフレーム 上 で [ 右 クリック] ソースの 表 示 を 選 択 してください FRAME タグの 属 性 について 最 初 に 何 も 表 示 しない 場 合 は SRC を 省 略 表 示 が 変 わらないフレームは NAME を 省 略 SRC の 値 は HTML ファイル,URL, 画 像 ファイルなど ROWS="40%,*" 上 のフレームを 全 体 の 40%, 残 りの 部 分 を 下 のフレーム 9

10 4. 組 合 せ 5.ページ 内 にフレーム 領 域 を 作 る <IFRAME> 画 像 などと 同 じ 扱 い <HTML> <FRAMESET ROWS="50%,*"> <FRAME SRC="www.html" NAME="sub1"> <FRAMESET COLS="50%,*"> <FRAME SRC="aqua.html" NAME="sub2"> <FRAME SRC="kuma.html" NAME="sub3"> </FRAMESET> </FRAMESET> </HTML> aqua.html kuma.html iframe.html <HTML> <BODY BGCOLOR="Yellow"> <IFRAME NAME="iframe" WIDTH="300" HEIGHT="160" ALIGN="left"> </IFRAME> <A HREF="link.html" TARGET="iframe">LINK</A><BR> <A HREF="http://www.nbu.ac.jp/" TARGET="iframe">NBU</A> </BODY> </HTML> ROWS="50%,*" 上 のフレームを 高 さ 50%, 残 りの 部 分 を 下 のフレーム COLS="50%,*" 左 のフレームを 幅 50%, 残 りの 部 分 を 右 のフレーム ウィンドウサイズによって 大 きさが 変 化 する 応 用 11 dogcat.html <FRAMESET>の 属 性 ( 最 初 の 指 定 が 適 用 される) FRAMEBORDER="1/0" 仕 切 り 線 の 表 示 / 非 表 示 (デフォルトは 1) BORDER="2" 仕 切 り 線 の 太 さ(ピクセル) 練 習 aqua.html kuma.html FRAMEBORDER="0" BORDER="0" 10

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

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

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_text

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

More information

■新聞記事

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

More information

Taro-ホームページB5.jtd

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

More information

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

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

More information

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

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

More information

第5回

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

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

背 景

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

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

スライド 1

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

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

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

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

More information

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

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

More information

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

アフィリエイターの為の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

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

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

More information

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

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

(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

Webデザインの基礎01

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

More information

eil2009062930_4.ppt

eil2009062930_4.ppt URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer

More information

Microsoft Word - chap2.doc

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

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

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

More information

Microsoft Word - wsample.docx

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

More information

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

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

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 - css.ppt [互換モード]

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

More information

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

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

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

Taro-03_Web_html自習テキストⅢ.

Taro-03_Web_html自習テキストⅢ. 平 成 18 年 度 学 校 Web ページ 作 成 研 修 講 座 HTML の 基 礎 Ⅲ ~メモ 帳 で Web ページを 作 ろう!!~ 今 回 の 勉 強 内 容 テーブル( 表 )の 利 用 /フォルダの 整 理 岩 手 県 立 総 合 教 育 センター 情 報 教 育 室 目 次 1 テーブル( 表 )の 利 用 1 ( 1) テーブル( 表 )の 作 成 1 ( 2) テーブル( 表

More information

Wordでホームページ

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

More information

untitled

untitled MoogaOne 1. MoogaOne... 1 2. MoogaOne... 1 3.... 1 4.... 1 5.... 2 6.... 2 1.... 2 2.... 2 3. Template.htm... 2 4. index.htm... 4 [ ]... 4 5.... 4 6.... 6 7.... 6 8.... 6 [Template.htm Template-e.htm

More information

HTML文章作成

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

More information

1/2

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

More information

文京女子大学外国語学部

文京女子大学外国語学部 7.フォーム 7-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

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

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

More information

Microsoft PowerPoint - lecture1210.pptx

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

More information

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン1998年11月号―INTERNET magazine No.46 6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;

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

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html 1. 1 AWK HTML 18 8 14 1 HTML Yahoo! 3 Yahoo! (http://www.yahoo.co.jp/) 1 Yahoo! : http://headlines.yahoo.co.jp/hl ( ) ( ) Netscape 3.04 1. 2 Netscape 3.04 2. 1 Yahoo! 2. HTML 2 3. 1 1 100 6 4. csh AWK

More information

スライド 1

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

More information

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受 13.パーソナルコンピュータ 実 習 [Ⅱ] 実 験 受 講 前 の 準 備 編 以 下 の 確 認 を 行 っていない 場 合,この 実 験 テー マを 受 講 することはできません 1. 学 情 センターの UNIX のパスワードの 確 認 2.E-Mail が 使 えることを 確 認 手 順 1(UNIX パスワードの 確 認 ) (1) 中 部 大 学 内 のパソコンで FFFTP を 立

More information

Microsoft PowerPoint - css [互換モード]

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

More information

Microsoft Word - A指針Web公開.doc

Microsoft Word - A指針Web公開.doc 静 岡 県 ホームページ 運 用 ガイドライン アクセシビリティに 関 する 指 針 静 岡 県 目 次 1.はじめに 5 1-1.ガイドラインを 策 定 するにあたって 5 1-1-1.ウェブアクセシビリティとは 5 1-1-2.ウェアクセシビリティが 求 められている 背 景 5 1-1-3. 高 齢 者 障 害 者 の 閲 覧 時 の 利 用 特 性 6 1-1-4. 視 覚 障 害 者 への

More information

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z:

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

2 / 15 リンクバナーの 輪 (DWKS 提 唱 ) 団 体 A サイト 団 体 B サイト 団 体 E サイト 団 体 C サイト 団 体 D サイト

2 / 15 リンクバナーの 輪 (DWKS 提 唱 ) 団 体 A サイト 団 体 B サイト 団 体 E サイト  団 体 C サイト 団 体 D サイト 1 / 15 第 5 回 セミナー/ 全 12 (2014/02/27) 画 像 の 加 工 処 理 実 習 :リンクバナーの 作 成 88 31px 160 70px 200 60px

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

KITENN 編集操作マニュアル

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

More information

Microsoft PowerPoint - manualtachiyomi.pptx

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

More information

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

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

More information

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

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

More information

OpenCity2説明

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

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

WORD 98 入力の手引き

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

More information

簡単なアイコンの説明

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

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

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

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

More information

ホームページの作成

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

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

雛形ホームページ利用マニュアル

雛形ホームページ利用マニュアル ご 参 考 資 料 アカデミックサーバ 用 雛 形 ホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 様 が ご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは

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

(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

68 69

70 71 72 73

68 <td valign=top class=c8> 69 <p class=c13><a name=マーク0><span class=c9>⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign=top class ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 2

More information

文 書 構 造 とスタイル

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

More information

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

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

More information

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

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

More information

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

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

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

2008 e-learning T050050

2008 e-learning T050050 e-learning T050050 e-learning B NintendoDS e-learning html 1 e-learning Java Applet html 2 2008 e-learning T050050 1 1 1.1.................................. 1 1.2............................ 1 2 2 2.1..............................

More information

CMS デザインガイド [2/12] ::: 目 次 [ A-1] CMSの 仕 組 み [ A-2] テンプレートについて [ A-3] テンプレートの 作 成 [ A-4] template.iniについて [ A-5] テンプレートの 配 置 について [ A-6] 便 利 な 機 能

CMS デザインガイド [2/12] ::: 目 次 [ A-1] CMSの 仕 組 み [ A-2] テンプレートについて [ A-3] テンプレートの 作 成 [ A-4] template.iniについて [ A-5] テンプレートの 配 置 について [ A-6] 便 利 な 機 能 CMS デザインガイド [1/12] CMS デザインガイド Contents Management System 2006/6/5 CMS デザインガイド [2/12] ::: 目 次 [ A-1] CMSの 仕 組 み [ A-2] テンプレートについて [ A-3] テンプレートの 作 成 [ A-4] template.iniについて [ A-5] テンプレートの 配 置 について [ A-6]

More information

情報処理実習(工基3)

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

More information

(Microsoft Word - Mobirth\225\317\212\267\203}\203j\203\205\203A\203\213.doc)

(Microsoft Word - Mobirth\225\317\212\267\203}\203j\203\205\203A\203\213.doc) 1.Mobirth 変 換 ルールの 作 成 について 2011/12/07 1 管 理 画 面 へのログイン 方 法 管 理 画 面 の URL 本 受 注 の 場 合 :https://mobirth.com/site.s/( 該 当 顧 客 変 換 後 URL) 仮 登 録 の 場 合 :https://mbz.jp/site.s/( 該 当 顧 客 変 換 後 URL) ユーザー 名 変 換

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

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

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

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

目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示..

目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示.. Cform カレンダー 予 約 システム 機 能 解 説 マニュアル 目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示... 9 4. 予 約 申 込 管

More information

スライド 1

スライド 1 2013 年 7 版 東 洋 経 済 オンライン 広 告 掲 載 の 申 し 込 み 入 稿 規 定 01 表 紙 02 広 告 掲 載 の 申 込 法 03 広 告 掲 載 の 稿 法 04 バナー 広 告 稿 規 定 ( 稿 期 限 など) 05 バナー 広 告 稿 規 定 (インタースティシャル) 06 バナー 広 告 稿 規 定 ( 第 三 者 配 信 ) 07 テキスト 広 告 稿 規 定

More information

Web 画 像 の 解 像 度 解 像 度 についても Web 画 像 に 合 わせた 設 定 が 必 要 です モニタの 解 像 度 に 合 わせて 72ppi にします 解 像 度 は 本 来 画 質 の 精 細 度 ( 高 さ ) を 表 す 言 葉 です Web 画 像 はモニターに 表 示

Web 画 像 の 解 像 度 解 像 度 についても Web 画 像 に 合 わせた 設 定 が 必 要 です モニタの 解 像 度 に 合 わせて 72ppi にします 解 像 度 は 本 来 画 質 の 精 細 度 ( 高 さ ) を 表 す 言 葉 です Web 画 像 はモニターに 表 示 LESSON_8 Web 用 途 での 活 用 1 Web 画 像 の 書 き 出 し 形 式 2 Web 用 バナーの 作 成 3 スライス 機 能 学 習 目 標 Lesson8 では というソフトが Web ページの 制 作 においてどのように 役 割 を 担 っているのかを 学 び 具 体 的 な Web 画 像 の 書 き 出 し 方 法 を 身 につけましょう LESSON 8-1 Web

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

セッション とは 概 要 プロ エージェント 固 有 の 検 索 条 件 を 保 持 したまま 指 定 された 別 のページに 転 送 し そのページの 中 で 検 索 結 果 画 面 を 表 示 することができる 機 能 です 例 えば JOB 検 索 の 際 に 使 用 すると お 客 様 のホ

セッション とは 概 要 プロ エージェント 固 有 の 検 索 条 件 を 保 持 したまま 指 定 された 別 のページに 転 送 し そのページの 中 で 検 索 結 果 画 面 を 表 示 することができる 機 能 です 例 えば JOB 検 索 の 際 に 使 用 すると お 客 様 のホ ホームページオプション 組 み 込 みの 工 夫 セッション を 使 ってみましょう ホームページオプション の 画 面 をお 客 様 サイト 側 へ 組 み 込 む 際 いくつか 工 夫 して 頂 くとサイト 全 体 のデザインを 統 一 させたよりクオリティ の 高 いページを 作 ることができます 組 み 込 む 方 法 としては 1ポップアップ 2フレーム 3インラインフレーム という3 種

More information

CSSの基礎

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

More information

<4D6963726F736F667420576F7264202D20939291F28E738345834683758341834E835A83568372838A83658342834B83438368838983438393323031322E646F63>

<4D6963726F736F667420576F7264202D20939291F28E738345834683758341834E835A83568372838A83658342834B83438368838983438393323031322E646F63> 平 成 25 年 3 月 18 日 作 成 目 次 1. はじめに...3 2. 湯 沢 市 のウェブアクセシビリティ 方 針...3 2.1 ホームページ 利 用 者...3 2.2 ホームページを 利 用 する 環 境...3 2.3 必 須 項 目 と 推 奨 項 目 の 設 定...3 3.ウェブアクセシビリティガイドライン...4 3.1 画 像 に 関 して...5 3.2 文 字 に

More information

スライド 1

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

More information

サイボウズ ガルーン 3 ドットセールス連携ガイド

サイボウズ ガルーン 3 ドットセールス連携ガイド サイボウズ ガルーン 3 ドットセールス 連 携 ガイド 第 1 版 サイボウズ 株 式 会 社 はじめに はじめに 本 書 では バージョン 3.0.0 以 降 のサイボウズ ガルーンを バージョン 1.1.2 以 降 のサイボウズ ドット セールスと 連 携 させるための 設 定 や 設 定 後 の 操 作 方 法 について 説 明 しています 対 象 読 者 本 書 は サイボウズ ガルーン

More information

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き Ver.2 ユーザマニュアル スタートガイド 第 2 版 最 終 更 新 日 2011/7/12 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

More information

Table説明.xlsx

Table説明.xlsx テーブル 命 令 の 記 述 方 法 http://heo.jp/tag/table/ 記 載 1 記 載 2-1 記 載 2-2 記 載 2-3 記 載 2-4 記 載 3-1 記 載 3-2 記 載 1 記 載 2-1 記 載 2-2

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

<837A815B83808379815B83578DEC90AC977697CC2E707562>

<837A815B83808379815B83578DEC90AC977697CC2E707562> ホームページ 講 座 その2 平 成 17 年 5 月 1 日 ホームページ ビルダーを 使 った ホームページ 作 成 要 領 ( 標 準 モード) 1. 編 集 スタイル 編 集 スタイルの 選 択 環 境 設 定 2.サイト 作 成 新 規 サイト 作 成 Topページ ファイル 名 3. 編 集 作 業 編 集 方 法 編 集 画 面 ナビ メニュー ツール バー 4.ページ 作 成 の 基

More information