Web制作の基本:StudyNetについて

Web制作の基本|StudyNetでは、
WEBデザインとコーダー(マークアップエンジニア)の双方の視点からWeb制作の基礎を学びます。

Web制作における実務に役立つサイト管理の方法から、
サイト最適化(SEO対策)による正しいマークアップ方法、CSSスキルを身につけてより自由なデザイン技術を学ぶための技術解説しています。

Web制作の基本:StudyNet 最新情報

MCC Computers Ltd

アクセシビリティーに配慮したサイトです。
サイトはウィンドウ幅によって2段組と3段組に切り替わるようになっています。
» MCC Computers Ltdに関する詳細はこちら

管理しやすいCSSファイル構成

これは、管理しやすいフォルダ構成と同じ考えなのですが
CSSファイルの構成も、後のサイトメンテナンスの効率に大きくかかわってきます。
サイト設計の時点で、構成をきちんと決めておけば作業効率も大幅に縮小されます。

管理しやすいCSSファイル構成

SEO対策の意義

SEOとは、Google・YST(Yahoo!)・MSNなどの検索エンジンから、
自分のWEBサイトへ訪問者を増やすために様々な方法で誘導するマーケティング手法です。

» SEO対策の意義に関する詳細はこちら

管理しやすいコンテンツ構成

管理しやすいコンテンツ構成とは、ユーザーも含めて誰が見ても分かりやすい構成をいいます。

» 管理しやすいコンテンツ構成とは?に関する詳細はこちら

管理しやすいフォルダ構成

Web制作を複数人でする場合、誰が見ても分かりやすいフォルダ構成の方が管理とメンテナンスしやすいですよね。

誰もが実行してることかもしれませんが、Web制作の基礎として管理・メンテナンスしやすい方法をまとめます。

» 管理しやすいフォルダ構成に関する詳細はこちら

管理しやすい画像ファイル名

CSSレイアウトが主流なので、CSSレイアウトを前提にした管理しやすい画像ファイル名の説明をします。
例えば、以下のようなサイト構成があったとします。

» 管理しやすい画像ファイル名に関する詳細はこちら

<strong>|キーワードを強調する

強調したい文字・文章を、<strong></strong>でマークアップしましょう

» <strong>を使うに関する詳細はこちら

description|Metaタグ

Google等の検索エンジンでは、検索結果のリスト表示の際、descriptionが無いと(X)HTML文書に一番最初に出てきた文章を表示してしまう為、descriptionにきちんとした紹介文を書いておきましょう。

» descriptionを付けるに関する詳細はこちら

CSSハックを使用する際の注意事項

CSSハックは、ブラウザのバグや未対応のプロパティなどを逆に利用したものとなっています。
ブラウザは日々進化し、ブラウザのアップグレードによって今まで使用していたCSSハックが使えなくなる可能性もあります。

» CSSハックを使用する際の注意事項に関する詳細はこちら

ブラウザ毎のCSS対処方法(4)-CSSハック

将来、ハックが使えない可能性もありますが、正規CSSの下にCSSハックを記述しておくと、
メンテナンスが楽になります。

» ブラウザ毎のCSS対処方法(4)-CSSハックに関する詳細はこちら

『WEBサイト制作者に役立つメルマガ』発行!