Home

atelui MEMO*

スタイルシート(CSS)とは

  • 2008-07-18 (金)
  • CSS
  • Buzzurlにブックマーク
  • このエントリをはてなブックマークに追加
  • テクノラティお気に入りに追加する
  • Yahoo!ブックマークに登録
  • このエントリをdel.icio.usに追加

CSS(Cascading Style Sheets=カスケーディング・スタイルシート)とは、見栄えやレイアウトなど装飾面の指定を行うものです。スタイルシートを用いるとHTMLだけでは表現できない様々なデザインが可能になります。

「本来文書の論理構造を記述するHTMLからスタイル指定を分離する」
というのがスタイルシートの目的の一つです。
つまり、HTML が文書の論理構造を記述するものであるのに対し、 ウェブページの見栄えを設定するものがスタイルシートです。 HTML とスタイルシートを併用することで、 論理構造と見栄えに関する設定を完全に分離することができます。
それにより複数のページの見栄えの統一や、 変更が極めて容易になります。

複数のページのレイアウトの編集が可能になる

CSSを外部のファイルとして作成すれば、HTMLファイルからリンク要素で結び付けることによって、複数のページでスタイルを指定することができます。
スタイルシートのスタイルを変更することにより、一度に複数のファイルのデザイン、 レイアウトを変更することができます。それにホームページの更新とメンテナンスがとてもに楽になります。
また、HTMLファイルを新規作成するときもリンクでCSSファイルと結び付ければ、あらかじめ用意したデザイン・レイアウトを簡単に適用することができます。

スタイリッシュなデザインができる

デザイン・レイアウトをHTMLファイルから切り離すことにより、編集範囲が広がり凝ったデザインを構築することができるようになります。
より詳細かつスタイリッシュにデザインを構築できるようになります。

HTMLファイルが簡素化される

HTMLファイルからデザイン・レイアウトなどの見栄えの要素を切り離すことにより、
HTMLファイルのソースがシンプルになります。そのためHTMLファイルを書くのも楽になり、またソースが解り易くなり、編集しやすくなります。

ブラウザでの表示が速い

HTMLファイルの容量が減り、軽くなったことでブラウザでの表示が速くなります。
テーブルなどでレイアウトをしているとソースの量も多くなり容量が増え表示速度が遅くなったりします。
表示が少しでも早くなればインターネットの速度が遅いユーザーもスムーズにサイトを観覧できます。

アクセシビリティ

CSSは凝ったデザインのためだけではなく、WEBアクセシビリティを考慮するうえでも役に立ちます。
アクセシビリティとはすべての人に優しいホームページを構築することです。
要は見る人を選ばないホームページ作成を心がけて作っていくことと解釈してもいいでしょう。
大企業のホームページ作成や官公庁のホームページ作成でもない限りあまり難しく考える必要はありませんが、 最低限のアクセシビリティをCSSにより有効活用できます。

最低限のアクセシビリティとは

  • 文字が読みやすく、リンク先のページ内容が安易に想像できる。
  • ページの内容がわかりやすい見出しと文章の設定。
  • 画像ファイルに代替テキストを記載し、視覚障害や弱視の方が音声(音声ブラウザ)で理解できるようにする。
  • サイトの構成がわかりやすく、サイト内で迷子にならないような構成にする。
  • インターネットの通信速度が遅い人にもホームページを閲覧できるようにする。

このようにCSSでのホームページ作成はメリットも多く、将来性があります。
新しくホームページを作成するなら、是非CSSで作ってみてください。

Webブランディングとは

  • Buzzurlにブックマーク
  • このエントリをはてなブックマークに追加
  • テクノラティお気に入りに追加する
  • Yahoo!ブックマークに登録
  • このエントリをdel.icio.usに追加

企業におけるWebの役割」で述べたように企業WEBサイトの目的は様々です。
今回はそのひとつ、Webブランディングについて書きたいと思います。

Webブランディングとはなにか。
企業のブランド資産を、Webサイトを通して企業価値を高めることを言います。
インターネットが多様化されている現代では、Webサイトはユーザーに情報が伝わりやすいことからブランディングを実施するには非常に適したツールとして位置づけられます。
しかし同時に、ブランド価値が低下する危険性もあります。価値を高めようとしてブランド価値の統合性を崩してしまえば、ユーザー視点からは信用におけない企業と認識されてしまいます。常にWeb サイトの問題点を追求して、ユーザー視点によるブランド価値の安定と向上を同時に目指さなければなりません。

ブランド価値を崩さずに、Webサイトを ”いかに多くの人に見てもらうか”が前提としてあり、また企業のブランド価値をどこまで高めることが出来るかが課題となります。

Continue reading

企業におけるWebの役割

  • Buzzurlにブックマーク
  • このエントリをはてなブックマークに追加
  • テクノラティお気に入りに追加する
  • Yahoo!ブックマークに登録
  • このエントリをdel.icio.usに追加

Webサイトの役割は目的によって様々に変移していきます。
例えば、EコマースやWebマガジンなどの一般ユーザー向けだったり、
または、システムインフラの受託やセキュリティーなど技術寄りのB向けだったり、
ターゲティングから、Webサイトの注力点は変化しますが、共通して言える事は ”ビジネスとしての効果” が要求されているということです。

企業ではWebサイトをブランディング構築の一環として所有だけでは無く、利益を目的とした販促ツールとしても所有しています。
Webの活用方法を試行錯誤し、いかに限られた予算内で効果を得られるか検証しながら運営します。

Continue reading

はじめまして。

  • Buzzurlにブックマーク
  • このエントリをはてなブックマークに追加
  • テクノラティお気に入りに追加する
  • Yahoo!ブックマークに登録
  • このエントリをdel.icio.usに追加

はじめまして。ateluiです。
某事業会社のWEBに関するすべてを担当しています。
WEBに携わって、10年になろうとしています。

10年前、音楽やクラブイベントが好きだった僕は、
もっと音楽やイベントの情報が欲しい、もっと”どこで?””なにが?”どうして盛り上がってるか!?を知りたい、、、
そんな情報が載っているサイトは無いのかと思い作ったのが、
BBSやチャットなどを設置した一種のコミュニティサイトの役割も担うポータルサイトです。
それが初めて作ったサイトです。

しばらくはフリーで活動し、その後はデザイン事務所でアシスタントから主任を経て、
今の事業会社に移りました。

ひとことでWEBと言っても、活用法は様々です。

ブランディング、プロモーション、マーケティング・・・

その方法も様々・・・

SEO、P4P(リスティング広告)、SMO、RSS・・・

普段色んな事を考えていますが、それをノートしたり記録に残した事はありません。
備忘録としても、このブログにいろいろ書き込んでいこうと思います。

それでは宜しくお願いします。

Home

[PR]
検索エンジン
[ Beehive search ]

Return to page top