初心者アフィリエイトマニュアル　アフィリエイトお金儲け副業ビジネスを考える

ホームページってどうやって作るんですか？�C

外部ファイルのスタイルシートを制作してみましょう

ホームページ作成ページで説明した同じフォルダ内で、スタイルシートを覚えましょう。スタイルシートを使うことで、慣れてくるとホームページ制作の効率が良くなりスムーズになります。スタイルシートは外部から読み込む方法とそのままページソースに書き込むパターンがあります。そのページのみスタイルシートを使いたい方やサイト全体で使いたい方がいると思います。ページ構成によって使い分けてみて下さい。ここでは外部スタイルシートの説明をします。

新しくフォルダ内に新しくテキストアイコンを表示させて下さい。工程は[新規作成]→[テキストドキュメント]の順序で新しいテキストを表示させて下さい。



新しく作ったテキストアイコンの名前を変更して下さい。ここでは「asp.css」として下さい。「.css」がスタイルシートの拡張子になります。ここにスタイル言語を書き込んでいきます。



新しく作ったcssファイルへ、下記のソースをコピーして貼り付けてみて下さい。



HTMLの方へは下記タグを入れてみると分かりやすいと思います。



背景色などが灰色に変わっていませんか？リンクなども触った時にロールオーバーされリンク色が変わると思います。もし変わっていないようでしたら、どこかの工程が抜けているか、半角スペースなどが入ってしまっている可能性があるので、注意してやり直してみて下さい。 これは<link rel="stylesheet" type="text/css" href="asp.css">のタグがcssファイルを読み込んでいるということです。href="asp.css"のネーミングはcssファイルと同じものを書き込めば問題ないです。スタイルシートの魅力は幾つものHTMLファイルがあっても同じフォルダ内に存在していれば、全てcssファイルで変更が可能なところです。もちろん、他のHTMLページにも<link rel="stylesheet" type="text/css" href="asp.css">と記載して下さい。



上記のことは、同じフォルダ内でないと表示しませんので注意して下さい。