文京女子大学外国語学部

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "文京女子大学外国語学部"

Transcription

1 7.フォーム 7-1 フォームとは 皆 さんの 中 には ホームページを 閲 覧 していて アンケートに 答 えたり 申 込 書 のような 書 式 に 入 力 した 経 験 がある 人 もいるでしょう すなわち そのような 書 類 を 作 成 し 例 えば 電 子 メールの 形 式 であらかじめ 決 めておいたメールアドレスに 送 信 させる このような 機 能 を 持 つブロックがフ ォームタグで 作 成 できるのです ここでは 前 節 とは 逆 に まず 実 例 を 体 験 してからタグの 詳 しい 説 明 をすることにします 以 下 の HTML 文 書 を 作 成 して ブラウザで 閲 覧 してみましょう なお 次 の 点 に 注 意 して 入 力 してく ださい メールアドレスを 入 力 する 箇 所 には 自 分 のメールアドレスを 入 力 します 住 所 と 性 別 の 前 には 全 角 のスペースを3 文 字 分 入 れます( 全 角 スペースは 文 字 として 認 識 されるので ブラウザ 画 面 でもその 分 が 空 白 になります) ただし ブラウザ 上 で 最 後 の 送 る ボタンをクリックしても 本 学 の 環 境 では 送 信 できませ ん [ 例 8]フォーム ファイル 名 : rei8.html <head> <title>フォームの 例 </title> </head> <body> <h1>アンケートにお 答 え 下 さい</h1> <form method="post" enctype="text/plain"> 氏 名 :<input type="text" name="name" size="20"> 住 所 :<input type="text" name="address" size="30"><p> 年 齢 :<input type="text" name="age" size="5"> 性 別 :<input type="radio" name="seibetsu" value="woman" checked> 女 <input type="radio" name="seibetsu" value="man"> 男 <p> 最 も 深 刻 だと 思 われる 環 境 問 題 をあげてください<br> <input type="radio" name="problem" value=" 温 暖 化 " checked> 地 球 温 暖 化 <br> <input type="radio" name="problem" value=" 破 壊 "> 環 境 破 壊 <br> <input type="radio" name="problem" value="ごみ">ごみ 問 題 <br> <input type="radio" name="problem" value="その 他 ">その 他 <p> 実 行 しているごみ 対 策 を 教 えてください( 複 数 回 答 可 )<br> <input type="checkbox" name=" 分 別 " value="on">ごみ 分 別 <br> <input type="checkbox" name=" 生 ごみ 処 理 機 " value="on"> 生 ごみ 処 理 機 を 利 用 <br> <input type="checkbox" name="リサイクル" value="on"> 資 源 ごみのリサイクル<br> <input type="checkbox" name=" 買 い 物 袋 " value="on"> 買 い 物 袋 を 持 参 する<br> 40

2 <input type="checkbox" name="ごみ 持 ち 帰 り" value="on"> 行 楽 のごみは 持 ち 帰 る<br> <input type="checkbox" name="その 他 " value="on">その 他 <p> 最 も 環 境 対 策 が 進 んでいる 国 は?<br> <select name="nation"> <option value=" 日 本 " selected> 日 本 <option value="アメリカ">アメリカ <option value="ドイツ">ドイツ <option value="スウェーデン">スウェーデン <option value="イギリス">イギリス </select><p> メッセージ: 思 ったことを 書 いてください<br> <textarea name="message" rows= 5 cols= 30 ></textarea><p> <input type="submit" value=" 送 る"> <input type="reset" value=" 取 り 消 し"> </form> </body> この HTML 文 書 をブラウザで 表 示 してみると 次 のような 画 面 が 現 れます 図 7-1 フォームの 例 41

3 7-2 フォームのタグ フォームは <form > </form>ではさまれた 範 囲 に テキストボックス ラジオボタン チ ェックボックス テキストエリアなどを 配 置 する 形 をしています ここでは 最 も 頻 繁 に 使 用 され る 主 要 なタグとアトリビュートに 絞 ってフォームを 説 明 していきます 他 のフォーム 用 タグやアト リビュートに 関 しては 必 要 に 応 じてタグリファレンスなどを 調 べてください 1フォームの 定 義 タグ<form>:フォームの 全 体 枠 を 定 義 します <form method="post" enctype="text/plain"> </form> :フォームで 入 力 されたデータの 送 り 先 を 指 定 通 常 メールアドレスかフォームデータ 処 理 用 プログラム(CGI)のある URL を 指 定 する method="post":データの 送 受 信 方 法 を 指 定 値 としては get と"post"があるが セキュリテ ィの 観 点 から"post"にしておく enctype="text/plain" :エンコードタイプの 指 定 エンコード 指 定 にもいくつか 種 類 はあるが メールでデータを 送 信 し 日 本 語 も 使 用 する 場 合 は"text/plain"にして おく 21 行 サイズの 部 品 <input>:type アトリビュートで 指 定 した1 行 サイズの 部 品 を 作 ります <input type="text" name="name" value="on" size="20" maxlength= 30 checked> :ここに 書 かれているアトリビュートは すべて 同 時 に 使 用 するわけではな く 組 合 せによるので 注 意 してください type="text":1 行 サイズの 部 品 を 指 定 text 1 行 のテキストボックス radio ラジオボタン checkbox チェックボックス reset リセットボタン submit サブミットボタン password パスワード 入 力 用 テキストボックス image サブミットボタン 代 わりのイメージ 続 けて src= でイメージ のソースを 与 える file ファイルを 選 択 するボックス 選 択 されたファイル 名 が フォ ーム 送 信 時 に 同 時 に 送 信 される name="name": 入 力 されたデータを 管 理 するための 名 前 名 前 = 入 力 データ の 形 で 受 信 さ れる value="on":テキストボックスでは 最 初 に 表 示 されるテキスト ラジオボタンとチェックボッ 42

4 クスでは 送 り 返 されるときの 値 リセットボタンとサブミットボタンではボタン に 表 示 されるテキスト size="20" :テキストボックスのサイズを 文 字 数 で 指 定 maxlength= 30 :テキストボックスに 入 力 できる 最 大 文 字 数 checked :ラジオボタンとチェックボタンにおいて 初 期 状 態 のチェック 状 態 を 指 定 3 選 択 ボックス<select>:<option>タグで 定 義 される 項 目 を 選 択 するボックスを 作 ります <select name="nation" size="5" multiple> <option value= 日 本 selected> <option value= アメリカ > </select> name="nation": 入 力 されたデータを 管 理 するための 名 前 名 前 = 入 力 データ の 形 で 受 信 さ れる size="5" : 選 択 ボックスの 縦 サイズを 行 数 で 指 定 これを 指 定 するとリストボックスの 形 式 に なる multiple: 複 数 項 目 の 選 択 を 可 能 にする value="on": 送 り 返 されるときの 値 selected:checked でもよい 初 期 状 態 のチェック 状 態 を 指 定 4 複 数 行 テキストボックス<textarea>: 複 数 行 にわたるテキストボックスを 作 ります <textarea name="message" rows= 5 cols= 30 > </textarea> name="message": 入 力 されたデータを 管 理 するための 名 前 名 前 = 入 力 データ の 形 で 受 信 される rows= 5 :テキストボックスの 縦 の 文 字 数 ( 行 数 ) cols= 30 :テキストボックスの 横 の 文 字 数 ( 列 数 ) [ 練 習 7-1]フォーム 上 記 のファイル rei8.html を 使 用 して 以 下 の 練 習 をしてください 練 習 項 目 はそれぞれ 個 別 に 確 かめましょう 最 後 に ファイル 名 renshu7-1.html 保 存 します 1 実 際 にアンケートに 答 えて 送 信 し 自 分 宛 に 届 いたデータのメールを 見 ながら どのような 形 で データが 送 られてくるのか また 名 前 = 入 力 データなど 指 定 通 りかどうかを 確 かめます 2<input type="submit" value=" 送 る">を<input type="image" src="univ04.jpg" value=" 送 る">で 置 き 換 えて type="image"の 意 味 を 確 認 します 3<input type="submit" value=" 送 る">の 前 に<input type="file" size= 50 name= Filename > <p>を 挿 入 して ファイル 名 を 入 力 するボックスに 参 照 ボタン がついて 現 れるのを 確 認 し 43

5 実 際 にファイルを 検 索 して 送 付 して 送 られてきたデータメールの 内 容 も 確 認 しましょう 4<select name="nation">を<select name="nation" size="5" multiple>で 置 き 換 え コンボボッ クスに 変 わってリストボックスが 現 れ 複 数 の 項 目 を 選 択 できることも 確 かめましょう 8.フレーム 8-1 フレームとは フレームとはブラウザ 画 面 をいくつかの 部 分 (フレーム)に 分 割 することで HTML4.0 から 正 式 に 規 格 化 されたものです 分 割 された 各 フレームは まるで 一 つのブラウザ 画 面 のごとく 扱 え あるフレーム 内 のリンク 先 の 内 容 を 他 のフレームに 表 示 させることも 可 能 なので 画 面 の 有 効 利 用 画 面 のダイナミックなレイアウト 画 面 表 示 内 容 の 整 理 などによく 利 用 されています この 章 では 再 度 最 初 にタグを 説 明 してから 例 題 で 確 認 する 順 序 を 採 用 します 8-2 フレームのタグ ブラウザ 画 面 は <frameset > </frameset>タグでフレームに 分 割 されます 各 フレームの 内 容 を 定 義 するには<frame>タグを 使 用 します また リンクされたファイルの 内 容 を 別 のフレー ムに 表 示 させるには 通 常 の<a> </a>を target アトリビュートを 加 えた 形 で 利 用 します では その 詳 細 を 見 ていきましょう 1フレーム 分 割 タグ<frameset> <frameset rows="25%,75%"> </frameset>: 行 単 位 で( 上 下 に) 分 割 <frameset cols="25%,75%"> </frameset>: 列 単 位 で( 左 右 に) 分 割 25% 75% 25% 75% 図 8-1 行 単 位 の 分 割 図 8-2 列 単 位 の 分 割 rows="25%,75%" : 行 単 位 で( 上 下 に)25%と 75%に 画 面 を 分 割 分 割 の 割 合 はパーセント かピクセルで 指 定 する ただし パーセントの 場 合 は 合 計 100%になるよ うに 与 える 必 要 がある 二 つ 以 上 に 分 割 するには rows="25%,25%,50%" のように 必 要 な 分 割 個 数 分 だけ 分 割 割 合 を 並 べればよい cols="25%,75%": 列 単 位 で( 左 右 に)25%と 75%に 画 面 を 分 割 その 他 の 機 能 は rows とまっ たく 同 じ 44

6 デフォルトでは フレームには 枠 がつきますが 枠 を 表 示 させたくない 場 合 は<frameset>タグに frameborder= no border= 0 framespacing= 0 のアトリビュートを 付 け 加 えます 2フレーム 内 容 の 定 義 タグ<frame>:<frameset>タグで 分 割 されたフレームに 表 示 する 内 容 を 定 義 します <frameset>タグは 画 面 を 分 割 するだけで 内 容 の 表 示 までは 行 いません <frame name= title src= title.html marginwidth= m marginheight= n scrolling= auto > </frame> name= title : 分 割 されたフレームに 付 ける 名 前 リンクターゲットの 名 前 になる src= title.html :フレーム 内 に 表 示 する 内 容 のソースファイル 指 定 marginwidth= m :フレーム 内 での 左 右 マージンをピクセルで 指 定 marginheight= n :フレーム 内 での 上 下 マージンをピクセルで 指 定 scrolling= auto :フレームにスクロールバーをつけるかどうかを 指 定 yes : 必 ず 付 ける no : 付 けない auto : 内 容 が 収 まらないときには 自 動 的 につける(デフォルト) 3リンクターゲット:リンク 先 ファイルを 表 示 するフレームを 指 定 します <a href= rei1.html target= text > </a> target= text :リンクターゲットは text という 名 前 のついたフレームになる すなわち こ のリンクがどのフレームで 張 られていても リンクファイル rei1.html の 内 容 がフレーム text に 現 れる target としては フレーム 名 以 外 に 次 のよ うな 特 殊 なフレームを 指 定 することもできる _blank: 新 しいウィンドウを 生 成 し そこに 表 示 _self:リンクタグのあるフレームに 表 示 _parent:リンクタグのあるフレームの 親 フレームに 表 示 _top:すべてのフレームを 破 棄 し トップウィンドウに 表 示 なお target= _blank という 指 定 は 通 常 のリンクタグでも 使 用 できる 画 面 を 左 右 と 上 下 を 組 み 合 わせて 分 割 する 場 合 は それぞれの<frameset>タグを 適 切 に 組 み 合 わ せます 次 節 の 例 を 参 考 にしてください 45

7 8-3 フレームの 例 題 では 実 際 にフレームを 使 用 する HTML 文 書 を 作 成 しましょう まず フレームが 多 いと そ こに 表 示 する 内 容 をもつ HTML 文 書 の 数 も 最 低 同 じだけ 必 要 であり 表 示 内 容 を 次 々と 変 えてい くのなら さらに 多 くの HTML 文 書 が 必 要 になることを 頭 に 入 れておきましょう そこで 今 ま で 作 成 してきた HTML 文 書 rei1.html rei2.html 等 を 有 効 利 用 することにします それで も3つのフレームに 分 割 する 場 合 最 低 4つの HTML 文 書 を 作 っておきます [ 例 9]フレーム まず 画 面 を 上 下 に 15% 対 85%に 分 割 し 上 の 部 分 にはその 内 容 を 表 示 し 下 の 85%の 部 分 を さらに 左 右 に 25% 対 75%に 分 割 し それぞれの 部 分 にその 内 容 を 表 示 するようにします つまり title sample text という 名 の 付 いた 3 っつのフレームを 作 成 し 内 容 を 表 示 するプログ ラムを 作 ります ファイル 名 : rei9.html <head> <title>html の 例 と 練 習 </title> </head> <frameset rows="15%,85%"> <frame name="title" src="title.html"> <frameset cols="25%,75%"> <frame name="sample" src="sample.html"> <frame name="text" src="text.html"> </frameset> </frameset> 次 に それぞれのフレームの 内 容 を 担 当 する HTML 文 書 を 作 ります ファイル 名 : title.html <body background="greenred_marble.gif" text="#0000ff"> <center> <h1> HTML の 例 と 練 習 </h1> </center> </body> 46

8 ファイル 名 : sample.html <body background="yellow_fabric.gif" text="#000000"> <h3> 目 次 </h3> <h3><a href="napoleon.html" target="text">ナポレオン 物 語 </a><br> <a href="rei1.html" target="text"> 例 1</a><br> <a href="rei2.html" target="text"> 例 2</a><br> <a href="rei3.html" target="text"> 例 3</a><br> <a href="rei4.html" target="text"> 例 4</a><br> <a href="rei5.html" target="text"> 例 5</a><br> <a href="rei6.html" target="text"> 例 6</a><br> <a href="rei7.html" target="text"> 例 7</a><br> <a href="rei8.html" target="text"> 例 8</a><br> <br><br> <a href="rei9.html" target="_top"> 最 初 に 戻 る</a></h3> </body> <body> </body> ファイル 名 : text.html ここでまず 注 意 すべきことは すべて 必 要 となるファイルが 同 じフォルダ 内 にあることです 確 認 しておきましょう また text フレームの 最 初 の 内 容 は 白 紙 とし sample フレームでリン ク 例 1 ~ 例 8 をクリックすると 初 めてその 内 容 が 現 れるようになっていることにも 注 意 し ておきましょう 最 初 の 画 面 は 次 ページの 図 のようになります 47

9 図 8-3 [ 例 9]の 最 初 の 画 面 [ 練 習 8-1]フレーム 以 下 の 練 習 をしましょう 1ブラウザ 画 面 でフレーム 境 界 枠 をマウスでドラッグして 適 切 と 思 われる 位 置 に 移 動 させてみま しょう なお これは 一 時 的 で ソースプログラムには 影 響 しません 2これらのフレームの 枠 をなくしましょう 3どうすれば 以 下 のような 分 割 が 可 能 か 考 えて 見 ましょう また できればそれを 試 してみまし ょう 図 8-4 複 雑 なフレームの 作 成 48

Page 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text

Page 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text Page 1 of 7 ホームページ 作 成 Note HOME HPビルダー HTML/CSS CGI/Perl ez-html WebDesign Link SiteMap HTML 入 力 フォーム WebブラウザにHTMLファイルを 表 示 させる 通 常 の 静 的 なページ に 対 し メールフォ ーム 掲 示 板 ブログなどのようにWebブラウザから 入 力 された 要 求 に 対 して

More information

PowerPoint プレゼンテーション

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

More information

おすすめページ

おすすめページ 第 6 章 フォーム コントロールを 作 成 する 作 成 した 内 に お 名 前 や ご 意 見 ご 要 望 などの 入 力 フォームを 作 成 していきま す 最 後 に 送 信 ボタンを 設 置 します テキストフィールドを 作 成 する 名 前 を 入 力 できる 欄 をテキストフィールドで 作 成 します テキストフィールドを 作 成 すると 同 時 にラベ ルのテキストも

More information

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

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

More information

■新聞記事

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

More information

Microsoft Word - chap5.doc

Microsoft Word - chap5.doc 第 5 章 フォームと PHP プログラム [1] PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプロ グラムのデバッグは 結 構 面 倒 になる と いうのは 単 独 のプログラム(つまり CGI ではなくて 普 通 の Java や C のプログラ ムと 同 じようにして)として

More information

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

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

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (6) ~POST (2011/06/22) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 入 力 された 文 字 を 受 け 取 りPOSTで 送 信 する 部 分 (post.htm)

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

コンピュータサイエンス 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

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >

(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

方程式を解いてみよう! C++ から PHP + JavaScriptへ

方程式を解いてみよう! C++ から PHP + JavaScriptへ 方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. 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

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (8) (2011/07/06) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 POSTでデータが 送 信 されているかを 確 認 送 信 されていれば

More information

橡5.PDF

橡5.PDF 1 FileMaker FileMaker Pro 5.5 http://www.filemaker.co.jp/downloads/index.html FileMaker Pro4.x FileMaker Pro5.x FileMaker Pro 5.x FileMaker Pro4.x fmj FileMaker Pro 5.x fp5 FileMaker Pro4.x FileMaker Pro

More information

Microsoft PowerPoint - manualtachiyomi.pptx

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

More information

講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2

講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2 2015 年 度 Webシステムプログラミング a PHPの 基 礎 (2) 講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2 ( 前 回 ) 提 出 課 題 課 題 1: 1から100までの 乱 数 で 作 成 した2つの 整 数 の 足 し 算 を 表 示 するWebページを 作 成

More information

HTML文章作成

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

More information

この 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に <P></P>を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は <P>を 省 略 してもうまく 表 示 される ) この 例

この 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に <P></P>を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は <P>を 省 略 してもうまく 表 示 される ) この 例 第 5 章 フォームと PHP プログラム PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプログラムのデバッグは 結 構 面 倒 になる というのは 入 力 や 出 力 がキーボードや 画 面 にならないため 簡 単 に 試 せない CGI 環 境 で 実 行 される

More information

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

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

More information

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です レンタルショッピングカートマニュアル ~ ショップ 開 店 準 備 part2 編 ~ 1 STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です ネットショップを

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

スライド 1

スライド 1 サイトクリエイション 機 能 一 覧 マニュアル 改 定 履 歴 平 成 18 年 5 月 17 日 平 成 18 年 9 月 5 日 平 成 18 年 12 月 11 日 平 成 19 年 4 月 21 日 SiteCreation 機 能 一 覧 マニュアル 配 布 開 始 しました (Ver1.0) 履 歴 機 能 を 追 加 しました (Ver2.0) RSSフィード 作 成 機 能 RSSボタン

More information

はじめに

はじめに NetCommons(CMS) 学 校 Web ページ 作 成 講 習 会 用 テキスト 作 成 編 - 目 次 - 1 ネットコモンズについて P.1 2 ログインしてみましょう P.1 3 ページの 構 成 P.2 4 ページ 構 成 の 設 定 P.2 5 トップページの 構 成 の 設 定 P.3 6 ロゴの 作 成 と 設 定 P.4 7 メニューの 設 定 P.7 8 トップページの 作

More information

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378> アンケートフォームを 設 置 する 方 法 < 目 次 > 1 アンケートフォームを 利 用 するための 設 定 をする 2 1-1 アンケートフォームの 詳 細 設 定 をする 1-2 アンケートフォームの 入 力 画 面 を 作 成 する 1-3 お 客 さんが 入 力 内 容 を 確 認 するためのページを 作 成 する 1-4 アンケート 完 了 後 に 表 示 するお 礼 画 面 を 作

More information

スライド 1

スライド 1 ネットワーク ウェブサイト 関 連 の 基 本 (おさらい) ファイルの 公 開 ポート:80 (デフォルト) ウェブ サーバー 海 洋 大 のネットワーク プロキシ サーバー ファイルの アップロード 外 部 ネットワーク Apache サーバで ファイルを 公 開 パケットの 監 視 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

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

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

More information

PowerPoint プレゼンテーション

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

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

H10-3 placeholder 未 入 力 時 <textarea title="title " placeholder="placeholder "></textarea> placeholder title +placeholder + 各 input typeの 読 み 上 げ 例 tit

H10-3 placeholder 未 入 力 時 <textarea title=title  placeholder=placeholder ></textarea> placeholder title +placeholder + 各 input typeの 読 み 上 げ 例 tit HTML H1-1 title - あり - ページタイトル + ページ 遷 移 時 に 読 み 上 げる H1-2 - なし なし 読 み 上 げしない H2 h1...h6 みだし + H3 em - タグ 前 後 の がある 場 合 は 一 拍 おいて 読 まれる H4 strong

More information

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

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

More information

So-Cool CART マニュアル

So-Cool CART マニュアル So-Cool CART Ver..0 補 足 資 料 : 埋 め 込 み 機 能 タグ 一 覧 COPYRIGHT 008 Japan Area Code TV Co.,Ltd. ALL RIGHTS RESERVED. 埋 め 込 み 機 能 タグの 設 置 準 備 埋 め 込 み 機 能 タグ 商 品 ページに [カートに 入 れる]ボタン や 商 品 検 索 フォーム などの 機 能 を 埋

More information

1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名 (FQDN) ホストの 識

1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名 (FQDN) ホストの 識 サーバサイドプログラミング 1. Form 処 理 コンテンツメディアプログラミング 演 習 Ⅱ 2014 年 菊 池, 斉 藤 1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名

More information

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

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

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (メルマガ) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 メルマガ( 一 斉 配 信 )とは?... 5 メルマガとシナリオの 関 係... 6 読 者 の 登

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

モール管理者マニュアル 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" 3 3 4 5 9 15 16 17 18 20 22 22

1 3 3 4 5 9 15 16 17 18 20 22 22 - - 2014 8 TEL 03-4455-7453 FAX 03-6740-1754 Mail tamago-con@temona.co.jp 1" 3 3 4 5 9 15 16 17 18 20 22 22 2" 2 23 24 25 27 28 29 30 31 32 33 34 35 42 47 STEP1 3" 4" STEP2 URL URL 5" STEP3 2 STEP4 jpg

More information

データベースS 演習資料

データベースS 演習資料 2015/6/24 データベースS 演 習 資 料 第 3 回 PHP による Web インターフェース(2) 九 州 工 業 大 学 情 報 工 学 部 システム 創 成 情 報 工 学 科 講 義 担 当 : 尾 下 真 樹 1. フォームを 使 った 入 力 インターフェースの 開 発 前 回 の 演 習 に 引 き 続 き データベースをウェブから 利 用 するためのインターフェースの 開

More information

システム設計書

システム設計書 二 松 學 舍 大 学 二 松 メール(Gmail) 利 用 マニュアル バージョン 2.00 発 効 日 改 訂 日 2016 年 04 月 06 日 二 松 学 舎 大 学 情 報 センター i 目 次 1. はじめに...1 2. 二 松 メール(Gmail)ログイン ログアウト 方 法...1 2.1. 二 松 メール(Gmail)ログイン 方 法... 1 2.2. 二 松 メール(Gmail)ログアウト

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

PowerPoint プレゼンテーション

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

More information

第5回

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

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (ステップメール) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 ステップメールとは?... 5 読 者 の 登 録 方 法 を 選 ぼう... 6 その 1.フォームを

More information

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

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

More information

LP テンプレートをダウンロードする 今 回 使 用 する LP テンプレートはワードプレス 上 で 使 用 するもので 無 料 配 布 されている LP テンプレートクリエイティブパック ライト 版 という テンプレートを 使 用 します こちらのテンプレートは 現 在 インフォトップで LP テ

LP テンプレートをダウンロードする 今 回 使 用 する LP テンプレートはワードプレス 上 で 使 用 するもので 無 料 配 布 されている LP テンプレートクリエイティブパック ライト 版 という テンプレートを 使 用 します こちらのテンプレートは 現 在 インフォトップで LP テ PowerPoint で 作 る オリジナルLP 講 座 LP テンプレートをダウンロードする 今 回 使 用 する LP テンプレートはワードプレス 上 で 使 用 するもので 無 料 配 布 されている LP テンプレートクリエイティブパック ライト 版 という テンプレートを 使 用 します こちらのテンプレートは 現 在 インフォトップで LP テンプレートとして 販 売 されている Colorful

More information

1. 画 面 パターンと 画 面 の 見 方 (2) メインメニュー 画 面 c d e メインメニュー 画 面 1 ヘッダ ヘッダは システムバナー ログイン 情 報 ドロップダウンメニューで 構 成 されます 2 新 着 情 報 利 用 者 が 新 規 利 用 申 込 を 行 った 場 合 など

1. 画 面 パターンと 画 面 の 見 方 (2) メインメニュー 画 面 c d e メインメニュー 画 面 1 ヘッダ ヘッダは システムバナー ログイン 情 報 ドロップダウンメニューで 構 成 されます 2 新 着 情 報 利 用 者 が 新 規 利 用 申 込 を 行 った 場 合 など 1. 画 面 パターンと 画 面 の 見 方 詳 細 な 操 作 方 法 1. 画 面 パターンと 画 面 の 見 方 主 な 画 面 のパターン および 画 面 の 見 方 について 説 明 します (1) ログイン 画 面 ログイン 画 面 1 ログインの 入 力 項 目 ログイン ID パスワードの 入 力 項 目 ログインボタンを 表 示 します リンク 以 下 のリンクを 表 示 します

More information

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承 京 都 市 社 会 福 祉 研 修 情 報 システム 京 福 祉 の 研 修 情 報 ネット 操 作 マニュアル - 主 催 者 編 - 第 1.3 版 2016 年 5 月 16 日 目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション WiLL Mail トライアルアカウント 用 簡 易 マニュアル 1 メールを 配 信 する(シンプルDB 編 ) 1.データベースを 設 定 する 2.メールを 作 成 する 1 新 規 メールを 作 成 する 2 配 信 対 象 設 定 をする 3 基 本 設 定 をする 4コンテンツを 編 集 する 5 設 定 内 容 を 確 認 する 6 配 信 を 行 う p3,4 p5 p6,7 p8,9

More information

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

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

More information

なお <frameset オプション> のオプションとしては 以 下 の 項 目 がある は 残 り 全 て 属 性 値 機 能 記 述 例 cls 数 値 /%/* フレームの 横 幅 <FRAMESET cls="20%,40%"> rws 数 値 /%/* フレームの 縦 幅 <FRAMESE

なお <frameset オプション> のオプションとしては 以 下 の 項 目 がある は 残 り 全 て 属 性 値 機 能 記 述 例 cls 数 値 /%/* フレームの 横 幅 <FRAMESET cls=20%,40%> rws 数 値 /%/* フレームの 縦 幅 <FRAMESE Wrd によるホームページ 勉 強 会 第 9 日 目 フレームページ の 作 成 とリンク 三 宅 節 雄 Ⅰ.フレームページの 作 成 フレームページは ホームページビルダーを 使 わないと 無 理 だ Wrd でフレームページを 構 成 するのは 非 常 に 大 変 だと 思 っている 方 が 多 く 見 受 けられますが 実 は 簡 単 なのです まず 横 方 向 への 分 割 寸 法 割

More information

1/2

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

More information

■ユーザ

■ユーザ Joruri CMS 2.0.0 基 本 マニュアル (2013.7.16) コンテンツ アンケート コンテンツ アンケート では 以 下 のような 機 能 特 徴 を 備 えたアンケートフォームペ ージの 作 成 を 行 うことが 出 来 ます TinyMCE の 使 用 で HTML 等 の 複 雑 な 知 識 を 必 要 とせず MS WORD のような 感 覚 でアンケ ートフォームのページを

More information

■コンテンツ

■コンテンツ Joruri CMS 2.0.0 基 本 マニュアル (2013.7.23) 2012.2.14 データ データでは 複 数 の 場 所 で 共 通 して 利 用 できる 情 報 (テキスト 形 式 ファイル 形 式 )を 作 成 登 録 管 理 できます テキスト データ>テキスト 作 成 されたテキストが 一 覧 表 示 されます 複 数 の 場 所 で 利 用 するテキスト( 住 所 TEL

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

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

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

More information

Microsoft Word - Active.doc

Microsoft Word - Active.doc 利 マニュアル 梅 校 メールサーバをご 利 されていた 教 員 の 皆 さまへ 2009 年 1 7 のメールサーバ 移 に 伴 い 学 外 からの 電 メールの 送 受 信 はウェブメール(Active!mail) からのみ 可 能 となりました Active!mail の 利 法 については 本 マニュアルをご 確 認 ください 次 Active!mail にログインする...2 Active!mail

More information

Microsoft Word - wsample.docx

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

More information

目 次 1. はじめに... 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

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

kagoemon-a

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

More information

1-2 PDF ファイルの 編 集 テキストを 追 加 画 像 を 追 加 リンクを 追 加 コメントの 追 加 図 形 標 記 の 追 加 注 釈 の 非 表 示 PDF ページの 処 理 PDF ファイルに 透 かしを 追 加 PDF ファイルの 背 景 の 編 集 ベイツ 番 号 の 編 集

1-2 PDF ファイルの 編 集 テキストを 追 加 画 像 を 追 加 リンクを 追 加 コメントの 追 加 図 形 標 記 の 追 加 注 釈 の 非 表 示 PDF ページの 処 理 PDF ファイルに 透 かしを 追 加 PDF ファイルの 背 景 の 編 集 ベイツ 番 号 の 編 集 スーパーPDF 変 換 編 集 作 成 (Windows 版 ) 製 品 ガイド ご 登 録 に 関 する 注 意 事 項 : 登 録 メールのメールアドや 登 録 コードなどの 情 報 をコピー&ペーストする 際 には スペースがないことをご 確 認 お 願 いいたします ほかご 登 録 時 に 何 かご 問 題 がありましたら 弊 社 サポートセンター http://www.wondershare.jp/ask-a-question.html

More information

A

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

More information

サーバサイドスクリプトPHPを実感しよう

サーバサイドスクリプトPHPを実感しよう 第 3 講 サーバサイドスクリプト PHP を 実 感 しよう! クライアントサイドでは HTML に 埋 め 込 んだ(あるいは 別 ファイルから HTML に 読 み 込 まれた)JavaScript によって さまざまな 処 理 や 動 的 ページの 生 成 を 行 えることは すで に 第 3 講 までで 学 習 しました しかし HTML と JavaScript の 組 合 せではどうしても

More information

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

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

More information

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

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

More information

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63> 商 品 管 理 商 品 管 理 を 行 うためのメニューです 4.1 商 品 管 理 のサイドメニュー 商 品 管 理 には 以 下 のサイドメニューがあります 商 品 一 覧 登 録 済 みの 商 品 の 一 覧 を 表 示 します 既 に 登 録 済 みの 商 品 の 検 索 検 索 した 商 品 を 編 集 する 際 に 使 用 します 新 規 作 成 商 品 を 新 規 登 録 する 画 面

More information

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ 5-1 一 般 ユーザー 用 :メール お 使 いのブラウザ 上 でメールの 送 受 信 ができます メールはJobMagicのサーバーにて 管 理 されており いつでもどこでも 別 のマシーンでログインしても 同 じ 環 境 でご 利 用 いただけます 受 信 したメールを 読 む 1 受 信 したメールを 読 むには3 種 類 の 方 法 があります メニューからメールメニューをクリック 新 着

More information

目 次 1. 動 作 環 境 3 2.インストールおよび 起 動 3 2-1. 画 像 管 理 システムのインストール 3 2-2. 画 像 管 理 システムの 起 動 3 2-3.ユーザー 登 録 と 運 用 番 号 の 入 力 5 3.システム 概 要 6 4. 基 本 操 作 7 4-1. 画

目 次 1. 動 作 環 境 3 2.インストールおよび 起 動 3 2-1. 画 像 管 理 システムのインストール 3 2-2. 画 像 管 理 システムの 起 動 3 2-3.ユーザー 登 録 と 運 用 番 号 の 入 力 5 3.システム 概 要 6 4. 基 本 操 作 7 4-1. 画 画 像 管 理 システム 基 本 操 作 マニュアル 日 本 語 データベース 桐 Ver9-2006 版 有 限 会 社 タ イ ム 福 岡 市 博 多 区 博 多 駅 前 4-33-11-1- URL http://www.timsoft.co.jp 目 次 1. 動 作 環 境 3 2.インストールおよび 起 動 3 2-1. 画 像 管 理 システムのインストール 3 2-2. 画 像 管

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

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

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

More information

Microsoft Word - 生物学技研報告ONLINE ガイドブック.doc

Microsoft Word - 生物学技研報告ONLINE ガイドブック.doc 生 物 学 技 研 報 告 ONLINE ガイドブック 基 礎 生 物 学 研 究 所 技 術 課 2010 年 2 月 第 1 版 1. 生 物 学 技 研 報 告 ONLINE へのアクセス URL 生 物 学 技 研 報 告 ONLINE は 基 生 研 技 術 課 Web サイト TechDivWeb(techdiv.nibb.ac.jp) のコンテンツです 上 記 よりリンクをたどるか 下

More information

ホームページ・ビルダー サービス「ばっちり集客プラン」

ホームページ・ビルダー サービス「ばっちり集客プラン」 PCサイト編 すぐできる 顧客対応 ホームページ ビルダー サービス ばっちり集客プラン は 株式会社ジャストシステムが提供するサービスです ホームページ ビルダー サービス ばっちり集客プラン は 株式会社ジャストシステムの登録商標です Microsoft Windows Internet Explorer は 米国 Microsoft Corporation の米国およびその他の国における登録商標です

More information

目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4 2.4 地 図 を 拡 大 / 縮 小 す

目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4 2.4 地 図 を 拡 大 / 縮 小 す 地 図 情 報 とよなか 操 作 手 順 書 Copyright (C) Toyonaka City, All rights reserved. 目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4

More information

2. ステップアンケート 機 能 の 概 要 2-1 ステップアンケートとは ステップアンケートとは 1 画 面 につき1 質 問 を 表 示 する 段 階 式 アンケートのことです 本 機 能 では 運 用 中 の 既 存 会 員 に 対 するステップアンケートをより 簡 単 に 設 定 実 施

2. ステップアンケート 機 能 の 概 要 2-1 ステップアンケートとは ステップアンケートとは 1 画 面 につき1 質 問 を 表 示 する 段 階 式 アンケートのことです 本 機 能 では 運 用 中 の 既 存 会 員 に 対 するステップアンケートをより 簡 単 に 設 定 実 施 ステップアンケート 1. はじめに (1) 対 象 本 書 の 内 容 は スパイラル ( 以 下 本 サービス という ) をご 利 用 のユーザーを 対 象 としています (2) 本 書 の 目 的 本 書 では ユーザーが 本 サービスの ステップアンケート 機 能 を 理 解 し 適 切 な 設 定 が 行 えるようになること を 目 的 としています (3) 必 要 なシステム Internet

More information

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

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

More information

Microsoft PowerPoint - 051105-2.ppt

Microsoft PowerPoint - 051105-2.ppt 1.Webアプリケーション 1-1 Web 1989Tim Berners-Lee 1993 1999iWindows98 2005: http://www.w3.org/people/berners-lee/ 1-2 ( ) 汎 用 機 オフコン データベース アプリケーション 言 語 (COBOLなど) 文 字 端 末 タイプライター 端 末 http://research.microsoft.com/~gbell/digital/timeline/dechistory.htm

More information

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

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

More information

PowerPoint プレゼンテーション

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

More information

e-class

e-class e-class ユーザマニュアル v10.01(jun. 2016) 簡 易 マニュアル 目 次 ようこそ e-class へ 3 e-class を 利 用 する 前 に 3 e-class にログインする 3 表 示 する 言 語 を 切 り 替 える 4 スマートフォンからログインする 5 e-class をログアウトする 5 科 目 に 参 加 する 6 科 目 選 択 について 6 利 用

More information

ビジネスホームページご利用ガイド

ビジネスホームページご利用ガイド ご 参 考 資 料 ビジネスホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> ビジネスホームページ は ご 利 用 される 法 人 様 がご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは 弊 社 では 致

More information

(Microsoft Word - \203X\203^\201[\203g\203A\203b\203v\203}\203j\203\205\203A\203\213081121.doc)

(Microsoft Word - \203X\203^\201[\203g\203A\203b\203v\203}\203j\203\205\203A\203\213081121.doc) 今 日 から 簡 単 ネットショップ 構 築! スタートアップマニュアル PDF 冊 子 版 GMO インターネット 株 式 会 社 作 成 :2008 年 11 月 26 日 目 次 section1 ショップ 基 本 運 営 情 報 の 設 定 1 ショップ 名 を 設 定 する p.3-4 2 会 社 基 本 情 報 を 設 定 する p.5-6 3 お 問 い 合 わせメールを 設 定 する

More information

目 次. WEB メールへのログイン.... メール 送 信 手 順.... メール 受 信 手 順... 6. アドレス 帳 の 操 作 手 順... 8 5. フォルダーの 操 作 手 順... 8 6. メール 発 信 者 登 録 署 名 登 録 手 順... 0 7. 基 本 的 な 設 定

目 次. WEB メールへのログイン.... メール 送 信 手 順.... メール 受 信 手 順... 6. アドレス 帳 の 操 作 手 順... 8 5. フォルダーの 操 作 手 順... 8 6. メール 発 信 者 登 録 署 名 登 録 手 順... 0 7. 基 本 的 な 設 定 Web メール 手 順 書 目 次. WEB メールへのログイン.... メール 送 信 手 順.... メール 受 信 手 順... 6. アドレス 帳 の 操 作 手 順... 8 5. フォルダーの 操 作 手 順... 8 6. メール 発 信 者 登 録 署 名 登 録 手 順... 0 7. 基 本 的 な 設 定... 8. 参 考 情 報... 9 . WEB メールへのログイン 概

More information

Wordでホームページ

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

More information

Microsoft PowerPoint - webmail_manual-estore_482.ppt

Microsoft PowerPoint - webmail_manual-estore_482.ppt 店 舗 メール 利 用 マニュアル 2013.04 04.08 08 ver.2.3 1 1. 目 次 表 紙... 1 1. 目 次... 2 2.ログイン(PC)... 3 3. 受 信... 4 4.メール 閲 覧,,,,,... 5 5.メール 削 除... 6 6.メール 作 成... 7 7.メール 作 成 ( 添 付 ファイル)... 12 8.メール 返 信... 13 9.フォルダ

More information

■コンテンツ

■コンテンツ Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) 2012.2.15 コンテンツ 記 事 コンテンツ 記 事 では 以 下 のような 機 能 特 徴 を 備 えた 記 事 ページの 作 成 を 行 うこと が 出 来 ます TinyMCE の 使 用 で HTML 等 の 複 雑 な 知 識 を 必 要 とせず WORD のような 感 覚 でページを 作 成 ページの 公

More information

アメブロで無料レポートを配布するブログパーツの作り方

アメブロで無料レポートを配布するブログパーツの作り方 あいあいスクール アメブロで 無 料 レポートを 配 布 する ブログパーツの 作 り 方 あいあいスクール 代 表 畠 茂 雄 (はたけ しげお) 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 は あいあいスクール に 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 をいかなる 手

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 操 作 マニュアル( 事 業 者 編 ) 平 成 24 年 10 月 SHIFTで 作 成 されるホームページ: 構 成 SHIFT 作 成 メニュー HPイメージ お 問 合 わせ フォーム BtoBページ 掲 示 板 メインページ 商 品 ページ 電 子 決 算 公 告 ページ 1 登 録 画 面 への 入 り 方 (コミュニティ 利 用 の 場 合 ) 商 工 会 HP(イメージ) ログイン

More information

簡単なHTMLファイルを作ろう

簡単なHTMLファイルを作ろう Perl CGI 1. HTML sample1.html WWW (^^) (Paragraph) (Line brake) number

More information

一 覧 表 示 2 3 1 番 号 機 能 説 明 [1] メール BOX 一 覧 メールを 整 理 するためのBOXがここに 表 示 されます 標 準 のBOXは 全 てのBOX 受 信 BOX 送 信 BOX 送 信 済 BOX 下 書 きBOX 個 人 BOX 迷 惑 BOX 削 除 BOX

一 覧 表 示 2 3 1 番 号 機 能 説 明 [1] メール BOX 一 覧 メールを 整 理 するためのBOXがここに 表 示 されます 標 準 のBOXは 全 てのBOX 受 信 BOX 送 信 BOX 送 信 済 BOX 下 書 きBOX 個 人 BOX 迷 惑 BOX 削 除 BOX イントラネットにつながった WEB ブラウザさえあれば どこからでもメールの 送 受 信 が 可 能 1. メール 対 応 ブラウザさえあれば 場 所 を 問 わないWEBメール 機 能 です Point 普 段 お 使 いのメーラー(Windows Outlook Express などのメールソフト) 同 様 に 送 受 信 をはじめ チェックした メールの 編 集 検 索 など 簡 単 に 操

More information

Taro-ホームページB5.jtd

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

More information

Microsoft Word - HTML.docx

Microsoft Word - HTML.docx ホームページを 見 る 環 境 (Web ブラウザの 種 類 やバージョン, 画 面 サイズなど)は 多 種 多 様 であり, 自 分 が 見 ている 状 態 と 必 ずしも 同 じではないことを 前 提 に 作 成 して ください 1 1. 文 書 のレイアウト, 文 字 の 書 式 原 則 として,タグと 属 性 は 大 文 字, 属 性 の 値 は"で 囲 んだ 小 文 字 で 記 述 します

More information

Microsoft Word - ppt_1.docx

Microsoft Word - ppt_1.docx パワポ 講 習 会 ~ひとつ 上 の 発 表 を 目 指 して~ PowerPoint は 研 究 発 表 会 会 社 でのプレゼンなどでよく 使 われているプレゼンテーションソフトの 定 番 中 の 定 番 で す! 一 つ 上 の 発 表 を 目 指 して 使 いこなせるようになろう 今 回 は 2 部 構 成 の 講 習 会 うちの 1 つです 入 門 編 として Power Point の

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. Office365 の Web メール Office365 の Web メール(OWA:Outlook Web App)は 電 子 メール 操 作 をパソコンのブラウザソフ ト(Internet Explorer 等 )でできるようにしたもので ホームページが 閲 覧 できるパソコンがあれば

1. Office365 の Web メール Office365 の Web メール(OWA:Outlook Web App)は 電 子 メール 操 作 をパソコンのブラウザソフ ト(Internet Explorer 等 )でできるようにしたもので ホームページが 閲 覧 できるパソコンがあれば Office365 Exchange Online Web メール 操 作 マニュアル 目 次 1. Office365 の Web メール 2 2. 利 用 上 の 制 約 事 項 2 2-1 推 奨 ブラウザ 2 2-2 送 受 信 メールサイズ 制 限 2 2-3 メールボックス 利 用 制 限 2 2-4 メールに 添 付 できるファイルの 拡 張 子 2 3. Office365 のサインイン

More information

Untitled

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

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information