FC2ブログでアフィリエイトを始める人の為のガイドブログです。 管理者と一緒に勉強しませんか?
<<04 1234567891011121314151617181920212223242526272829303106>>

カテゴリ別記事名検索リンク

カテゴリ別に記事名一覧を用意。読みたい記事を探して一発リンクが可能です。

スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

アフィエイト工房デザインのリンク集



キーワードアドバイスツールプラス アクセスアップ・SEO対策・検索エンジン登録
キーワード出現頻度解析
--/--/-- --:-- | スポンサー広告 | page top↑

アフィリエイト関連書籍

表を作りたい~CSSでの指定(前置き)~
以前、HTML構文として
<table> タグの解説らしきモノを書きました。
表を作りたい!
表を作りたい!~詳細指定~
今回はそれを踏まえてCSSでの指定をしてみましょう。

今回はCSSは良く判らないと言う方の為に前置きを書きます。
実際の表の指定の為に知っておいて欲しい事ですので
簡単に目を通しておいて下さい。
  1. CSSはHTMLの構文をデザインするモノ。
    HTMLとCSSの関係は以前書いていますので、
    詳細(CSS基礎知識)はそちらに譲るとして、
    この事が具体的にどういう事か書きましょう。
  2. HTMLは簡単なモノだけを書き、詳細はCSSで指定する。
    CSSで詳細指定をしておけば、
    新しい構文全てにその指定を反映させられるのです
    つまり、商品レイアウト用、一覧表用などのように
    目的別にCSSで指定しておけば、常に複雑なHTML構文を
    書かなくて済む
    のです。
  3. <p>~</p> と <div>~</div>を憶えておきましょう。
    この2つは段落(範囲)指定のHTMLです。
    表などをCSSで指定する際、
    これで独立した範囲として指定しておく方が何かと便利です。
    <p><table>~</table></p>
    <div><table>~</table></div>
    のように書きます。
  4. <p> と <div> の違い
    <p> を使うと、その前の範囲との間に1行分スペースが置かれます。
    スペースを空けたくない時は、<div> を使ってください。
  5. class 属性と id 属性
    この2つは <p> <div> で指定した範囲に名前をつける属性です。
    <p class="任意の名前">~<p> や <p id="任意の名前">~<p>
    <div class="任意の名前">~<div> や <div id="任意の名前">~<div>
    のように使います。
    任意の名前は漢字やひらがな・カタカナでも指定できますが
    日本語限定になってしまうので、半角英数で指定するようにしましょう。
    例えば、<p class="hyou1">~<p> とか
    <p class="hyou_shouhin">~<p> と言った具合です。
    スペースハイフンは使うとエラーになる可能性があるので
    使用しないよう注意して下さい。
  6. class と id の関係
    範囲の中の範囲と言えば良いでしょうか。
    class 属性で指定した範囲の中に、さらにいくつかの指定を
    反映させるのに id 属性を使います。
    最も始めのうちは使い分けなど出来ないので
    基本的に class を使うと良いでしょう。
こんな所でしょうか(笑)。
次回に表の詳細指定の方法を記事にしますので
お楽しみに!
スポンサーサイト

アフィエイト工房デザインのリンク集



キーワードアドバイスツールプラス アクセスアップ・SEO対策・検索エンジン登録
キーワード出現頻度解析

テーマ:カスタマイズ - ジャンル:ブログ

2006/02/14 21:25 | カスタマイズ(CSS&JavaScript編) | トラックバック(0) | コメント(2) | page top↑

アフィリエイト関連書籍

<<表を作りたい~CSSでの指定~ | ホーム | トリノ冬季五輪開幕!>>
コメント
tokimamaさん>

返事が遅くなりましたごめんなさい(苦笑)。
HPを作るのであれば、色々とテクニックがいりますよ(笑)。
と言うかページのレイアウトをしっかり紙に書くなどして
整理しておかないと、後で面倒な事にあります(苦笑)。
SEO的なテクニックや、閲覧環境における小技なんてのが
結構ありますから
判らない事や小技教えてみたいな感じで
言って下さい。
教えますよ!(笑)

2006/02/18 23:26URL | ロウワイズ #-[ 編集] | page top↑
こんばんは!
今のブログは簡単なのでタグは使わなくて済みますが
ホームページ製作には必須なので
少しずつ勉強しています^^
とても解りやすい説明ですね!!
また遊びに来ます♪
2006/02/15 03:01URL | tokimama #-[ 編集] | page top↑
コメントの投稿












管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://arowwise.blog41.fc2.com/tb.php/72-4eb1a372
この記事にトラックバックする(FC2ブログユーザー)
| ホーム |


当ブログは以下の環境にて作成しております

OS:Win2000Pro  ブラウザ:IE6.0

上記以外の環境にて閲覧の場合、何か不具合が発生する場合があります。
何かおかしい?と思われる事がありましたら、BBSにコメントいただければ幸いです。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。