CSS/JavaScript Tips

| 人が登録

ホームページ編集ソフトだけの機能では物足りない、もっと進歩したサイトにしたい方のためのサイトです。自分好みにカスタマイズしたいとき、すべてデザインを統一させてラクしたいときは大いに活用してください。 ただし、このコンテンツは、HTMLをある程度ご理解いただいた方を対象とします。「HTMLって何？」という方は、まずHTMLを勉強してくださいますようお願いします。

もくじ～CONTENTS～

JavaScript

• JavaScriptについて
  • はじめに
  • JavaScriptって何？
• アンケートページの作り方
• ランダムにBGMを変えるには？
• メニューセレクターを設置しよう
  • フレームページでメニューを選択するとメインフレームにリンクするには？
  • フレームを使わずに、メニューを選択するとそのページへリンクするには？
• 別ウィンドウにリンク先を表示させるには？
• ランダムにバナー広告を表示させるには？
• お気に入りに追加ボタンを作るには？

スタイルシート（CSS）

• スタイルシート(Cascading Style Sheets）について
  • リンクの文字のアンダーラインを消したいんだけど・・・？
  • どのブラウザでも同じフォントで表示させるには？
  • スクロールバーの色を変えたい
    （ただしInternet Explorer 5.5以降のみ適応です）

その他小技Tips

• 友達に紹介するボタンを作るにはどうしたらいいの？
• お気に入りに追加したときのアイコンを指定するには？

オススメ Webサイト

• 菊池さんの工作室（JavaScriptのサンプルが満載）
• AWCS（HTMLタグ JavaScriptサンプルなどHP作成支援サイト）
• JavaScript入門（ビギナーの方を対象としたJavaScriptの解説）
• ５・６年生にもわかるやさしいJavaScript（具体的な活用例を使って解りやすく解説）
• CSS Maker (ブラウザ上でスタイルシートを作成できる便利ツールあり）
• Cascading Style Sheets解説（スタイルシート）

オススメの書籍

スタイルシート スタンダード・デザインガイド
―SEO/ユーザビリティ/アクセシビリティを考慮した実践的HTML&CSSデザイン術

実は私、この本を持っています。リニューアルのとき非常に参考にさせていただきました。

スタイルシートサンプルブック

私もこの本を持っています。CSSの基本をしっかり身に付けたい初心者にはオススメかもしれません。

HTMLとスタイルシートによる最新Webサイト作成術
―ホームページでなにを伝える?どう作る?

結構売れている話題の書籍です。

HTML&スタイルシートレイアウトブック
―「脱!フレーム&テーブル」で「最新・標準」レイアウトにリメイク!

フレームやテーブルを使わないレイアウトにリメイクするための解説書です。