ワンランク上のページを作るための、ちょっとお洒落な「CSS」と「JavaScript」のソースを紹介します。
「CSS」、「JavaScript」に関して、最初にこちらのページをご覧になってから、ご利用になると一層分かりやすいと思います。
ページの<head>部に挿入する場合、CSSは左のソース、JavaScriptは右のソース内に書き込んでください。CSS（.css）ファイル、JavaScript（.js）ファイルを作成し、そこに書き込み、外部リンクから読み込む場合は、必要ありません。
このページのソースを利用するには
|
リンクテキストの動的効果 |
ドロップシャドードロップシャドー
ドロップシャドー |
||
|
CSSでリンクボタン |
頭文字を大きく |
||
|
ここにスクロールボックス内の文章を書き込みますが、ホームページ作成ソフトで書いているときには、どんなに沢山書いても、スクロールバーは表示されません。 設定した高さより長くなっても、どんどん下の行へ書いていってしまいます。しかし、 ブラウザでプレビューすると、スクロールバーが表示されます。 ここに表示されているスクロールボックスのサイズは、スクロールバーを表示するために、幅400px、高さ120pxにしていますが、 下のソース表では幅500px、高さ150pxになっているので、好みのサイズに変更してください。 スクロールバー |
CSSでページデザイン |
||
|
ある文章の段落の左側に、サイドラインが付いていると、そこの文章は目を引きます。サイドラインの種類は、幾つか選択できます。線幅も好みのサイズに出来ます。 文章の左にサイドライン |
文字の間隔や行の高さを、見やすいように変更するスタイルシートです。
|
||
フォームボタンを使う |
文字の点滅 文字を点滅 |
||
|
テキストフィールドに色を着ける |
フォントサイズを変更する |
||
|
メールアドレス確認 |
スワップイメージ |
が表示されます。（
姉妹ページ「Dreamweaverで作るホームページ作成の手引書」 「スタイルシートを使ってホームページを作る」
「初心者が簡単にメモ帳で作るホームページ」
このページの作者の「ペンション エアージン」は、こちらです。一度、お出かけください。
