1 / 13

メディアネットワーク web サイト製作発表　

*******大学　　 ***** 学科 学籍番号： ******** 名前：********. メディアネットワーク web サイト製作発表　. 開発環境. とりあえず見てください. アウトライン. 工夫したこと 誰でも見やすいレイアウト どんな環境でも閲覧可能 面倒くさいものは排除 技術的なこと CSS ・ Javascript Google AJAX Feed API Flash ・ ActionScript 3.0. 1. 工夫したこと. 1-1. 誰でも見やすいレイアウト. ディスプレイサイズは様々 →　横幅の設定が重要

rajah-stone
Download Presentation

メディアネットワーク web サイト製作発表　

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. *******大学　　*****学科 学籍番号：******** 名前：******** メディアネットワークwebサイト製作発表　 開発環境

  2. とりあえず見てください

  3. アウトライン • 工夫したこと • 誰でも見やすいレイアウト • どんな環境でも閲覧可能 • 面倒くさいものは排除 • 技術的なこと • CSS・Javascript • Google AJAX Feed API • Flash・ActionScript 3.0

  4. 1. 工夫したこと

  5. 1-1.誰でも見やすいレイアウト • ディスプレイサイズは様々→　横幅の設定が重要 • mixi：950px • Yahoo! JAPAN：950px • Amazon.co.jp：988px以上 • Vector：1000px 990px 横幅設定 990px

  6. 1-2.どんな環境でも閲覧可能 • ブラウザ・OSは様々→　どのブラウザでも同じ表示にする • Internet Explorer • iPhone /iPad • Mozilla Firefox • Android • Google Chrome 全ブラウザにて 動作確認済み!! • Opera • Apple Safari • ※ iPhone /iPad, Androidでは • Flash が表示されません。

  7. 1-3.面倒くさいものは排除 • ワンクリック投票 / 集計結果を即表示↑ アンケートは面倒くさいから mixiボイスにおける 「イイネ！」の感覚

  8. 1-3.面倒くさいものは排除 • Cookieの保存 • ↑ ログイン情報の入力は面倒くさいから • BBSログイン画面 ログインの簡略化 → アクセス数アップ!! • セキュリティ対策

  9. 2. 技術的なこと

  10. 2-1.CSS / Javascript • CSS (Cascading Style Sheets) • デザインの一括管理→　編集効率の向上 • Javascript • 動的コンテンツの実装 • 時計 • カレンダー • タブ機能

  11. 2-2.Google AJAX Feed API • Google API によるRSSフィードの取得 • 新着ニュースを自動的に更新 → 常に変化のある動的なwebサイトヘ

  12. 2-3.Flash / ActionScript 3.0 • Flashによる双方向的コンテンツの制作 • シリンダー形式の動画紹介リンク → 触っていて楽しいwebサイトヘ

  13. ご清聴ありがとうございました。 • サイトURL：http://marona.6.ql.bz/

More Related