第７章 Web サイトの公開 7.1 ファイルのアップロード 7.2 検索されやすい Web サイト 7.3 Web サイトの運営 7.4 アクセスビリティ.

Presentation on theme: "第７章 Web サイトの公開 7.1 ファイルのアップロード 7.2 検索されやすい Web サイト 7.3 Web サイトの運営 7.4 アクセスビリティ."— Presentation transcript:

1 第７章 Web サイトの公開 7.1 ファイルのアップロード 7.2 検索されやすい Web サイト 7.3 Web サイトの運営 7.4 アクセスビリティ

2 7.1 ファイルのアップロード 7.1.1 FTP と FTP ソフト 7.1.2 FFFTP の操作例

3 7.1.1 FTP と FTP ソフト （１） FTP の仕組み ■ FTP （ File Transfer Protocol ） ファイル転送のための約束事 最初， FTP 制御コマンドやファイルアクセスコマ ンド，ファイル転送コマンド等の交換を行い， ファイル転送コマンドによりデータ転送が行わ れる。

4 （２） FTP ソフト ■ コマンドを知らなくてもサーバとファイ ルのデータを交換できるソフト ホスト名 パスワー ド ログイン名 端末側 FTP ソフト FTP サーバ ファイルデータ の送受信

5 （３） FTP ソフトの例 フリーソフトで用意されている ■ FFFTP （ Windows 用） http://www2.biglobe.ne.jp/~sota ■ Cyberduck （ Mac OS X 用） http://cyberduck.ch/

6 7.1.2 FFFTP の操作例 （１ / ３） ①起動 ② 新規ホストを選択して ホストを登録する。

7 FFFTP の操作例（２ / ３） ③ホストの登録④ ホスト一覧から選択して 「接続（ S ）」ボタンをクリッ ク

8 FFFTP の操作例（３ / ３） ⑤ドラッギングしてファイルを移動または， メニューから「コマンド」「ミラーリングアップロード」を選択す る・

9 7.2 検索されやすい Web サイト 7.2.1 検索エンジンの種類 7.2.2 キーワードの記述 7.2.3 ページ説明文 7.2.4 ロボット検索用メタ情報

10 7.2.1 検索エンジンの種類 ■ ディレクトリ検索（例： Yahoo! Japan ） 検索エンジン運営団体所属のサー ファーまたは編集者が採用基準によっ て手作業で分類・登録を行う。 ■ ロボット検索（例： Google, Yahoo! Japan ） 検索ロボットプログラムがインター ネットを巡回して Web ページを収集。

11 7.2.2 キーワードの記述 パーソナル <meta name= “ keywords ” content= “ Excel,VBA, 力学, シミュレーション, アニメ, ゲーム, 運動力学, 物理, 基礎, 入門, 質点, 流体力学, 分子動力学, 力, 動画, ブラウン運動, 波動, 多重, 振り子, 二重, バネ, テクニック ">

12 7.2.3 ページ説明文 パーソナル <meta name= “ keywords ” content= “ Excel,VBA, 力学, シミュレーション, アニメ, ゲーム, 運動力学, 物理, 基礎, 入門, 質点, 流体力学, 分子動力学, 力, 動画, ブラウン運動, 波動, 多重, 振り子, 二重, バネ, テクニック “ > <meta name= “ description ” content= “ Excel と VBA で運動力学のシミュレーションをやろう ">

13 7.2.4 ロボット検索用メタ情報 パーソナル <meta name= “ keywords ” content= “ Excel,VBA, 力学, シミュレーション, アニメ, ゲーム, 運動力学, 物理, 基礎, 入門, 質点, 流体力学, 分子動力学, 力, 動画, ブラウン運動, 波動, 多重, 振り子, 二重, バネ, テクニック “ > <meta name= “ description ” content= “ Excel と VBA で運動力学のシミュレーションをやろう ">

14 7.3 Web サイトの運営 7.3.1 Web サイト運営の留意点 7.3.2 リンク集 7.3.3 検索エンジンへの登録

15 7.3.1 Web サイト運営上の留意点 (1) ユーザの意見を聞く（友人等に URL を教え て実際に使ってもらうなど） (2) 自分にとって更新しやすいコンテンツを選 ぶ。 (3) メールアドレス，本名，性別など，個人情 報の取り扱いに注意する。自分の情報につ いてもオープンな開示は控える。 (4) 内容の責任は管理者である自分にあること を自覚する。

16 7.3.2 リンク集 (1) 自分のサイトとの関連性でリンクを選定す る。 (2) リンクをテーマ別に分類する。 (3) リンクが多すぎるのは逆効果。自信をもっ て推薦できるリンクを選ぶ。 (4) リンク集に加える際は，そのサイトの管理 人にお願いメール等を入れる。リンクフ リーの場合も一言挨拶するのがマナー。 (5) リンク切れとなるのも多いことに注意。リ ンク先をチェックしよう。

17 7.3.3 検索エンジンへの登録 (1) カテゴリに登録する際，審査が必要な場合 がある。 (2) 審査料が高価な場合があり，審査料を払っ ても希望するカテゴリに登録されるとは限 らない。 (3) 登録料が無料から高額なサイトまで色々あ る。 (4) 登録代行を引き受けている会社もある（通 常，有料だが，低額のところもある）。

18 7.4 アクセスビリティ 7.4.1 Web アクセスビリティ 7.4.2 アクセスビリティのチェック 7.4.3 アクセスビリティをチェックするソ フト

19 7.4.1 アクセスビリティ (accessibility ： 受け入れられやすさ ) 高齢者や障害者にとってどの程度利用しやすいか 【 JIS における Web アクセシビリティの基本的要 件】 （ W3C の WCAG 1.0 にほぼ対応） ①視覚が不自由でも操作・利用できる。 ②聴覚が不自由でも操作・利用できる。 ③多様な身体部位を使って操作・利用できる。 （特定の身体部位だけを想定した入力方法に限定しな い） ④身体の安全を害することなく操作・利用できる。

20 7.4.2 アクセスビリティのチェック （その１／３） ①ページタイトル タグを使って，ページ内容を明確に表す タイトルをつけているか？ ②フォントサイズ フォントサイズは小さすぎないか？ 適度に行間を空けているか？ ③リンク リンク色と訪問済みリンク色を一緒にしていな いか？ アンダーラインは付いているか？

21 アクセスビリティのチェック （その２／３） ④画像 画像に alt 属性が付いているか？ 情報として意味のない画像の a ｌｔの属性値は 空になっているか？ ⑤マルチメディア 重要なオーディオ／ビデオ根タンツにキャプ ションや内容，音声による説明が用意されてい るか？や内容，音声による説明が用意されてい るか？ ⑥プラグイン 実行するのにプラグインやアプリケーションを 用意する必要がある場合，代わりのコンテンツ が用意されているか。

22 アクセスビリティのチェック （その３／３） ⑦表 表の見出しに th 要素を使っている？ ⑧スタイルシート スタイルシートがなくても読めるようになって いるか？ ⑨ JavaScript JavaScript がなくても読めるようになっている か？ ⑩色・コントラスト 色なしでも問題なく伝えられるようになってい るか？ （以下は条件付） ⑪点滅・移動するコンテンツ 点滅・移動するコンテンツは避けているか？

23 7.4.3 アクセスビリティを チェックするソフト Web Accessibility Toolbar http://www.infoaxia.com/tools/wat/ Web Inspector http://jp.fujitsu.com/about/design/ud/assistance/ webinspector/

24 （Ｗｅｂデザイナーの現実） ①誰でも Web サイトが作れると思われているので デザインが正当に評価されない。 ②誰でも作れると思われているのでクライアント が予算をつけない。 ③ぎりぎりの予算で製作しなければならないので， 現場教育を行うことができない。 ④上記のような現状だから，本当の意味での経験 豊富なディレクタが増えない。 ⑤Ｗｅｂ製作は専門学校でも教えているので，セ ミプロ的な人材が増え，誰でも作れると思われ ている。 書籍や広告等の紙の上でのデザイナーと 同程度の評価が欲しい !!