HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

  • HTMLタグボードのトップへ戻る
  • ゼロから始めるホームページ作成講座
  • 訪問者優位のWEBデザインTips
  • インターネットで小遣い稼ぎ
  • 今すぐ使える!便利ツール(HTMLタグ辞典など)

HTMLタグボードトップ >> 訪問者優位のWEBデザインTips

WEB中級者の方向けのデザインTip集

コンテンツ案内

訪問者を第一に考えたホームページ作りを目指すにはどうすれば良いのでしょうか?
見やすいWEBデザインと操作しやすいページ構成などのテクニック集を通してその解決法を探ります。
右または以下のメニューから各ページへジャンプできます。

デザインを見直す(1)のトップへ

ページの見やすさを向上させるテクニック集の基本編
文字の大きさや色、背景との調和を考えたデザイン力を身につける

  1. 1. 画面サイズ
  2. 4. 使用フォント
  3. 7. 背景色
  1. 2. 文字色
  2. 5. 行間の調節
  3. 8. 静・動的コンテンツの選択
  1. 3. 文字の大きさ
  2. 6. ページ構成と段組の種類
  3. 9. スペーサーGIFの使用
デザインを見直す(2)のトップへ

ページの見やすさを向上させるテクニック集の応用編
画像や視覚効果、フレームを使用する是非について考える

  1. 1. フレームの利点と欠点
  2. 4. 使用色の限定
  1. 2. マウスオーバー
  1. 3. 画像のトリミングと色数
使いやすさを追求するのトップへ

アクセシビリティを向上させて、WEBサイトの使いやすさを改善する
訪問者が使いやすいと感じるサイト作りのために、あると便利な機能や考え方を解説

  1. 1. サイトマップ
  2. 4. メニューの位置
  3. 7. トピックパス
  1. 2. リンクの数と設定
  2. 5. バックページトップ (BPT)
  3. 8. オールトップページ概念
  1. 3. 誘導ナビゲーション
  2. 6. サイト内検索
タグをきれいにするのトップへ

訪問者を待たせないサイト作りの秘訣とそのテクニック
ページの重さをできるだけ軽くして快適なブラウジングを可能にする方法とは

  1. 1. 外部CSS/Js化
  2. 4. タグのインデント
  1. 2. コメントの挿入
  2. 5. タグの大文字・小文字
  1. 3. コメントアウト
  2. 6. 無意味なタグの削除
検索エンジン対策(SEO)のトップへ

もはやSEOは個人サイトでも当たり前
大手検索エンジンの検索順位を上げる王道テクニックでアクセスアップを

  1. 1. 文字ベースのサイト作り
  2. 4. 太文字と論理強調
  3. 7. 内部リンクの充実
  1. 2. ページタイトル
  2. 5. 段落の指定
  3. 8. アンカーテキスト
  1. 3. 見出しとスニペット
  2. 6. <META>タグ(記述文)
  3. 9. ページランクとリンクフリー
レベルアップSEO(コラム)のトップへ

広く紹介されているSEOの手法を管理人の視点で書いたコラム
さらにトレンドのCMS(Movable Type)の紹介とカスタマイズを紹介

  1. 1. 優良サイトへの一括登録
  1. 2. SEOを読み解く!
  1. 3. MovableTypeカスタマイズ