ホームページ作成で基本となるHTML基礎知識を中心に解説。アクセスアップの為にもHTMLの基礎を身につけSEOに心がけよう!
SEO対策リンクタグ : 無料 ホームページ 講座 ブログ HTML CSS
無料SEO対策ツールで検索エンジン最適化&アクセスアップ
 ※初心者でも無料でホームページが作成可能
FC2 無料ホームページ スペース
 ※商用利用やアフィリエイト広告の設置制限なく携帯サイトにも対応
無料で使える容量無制限レンタルサーバー
 ※独自のCGI(ホームページを演出するプログラム)設置可能
初心者でも安心、容量無制限の格安レンタルサーバー
 ※月200円+容量無制限+初期設定費用無し!ブログも作成可能
改訂新版 ぜったいデキます! これからはじめるホームページ

◎ マウスのオン、オフでオブジェクトの背景色を変更させる

  カーソルがオブジェクトにふれると背景色が変化し、
  カーソルがオブジェクトから離れると、元の背景色に戻ります。

▼ サンプル

▼ ソース

<div style="background-Color:gold;width:260px;border:solid 1px #555555;font-size:16px;">
<div onmouseover="this.style.backgroundColor='#ffcccc'" onmouseout="this.style.backgroundColor='gold'" style="padding:3px;">
オブジェクトの背景色変更
</div></div>
JScriptハンドブック―Java Scriptを越えた最強のツール JScriptハンドブック―Java Scriptを越えた最強のツール
佐藤 信正 (2005/09)
毎日コミュニケーションズ
この商品の詳細を見る

Windows環境で通常のJavaScriptと呼ばれるスクリプト言語をはるかに上回る機能を持つ「JScript」に注目。
簡単に、しかも最大限に生かすための情報をオブジェクトの視点からコンパクトにまとめる。

JScriptはWindows環境で利用するなら、通常のJavaScriptと呼ばれているスクリプト言語をはるかに上回る機能を持っています。 Windowsの環境から最大のメリットを引き出すためには、JavaScriptという限定にこだわる必要はありません。本書はJScriptのみに注目し、簡単に、しかも最大限に生かすための情報をオブジェクトの視点から、できるだけコンパクトにまとめました。

出版社からのコメント
JScriptとは、MicrosoftによるECMA-262(ECMAScript Edition 3)の言語仕様に準拠したプログラミング言語で、オブジェクトを基本にしたスクリプト言語としてインタープリタによって実行されます。
そもそもJscriptは、Netcape Navigator 2.0用にNetscapeCommunicationsとSun Microsystemsが開発したスクリプト言語JavaScriptに対抗し、Internet Explorer 3以降でJavaScriptに互換性を持た言語としてMicrosoftが開発したものです。そのため、JScriptはWeb向けのスクリプト言語として一般的に理解されてきました。
しかし、Windows98およびWindows2000以降では、OSの一部として、WSH(WindowsScripting Host)の実行環境が組み込まれ、デスクトップで通常のプログラミング言語として利用可能になり、また、MicrosoftのWebサーバーである IISではCGIやPHPのように動的にWebページを生成するASP 用の言語としても利用されています。
JScriptはさらにドット NET Frameworkでコンパイル可能な言語JScript.NETに発展しています。 (JScript.NETはJavaScriptの上位の互換性をできるだけ維持しており、プログラミング言語としての基本の部分はほぼ同じです)
本書は、インタプリタで実行されるスクリプト言語としてのJScriptを中心に、Microsoftの資料だけでは理解しづらかったり、類書では触れられていない情報までをも網羅したリファレンスブックです。

改訂新版 JavaScript 例文活用辞典 改訂新版 JavaScript 例文活用辞典
古籏 一浩 (2006/10/20)
技術評論社
この商品の詳細を見る

JavaScriptの例文辞典。
Internet Explorer 5.0~7.0、Firefox 1.x、Safari 1.3~2で動作するスクリプトや例文を掲載。
DOMや通信関連の例文も追加した改訂新版。

動きのあるホームページを作りたいがプログラミングなんて絶対無理という方のために本書はあります。掲載のとおりJavaScriptを使うと、ウィンドウを新しく開いたり、文字を動かしたり、フォームの内容をチェックしたりとホームページをコントロールできます。

目次
 ・基本編 ・構文編 ・ブラウザ編 ・クッキー編 ・ウィンドウ編 ・サブウィンドウ編 ・文字編
 ・マウス/イベント編 ・リンク編 ・フレーム編 ・フォーム編 ・フォーム/テキストフィールド編
 ・フォーム/テキストエリア編 ・フォーム/ボタン編 ・フォーム/チェックボックス編
 ・フォーム/ラジオボタン編 ・フォーム/セレクトメニュー編 ・画像編 ・フィルタ/グラフィック編
 ・映像・サウンド編 ・ビジネス編 ・ソート/並べ替え編 ・正規表現編 ・変換編
 ・特殊編 ・DOM編 ・XML編 ・通信編  ・付録

標準DOMスクリプティング JavaScript+DOMによるWebアプリデザインの基礎 標準DOMスクリプティング JavaScript+DOMによるWebアプリデザインの基礎
羽田野 太巳 (2007/01/16)
ソフトバンククリエイティブ
この商品の詳細を見る

旧来のJavaScript手法と照らし合わせながら、W3C DOMの扱い方を解説。コーディング・テクニックだけではなく、DOMスクリプティングがSEOにどのようにかかわっていくかも詳述する。

DOM(Document Object Model)はW3Cが策定した標準仕様です。DOMにのっとってJavaScriptとHTMLをプログラミングすることで、近年注目されている Ajaxの手法と同様、サーバとの通信を行うことなく、マウスカーソルの動きやクリックに応じて、複雑なメニュー展開や画面スタイルの変更などが可能となります。本書ではWebブラウザでそれを実現するための情報を取り扱っています。
DOMはこれからのWebクリエイターに必須の知識です。

◎ Googleの特殊検索コマンドを使った検索方法

Google の詳しい検索方法 (検索結果を絞りこむ)

マイナス検索
検索結果から除きたいキーワードの直前に「-」(マイナス)を入力することで、「-」がついている
キーワードを含まないページを検索することができます。(※マイナスの前にスペースを挿入)
 ▼例 : 「ホームページ作成」を含み「ブログ」を含まないページを検索する
   ※入力例 : ホームページ作成 -ブログ

フレーズ検索
引用符「"」(ダブルクォーテーション)を使用することで、「"」で囲まれた、ひと続きの文・文字列(フレーズ)が文中に並んでいるページだけを検索することができます。
 ▼例 : 「無料ホームページ作成講座」の文字列が含まれるページを検索
   ※入力例 : "無料ホームページ作成講座"

サイト検索
特定のドメインやサイト内のみを対象として検索したい場合は、「site:」の後にドメイン名を追加して検索します。(キーワードとの間には半角スペースを挿入)
 ▼例 : 「無料ホームページ作成講座」内で、「JavaScript」を検索
   ※入力例 : site:bloglink29.blog58.fc2.com JavaScript

intitle検索
ページのタイトルに特定の文字列が含まれているページを検索したい場合は、「intitle:」の後に文字列を追加して検索します。(キーワードとの間には半角スペースを挿入)
 ▼例 : タイトルに「講座」が含まれるサイトから「無料ホームページ」に関するページを検索する
   ※入力例 : intitle:無料ホームページ 講座

inurl検索
URLに特定の文字列が含まれているサイトを検索したい場合は、「inurl:」の後に文字列を追加します。(キーワードとの間には半角スペースを挿入)
 ▼例 : 「URLに"blog" が含まれるサイトから"無料テンプレート"に関するページ」を検索する
   ※入力例 : inurl:blog 無料テンプレート

リンク検索
指定のサイトにリンクを貼っているページを調べる時に使う特殊検索コマンドです。
「link:」に続けてURLを入力して検索します。
 ▼例 : 「無料ホームページ作成講座ブログ」にリンクしているページを検索
   ※入力例 : link:http://bloglink29.blog58.fc2.com/

関連ページ検索
指定したページと似た内容を持つページを検索する時に使う特殊検索コマンドです。
「related:」に続けてURLを入力し検索します。
 ▼例 : 「無料ホームページ作成講座ブログ」と似た内容を持つページを検索する
   ※入力例 : related:http://bloglink29.blog58.fc2.com/

ファイル検索
ファイル名の拡張子を対象に、それを含むページを検索する
「filetype:」に続けて文書の拡張子を入力してください。(キーワードとの間には半角スペースを挿入)
 ▼例 : Microsoft Excel(拡張子:xls)で書かれた納品書のテンプレートを検索する
   ※入力例 : filetype:xls 納品書

JavaScript JavaScript
デイビッド フラナガン (2000/12)
オライリー・ジャパン
この商品の詳細を見る

JavaScriptのコア言語とクライアントサイドのフレームワークを、実例を網羅して解説する。原書改訂に合わせた「JavaScriptプログラミング」の改題改訂。

本書は、JavaScript1.2を中心に、JavaScriptのコア言語とクライアントサイドのフレームワークを、実例で網羅して詳細に解説する JavaScriptプログラミングガイドの決定版である。初心者から上級プログラマまでを対象とし、付録のCD‐ROMには、すばやく必要な情報を検索できるように、すべての関数、オブジェクト、メソッド、プロパティ、コンストラクタ、イベントハンドラのリファレンスをHTML形式で収録している。 JavaScriptを使いこなして魅力的なウェブページ作りを行ないたいウェブページ作成者必携の一冊である。

目次
第1部 コアJavaScript
 (字句構造、データ型と値、変数、式と演算子、文 ほか)
第2部 クライアントサイドJavaScript
 (Webブラウザに組み込まれたJavaScript、ウィンドウとフレーム、ドキュメントオブジェクトモデル、
 イベントとイベント処理、フォームとフォーム要素 ほか)

JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集 JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集
ダニー グッドマン (2004/01)
オライリージャパン  [Javaスクリプト解説本]
この商品の詳細を見る

JavaScriptとDHTMLを使ってWebページを強化するための問題と解決をまとめた例題集。Web開発者がアプリケーションに直接導入できるコードになっている。ECMAとW3C DOM標準に対応。

本書は、JavaScriptを使ってウェブサイトを構築する際に直面する疑問を175例集め、わかりやすいレシピ集というスタイルで解説していきます。本書のレシピは、文字列操作や日付の検証のような単純な処理から、クロスブラウザな手法によるHTML要素の位置指定やテーブルの動的な並べ替えなど高度な処理を行うライブラリまでを網羅しています。「~をするにはどうすればいいのか?」という疑間に解法(コード例)を示し、「どうしてそのコードが動くのか?」までを解説しているので、応用のきくテクニックを習得することができます。さまざまなレベルの人が直面する問題を1冊にまとめた本書は、ウェブアプリ開発者必携の一冊です。

目次
 ・文字列 ・数値と日付 ・配列とオブジェクト ・変数と関数とフロー制御 ・ブラウザ機能の判定
 ・ブラウザウィンドウの管理 ・複数フレームの管理 ・動的なフォーム ・イベント処理
 ・ページのナビゲーション ・スタイルシートの管理 ・静止コンテンツのための視角効果
 ・HTML要素の位置指定 ・動的なコンテンツの作成 ・動的コンテンツを使ったアプリケーション

基礎 Ajax + JavaScript 基礎 Ajax + JavaScript
佐藤 和人 (2006/12)
インプレスジャパン  [Javaスクリプト解説本]
この商品の詳細を見る

ホームページ作成ソフトを使わずに、簡単なページを作成できる人を対象として、JavaScriptの基本的な文法から、Amazon Webサービス、Ajaxの実践までをやさしく解説。

Ajaxのキホンはオブジェクト指向JavaScriptにアリ!
-Internet Explorer 7完全対応!-
Ajaxをマスターするには、まずJavaScriptの文法をきちんと学ぶことがたいせつです。
本書は、本格的プログラミング言語としてのJavaScriptを、豊富なサンプルリストや練習問題で、文法の基礎から徹底マスターできます。これさえ乗り越えれば、Amazon Webサービス・Googleマップなど、Ajaxを活用するのはかんたんです。
この1冊だけで、プログラミングがまったくはじめての人でも、キホンから実践まで、Ajaxのすべてがやさしく学べます。
<対応ブラウザー:Internet Explorer 6,7, Firefox 2, Opera 8, Safari>

出版社からのコメント
基礎シリーズとは−−はじめてでもプログラミングがやさしく習得できる、言語入門書の決定版!
●見やすい本文オール2色!
 プログラムリストの注釈部分など、色を効果的に使った見やすい教科書です
●豊富な図解でわかりやすい!
 プログラムの概念や事例などを画面・表・イラストなどでやさしく図解しています
●サンプルと練習問題でソク学べる!
 豊富なサンプルプログラムと各章ごとの「まとめ」「練習問題」で実践的に学習できます

基礎からのJavaScript 基礎からのJavaScript
岡田 克司 (2006/06)
工学社  [Javaスクリプト解説本]
この商品の詳細を見る

プログラミングの経験のない人でも、JavaScriptの全体像を理解し、自分で簡単なJavaScriptアプリケーションが作れるように解説。「Ajax」についての説明を追加した第3版。

■ 目次
 第1章 JavaScriptとは
 第2章 JavaScriptプログラミングの基本
 第3章 変数・数式と文字列
 第4章 「関数」と「制御構造」
 第5章 オブジェクト総論・固有オブジェクト
 第6章 ブラウザのオブジェクト
 第7章 フォームのオブジェクト
 第8章 タイマとその応用
 第9章 フレームとマルチウィンドウ
 第10章 Ajax入門
 第11章 プログラミング上達の手引き
 Appendix

JavaScriptプログラミング入門 第2版 JavaScriptプログラミング入門 第2版
大津 真 (2006/09/23)
オーム社  [Javaスクリプト解説本]
この商品の詳細を見る

JavaScriptによるプログラミングをしっかり身につけたいというユーザーに最適な解説書。
サンプルや解説をFirefox等のWebブラウザに適合するように大幅に見直して増補改訂。

AjaxというWebアプリケーションの開発手法の登場で、いま改めてJavaScriptが注目されている。
本書はJavaScriptの言語仕様とプログラミングについて、基本的な実例をもとに詳細に解説する。

■ 目次
 1 JavaScriptとはどんな言語
 2 JavaScriptの概要
 3 基本的な組み込みオブジェクト
 4 Webブラウザのオブジェクト
 5 フォームとJavaScript
 6 フレームとJavaScript
 7 Imageオブジェクト
 8 JavaScriptの活用

改訂第4版 JavaScript ポケットリファレンス 改訂第4版 JavaScript ポケットリファレンス
古籏 一浩 (2006/10/18)
技術評論社  [Javaスクリプト解説本]
この商品の詳細を見る

膨大な数の命令をサンプルとあわせて解説。機能別にすぐ引けます!Web2.0を支えるJavaScriptを詳細解説。AjaxやDOM Scriptingで必要となる、DOM/XML/通信の解説を大幅強化。Internet Explorer、Firefox、Safariなど、最新ブラウザに対応。サンプルスクリプトがダウンロードできます。

JavaScriptを扱う上で必要な知識を収録し、なおかつ持ち運びやすいサイズのリファレンス。
今回の改訂では、Ajaxに関わる、通信/DOM/XML等のプロパティやメソッドの解説を強化しました。
もちろん、IneternetExplorer 7(RC1)、Firefox、Safari等の最新ブラウザで動作をチェックしています。

プロとして恥ずかしくないFlashの大原則 プロとして恥ずかしくないFlashの大原則
MdN編集部 (2006/10/28)
MdN  [Flash 解説本]
この商品の詳細を見る

Webクリエイターだからこそ、正しくマスターしておきたいFlashの機能とテクニックを網羅。基本操作はもちろん、Webサイトに視覚効果や動的な表現を与える知識や技法、ゲーム作成の基本&作例等をメイキング解説。

ホームページ製作・作成に関連する本
 ※プロとして恥ずかしくないJavaScriptの大原則
 ※HTML+スタイルシート Webデザインブック

関連タグ : Flash(フラッシュ)

プロとして恥ずかしくないJavaScriptの大原則 プロとして恥ずかしくないJavaScriptの大原則
(2006/07/15)
MdN  [Javaスクリプト解説本]
この商品の詳細を見る

JavaScriptを使った動的なWebサイト作成について、正しい知識や使い方をマスターしていますか? 作例から学ぶ表現や効果、Ajaxの基本、デザインツールへの応用などを解説しています。

プロを名乗るWebデザイナーならJavaScriptもマスターしておきましょう

Webに動的な処理やFlashのような華やかな演出を加えたいときHTMLのタグやスタイルシートだけでは表現するのが困難です。ワンランク上のWebページづくりにはJavaScriptの習得が必要不可欠。
本書は、JavaScriptを使ったWebデザインのために必要な知識から、作例でのソース解説までを一冊にまとめたWebデザイナー向けの解説本です。
JavaScriptの基本的な使い方からピンポイントでのソース解説はもちろん、使われ始めたJavaScriptライブラリや話題の Ajaxによる作例までフォロー。
また、PhotoshopとIllustrator上の作業をJavaScriptで処理させるテクニックまで盛り込まれ、JavaScriptを学びたいWebデザイナーだけでなく、クリエイターにも最適な一冊です。