×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

Nabizのサイドビジネス日記。 ご訪問ありがとうございます!当サイトでは広告登録先(ASP)の紹介・解説はもちろんのこと、
フリーアドレスや無料HPスペースなどのあらゆる種類のサイト運営に欠かせない各種お役立ち情報
わかりやすさをモットーに解説・掲載しています。
MENU
++++   更新    ブログ
++++ 第1部  はじめに
++++ 第2部  *サイトを作る*
++++ 第3部  広告を収入に
++++ 第4部  アクセスアップ
++++ 番外編  特集ページ  
推奨環境
win IE Firefox
size

Google
Web nabiz
サイト内記事の検索ができます。
相互リンクの完了やリンク先の変更のお知らせ
(宣伝や当HPに全く関係のない書き込みはご遠慮ください。)

このページ重いよ(遅い)!って人は。  

第2部
サイトを作る


LINX


このHPは主にFirefoxで
動作確認しています。


■免責■
このサイトに記載されている
情報・データ及びリンク先に
関しては自己責任にて
ご利用ください。
■リンク■
リンクフリーですが
リンクしていただける
場合は下記アドレスから
ご一報下さい。
■著作権■
当HPに関する著作権は
製作者に帰属します。
なお相互リンク先の内容及び
広告等のデザインに
関してはその出所に帰属します。
■MAIL■
お問い合わせは
メールでどうぞ。
Since 2005.01.01
(C)Copyright Nabiz
All rights reserved.


Copyright 2001~ Bloom.
All rights reserved.


bloom

レンタルCGI
++++CSSについて ++++
ブログのページのところで
「HTMLとはページの構造」「CSSとはページのデザイン」と説明しました。
CSS(カスケーディングスタイルシートの略)をWebページに使用する事で
HTMLだけでは表現し切れなかったことも可能になります。

また、パターンごとにデザインを決める事で全体のデザインも統一感がでて
オシャレなページになりますよ。
例えば「ページの見出しはこのフォントでこの色でこのサイズ、配置はここにして…」
とかなり細かく設定できるんです。
しかもこの「ページの見出し」と設定しておいたところにはすべて同じデザインが
使われますので、入力作業も少なくてすみます。

また、ページ全体だけでなく、数ファイルに及ぶWebページ全体に
同じルールを適用させる事ができます。
ただ閲覧者の使用しているブラウザによっては自分の意図した通りに
表示されないこともありますので、できれば複数の環境でテストしてみると良いでしょう。
++++CSSの使い方 ++++
===============================================
【自分ルールを設定する。】
===============================================

CSSを設定するにはページの<HEAD>タグと</HEAD>タグの間に設定します。
もしくは外部ファイルをリンクして読み込みます。
これはそのファイル以外に書いてあるルールをサイトを表示する時に
読み込みを行ってくれるという設定です。
ページの頭に毎回書きこんで行ってもいいんですが
それだと複数ページ全体のデザインを変えたい時に
いちいち設定の書き換えをしなければならず、後々面倒です。

例えば14ページあるサイトで本文のサイズを10ptから12ptに変えたくなったとします。
ページごとにCSSを設定している場合は14回(!)書き換え作業をしなくては
なりませんが、外部から読み込むことにしておけば
そのファイルを1回書き換えるだけで済みます。

やり方ですがまずHPのファイルが置いてあるフォルダ内に
新規作成でテキストファイルを作ります。
すると「新規.txt」というファイルが出来たと思います。
拡張子(.txt)が表示されない人は表示するようにしておきましょう。
このtxtの部分をcssに書き換えて保存します。
後は普通のテキストファイルと同じ使い方で設定だけを書き込んでおきます。

そして各ページの<HEAD>タグと</HEAD>の間に
<link rel="stylesheet" href="○○.css" type="text/css">と書き込んで
先ほど作ったcssファイルの場所を設定しておきます。
(○○の部分は分かりやすいように変えておきましょう。)

基本的なやり方はこれだけです。書いてある通りにやれば何とかなると思います。
設定のやり方に関しては前回同様他サイトさんにお任せしてしまいます。
(Nabizが知ったかぶりで書くより専門のサイトさんの方が安心ですしね。)

*Webページ作りのお勉強*
http://masaboo.cside.com/