ホームページの仕組み

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "ホームページの仕組み"

Transcription

1 見 やすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 23 年 5 月 7 日 14 日

2 目 次 5 月 7 日 1. ショートカットキー 2. HTMLの 仕 組 み 3. XHTMLとCSS 4. W3C 標 準 5. 見 本 に 書 き 込 む 6. 単 語 登 録 5 月 14 日 1. ブログを 試 そう 2. スタイルで 変 更 3. 画 像 を 作 る 4. 音 を 作 る 5. アップロードする 6. まとめ 7. ブログ 等 の 準 備

3 見 やすいホームページを 作 ろう 2011 年 5 月 7 日 レジュメ 1. ショートカットキー 入 力 の 効 率 化 のため 高 齢 者 障 害 者 でマウスを 見 づらい 人 のため Office のバージョンで 操 作 が 違 う 人 のため よく 使 うショートカットキー( Ctrlキー とかAltキーとかShiftキーにCキーなどを 組 合 す) を 示 します 2. HTMLの 仕 組 み ホームページの 仕 組 みを 理 解 します 3. XHTMLとCSS 休 憩 HTML 文 書 と 見 栄 え( 色 とか 文 字 の 大 きさなど:CSS といいます)の 違 いを 学 びます 1. W3C 標 準 高 齢 者 障 害 者 にやさしい 世 界 標 準 の XHTML 文 書 のチェック 方 法 を 学 びます 2. 見 本 に 書 き 込 む 見 本 のページの 必 要 部 分 を 書 き 直 すことで ホームページをつくります 3. 単 語 登 録 長 い 文 字 を1 文 字 で 呼 び 出 す 単 語 登 録 を 学 びます 4. ブログ 等 の 準 備 ブログやホームページなどができるよう 準 備 します

4 見 やすいホームページを 作 ろう 2011 年 5 月 14 日 レジュメ 1. ブログを 試 そう ブログに 書 いてみましょう 2. スタイルで 変 更 スタイルシートで 背 景 色 を 変 えてみましょう 3. 画 像 を 作 る 1. 音 を 作 る マイクで 録 音 してmp3ファイルを 作 ります 2. アップロードする 3. まとめ 出 来 上 がったホームページをアップします 画 像 の 作 り 方 を 学 びます

5 よく 使 うショートカットキー スタート: Windowsキー( 田 キー) エクスプローラ: 田 にEキー 画 面 切 り 替 え: AltにTabキー 漢 字 変 換 : スペースバー 決 定 : Enterキー ファイル 保 存 : CtrlにSキー 別 名 保 存 : AltにFキー Aキー 終 了 : AltにF, XキーかCキー 複 写 : CtrlにCキー 切 取 : CtrlにXキー 削 除 : 範 囲 選 択 Deleteキー 貼 付 : CtrlにVキー 復 活 : CtrlにZキー アドレス 取 得 : AltにDキー ハイパーリンク: CtrlにKキー パソコン 終 了 : 田 にUキー 色 盲 の 人 にもわかるバリアフリープレゼンテーション 法 より 岡 部 正 隆 伊 藤 啓 編

6 ホームページの 仕 組 み 1. 元 の 文 書 図 表 音 動 画 等 を 作 る 2. HTML 形 式 へ 変 換 3. 絵 も 音 楽 も 文 書 もリンクか 埋 め 込 み 4. プロバイダ 等 へファイル 転 送 5. ブラウザで 読 む プロバイダ 見 る 人 サイト 開 設 者 インターネット 見 る 人 目 次 へ

7 元 の 文 書 サイト 開 設 者 サイト 開 設 者 EditorでHTML 文 書 を 書 く 保 存 HTML-Editorで 書 く 保 存 ワープロソフトで 書 く 保 存 変 換 プレゼンテーションソフトで 書 く 保 存 変 換 表 計 算 ソフトで 書 く 保 存 変 換 ブログやMedia Wikiで Web 上 で 書 く

8 サイト 開 設 者 原 図 ファイル 拡 張 子 Web 用 ファイル ペイント 形 式 で 描 く ペイント bmp, tif gif, jpg, png ドロー 形 式 で 描 く Illustrator ai, pdf, svgなど jpg, pdf, png, svg, tif 等 Power Point ppt pdf に 印 刷 HTMLで 出 力 写 真 を 撮 る tiff, bmp, jpg jpgで 出 力 スキャナーで 写 す bmp, jpg, pdf jpg, pdf PC 画 面 を 写 す bmp, jpg jpgへ 変 換 詳 細 はノートを 参 照

9 サイト 開 設 者 音 ファイル 拡 張 子 Web 用 ファイル 録 音 マイク 録 音 WAV,WMA Web 用 に 変 換 MP3, RA, ディジタル 録 音 機 WAV, MP3 高 スペックPCと 編 集 ソフトで 変 換 FLV, MPEG4-AVC/H.264 等 DAW ソフトで 作 曲 Flashアニメーション FLA SMILアニメーション BMP 3Dアニメーション AVI SWF, アニメーションGIF 等 SMI SWF, MPEG, MOV, QT, WMV 等 ( 代 表 的 ファイル 形 式 例 を 記 載 )

10 サイト 開 設 者 動 画 ファイル 拡 張 子 Web 用 ファイル ビデオ 撮 影 通 常 STD 画 質 撮 影 MPEG2,AVI コンバーターや 編 集 ソフトで 変 換 QT, RM, SWF, WMV, H.264, MOV 等 ハイビジョンHVCSD 撮 影 MPEG4-AVC 高 スペックPCと 編 集 ソフトで 変 換 FLV, MPEG4-AVC/H.264 等 ソフトで 描 く Flashアニメーション FLA SMILアニメーション BMP 3Dアニメーション BLENDほか SWF, アニメーションGIF 等 SMI VRML, SWF,X3D 等 ( 代 表 的 ファイル 形 式 例 を 記 載 )

11 元 のファイル サイト 開 設 者 静 止 画 ペイントソフトで 描 く ファイル 名.jpg ドローソフトで 描 く ファイル 名.jpg 動 画 Flashで 描 く.swf Premiereで 変 換.mpgや.gif(アニメ) Realで 変 換.rm 音 Midiソフトで 作 る.mid 録 音 をmp3で 変 換.mp3 Excel 等 の 直 接 変 換 xml 形 式 変 換

12 サイト 開 設 者 HTML 文 書 (ファイル 名.html) <html> <head> この 文 書 の 属 性 ( 著 者 だとかキーワードとか スタイルとか) </head> <body> 見 える 部 分 図 とかはすべてリンクで 可 能 </body> </html>

13 HTML/XHTMLと CSS(スタイルシート) HTMLは 文 書 を スタイルはCSSを 使 う 理 由 : 文 書 と 見 映 えの 分 離 : アクセシビリティ SEO( 検 索 エンジン 対 策 ) メンテナンス 性 互 換 性 W3C(Webの 仕 様 を 決 める 団 体 ) 国 際 標 準 ユーザビリティ / 筆 者

14 Topへ HTML, CSSのW3C 標 準 チェック W3C Markup Validation Service Another HTML -lint gateway / 石 野 恵 一 郎 氏 W3C CSS Validation Service 色 覚 チェック / 岡 部 正 隆 氏 伊 藤 啓 氏 adesigner / 浅 川 千 恵 子 氏 グループ

15 Head 部 例 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="ja" lang="ja"> <head> <title>ここにタイトルを 書 きます</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name= keywords content= キーワード1,キーワード2 /> <!-- 漢 字 もOK --> <meta name= description content= ここにページの 説 明 文 を 書 きます" /> <meta name= author content= ここにあなたの 名 を 書 きます" /> <meta name= date content= 2011 年 5 月 7 日, 更 新 :2011 年 5 月 14 日 " /> <meta http-equiv="content-style-type" content="text/css" /> 複 数 の 場 合,で 区 切 ります <link rel="stylesheet" type="text/css" href="konsiro120hdkotei.css" media="tv,screen,print /> </head> コメント 文

16 Body 部 例 <body> <div id="header"> <img src= zunoname.jpg alt= 説 明 文 width= 44 height= 33 /><a href= index.html >トップページの 名 へ </a> <a href= shumi.html > 趣 味 </a> <a href= nikki.html > 日 記 </a> <span class= chu > 著 者 </span> </div> <div id="main"> <p><span class="chu">ここはトップページの 名 </span> </p> pは 段 落 <h2>このページの 見 出 し</h2> 箇 条 書 きを 書 くときはulを 使 います 下 をみましょう<br /> <ul> <li> 趣 味 </li> <li> 日 記 </li> </ul> </div> </body> </html> DIVは 一 区 切 り 図 が 出 来 たらファイル 名 を 変 えます a hrefはリンク 必 ず 閉 じる /body /htmlで 閉 じます hは 階 層 spanは ある 部 分

17 単 語 登 録 ( 良 く 使 うフレーズ) CtrlにF10キー W( 単 語 登 録 ) 単 語 を 入 れ 読 みを 入 れ ok <a href= > </a> あ (リンク) <img src= width= height= alt= align= left /> い ( 画 像 ;srcはファイル 名 altは 図 の 説 明 align 回 り 込 み) <ul> <li> </li> </ul> う ( 箇 条 書 きリスト) <ol> <li> </li> </ol> お ( 段 落 番 号 付 きリスト) <p> </p> ぴ ( 段 落 ) <hr /> ふ ( 罫 線 ) <br /> ぶ ( 改 行 ) <br clear= all /> ぶ ( 回 り 込 みクリアし 改 行 ) <li></li> り (リスト)

18 スタイルを 選 ぶ 紺 地 に 白 文 字 120%T 右 インデックス 紺 地 に 白 文 字 120% 紺 地 に 白 文 字 120%T 肌 色 地 に 黒 文 字 120% 肌 色 地 に 黒 文 字 120%T

19 ブログを 試 そう 1. メールアドレスが 必 要 2. 安 全 な 無 料 サイトから 選 ぶ Blogger Hatena Diary Yahoo!ブログ 等 ( 見 本 : 筆 者 ) ( 見 本 : 筆 者 ) ( 見 本 yahoo! Japan) 3. 申 し 込 み メールで 確 認 開 設 4. 管 理 や 設 定 でプロフィール 設 定 5. 日 記 を 書 く 投 稿 する 6. コメント トラックバックに 返 信 スパム 管 理

20 ブログ 作 成 画 面 1. Blogger 手 順 :Bloggerに 入 る 1. Tabキー5 回 で アカウント 開 始 Enterキー 2. Googleアカウント 作 成 Tabキーでメールアドレス 等 を 入 れ Enterし メールで 確 認 する アカウントを 得 る(メモしておこう) 3. ブログを 作 成

21 ブログ 作 成 画 面 1. Yahoo! ブログ 手 順 :Yahoo! ブログに 入 る 1. 新 規 取 得 Yahoo! IDの 取 得 記 入 利 用 規 約 に 同 意 して 登 録 2. ブログを 作 成 プロフィールの 作 成 新 規 ブログ 投 稿

22 ブログ 作 成 はてなダイアリー 手 順 :はてなダイアリーに 入 る 無 料 ブログ 開 設 登 録 内 容 確 認 メールアドレス 入 力 登 録 完 了 ダイアリー 開 設 ブログの 作 成

23 元 ファイル 作 成 方 法 図 :ペイントで 描 く 拡 張 子 pngとかjpg 図 :ドローソフトで 描 く 図 : 携 帯 カメラ 等 で 写 す jpgで 送 る 動 画 :Flashで 描 く 動 画 :ビデオをReal 形 式 やFlash 形 式 で 変 換 音 :MIDIソフトで 作 る 音 : 録 音 mp3 変 換 Excel, Access Webページで 保 存 電 子 文 書 :wordや 一 太 郎 やPowerPointを Acrobatで 印 刷 =PDF 文 書

24 元 ファイル 作 成 方 法 : 図 ペイントで 描 く スタート(Windowsキー) プログラム(pキー) アクセサリー ペイント

25 ペイント キャンバスサイズ 円 の 書 き 方 キャンパス 色 とサイズ 円 や 四 角 等 の 書 きかた

26 ペイント スプレーとバケツ スプレー バケツ 円 と 色

27 ペイント 保 存 ファイル 別 名 保 存 保 存 場 所 デスクトップ 自 分 のフォルダ zuのフォルダ ファイル 種 類 すべてにして 拡 張 子 jpg!bmpではない 動 画 等 様 々な 作 り 方 はArtNaviの インターネットプレゼンテーション 入 門 を

28 静 止 画 像 の 埋 め 込 み 方 ArtNavi ユーザビリティ Webサイト 作 成 HTMLファイル 作 成 図 の 埋 め 込 み を 参 照 静 止 画 の 作 成 ペイントソフト ドローソフト カメラで 撮 影 OCRで 読 み 込 む パソコン 画 面 を 複 写

29 元 ファイル 作 成 方 法 : 音 ファイル ArtNavi 芸 術 工 房 音 楽 作 ろう インターネットで 芸 術 音 楽 を MMLで 作 曲 MIDIで 作 曲 音 の 編 集 (マイクで 録 音 )

30 音 声 動 画 の 埋 め 込 み 方 ArtNavi ユーザビリティ Webサイト 作 成 HTML ファイル 作 成 音 動 画 の 埋 め 込 みを 参 照 リンク 再 生 音 (MIDI) 埋 め 込 み 音 (MP3) 埋 め 込 み 動 画 の 埋 め 込 み 動 画 (RealMedia) 埋 め 込 み 動 画 (Flash) 埋 め 込 み 動 画 (YouTube) 埋 め 込 み

31 アップロードする 1. メールアドレスが 必 要 2. 安 全 な 無 料 サイトから 選 ぶ Yahoo! Geocities google apps 等 3. 申 し 込 み メールで 確 認 開 設 4. 管 理 や 設 定 でプロフィール 設 定 5. ファイル 転 送 (FFTP 等 を 利 用 )

ホームページの仕組み

ホームページの仕組み 分 かりやすいホームページを 作 ろう! 跡 見 学 園 女 子 大 学 公 開 講 座 文 学 部 准 教 授 福 田 博 同 平 成 24 年 4 月 28 日 5 月 12 日 目 次 4 月 28 日 1. ショートカットキー 2. ブログ 等 を 試 そう 3. ホームページの 仕 組 み 4. XHTMLとCSS 5. W3C 標 準 6. 単 語 登 録 5 月 12 日 1. 見 本

More information

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074>

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074> 2 3 4 5 6 http://jprs.co.jp/ 7 8 9 10 11 https://adwords.google.co.jp/select/keywordtoolexternal 12 13 14 http://www.pythagoras.bz/ Pythagoras 15 16 17 18 19 20

More information

textbook.indd

textbook.indd 02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24

More information

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

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

More information

情報資源組織演習B:

情報資源組織演習B: 情 報 資 源 組 織 演 習 A( 書 誌 の 作 成 ) 第 12 回 書 誌 データ 管 理 検 索 システムの 構 築 2013 年 度 跡 見 学 園 女 子 大 学 文 学 部 准 教 授 福 田 博 同 書 誌 データ 管 理 検 索 システムの 構 築 第 9 回 で 書 誌 データベース 構 築 は 理 解 Web 検 索 では 以 下 の 様 な 方 法 が 取 られる A B

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

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

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

More information

CSSの基礎

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

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

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

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

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

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

More information

スライド 1

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

More information

HTML文章作成

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

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

秋 田 大 学 WebClass 利 用 マニュアル 学 生 用 -2016.3- 総 合 学 務 課 教 務 担 当 目 次 WebClassとは p1 内 部 構 成 と 利 用 の 流 れ p1 内 部 構 成 利 用 の 流 れ WebClassへのアクセス(ログイン) 方 法 p3 ログアウト ページ 移 動 p4 ログアウト ページ 移 動 コースリスト コースメニュー 画 面 p5

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 電 子 ブック 作 成 公 開 システム AirLibro - 機 能 概 要 - 株 式 会 社 電 算 閲 覧 画 面 検 索 機 能 語 句 検 索 : 電 子 ブック 内 の 語 句 を 検 索 できます ( 元 となるデータがテキ スト 情 報 を 持 っている 場 合 のみ) サムネイル 表 示 :ページ 下 部 に 各 ページのサムネイルを 表 示 します 選 択 するとそのページに

More information

スライド 1

スライド 1 株 式 会 社 アジタス コーディングレギュレーション 改 訂 履 歴 初 版 2009/10/01 一 部 修 正 2010/12/06 対 応 ブラウザ 修 正 画 像 ファイルの 形 式 修 正 補 足 追 記 2011/05/02 対 応 ブラウザ 修 正 2013/04/12 文 言 内 容 一 部 修 正 2014/02/25 対 応 メーラーの 追 加 2014/04/08 メールアドレスの

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

Microsoft Word - chap2.doc

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

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

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

More information

第5回

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

More information

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

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................

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

はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディ

はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディ 株 式 会 社 クロノドライブ コーディングガイドライン 改 訂 履 歴 2009/10/01 初 版 2010/12/06 一 部 修 正 2011/05/02 対 応 ブラウザ 修 正 画 像 ファイルの 形 式 修 正 補 足 追 記 2013/04/12 対 応 ブラウザ 修 正 2014/02/25 文 言 内 容 一 部 修 正 2014/04/08 対 応 メーラーの 追 加 2014/06/05

More information

文 書 構 造 とスタイル

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

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

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

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

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

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

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

Microsoft PowerPoint - J_AuthorManual_JPSJ.ppt [互換モード] ScholarOne Manuscripts オンライン 投 稿 マニュアル 1 語 表 の 切 替 え 2 ログイン 34 アカウント 作 成 5 メインメニュー 6 ダッシュボード 7 Step 1: 種 別 タイトル 抄 録 8 Step 2: キーワード 9 Step 3: 著 者 10 Step 4: 希 望 査 読 者 11 Step 5: 設 問 1213 Step 6: ファイルアップロード

More information

■新聞記事

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

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

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ HeartRails APIs for MA5 ハートレイルズの 提 供 API について http://www.heartrails.com/ What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私

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

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

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

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

Instruction to Authors

Instruction to Authors ScholarOne Manuscripts オンライン 投 稿 マニュアル 1 ログイン 2 3 アカウント 作 成 4 メインメニュー 5 ダッシュボード 6 Step 1: Title(タイトル) Type( 種 別 ) Abstract( 抄 録 ) 7 Step 2: Attributes( 索 引 用 語 など) 8 Step 3: Authors & Institutions( 著 者

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

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

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

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

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環 1. 各 設 問 において 正 しいと 思 われるものは1を 間 違 っていると 思 われるものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザはユーザエージェントの 一 つである 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 JavaScript で 記 述 されたコードは ウェブブラウザに 内 臓 されている Java

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

CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/

More information

Microsoft PowerPoint - manualtachiyomi.pptx

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

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

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

03 CMS機能審査表.xls

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

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

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

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

More information

Microsoft PowerPoint - 【ご利用手順書】StarBoard Software80ご利用方法.ppt

Microsoft PowerPoint - 【ご利用手順書】StarBoard Software80ご利用方法.ppt インタラクティブホワイトボード StarBoardシリーズ StarBoard Software ご 利 用 方 法 について 本 資 料 はStarBoardに 添 付 されているユーザーズガイドの 補 足 資 料 です StarBoardの 取 り 扱 いについては StarBoardに 添 付 されているユーザーズガイドをご 熟 読 の 上 お 取 り 扱 い 下 さい 2008 年 3 月

More information

16. ペルソナ シナリオ 法 におけるペルソナとは ある 実 在 する 特 定 の 1 人 の 人 物 のことである 17. ユーザインタフェースの 分 野 での GUI とは ジオグラフィック ユーザ インタフェースの 略 称 で ある 18. HTML 4.01 Strict では XML 宣

16. ペルソナ シナリオ 法 におけるペルソナとは ある 実 在 する 特 定 の 1 人 の 人 物 のことである 17. ユーザインタフェースの 分 野 での GUI とは ジオグラフィック ユーザ インタフェースの 略 称 で ある 18. HTML 4.01 Strict では XML 宣 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 1. CSS において div, p のような 記 述 は 子 孫 セレクタの 指 定 である 2. URL 中 のパスにおいて ファイル 名 を 指 定 せずにディレクトリ 名 だけ 指 定 した 場 合 必 ずそのディ レクトリ 内 の index.html が 表 示 される

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

<925393968ED28CA48F438E9197BF875428303731313031292E786C73>

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

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

ワープロソフト講習会 応用操作編

ワープロソフト講習会 応用操作編 ワープロソフト 講 習 会 応 用 操 作 編 - レポートや 論 文 作 成 に 役 立 つ 機 能 - 2009 年 度 版 明 治 大 学 目 次 はじめに...3 1. 準 備...4 1.1. Microsoft Wordを 起 動...4 1.2. レポート 作 成 講 習 会 で 使 用 するファイルを 保 存 する...4 1.3. Wordの 基 本 画 面 の 説 明...4 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 ユーザマニュアル スタートガイド 第 5 版 最 終 更 新 日 2012/7/11 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方...

More information

PowerPoint活用マニュアル

PowerPoint活用マニュアル PowerPoint 活 用 マニュアル スライドショーにせず そのまま 見 てね スライドショー 編 キーボードの F5ボタンをクリック してください スライト ショーでここまで 戻 ってきたら ESCボタンを 押 してくださいね 次 にキーボードの Shift-F5ボタンを 押 してみてください いきなりこの 画 面 になるはずです 確 認 できたらESCボタン 次 に スライドショー 中 の

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

はじめに

はじめに 目 次 第 1 章 情 報 リテラシーの 必 要 性 1 1.1 情 報 リテラシーの 必 要 性 1 情 報 リテラシーとは/ 医 療 薬 学 と 情 報 リテラシー 章 末 問 題 1 7 第 2 章 パソコンの 仕 組 みとハードウェア 10 2.1 コンピュータ 内 部 の 情 報 伝 達 と 2 進 数 10 2.2 論 理 回 路 11 2.3 パソコンの 基 本 構 成 13 2.4

More information

PowerPoint プレゼンテーション

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

More information

や YouTube を 活 用 した 動 画 配 信 コンテンツ インターネット 放 送 局 の 運 営 について Adobe Premiere 等 の 使 用 方 法 に 関 する 助 言 等 の 技 術 的 支 援 の 他 ページ 作 成 等 の 技 術 的 作 業 を また 随 時 必 要 に

や YouTube を 活 用 した 動 画 配 信 コンテンツ インターネット 放 送 局 の 運 営 について Adobe Premiere 等 の 使 用 方 法 に 関 する 助 言 等 の 技 術 的 支 援 の 他 ページ 作 成 等 の 技 術 的 作 業 を また 随 時 必 要 に 平 成 28 年 度 和 歌 山 県 ホームページ 管 理 業 務 委 託 仕 様 書 1. 業 務 名 平 成 28 年 度 和 歌 山 県 ホームページ 管 理 業 務 2. 目 的 和 歌 山 県 ホームページに 関 する 技 術 的 専 門 的 な 支 援 助 言 等 の 業 務 を 委 託 し 新 規 情 報 の 掲 載 や 既 存 情 報 の 修 正 等 ホームページの 日 常 的 な

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

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3 129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Coleman Café ブログ ご 利 用 ガイド 改 訂 :2010 年 8 月 6 日 Coleman Café ブログ の 開 設 初 期 登 録 プロフィールの 設 定 ブログの 設 定 デザインの 設 定 2 3 4 5 ブログを 書 こう 記 事 の 入 力 ~ 公 開 動 画 の 貼 り 付 け 携 帯 から 書 こう 6~8 9 10 コミュニケーション コメントを 書 く コメントを

More information

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

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

More information

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

1 委 託 業 務 の 内 容 (1) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平

1 委 託 業 務 の 内 容 (1) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンター ホームページ 製 作 業 務 受 託 候 補 者 選 定 に 係 る 募 集 要 項 応 募 書 類 の 提 出 期 限 平 成 27 年 10 月 13 日 ( 火 )から 平 成 27 年 10 月 29 日 ( 木 ) 午 後 5 時 まで 応 募 書 類 は 郵 送 又 は 持 参 ください ( 郵 送 の 場 合 簡 易 書

More information

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

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

More information

スライド 1

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

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

<4D6963726F736F667420576F7264202D208FEE95F18F88979D826081408EF68BC697708376838A839383678169506F776572506F696E7491808DEC816A2E646F63>

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

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

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html

More information

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

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

More information

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 では タグの 省 略 は 一 切 認 められていない 第 2 問 インターネット 上 のすべてのコンピュータは イーサネットで 繋 がっている 第 3 問 新 規 にウェブサイトを 公 開 する 際 は HTML ドキュメントをアップロードした 後 に

More information

Microsoft Word - タスカレユーザ向けマニュアル_ver1-4-4

Microsoft Word - タスカレユーザ向けマニュアル_ver1-4-4 タスカレ ユーザ 向 けマニュアル_ver1-4-4 株 式 会 社 アナハイム テクノロジー 目 次 1.タスカレの URL... 1 1-1.ログイン ID とパスワード... 1 1-2. スケジュール タスク 初 期 表 示 選 択 リスト... 2 2. 初 期 設 定... 5 2-1.メールアドレス... 5 2-2.マイリストを 登 録 する ( 登 録 は 必 須 ではありません)...

More information

PowerPoint プレゼンテーション

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

More information

画 面 について メイン 画 面 メイン 画 面 i Smart Copy を 起 動 すると メイン 画 面 が 表 示 されます メイン 画 面 の 構 成 は 次 のとおりです 1 詳 細 設 定 1 詳 細 設 定 ファイル 操 作 時 の 詳 細 などを 設 定 します 2.アドレス 帳.

画 面 について メイン 画 面 メイン 画 面 i Smart Copy を 起 動 すると メイン 画 面 が 表 示 されます メイン 画 面 の 構 成 は 次 のとおりです 1 詳 細 設 定 1 詳 細 設 定 ファイル 操 作 時 の 詳 細 などを 設 定 します 2.アドレス 帳. ~ ユーザーズガイド ~ 画 面 について メイン 画 面...2 ファイル 操 作 画 面...4 ファイルを 再 生 する...8 連 絡 先 のバックアップと 復 元 連 絡 先 をバックアップする... 10 バックアップした 連 絡 先 を 復 元 する... 13 操 作 メニューの 使 いかた ファイルをメールに 添 付 する... 15 ファイルをパスワードで 保 護 する... 17

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

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

ワープロソフト講習会 応用編

ワープロソフト講習会 応用編 ワープロソフト 講 習 会 応 用 操 作 編 - レポートや 論 文 作 成 に 役 立 つ 機 能 紹 介 - 2008 年 5 月 更 新 明 治 大 学 - 目 次 - 0. はじめに...3 1. 準 備...4 2. 表 紙...5 2.1. 改 ページ...5 2.2. ツールバーでの 文 字 修 飾...6 3. 見 出 し...8 4. 脚 注...9 5. 図 表 の 挿 入 描

More information

■新聞記事

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

More information

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

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

More information

1) 初 めての 場 合 まず ヘッダーの 表 記 が English(US) の 場 合 は プルダウンで 日 本 語 にすれば サイト 全 体 が 日 本 語 表 記 になります( 本 頁 の 画 像 参 照 ) アカウントを 作 成 もしくは 新 規 登 録 をクリックします 画 面 に 従

1) 初 めての 場 合 まず ヘッダーの 表 記 が English(US) の 場 合 は プルダウンで 日 本 語 にすれば サイト 全 体 が 日 本 語 表 記 になります( 本 頁 の 画 像 参 照 ) アカウントを 作 成 もしくは 新 規 登 録 をクリックします 画 面 に 従 スカラーワンマニュスクリプトによる 日 本 病 態 栄 養 学 会 誌 投 稿 要 領 1 投 稿 に 当 たって A. 投 稿 に 必 要 な 書 類 の 準 備 ( 本 学 会 誌 投 稿 規 程 もご 参 照 ください) 投 稿 サイトにアクセスする 前 に まず 以 下 の5 種 類 に 論 文 ファイルを 分 けてください( 図 表 がない 場 合 は 図 表 と 図 説 明 文 は 必

More information

WebClass授業支援システム 利用マニュアル <教員用>

WebClass授業支援システム 利用マニュアル <教員用> WebClass 授 業 支 援 システム 利 用 マニュアル < 教 員 用 > Version1.3-2011.4- 山 形 大 学 教 育 支 援 ユニット < 目 次 > P.2 1.WebClass 授 業 支 援 システムについて P.3 2.WebClass 授 業 支 援 システムへのアクセス 方 法 P.4 3.ログイン/ログアウトとコース 管 理 者 メニュー 画 面 p.6 4.コースの

More information

(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォ

(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォ シ リ ー ン Serene バ ッ チ Bachの 設 定 と 運 用 1 Serene Bach のダウンロードと 展 開 (1)2つの 圧 縮 ファイルをデスクトップにダウンロードする 仙 台 市 教 育 センター 教 育 の 情 報 化 研 究 委 員 会 校 務 情 報 化 部 会 教 育 センター 参 考 URL http://www.sendai-c.ed.jp/hoka.html http://serenebach.net/download/

More information

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

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

More information

目 次 1.ユーザー 登 録 2.グループページへの 参 加 申 請 3.グループページの 作 成 4.パーツの 追 加 移 動 削 除 5. 各 パーツについての 概 要 6. ブログ パーツ 6-1 ブログ 記 事 の 新 規 投 稿 6-2 ブログ 記 事 の 編 集 6-3 記 事 へのイメ

目 次 1.ユーザー 登 録 2.グループページへの 参 加 申 請 3.グループページの 作 成 4.パーツの 追 加 移 動 削 除 5. 各 パーツについての 概 要 6. ブログ パーツ 6-1 ブログ 記 事 の 新 規 投 稿 6-2 ブログ 記 事 の 編 集 6-3 記 事 へのイメ e コミュニティ プラットフォーム 利 用 マニュアル ( 初 級 編 ) 2012 年 1 月 独 立 行 政 法 人 防 災 科 学 技 術 研 究 所 1 目 次 1.ユーザー 登 録 2.グループページへの 参 加 申 請 3.グループページの 作 成 4.パーツの 追 加 移 動 削 除 5. 各 パーツについての 概 要 6. ブログ パーツ 6-1 ブログ 記 事 の 新 規 投 稿

More information

バックアップと 復 元 の 基 本 事 項 TotalMedia Backup には 次 に 示 す 2 種 類 のバックアップが 用 意 されています 1. 完 全 データバックアップ 完 全 データバックアップでは 選 択 したファイルの 完 全 なバックアップが 作 成 されます ファイルの

バックアップと 復 元 の 基 本 事 項 TotalMedia Backup には 次 に 示 す 2 種 類 のバックアップが 用 意 されています 1. 完 全 データバックアップ 完 全 データバックアップでは 選 択 したファイルの 完 全 なバックアップが 作 成 されます ファイルの TotalMedia Backup ユーザーマニュアル はじめに ファイルのバックアップと 復 元 が 簡 単 にできるユーティリティ TotalMedia Backup へようこそ 本 マニュアルには TotalMedia Backup を 使 用 する 際 に 必 要 な 情 報 が 掲 載 されています バックアップと 復 元 の 基 本 事 項 バックアップと 復 元 オプション Backup

More information

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます  出 しの 部 分 をクリックするとコンテンツですよ の 字 が 表 されます もう 度  出 しをクリックするとコンテンツですよ の 字 が 非 表 になります 折 りたたみパネルの 基 / 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します

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

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

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

More information

スライド 1

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

More information