サイト・ブログのアクセスアップ・SEO対策方法

[CSS スタイルシート]の頁です。製作したホームページやウェブログをインターネット上で公開して広めるためのアクセスアップ方法とSEO対策。
GoogleやYahoo!JAPAN・MSN等の検索エンジン検索結果の上位表示でサイトの訪問者数を上げていく手法やウェブサービス等を紹介しています。
また被リンク獲得や人気キーワードの活用・HTMLタグ文法の書き方・ブログ運営テクニックや集客支援ツール等も掲載しています。



スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 |
文字色をスタイルシートで変更する方法と注意点
ホームページのコンテンツの要と言えるテキスト文字は、ページの見出しや説明文、
本文の文章やヘッダー(最後尾)の後付けなど様々な用途で打ち込んで作成します。

文字の色は例えば通常は白紙の背景色でしたら黒文字にするなど、
背景色と文字色が相反する色にして双方を目立たせるように設定するのが基本です。
文字に色をつけるには以下のようなタグを付ける事で変更できます。

フォントの変更用タグ


① <span style="color:#336666">文字</span>  実用例
② <font color="green">フォント</font>  実用例
(<>は小文字にして記入して下さい。)

特定の単語や文章に色を指定する時はここのタグで良いのですが、
各ページごとのタイトル文章(見出し)や、フッターやヘッダー部分、リストなど
決まった部分に同じ文字色に変更したいときには、<div>タグなどを用いて
スタイルシート(CSS)のページで指定すると簡単で、HTML的にも有効です。
文字色をスタイルシートで変更する方法と注意点 の続きを読む


スポンサーサイト
CSS スタイルシート |
CSS(スタイルシート)を用いた ページのカスタマイズとは?
CSS (Cascading Style Sheets -カスケーディング・スタイル・シート)とは
ウェブページの文章やタグパーツの大きさや色、書体、隙間、配置、装飾などを
自由に決められる、特殊な指定用のファイルで、スタイルシートとも呼ぶ
マークアップ文書です。ピクセル単位で文字の大きさ、太さなどを決められたり、
文章や画像同士の隙間を見栄え良く整える事ができます。

CSSファイルの作り方


CSSファイルはなんとなく難しいイメージがありますが書き方さえ覚えてしまえば
わりと簡単に誰でも作れます。

まずメモ帳ツールに {~~} などデザインを構成する言語を記入した後に、
ファイル名:『style.css』といった名前で保存すればCSSファイルが完成します。

あとはウェブサイトのサーバーにアップロードしてデザインの変更を確認して完了です。
CSS スタイルシート |
divタグでhtmlのデザインを変更
「divタグ」とは、CSS(スタイルシート)と組み合わせて
デザインのカスタマイズ等の理由で使用する特殊なタグです。

ホームページのテンプレートやプラグインに記入する
htmlソースは基本的に、なるべくシンプルな構成にした方が
GoogleやYahooなどの検索エンジンの評価も上がりやすい点もあります。

そこで背景画像や文字の大きさ、色、空きスペースの広さ等の
ウェブデザインをカスタマイズする「スタイルシート」が大変役立ちます。

「div」のタグは、htmlのbody要素内のコンテンツで
それぞれグループ別にしてデザインを変えていきたい時に、
文法を省略してシンプルにしたい時などに使っていきます。

例として、ブログのサイドバーに使うピクセルの幅やスペースの開き、
文字の大きさやフォントなどを本文のメインバーの領域と少し変えてみたい場合について。

まず、テンプレート上では(当FC2ブログの場合)このようにしてdivタグを作成します。

HTMLソースの<body>~<body>の要素の範囲内に、
<div class="アルファベットで名付けた名称">ブロック化したいコンテンツ</div>

<div class="menu1BlockBase">
<div class="menu1BlockHead"></div>
<div class="menu1BlockBody">
<div class="menuText">
</div></div></div>
CSS スタイルシート | サイトのはじめ方






[サイト・ブログのアクセスアップ・SEO対策方法・トップページへ]


URL:http://whiteway.blog103.fc2.com/blog-category-56.html
Copyright (C) 2007-2013 サイト・ブログのアクセスアップ・SEO対策方法, All rights reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。