デジハリ・オンラインスクール ブログ

≪授業レポート≫インターネットの特性を理解しよう！

みなさん、こんにちは。

デジハリ・オンラインスクール、授業運営担当の牧野です。

 

授業の一部をちょっとだけご紹介する

＜授業レポート＞のお時間がやってきました！

 

今週は、前回とお届けした

「Webリテラシー講座[Web検定資格対策講座]」の続編です！

 

※ちなみにこの講座はWebデザイナー SOHO・在宅講座に含まれています。

今なら10%OFFでご受講いただけますよ！(宣伝)

 

 

 

ちょっと長いのでじっくり授業の雰囲気を感じてみてください。

 

──────────────────────────────────

【0】今日の授業は？

 

今日はWeb検定[Webリテラシー]対策講座（2012年2月生）の3回目の授業でした。

Web制作側として、知っておくべきインターネットの関連法規や著作権等、

専門的な知識が多くありました。では、本日の授業レポートです。

 

──────────────────────────────────

【1】インターネットの特性は？

 

インターネット以前、情報は与えられるものでしたが、インターネット以後、

情報は探し出すものになりました（能動型メディア）。

これはインターネットのメディア特性の一つであり、

プッシュ型ではなくプル型メディアに分類されます。

 

──────────────────────────────────

【2】企業におけるWebサイトの位置づけは？

 

企業におけるWebサイトには幾つかの使い方があります。

 

１．営業ツール

２．お客様相談室

３．お問い合わせ窓口であると同時にコーポレートコミュニケーション

（情報発信によって様々な人と意思疎通を

図り意図した戦略的ポジションを確保すること）

 

──────────────────────────────────

【3】Webサイトのブランディングは？

 

コーポレートコミュニケーションにおける

Webサイトの役割にブランディングがあります。

 

これは意図した戦略ポジションを作るために実施されるための行為で

１．クリエイティブブランディングと

２．コンテンツブランディング

があります。

 

──────────────────────────────────

【4】インターネットの関連法規

 

インターネットの関連法規には

１.不正アクセス禁止法

２.迷惑メール防止法

３.青少年ネット規制法

４.不正競争防止法

５.特定商取引法

６.電子契約法と景品表示法

７.薬事法

８.個人情報保護法等があり、法規の概要を正しく理解する必要があります。

 

──────────────────────────────────

【5】インターネットとクーリングオフ

 

インターネットによる商取引は電話勧誘などと

比較して強制的ではないため、クーリングオフ権が規定されていません。

 

どのような場合に解約が可能か、また解約ができない場合は

その旨を適切に表示して消費者に明示する必要があります。

 

──────────────────────────────────

 

 

いかがでしたか？

ちょっと重たい内容だったかもしれないですね。

でもお仕事をしていく上では抑えておくべき大事な内容なのです。

 

授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

また、授業の内容はtwitterやブログでも随時公開していますので

ぜひぜひこちらもチェックしてみてくださいね！

 

 

◇公式twitter(お役立ち情報もつぶやき中)

 

◇公式ブログ

 

 

それではまた来週！

 

≪授業レポート≫ 「無料」で使える「画像素材やテンプレート」が手に入る！

みなさん、こんにちは。

デジハリ・オンラインスクール、授業運営担当の牧野です。

 

今週も授業の一部をちょっとだけご紹介する

＜授業レポート＞のお時間がやってきました。

 

 

その前にみなさまからよく頂く

質問にお答えしていきたいと思います。

 

「個人でWebの制作をしている時、

画像素材などはどうやって集めたらいいのでしょうか？？」

 

企業からの依頼でWeb制作をする時は

素材を支給されることもありますが、

ほとんどの場合は自分で用意をする必要があります！

 

多くの場合は

・素材を購入する

・自分で撮影する

ということが多いのですが

 

「でも、自分で全て撮影するのはちょっと・・・」

 

と思われる方も多いはず。

 

そんな時に役立つのが「無料」で使用することが

できる素材を配布しているWebサイトです。

◇無料の画像素材などがまとまったWebサイト

※画像の使用については各Webサイトの注意事項を必ずご確認ください。

 

全てを無料素材にしてしまうのは考えものですが、

素材に困った時などはぜひ活用してみてくださいね！

 

 

 

さて、今週の授業はWeb業界で働くための標準知識を習得できる

「Webリテラシー講座[Web検定資格対策講座] 」です！

 

──────────────────────────────────

【0】今日の授業は？

 

Webリテラシー講座[Web検定資格対策講座]（2012年2月生）

の2回目の授業です！

インターネットの普及にともなう、市場価値と影響力、その問題点等、

考えさせられることが多くありました。

では、本日の授業レポートです。

 

──────────────────────────────────

【1】インターネットの情報力は530倍！

 

インターネット普及前、情報発信はマスメディアのみの特権でしたが、

現在、その構造が崩れ始めています。インターネットによって、

私たちの情報入手量は飛躍的に増大し、普及前と比べると、

その数はなんと530倍といわれています。

 

──────────────────────────────────

【2】インターネットの特性を理解しよう

 

インターネットによる情報入手量の増大に伴い、

 

1.情報が豊富すぎて他の情報（視点・価値感）の存在に気づかなくなる

2. 閲覧者に情報のフィルタリング能力が必要になる

3. 正しい情報が何なのかがつかみづらい等の問題が生まれています。

 

──────────────────────────────────

【3】インターネットのビジネスモデル

 

インターネットのビジネスモデルには、

 

1. 広告収益（ヤフー、ツイッター等）

2. EC収益（アマゾン、楽天等）

3. コンテンツサービス課金（ミクシィ等）

4. マッチングサービス（ゼクシィ、CHINTAI等）

5. インフラ課金等があります。（Web検定[Webリテラシー]対策講座）

 

 

──────────────────────────────────

 

いかがでしたか？

授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

それではまた来週！

≪授業レポート≫ 「3分」でわかる！「Webデザイナーのお仕事！」ディレクション編

みなさん、こんにちは。

デジハリ・オンラインスクール、授業運営担当の牧野です。

 

今週も授業の一部をちょっとだけご紹介する

＜授業レポート＞のお時間がやってきました。

 

本日は3分で分かる「Webデザイナーのお仕事」ディレクター編をお送りします。

 

一口にWebサイト制作と言っても

それがどの業種の、どのような目的のWebサイトなのかによって

内容や構成は大きく変わってきます。

 

 

例えば「ファッション関連のWebサイト」と

「自治体や官公庁のWebサイト」では

目的も雰囲気も大きく違いますよね。

 

 

実際に幾つかWebサイトをご覧になってみてください。

 

◇ファッション関連のWebサイトまとめ

 

◇自治体、官公庁関連のWebサイトまとめ 

 

ファッション系のWebサイトでは「商品の雰囲気やブランドの世界観」を

しっかり伝える必要がありますが、

自治体のWebサイトでは「住民に情報を正確に伝える」ことが必要となります。

 

このように、

 

Webデザイナーとしてお仕事する時には

───────────────────

「お客様がどういうWebサイトを必要としているのか？」

───────────────────────────

をきちんと見極めて企画・制作をするディレクション力がとても大事なのです。

────────────────────────────────────

 

 

お客様にあったWebサイトの企画・制作ノウハウを学ぶことができるのが、

今週の授業「Webディレクション実践」です。

 

◇Webディレクション実践

 

Webデザイナーとしてお仕事をする

ノウハウを習得できるとても大切な授業です。

 

ちなみにこちらの授業は未経験からSOHO・在宅ワークを目指す

「Webデザイナー SOHO・在宅講座」のカリキュラムに含まれています。

 

「うう、難しそう・・・」

 

授業は全くの初心者の方でもしっかり

ご理解いただける内容なのでご安心くださいね！

 

では、今週も言ってみましょう！

 

──────────────────────────────────

【1】ユーザーゴールをはっきりさせましょう。

 

Webサイトの設計をする際にはユーザーの方のゴールと

Webサイトを運営する会社のビジネスゴールをはっきりと

させる必要あります。

これを明確にしてから設計に入りましょう。

 

──────────────────────────────────

【1】支給された画像の処理は？

 

サイトで使用するイメージがクライアントから支給された写真の場合、

印刷物等で使用されている写真と同じことが多いです。

印刷物の写真は、スクリーン上ではぼやっと見えることが多いため、

「シャープ」をかけて使用することが多いです。

 

──────────────────────────────────

【2】SEOで一番大切なことは？

 

SEOで大切なのは「検索エンジンのためではなく、ユーザーを第一に考えたコンテンツ作り」。

例えば、アクセシビリティを考慮したサイトは自ずとSEOにも優れています。

逆に特殊な裏技等を使用するとスパム扱いされる場合があります。

 

※SEOとはgoogleなどの検索エンジンで自分のWebサイトを上位に表示させることです。

 

──────────────────────────────────

【3】カラーを理解しよう。

 

カラースキームとは、サイト内で使用する配色の方針のこと。

①色の3属性（「色相」、「彩度」、「明度」を整理）

②サイトで使用する「トーン」を決定

③メインカラーを選択

④メインカラーと組みわせる配色を選ぶという流れで作られます。

 

──────────────────────────────────

 

いかがでしたか？

授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

また、授業の内容はtwitterやブログでも随時公開していますので

ぜひぜひこちらもチェックしてみてくださいね！

 

◇公式twitter(お役立ち情報もつぶやき中)

 

 

それではまた来週！

 

「3分」で分かる「HTML5」「CSS3」で何ができるの？

こんにちは。

デジハリ・オンラインスクールの原です。

 

最近よく聞く「HTML5」や「CSS3」と言った技術。

 

「いままでの技術とは何が違うの？」

 

という質問を良くいただきます。

 

今回はこの疑問に3分間で概略を説明したいと思います。

 

とはいえ、文章で説明をするよりも、実際に見ていただく方が

わかりやすいと思い、「HTML5」「CSS3」で作成された

Webサイトが集められたWebサイトをご紹介します！

 

幾つかありますのでざっとご覧になってみてください。

 

 

◇HTML5で作成されたWebサイトまとめ

 

◇CSS3で作成されたWebサイトまとめ

 

いかがでしたか？

 

映像などの「動的なWebサイト」や「お絵かきができるWebサイト」など

ユーザーが自分でサイトの各所を動かすことができる

Webサイトが多かったのではないでしょうか？

 

こういったWebサイトは以前だと「Flash」を

使わないと実現することができなかったのですが、

 

「HTML5」や「CSS3」を使用することでブラウズだけで

───────────────────────────

様々な表現をすることが可能となっているのです！

───────────────────────

 

こういった様々な動きが

ブラウザベースでこういった表現できることで

 

「Webサイトの制作だけでなく

─────────────

ゲームや業務管理アプリにも応用ができる！」

────────────────────

 

◇Web上で動くアプリの一例

 

ということで注目が集まっているのです！

 

つまり「HTML5」「CSS3」を習得することで

Webサイトだけでなくアプリ制作の仕事をすることも可能になります。

 

仕事の幅が広がる、新しいWeb業界の潮流にしっかりと乗る。

という意味でも今学習しておくべき必須スキルなのです！

 

こちらもご参照ください。

◇「PHP講座」担当の山崎講師が語る
「HTML5で大きく変わるWeb業界についての記事」