現在地: Home » スタイルシートデザインサンプルについて

コンセプト

当サイトスタイルシートデザインサンプルは、「これからホームページを作成してみようかな」「ホームページって初心者でも簡単に作成できるの」等、初めてホームページ作成に携わろうとする方に、ウェブ標準仕様であるスタイルシートに特化したホームページ作成術を解説します。

内容的には中級者レベル以上の事柄を、サンプルと図解を交えて解説しています。よって、当サイトへのご訪問時は初心者でも、一通りサイト内を見て頂ければ終了時には中級者以上のホームページ作成術を身に付ける事が可能.....と思います。

サイトの構成

ホームページ作成については

  1. 初級ホームページ作成講座
  2. 上級スタイルシートレイアウト講座

の2部構成となっています。

初級!ホームページ作成講座では、初めてホームページを作成する方の為に、すべてサンプルを付けて解説しています。また、基本はコピー&ペーストとなっていますから、どちらかと言えばコピーしたものをドンドン変更してもらえれば、その分スタイルシートでのレイアウトに早く慣れる事が可能です。当サイトはスタイルシートに特化したホームページ作成を解説していますが、スタイルシートでホームページを作成する際に最も重要なポイントは「(X)HTMLの正しい記述」 です。

(X)HTMLがしっかりしていなければ、スタイルシート指定も何の役にも立ちません。また、(X)HTMLがしっかりしていれば、スタイルシートが読み込まれなくても、意味のわかる文書構成で表示されてるはずです。初級!ホームページ作成講座では、是非、しっかりと(X)HTMLの基本をマスターして下さい。

上級スタイルシートレイアウト講座は、初級!ホームページ作成講座で解説したスタイルシートレイアウトをベースに、少し発展的なレイアウト構成と、グローバルナビゲーション及び、CSSファイルの記述方法などについて解説します。

特徴

各ブロック毎に解説し、各ブロック毎にソースをコピー&ペーストしていきす。また、各部分毎に進捗状況をブラウザで確認出来るので、理解が早いのでは・・・なんて思っています。(その方が、HTMLの構造が解りやすいですよ。)

ホームページの作成(レイアウト)についてはpositionプロパティで作成/floatプロパティで作成する方法の2つについて説明しています。

段組サンプルは2カラム右サイドバー(固定幅)をベースに解説しますが、「速習CSSレイアウト解説」にてその他の段組についても簡単に解説しています。

管理者について

  1. 出身地

    島根県松江市の田舎者-都道府県知名度ワースト上位です

  2. 管理者

    ozawa

  3. 職業

    想像にお任せ

  4. 性格

    細かい部分にこだわる傾向あり

  5. 座右の銘

    習うより慣れろ

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース