現在地: Home » スタイルシートデザインサンプルについて
当サイトスタイルシートデザインサンプルは、「これからホームページを作成してみようかな」「ホームページって初心者でも簡単に作成できるの」等、初めてホームページ作成に携わろうとする方に、ウェブ標準仕様であるスタイルシートに特化したホームページ作成術を解説します。
内容的には中級者レベル以上の事柄を、サンプルと図解を交えて解説しています。よって、当サイトへのご訪問時は初心者でも、一通りサイト内を見て頂ければ終了時には中級者以上のホームページ作成術を身に付ける事が可能.....と思います。
ホームページ作成については
の2部構成となっています。
初級!ホームページ作成講座では、初めてホームページを作成する方の為に、すべてサンプルを付けて解説しています。また、基本はコピー&ペーストとなっていますから、どちらかと言えばコピーしたものをドンドン変更してもらえれば、その分スタイルシートでのレイアウトに早く慣れる事が可能です。当サイトはスタイルシートに特化したホームページ作成を解説していますが、スタイルシートでホームページを作成する際に最も重要なポイントは「(X)HTMLの正しい記述」 です。
(X)HTMLがしっかりしていなければ、スタイルシート指定も何の役にも立ちません。また、(X)HTMLがしっかりしていれば、スタイルシートが読み込まれなくても、意味のわかる文書構成で表示されてるはずです。初級!ホームページ作成講座では、是非、しっかりと(X)HTMLの基本をマスターして下さい。
上級スタイルシートレイアウト講座は、初級!ホームページ作成講座で解説したスタイルシートレイアウトをベースに、少し発展的なレイアウト構成と、グローバルナビゲーション及び、CSSファイルの記述方法などについて解説します。
各ブロック毎に解説し、各ブロック毎にソースをコピー&ペーストしていきす。また、各部分毎に進捗状況をブラウザで確認出来るので、理解が早いのでは・・・なんて思っています。(その方が、HTMLの構造が解りやすいですよ。)
ホームページの作成(レイアウト)についてはpositionプロパティで作成/floatプロパティで作成する方法の2つについて説明しています。
段組サンプルは2カラム右サイドバー(固定幅)をベースに解説しますが、「速習CSSレイアウト解説」にてその他の段組についても簡単に解説しています。
島根県松江市の田舎者-都道府県知名度ワースト上位です
ozawa
想像にお任せ
細かい部分にこだわる傾向あり
習うより慣れろ