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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 Web ページ 画 面 構 成 の 技 法 1. 配 置 の 制 御 基 本 的 なタグの 使 い 方 については はじめての HTML などを 通 して 学 習 した ここでは もう 少 し 凝 っ た 画 面 構 成 を 行 うための 基 礎 技 法 について 解 説 する 文 字 や 図 などを 画 面 上 の 任 意 の 位 置 に 配 置 するため には <table>タグを 用 いた 表 組 みを 行 うとよい <table>タグは 表 を 作 成 するためのタグであるが 枠 線 を 非 表 示 にすることにより 配 置 の 制 御 に 使 用 することができる <table>タグによる 表 は 幅 や 高 さを 画 面 の 比 率 で 指 定 することができ 実 際 の 大 きさは 閲 覧 者 の Web ブラウザのウィンドウ サイズに 応 じて 自 動 的 に 調 整 されるので 図 や 文 字 の 相 対 的 な 位 置 を 指 定 するのに 役 立 つ( 下 図 の 例 を 参 照 図 中 の 点 線 は 実 際 には 表 示 されない 図 表 中 では 便 宜 的 にタグや 属 性 を 大 文 字 で 記 述 してあるが 実 際 には 小 文 字 を 使 う) ~ 表 組 み 関 連 のタグと 属 性 ( 基 本 的 なもののみ)~ 便 宜 的 にタグや 属 性 は 大 文 字 で 記 述 してある 実 際 は 小 文 字 で タグ 役 割 属 性 終 了 タグ BORDER=x 枠 線 の 太 さを x ピクセルにする WIDTH=x or x% 表 の 幅 を x ピクセル または 画 面 の x%とする <TABLE> 表 全 体 HEIGHT=x or x% 表 の 高 さを x ピクセル または 画 面 の x%とする CELLPADDING=x 枠 線 と 表 示 内 容 の 間 隔 を x ピクセルにする 要 BORDERCOLOR=#RGB 値 枠 線 の 色 を 指 定 ALIGN=left or right 表 の 表 示 位 置 を 指 定 し 表 外 の 文 字 を 回 り 込 ませる <TR> 表 の 1 つ ALIGN=left or center or right 表 示 内 容 のセル 中 の 横 位 置 を 行 単 位 で 指 定 の 行 VALIGN=top or middle or bottom 表 示 内 容 のセル 中 の 縦 位 置 を 行 単 位 で 指 定 省 略 可 ALIGN=left or center or right 表 示 内 容 のセル 中 の 横 位 置 をセル 単 位 で 指 定 VALIGN=top or middle or bottom 表 示 内 容 のセル 中 の 縦 位 置 をセル 単 位 で 指 定 <TD> 表 の 1 つ BGCOLOR=#RGB 値 セルの 背 景 色 を 指 定 のセル NOWRAP セル 中 文 字 列 の 改 行 禁 止 省 略 可 ROWSPAN=x 縦 方 向 x 行 にまたがるセルの 指 定 COLSPAN=x 横 方 向 x 列 にまたがるセルの 指 定 1

2 2. 画 面 の 分 割 <frame>タグを 使 用 することにより 1 つの 画 面 を 縦 横 複 数 に 分 割 することがでる 分 割 されたそれぞれ の 画 面 をフレームと 呼 ぶ 例 えば 目 次 を 常 に 画 面 上 の 決 まったフレームに 固 定 して 表 示 し 目 次 項 目 がク リックされると 別 のフレームにその 内 容 を 表 示 するといったことができる この 機 能 を 使 用 する 場 合 には 画 面 構 成 を 定 義 する HTML ファイルを 作 成 するとともに フレームに 表 示 する 内 容 の HTML ファイルをフ レームごとに 作 成 する( 下 図 の 例 を 参 照 図 中 では 便 宜 的 にタグや 属 性 を 大 文 字 で 記 述 してあるが 実 際 に は 小 文 字 を 使 う また<meta>タグも 指 定 していないが 実 際 は 漢 字 コードなど 適 切 なものを 指 定 する) 画 面 構 成 の 定 義 -art.html フレーム logo の 表 示 内 容 -logo.html フレーム contents の 表 示 内 容 フレーム artview の 表 示 内 容 -saru.html 2

3 2-1 フレームの 定 義 方 法 フレームを 使 用 するには まず 画 面 構 成 の 定 義 のみを 行 う HTML ファイルを 作 成 する この HTML ファ イル 中 では<body>タグを 使 用 せず 表 示 内 容 の 記 述 は 行 わない 代 わりに 各 フレーム 内 に 表 示 する 別 の HTML ファイルを 指 定 する また 各 フレームには NAME 属 性 を 用 いて その 画 面 においてユニークな 名 前 を 付 ける 必 要 がある この 名 前 は フレーム 使 用 時 にリンクをはる 際 に 重 要 な 役 割 を 持 つ( 次 項 で 説 明 ) フレームの 定 義 には <frameset>タグと <frame>タグを 使 用 する <frameset>タグは 画 面 の 区 切 り 方 を 指 定 するもので この 中 で 各 フレームの 名 前 と 表 示 する HTML ファイルを 指 定 するために<frame>タグを 使 用 する <frameset> 中 の<frame>の 代 わりに さらに 画 面 を 区 切 る 目 的 で<frameset>タグを 使 用 すること もでき 画 面 分 割 は 幾 らでも 細 かくすることができる ~ 前 頁 図 art.html の 例 ~ <FRAMESET ROWS= x, y, z, > 縦 方 向 に 大 きさ(ピクセル)x, y, z, の 順 で 画 面 を 分 割 する x%, y%, z%, と して 全 体 に 占 める 割 合 で 指 定 するこ ともできる 数 字 の 代 わりに * を 1 つ だけ 指 定 すると 残 り 全 部 を 意 味 する <FRAMESET COLS= x, y, z, > 横 方 向 に 画 面 を 分 割 する 大 きさの 指 定 方 法 は 縦 方 向 の 場 合 と 同 じ <FRAME SRC= xxx.html NAME= yyy > 各 フレームの 定 義 SRC 属 性 で そのフ レーム 内 に 表 示 する HTML ファイル 名 を 指 定 し NAME 属 性 でそのフレームにユ ニークな 名 前 を 付 ける 2-2 フレーム 使 用 時 のリンクのはり 方 フレームを 使 用 している 画 面 内 の HTML ファイルから 他 の HTML ファイルにリンクをはる 場 合 には リンク 先 HTML ファイルを 表 示 するフレームを TARGET 属 性 を 用 いて 指 定 しなければならない 無 指 定 の 場 合 リンク 元 フレーム 内 に 表 示 される また リンクを 解 除 してリンク 先 HTML ファイルを 表 示 したい 場 合 には 特 別 な 属 性 値 _top を 指 定 する ~ 前 頁 図 contents.html の 例 ~ フレーム artview には Monkey をクリック すると saru.html が Elephant をクリックす ると elep.html が 表 示 される トップにもどる をクリックすると フレーム を 解 除 して index.html を 表 示 する 3

4 3.スタイルシートについて 例 えば これまでに 学 習 した<h1>というタグは 見 出 しを 指 定 するタグであった <h1>タグを 使 うと あら かじめ 決 められたサイズの 大 きな 文 字 で 表 示 された また フォントの 色 を 変 更 したい 場 合 には <font color= xxxx >を 使 って 変 更 すべきフォント 色 を 指 定 することができた しかし この 方 法 では いわば 見 栄 え に 相 当 する 部 分 を 一 つ 一 つ 変 更 する 必 要 があり 仮 にすべてのフォント 色 を 赤 から 青 に 変 更 したい 場 合 すべての<font color= xxxx >の 部 分 を 変 更 してやる 必 要 がある これは 面 倒 である 最 近 の HTML では スタイルシート(CSS:Cascading Style Sheets)という 技 法 を 使 い 文 書 の 論 理 構 造 を 司 る 部 分 と 文 書 の 見 栄 え(デザイン)を 司 る 部 分 を それぞれ HTML とスタイルシート(CSS)に 分 けることで HTML 文 書 を 簡 潔 に 管 理 できるようになっている CSS の 詳 細 は 他 の 参 考 書 籍 にゆずり ここではごく 簡 単 なスタイルシートの 例 についてのみ 述 べる ~スタイルシートの 例 ~ <head> <title>css Test</title> <style type="text/css"><!-- h3 {color: blue; 1 font-size: 30px} p {color: red} 2 --></style> </head> 青 30 ピクセル <body> <h1>スタイルシートの 例 </h1> 赤 <hr> <h3> 書 式 をスタイルシートで 定 義 </h3> <p>css で 定 義 すればスタイルシート 部 を 変 更 すれば OK です </p> </body> </html> 1で 定 義 2で 定 義 上 記 の HTML 中 枠 で 囲 った 部 分 がスタイルの 定 義 である スタイルは<style>タグを 使 い HTML ファイ ルの<head>~</head>(ヘッダ 内 )に 記 述 する <style>タグに type 属 性 を 付 けて 値 を text/css と 指 定 し スタイルシート 言 語 が CSS であることを 定 義 する CSS に 対 応 しない 古 いブラウザで<style>~</style> 内 に 記 述 されたソースが 見 えないように コメントタグ( <!-- と --> )を 合 わせて 記 述 しておく 例 では ス タイル 部 分 で h3 と p をスタイル 定 義 している h3 は 色 : 青 フォントサイズ:30 ピクセル p は 色 : 赤 というスタイルを 定 義 した <body> 部 でこれらが 参 照 された 場 合 CSS で 定 義 した 形 で 表 示 さ れる 上 記 した 例 では HTML ファイル 内 に CSS を 定 義 しているが CSS を 別 ファイルにして HTML 文 書 とリ ンクさせる 方 法 もある デザイン 的 な 記 述 部 分 を 外 部 の CSS ファイルとして 独 立 して 作 成 しておき 各 HTML ファイルではその CSS ファイルを 参 照 するようにできる こうすれば 複 数 の HTML ファイルのタグやクラ ス(デザイン)を 一 括 してコントロールすることが 可 能 になる 例 えば スタイルを 外 部 ファイル sample.css に 定 義 したとすると ヘッダ 中 (<head>~</head>)に 次 の ように 記 述 する <link rel="stylesheet" type="text/css" href="sample.css"> sample.css には 次 のように スタイルのみを 記 述 しておけばよい h3 {color: blue; font-size: 30px} p {color: red} 4

5 4.Web ページ 作 成 の 流 れ(まとめ) 1 事 前 の 準 備 と 確 認 本 学 の 学 生 用 Web サーバ 名 は である 2の 作 業 ではログイン 後 ホームディレクトリ 直 下 に www ディレクトリがあることを 確 認 する ない 場 合 には kaede% mkdir www にて 作 成 する 2 html 文 書 を 作 成 する telnet アイコンをダブルクリックし TeraTerm を 起 動 する login: 自 分 のログイン 名 password: パスワード 入 力 ( 画 面 に 表 示 されない) kaede% cd www www というディレクトリへ 移 動 (このディレクトリは mkdir で 作 成 した) kaede% pwd 現 在 作 業 しているディレクトリを 表 示 /home03/login-name/www となるはず kaede% vi hogehoge.html 例 えば hogehoge.html を 編 集 する 場 合 拡 張 子 は.html であること この 後 は vi を 使 って 編 集 する vi の 使 い 方 はテキスト 等 参 照 すること 保 存 して 終 了 する 3 ブラウザからの 確 認 Internet Explore をダブルクリックして 起 動 アドレス 欄 に 次 の URL を 入 力 する を 入 力 する ~(チルダ 記 号 )は DOS/V のキーボードでは ひらがなの へ の 位 置 にある 記 号 (シフトキーを 押 しながら 入 力 ) login-name は 自 分 のログイン 名 hogehoge.html は 作 成 した HTML 文 書 名 index.html が 作 成 されていれば だけでオープンする 4 画 像 の 作 成 ペイント スキャナ 等 で 元 画 像 を 作 成 する 保 存 時 のファイル 形 式 は GIF か JPEG にする 描 画 やボタン 等 の 素 材 なら GIF 写 真 なら JPEG に 拡 張 子 は 自 動 的 に GIF 形 式 を 指 定 すれば.gif となる JPEG なら.jpg となる 保 存 する 際 にドライブに 注 意 すること 画 像 は デジカメやインターネット 上 にある(フリーの) 素 材 集 などを 利 用 してもよい MicroSoft Photo Editor を 使 うとレタッチ( 画 像 イメージの 修 正 やトリミング 等 )や 形 式 変 換 ができる 画 像 を 保 存 する 際 にはファイル 名 を 半 角 英 数 (ascii)にしたほうがよい( 全 角 文 字 を 使 わない) 5 ファイル 転 送 パソコンで 作 成 したファイルを WWW サーバに 転 送 しなければならない 転 送 ツールはいろいろあるが 授 業 では ftp を 使 う ftp は Windows の DOS プロンプトから 使 うコマンドで telnet のように 行 コマンドを 入 力 して 操 作 する スタートメニューから DOS プロンプトを 起 動 する C: >のような DOS のプロンプトが 表 示 される ここにコマンドを 入 力 して 操 作 する C: >の 状 態 で ファイルを 保 存 しているドライブへ 変 更 する 例 えば F:ドライブへ 画 像 ファイルを 保 存 しているなら C: >f とドライブ 名 とコロンを 入 力 して Enter を 押 す f: >ftp ftp コマンドの 起 動 user 自 分 のログイン 名 password パスワード( 画 面 には 表 示 されない) ftp> cd www ディレクトリを www ディレクトリへ 移 動 ftp> binary 画 像 や 音 声 は binary モードで 転 送 テキストファイルは ascii モードで 転 送 ftp> put hoge1.gif 例 えば4で hoge1.gif という 名 前 で 保 存 した 場 合 ftp> quit 必 ず 接 続 を 終 了 する Windows では FFFTP という GUI のツールを 使 うことも 可 能 使 い 方 は 次 の URL を 参 照 のこと 6 html 内 での 画 像 の 指 定 vi で 目 的 の html ファイルを 編 集 して<img src="hoge1.gif">のようなタグを 加 える 7 アクセス 権 の 設 定 外 部 から html ファイルや GIF ファイルが 参 照 できない 場 合 がある この 場 合 想 定 されるのは 他 人 にフ ァイルを 読 み 取 る 権 限 がない 場 合 である kaede% chmod o+r file-name とすると 他 者 に 読 み 取 り 権 限 が 与 えられる 5

Microsoft PowerPoint - InfPro_I9.pptx

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

More information

html_text

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

More information

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

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

More information

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

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

More information

■新聞記事

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

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

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

第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

A

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

More information

CSSの基礎

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

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

技術報告会原稿フォーマット

技術報告会原稿フォーマット Web 情 報 共 有 サービス 利 用 マニュアル 1. ファイルの 保 存 ブラウザを 開 き https://webshare.kyokyo-u.ac.jp を 開 く.ログイン 画 面 が 表 示 されるので,ユーザ ID(メールの ID) とパスワードを 入 力 し,ログインボタンをクリックする( 図 2). ログインに 成 功 すると,TOP フォルダの 一 覧 が 表 示 される (

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

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

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

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

Microsoft Word - chap2.doc

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

More information

03 CMS機能審査表.xls

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

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

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ .3 1...3 メール 受 信 タブのサブメニューから 直 接 受 信 箱 以 外 のフォルダを 表 示 することもできます 共 有 メー ルボックスのフォルダは 指 定 できません 3. 35 メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受

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

簡単なアイコンの説明

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

More information

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

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

More information

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

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

演 習 室 の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

表紙

表紙 EasyServlet V2 EsScreenEditorを 利 用 した Webアプリケーション 作 成 株 式 会 社 システムズリサーチ 1.1 EsScreenEditor 概 要 第 1 章 概 要 本 章 では EasyServletの 画 面 作 成 ツールであるEsScreenEditorの 概 要 について 説 明 します EasyServletは 本 来 Excelで 記 述 されたインタフェース

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

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

スライド 1

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

More information

Microsoft PowerPoint - 110427b.ppt

Microsoft PowerPoint - 110427b.ppt はじめに 統 計 と 情 報 処 理 第 02 回 後 半 はじめに パスワードの 変 更 キーボードの 特 殊 なキー MS-Wowdの 基 礎 課 題 の 提 出 パスワードの 変 更 パスワードの 変 更 (2) 前 回 計 算 機 実 習 室 のパソコンにログイン するため のパスワードを 変 更 しました 今 回 は メール Web 学 生 サービス 支 援 システム 等 で 利 用 するパスワードを

More information

006-021_責)Wordトレ2-1章_斉

006-021_責)Wordトレ2-1章_斉 . Wordの 起 動 Wordの 基 礎 知 識. Wordの 起 動 Wordの 起 動 は 次 のように 行 います 他 のアプリケーションソフトのように いくつかの 起 動 方 法 があります スタートメニューからの 起 動 スタートメニューから 起 動 する 方 法 は 次 の 通 りです [スタート]メニューの[すべてのプログラム]から[Microsoft-Office]の [Microsoft-Word]を

More information

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

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

More information

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

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

More information

第5回

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

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

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

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

Wordでホームページ

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

More information

スライド 1

スライド 1 アリババ ワールドパスポート 製 品 詳 細 ご 利 用 ガイド 2010/03/11 Ver1.00 2012/10/09 Ver1.50 お 問 い 合 わせ 先 アリババ 株 式 会 社 メール:infoggs@alibaba-inc.jp 103-0007 東 京 都 中 央 区 日 本 橋 浜 町 2-12-4 エスエス 製 薬 本 社 ビル4F 目 次 文 字 装 飾 の 追 加 変 更

More information

ホームページ 開 設 方 法 はじめに このたびは KCN 京 都 のインターネット 接 続 サービスをご 契 約 いただき ありがとう ございます ここでは @(アットマーク) 以 降 が kinet-tv.ne.jp のメールアドレスをご 利 用 の お 客 様 が 当 インターネット 設 備

ホームページ 開 設 方 法 はじめに このたびは KCN 京 都 のインターネット 接 続 サービスをご 契 約 いただき ありがとう ございます ここでは @(アットマーク) 以 降 が kinet-tv.ne.jp のメールアドレスをご 利 用 の お 客 様 が 当 インターネット 設 備 ホームページ 開 設 ホームページ 開 設 方 法 はじめに このたびは KCN 京 都 のインターネット 接 続 サービスをご 契 約 いただき ありがとう ございます ここでは @(アットマーク) 以 降 が kinet-tv.ne.jp のメールアドレスをご 利 用 の お 客 様 が 当 インターネット 設 備 を 用 いて お 客 様 自 身 のホームページを 開 設 する 方 法 を 解

More information

Microsoft Word - 内容の入力.doc

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

More information

文 書 構 造 とスタイル

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

More information

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

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

More information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

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

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

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 ログイン 登 録 確 認 編 集 Copyright(C)2013 Agilecore Co.,Ltd.All right reserved. 1 ログイン Copyright(C)2013 Agilecore Co.,Ltd.All right reserved. 2 1 パソコンのWEBブラウザから 下 記 URLに 接 続 してください https://www.kintai-ebisu.com/koara-series/

More information

OpenCity2説明

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

More information

学生用_目次

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

More information

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

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

More information

ユーザーのページ

ユーザーのページ WebClass インターネット 教 育 システム ウェブクラス コース 管 理 者 ( 先 生 ) アカウント ユーザ ID author01 パスワード author01 ユーザ( 学 生 ) アカウント ユーザ ID user01 パスワード user01 WebClass とは... 3 WebClass を 活 用 いただける 場 面... 3 検 定 試 験 の 模 擬 問 題 の 作

More information

Microsoft Word - 311Tools_END

Microsoft Word - 311Tools_END 11.1 テキストエディター(TeraPad) 第 11 章 さらに 使 いこなすためのツール Windows の 標 準 で 搭 載 されているテキストエディターのメモ 帳 Word などに 比 べて メモ 帳 は 軽 く ちょっとした 文 章 を 書 くのに 非 常 に 便 利 です しかし メモ 帳 は 軽 いだけに 機 能 性 はそれほど 高 くありません この 章 で 紹 介 する TeraPad

More information

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

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

More information

Microsoft Word - 学生向け取扱説明書1.0_簡易版_20121011.docx

Microsoft Word - 学生向け取扱説明書1.0_簡易版_20121011.docx 学 校 法 人 関 西 大 学 ODLE システム 運 用 編 学 生 向 け 取 扱 説 明 書 ( 簡 易 版 ) 平 成 24 年 10 月 11 日 1.0 版 改 訂 履 歴 版 数 章 番 号 区 分 改 訂 内 容 改 定 日 1.0 初 版 2012/10/11 目 次 1. ODECS システムと ODLE システムとの 違 い...... 1 2. 新 機 能 について.........

More information

はじめに 本 ガイドは 学 校 法 人 様 向 け 簡 易 ホームページサービス アカデミックサーバ を 利 用 されるお 客 様 が 作 成 されたホーム ページのコンテンツをぷららの WWW サーバ 上 にアップロードする 方 法 や ぷらら 定 型 CGI のご 利 用 上 の 注 意 事 項

はじめに 本 ガイドは 学 校 法 人 様 向 け 簡 易 ホームページサービス アカデミックサーバ を 利 用 されるお 客 様 が 作 成 されたホーム ページのコンテンツをぷららの WWW サーバ 上 にアップロードする 方 法 や ぷらら 定 型 CGI のご 利 用 上 の 注 意 事 項 ご 参 考 資 料 アカデミックサーバ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 会 員 様 がご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは 弊 社 では

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

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

ホームページの作り方 講習会テキスト ホームページ 作 成 ソフト (ホームページ ビルダー) 講 習 会 テキスト 2014 年 度 版 (141110 更 新 ) 明 治 大 学 メディア 支 援 事 務 室 目 次 目 次... 2 1. 概 要... 3 1.1 ページ 公 開 の 仕 組 み... 3 1.2 HTMLと タグ... 4 2. コンテンツ( 素 材 )の 作 成... 4 2.1 準 備... 4 2.2 ホームページ

More information

1/2

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

More information

WEB PARK 2014新規利用ガイド

WEB PARK 2014新規利用ガイド WEB PARK 2014 新 規 利 ガイド (Mac ユーザ 用 ) 第 1.0 版 2014 年 10 月 東 京 大 学 情 報 基 盤 センター ご 注 意 下 さい 1. 本 ガイドに 記 載 している 内 容 の 一 部 又 は 全 部 を 無 断 で 転 記 することは 禁 止 します 2. 本 ガイドに 記 載 している 内 容 は サービス 内 容 の 変 更 に 伴 い 訂 正

More information

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

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

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

(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

スライド 1

スライド 1 新 機 能 マニュアル( 事 業 者 向 け) 平 成 22 年 7 月 新 機 能 概 要 携 帯 電 話 メールアドレス 入 力 項 目 追 加 ( 詳 細 2P) ページデザイン 選 択 (5パターン) ページレイアウトが 選 択 可 能 になります ( 詳 細 3P) Googleマップ 設 定 Googleマップを 自 動 表 示 します ( 詳 細 4P) QRコードの 表 示 / 非

More information

新 規 にページを 作 成 するには. 新 規 ページを 立 ち 上 げる 左 上 の 新 規 ページ をクリックします モードの 選 択 の 画 面 が 表 示 されますので 標 準 モード を 選 んで OK を 押 して 立 ち 上 げます どこでも 配 置 モード は 見 る 人 のPC 環

新 規 にページを 作 成 するには. 新 規 ページを 立 ち 上 げる 左 上 の 新 規 ページ をクリックします モードの 選 択 の 画 面 が 表 示 されますので 標 準 モード を 選 んで OK を 押 して 立 ち 上 げます どこでも 配 置 モード は 見 る 人 のPC 環 ホームページ 作 成 (ホームページビルダー 編 ) 事 前 準 備 ホームページ 作 成 ソフト(ビルダー4など) レイアウト HP の 構 成 をあらかじめ 決 めて 専 用 フォルダを 作 っておく (フォルダ 構 成 サンプルを 参 考 にしてください ) 画 像 を 一 つのフォルダにまとめる ( 新 規 でフォルダを 作 成 し 名 前 は image 等 で) 容 量 の 大 きな 画

More information

ホームページ作成研修会

ホームページ作成研修会 青 少 年 育 成 団 体 連 絡 会 平 成 25 年 月 28 日 ホームページ 作 成 研 修 会 (チョ~ 初 心 者 対 象 ) ホームページビルダー7を 使 って ホームページ 作 成 研 修 (チョ~ 初 心 者 対 象 ) 向 けで 基 本 を 知 って 頂 いて 各 団 体 の 既 存 のホームページの 運 営 と 更 新 の 担 い 手 づくりを 初 心 者 のレベルから 学 ぶことで

More information

おすすめページ

おすすめページ 4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると

More information

PowerPoint プレゼンテーション

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

More information

Microsoft PowerPoint - c3_op-manual.pdf

Microsoft PowerPoint - c3_op-manual.pdf 研 究 者 学 術 情 報 データベース 操 作 説 明 -- - 研 究 者 DBのログイン 画 面 へのアクセス 手 順 () 立 命 館 大 学 トップページ http://www.ritsumei.jp/index_j.html 研 究 産 学 官 連 携 ページ http://www.ritsumei.ac.jp/research/ 研 究 産 学 官 連 携 をクリック 研 究 産 学

More information

C.1 共 有 フォルダ 接 続 操 作 の 概 要 アクセスが 許 可 されている 研 究 データ 交 換 システムの 個 人 用 共 有 フォルダまたは メーリングリストの 共 有 フォルダに 接 続 して フォルダを 作 成 したり ファイル をアップロードまたはダウンロードしたりすることがで

C.1 共 有 フォルダ 接 続 操 作 の 概 要 アクセスが 許 可 されている 研 究 データ 交 換 システムの 個 人 用 共 有 フォルダまたは メーリングリストの 共 有 フォルダに 接 続 して フォルダを 作 成 したり ファイル をアップロードまたはダウンロードしたりすることがで C.1 共 有 フォルダ 接 続 操 作 の 概 要 C.2 Windows から 接 続 操 作 する C.3 Mac OS X から 接 続 操 作 する 67 C.1 共 有 フォルダ 接 続 操 作 の 概 要 アクセスが 許 可 されている 研 究 データ 交 換 システムの 個 人 用 共 有 フォルダまたは メーリングリストの 共 有 フォルダに 接 続 して フォルダを 作 成 したり

More information

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7.

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. Web メール 操 作 説 明 書 京 都 与 謝 野 町 有 線 テレビ 0 目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. メール 一 覧 画 面...

More information

ozzio drive とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケ ーション(オンラインストレージ)です 本 資 料 について ozzio drive サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアン ト

ozzio drive とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケ ーション(オンラインストレージ)です 本 資 料 について ozzio drive サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアン ト ozzio drive (Web ブラウザ 版 ) ユーザガイド Lastupdate 2013.8.12 1 ozzio drive とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケ ーション(オンラインストレージ)です 本 資 料 について ozzio drive サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアン

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

<5461726F2D89C692EB834E8389837582CC837A815B83808379815B83578DEC>

<5461726F2D89C692EB834E8389837582CC837A815B83808379815B83578DEC> 初 めて 作 る 家 庭 クラブのホームページ ホームページビルダーの 起 動 WindowsXP, IBM ホームページ ビルダー 10 対 応 1 [スタート]ボタンをクリックして,[すべてのプログラム]-[ IBM ホームページ ビルダー 10 ]-[ホームペ ージ ビルダー]を 選 択 します 2 [スタンダード]を 選 択 して,[ OK ]ボタンをクリックします 1ページ 目 ( index

More information

kagoemon-a

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

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

Microsoft Word - マニュアル2014.doc

Microsoft Word - マニュアル2014.doc 1.はじめに 1-1 WEB 履 修 登 録 システムについて 1-2 予 備 登 録 と 本 登 録 について 2.ログインの 方 法 2-1 ユーザーID パスワード 2-2 学 内 (インターネットルーム)で 利 用 する 場 合 2-3 学 外 から 利 用 する 場 合 2-4 操 作 上 の 諸 注 意 2-5 タイムアウトについて 2-6 登 録 作 業 の 途 中 で 利 用 可 能

More information

Microsoft Word - 150410_e-Gov提出マニュアル(化審法3条).doc

Microsoft Word - 150410_e-Gov提出マニュアル(化審法3条).doc e-gov 電 子 申 請 システムを 使 用 した 少 量 新 規 化 学 物 質 製 造 輸 入 申 出 提 出 マニュアル 平 成 27 年 4 月 経 済 産 業 省 製 造 産 業 局 化 学 物 質 管 理 課 化 学 物 質 安 全 室 e-gov 電 子 申 請 システムを 使 用 した 少 量 新 規 化 学 物 質 製 造 輸 入 申 出 の 提 出 マニュアル 目 次 提 出

More information

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

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

More information

Acrobat早分かりガイド

Acrobat早分かりガイド Adobe PDF を 加 工 編 集 する PDF を 再 利 用 する PDF ファイルの Word 文 書 書 き 出 し [ 名 前 を 付 けて 保 存 ] ダイアログが 開 くので ファイルの 書 き 出 し 先 を 指 定 し [ 保 存 ] ボタンをクリックします Acrobat を 使 用 すると Adobe PDF から Word の フォーマットに 書 き 出 してファイルを

More information

情報処理実習(工基3)

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

More information

大阪芸術大学 WEB履修登録システム操作マニュアル

大阪芸術大学 WEB履修登録システム操作マニュアル 2016( 平 成 28) 年 度 WEB 履 修 登 録 システム 操 作 マニュアル 大 阪 芸 術 大 学 - 1 - 1.はじめに 1-1 WEB 履 修 登 録 システムについて 1-2 予 備 登 録 と 本 登 録 について 2.ログインの 方 法 2-1 ユーザーID パスワード 2-2 学 内 (インターネットルーム)で 利 用 する 場 合 2-3 学 外 から 利 用 する 場

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

WORD 98 入力の手引き

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

More information

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

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

More information

品 名 が 表 示 されている サイズが 発 注 できるサイズ です これ 以 外 のサイズをご 利 用 される 場 合 は 弊 社 セール スまでご 連 絡 ください F-LinkNEO の 注 文 画 面 の 初 期 設 定 サイズを 変 更 する 場 合 は サイズの チャンネル(CH) 番

品 名 が 表 示 されている サイズが 発 注 できるサイズ です これ 以 外 のサイズをご 利 用 される 場 合 は 弊 社 セール スまでご 連 絡 ください F-LinkNEO の 注 文 画 面 の 初 期 設 定 サイズを 変 更 する 場 合 は サイズの チャンネル(CH) 番 F-LinkNEO 操 作 マニュアル Ver 9.500 管 理 画 面 の 設 定 問 題 なくインストールが 完 了 した 場 合 右 のような 画 面 が 表 示 されます メインメニューの 管 理 画 面 をクリックすると 各 種 設 定 メニューが 表 示 されます 設 定 が 完 了 したら 必 ず 一 度 プログラムを 終 了 してください 1 サーバー 接 続 設 定 最 初 にサーバー

More information

推 奨 環 境 このレポート 上 に 書 かれている URL はクリックできます できない 場 合 は 最 新 の AdobeReader をダウンロードしてください ( 無 料 ) 著 作

推 奨 環 境 このレポート 上 に 書 かれている URL はクリックできます できない 場 合 は 最 新 の AdobeReader をダウンロードしてください ( 無 料 )  著 作 無 料 バージョン 1.01 推 奨 環 境 このレポート 上 に 書 かれている URL はクリックできます できない 場 合 は 最 新 の AdobeReader をダウンロードしてください ( 無 料 ) http://www.adobe.co.jp/products/acrobat/readstep2.html 著 作 権 について 当 教 材 は 著 作 権 法 で 保 護 されている

More information

WEB PARK 2014 新規利用ガイド

WEB PARK 2014 新規利用ガイド WEB PARK 2014 新 規 利 ガイド (Windows ユーザ 用 ) 第 1.0 版 2014 年 10 月 東 京 大 学 情 報 基 盤 センター ご 注 意 下 さい 1. 本 ガイドに 記 載 している 内 容 の 一 部 又 は 全 部 を 無 断 で 転 記 することは 禁 止 します 2. 本 ガイドに 記 載 している 内 容 は サービス 内 容 の 変 更 に 伴 い

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

ホームページの 仕 組 み htmlを 要 求 ブラウザ htmlを 送 信 静 的 なホームページ WWWサーバー cgi Common Gateway Interface cgiへデータを 送 信 プログラム を 実 行 結 果 をhtmlで 送 信 ブラウザ 動 的 なホームページ WWWサー

ホームページの 仕 組 み htmlを 要 求 ブラウザ htmlを 送 信 静 的 なホームページ WWWサーバー cgi Common Gateway Interface cgiへデータを 送 信 プログラム を 実 行 結 果 をhtmlで 送 信 ブラウザ 動 的 なホームページ WWWサー ホームページビルダーを 使 った ホームページ 作 成 講 座 主 催 :つづきパソピア 2014.10.08~29( 全 6 回 ) 場 所 :みずきヶ 丘 集 会 所 ホームページの 仕 組 み htmlを 要 求 ブラウザ htmlを 送 信 静 的 なホームページ WWWサーバー cgi Common Gateway Interface cgiへデータを 送 信 プログラム を 実 行 結

More information

- 目 次 - 第 章 システムの 概 要.... ポータルサイトとは.... 2 利 用 環 境 とブラウザ 操 作 時 の 留 意 事 項.... 3 添 付 ファイル 登 録 時 の 留 意 事 項... 2 第 2 章 基 本 操 作... 3 2. ログインとログアウト... 3 2. 2

- 目 次 - 第 章 システムの 概 要.... ポータルサイトとは.... 2 利 用 環 境 とブラウザ 操 作 時 の 留 意 事 項.... 3 添 付 ファイル 登 録 時 の 留 意 事 項... 2 第 2 章 基 本 操 作... 3 2. ログインとログアウト... 3 2. 2 操 作 マニュアル 学 生 編 - (204 年 3 月 ) - 目 次 - 第 章 システムの 概 要.... ポータルサイトとは.... 2 利 用 環 境 とブラウザ 操 作 時 の 留 意 事 項.... 3 添 付 ファイル 登 録 時 の 留 意 事 項... 2 第 2 章 基 本 操 作... 3 2. ログインとログアウト... 3 2. 2 ポータル 画 面 の 構 成... 4

More information

<925393968ED28CA48F438E9197BF875428303731313031292E786C73>

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

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

ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht

ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht サーバが 新 しくなりました 現 在 ご 利 用 をいただいている 弊 社 FTP サーバがセキュリティ 強 化 のため 新 しくなります 恐 れ 入 りますが 切 り 替 えをお 願 い 致 します 東 海 電 子 印 刷 オンラインストレージサーバ 事 前 登 録 お 客 様 用 こちらの 説 明 書 は TDPOST に 事 前 登 録 をされたお 客 様 専 用 の 説 明 書 です ログイン

More information

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

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 22 年 7 月 1 SHIFTで 作 成 されるホームページ: 構 成 HP 完 成 イメージ SHIFT 作 成 メニュー 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン 画 面 1. 都 道 府 県 ID パスワードを 入 力 して OK をクリッ クします コミュニティTOP

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 23 年 1 月 1 SHIFTで 作 成 されるホームページ: 構 成 SHIFT 作 成 メニュー HP 完 成 イメージ 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン 画 面 1. 都 道 府 県 ID パスワードを 入 力 して OK をクリックします コミュニティTOP 画

More information

情報資源組織演習B:

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

More information