ホームページ勉強会の概要 • インターネットとホームページの歴史 • ホームページ作成の基礎(CMS) • ホームページの分析(Google Analytics) • SNSやネットメディアの活用 • 成果物としてテストサイトでコンテンツ公開 • 物語デジタルマーケティングの話題を中心に • Q&A、議論、ほか インターネットの歴史 • イーサ(Ether)ネット • ゼロックスのロバート・テイラー(Robert W.Taylor)が立ち上げたパロアルト研究所(Palo Alto Research Center略称PARC)で、メトカーフ(Robert Metcalfe)が、全てのコンピュータ に情報を伝えるネットワークをめざして命名したと言われている。 • • http://www.apec.aichi-c.ed.jp/project/joho/H11/jissyuu/koneta/koneta/Ether.htm その発明者本人は、パロアルト研究所を飛び出してネットワーク機器メーカー 3com を設立した。現在では、世界最大のネットワーク機器メーカーとなっている。 メトカーフの法則と呼ばれる次の法則を提唱した。 「通信ネットワークの価値はそれに接続された機器あるいはそこに接続する人々の数の 二乗に比例する」ようするに、ネットワークに繋がる人が増えれば、爆発的にその価値 は高まるということである。 ホームページの歴史 • World Wide Web(ワールド ワイド ウェブ、略名:W WW)とは、インターネット上で提供されるハイパーテ キストシステム。 • World Wide Web は当時実現していた他のハイパーテキ ストシステムとはいくつかの点で異なる。 WWW は、双方向ではなく単方向のリンクを使用する。これにより、何らかの資源の所有者と連絡 を取らなくてもリンクすることが可能となった。これによって WWW サーバやブラウザの実装も簡 単になっているが、同時にリンク先の資源がいつの間にか無くなるという問題も発生させることと なる。 HyperCardやGopherとは違い、World Wide Web は特定の個人や組織によって独占され ておらず、サーバやクライアントを独自に開発し拡張するのも自由にできて許諾を得る 必要も無い。 wwwの標準規格 WWW を構成する根本的な標準規格が3つ存在する。 • Uniform Resource Identifier (URI) は、ウェブページの ようなWWW上の資源を参照するための汎用のシステム である。 • Hypertext Transfer Protocol (HTTP) は、ブラウザとWe bサーバの通信方法を指定したものである。 • HyperText Markup Language (HTML) は、ハイパーテキ スト文書の構造と内容を定義している。 JavaとJavaScript • 小さなプログラム(アプレット)を直接WWWサーバが提供する情報に埋め込むことを可能にし た。このアプレットはクライアント側のコンピュータ上で動作し、高速で豊かな ユーザインタフェースを可能とした。その後、Java はサーバ側で複雑なコンテンツを自動生成す るために広く使われるようになった。 • JavaScript はウェブページのために開発された、クライアント側のスクリプト言語で ある。ネットスケープコミュニケーションズが開発したものである。名前の一部に「J ava」を含んではいるが[13]、技術的には Java との関係はほとんどない。文法はC言語 に似ている。オブジェクト指向的にコーディングする以外に手続き的にコーディング することもできる。 • DOMと組み合わせることで、JavaScript はその設計者が想像した以上に強力な技術と なった。JavaScript の使用はそれまでの静的なHTMLページと区別するために ダイナミックHTML (DHTML) と表現されることが多い。さらに近年は JavaScript を 使って、よりインタラクティブなウェブサイトを作ることのできるAjaxという技術も 普及している ハイパーテキストとは • ハイパーテキストでHyperCrdが作られた。 • ハイパーテキストのノードとしてカードを用い、カードとカードをつなぐリンクとし てはボタンを用いる。カードの上にはボタンの他にテキストやグラフィックをおくこ とができた。プログラムを記述するにはHyperTalkと呼ばれるスクリプト言語を用いる 。 • ボタンを押すと各ボタンに対応付けられたカードにジャンプするか、HyperTalkで記述 されたプログラムを実行する。HyperCardを使えばプログラムを直接記述しなくても 簡単なアプリケーションを作ることができたので、マルチメディア オーサリングツールとして使用された。 • ハイパーテキスト (hypertext) とは、複数の文書(テキスト)を相互に関連付け、結 び付ける仕組みである。「テキストを超える」という意味から"hyper-"(~を超えた) "text"(文書)と名付けられた。テキスト間を結びつける参照のことをハイパーリンク と言う。ハイパーテキストは文書を表示するユーザインタフェースの一種であり、従 来の文書作成方法の持つ、要素を組織化することについての限界(特にその線形性) を克服しようとするものである。 • 1977年には初のハイパーメディアアプリケーションである アスペン・ムービー・マップが登場した。 • 1980年代の初め、多くの実験的なハイパーテキストおよびハイパーメディアプログラ HTMLの歴史 • 1989年、CERNのティム・バーナーズ=リーは、オリジナルのHTML(および多くの 関連したプロトコル、HTTPなど)のメモを提案し、1990年5月にコード化した[8]。 NEXTSTEPの動作するNeXTcubeワークステーション上で開発された。 HTML1 • 1993年6月に、IETFのIIIR Workingグループより提出されたHTML仕様書がインター ネット・ドラフトとして発表された。 HTML2 • 1995年11月に、IETFのHTMLワーキンググループによってRFC 1866(日本語訳)と して仕様が発表された。 HTML3 • HTML 3.0は策定作業が行われたが、ドラフトの段階で策定途中に破棄された。 HTML4 • 1997年12月18日に、W3C勧告としてHTML 4.0の仕様が発表された。 HTML5 • 2014年10月28日に HTML5 が W3C より勧告された。 ホームページ作成の基礎(CMS) オープンソースソフトウェアのCMSとして WordPress, Joomla, Drupalがベストスリー DrupalのPC用テスト環境のインストール 手順書のダウンロード http://goo.gl/F8If8k 操作概要 • • • コンテンツの編集加工マニュアル ここから コンテンツ、ページの作成方法 ここから バージョンアップデイト方法 ここから ホームページの分析(Google Analytics) SNSやネットメディアの活用 • SNS ソーシャル・ネットワーキング・サービス • 代表的なSNSとしてFacebook, Twitterがあるが、主な SNSとして • Ameba Facebook Google+ GREE Instagram mixi Mobage Pinterest Twitter • 主な機能 プロフィール、メッセージ、相互リンク、検索、 ブログ、コミュニティ • ビジネスモデル 広告 ユーザ課金 サイト誘導 成果物としてテストサイトでコンテンツ公開 スマートフォン対応 物語マーケティングに関連し て
© Copyright 2024 ExpyDoc