0

これに対する標準的なアプローチは何か、または「優れた Web 開発標準」と見なされるものは何かを理解しようとしてきましたが、Web サイトは一般的にどのようにバナーを実装しているのでしょうか?

たとえば、CSS を使用して背景を作成し、CSS 背景の上に画像とテキストを配置してバナーを作成できることは知っていますが、ロゴを配置して周囲に空白を配置したいとします。背景の CSS に合わせて空白を取り除くにはどうすればよいでしょうか? これには追加のソフトウェアが必要ですか、それともこの問題を解決するために人々が一般的に使用する CSS ハックがありますか?

または、Photoshop でバナー全体をデザインし、ウェブサイトのヘッダーと一致するように画像のサイズを変更することもできます。

バナーとは、 http://www.springsource.org/のような Web サイトの上部にあるナビゲーション バーのようなものを意味し ます。

Web 開発者が使用するアプローチとその理由は?

4

1 に答える 1

1

これはあまりにも一般的な質問であり、適切で包括的な回答を得るにはできませんが、私が行うことは、サイトがどのように見えるかに焦点を当てるのではなく、最初にマークアップについて考えることです。（リンク先のサイトはこのアプローチにまったく従わないことに注意してください）。

HTML

<h1 class="title">Spring Source Community</h1>
<ul class="navigation">
  <li><a href="/features">Features</a></li>
  <li><a href="/get_started">Get Started</a></li>
  <li><a href="/get_involved">Get Involved</a></li>
  <li><a href="/news">News & Events</a></li>
  <li><a href="/subscribe">Subscribe</a></li>
</ul>

これにより、非常に単純なヘッダーと、それに続くリンクの箇条書きが表示されます。それは視覚的にページに表示されるものとは似ていないかもしれませんが、実際には同じコンテンツが含まれており、同じように機能します。また、検索エンジンやスクリーンリーダーでも簡単に理解できます。

次に、画像置換技術を使用して、テキストを画像と交換します。

于 2012-12-18T20:59:10.940 に答える