2012-01-01から1年間の記事一覧

オブジェクトとプロパティとメソッド04

メソッドとは 「メソッド」とは、オブジェクトに対する処理をまとめたもの メソッドを呼び出すと、そのオブジェクトに対して何らかの処理をさせることができる メソッドには「()」がつ メソッドの実行 「メソッド」を実行するには、プロパティと参照したいメ…

オブジェクトとプロパティとメソッド05

alertメソッド ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>メソッド</title> </head> <body> <p>ボタンをダブルクリックしてください。 <input type="button" value="ボタン" onClick="alert('Perfect!')"> </p> </body> </html> ブラウザで表示

[基礎][JavaScript]オブジェクトとプロパティとメソッド06

☆★データーでの確認★☆writeメソッド 文字列を書き出す。 ソースコード【 JavaScript 】 window.document.write() ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>JavaScript練習</title> </head> <body> <script type="text/javascript"> <!-- document.write('<h1>Hello JavaScript!<\/h1>'); //--> </script> </body></html>

記述する場所03

meta要素 XHTMLの場合は必須ですが、HTML5の場合は記述しない。 同様に、「type属性」も不要。 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> /* [ META ]タグはその文書に関する情報(メタ情報)を指定して、 ブラウザや検索ロボットに 知らせるためのタグ。制作者やキーワー</meta></head></html>…

【12月25日月例テスト2回目】

(1)IPアドレスやドメイン名などの管理を行っている団体として正しいものを選びなさい。 (a)ICANN[ (The Internet Corporation for Assigned Names and Numbers、アイキャン)とはインターネットのIPアドレスやドメイン名などの各種資源を全世界的に調整…

JavaScript開発においての注意点

JavaScript開発においての注意点 JavaScriptは無効にできる JavaScriptが無効の場合を視野に入れておく/li>サーバー側でも入力漏れがあるかどうかチェックする仕組みをつける。たとえばサーバー側のPHPなどのサーバーサイドプログラムで、エラーを検知して先…

JavaScript開発においての注意点02

JavaScriptでのメニュー表示 JavaScriptを使った動的メニューの場合、JavaScriptを無効にすると表示されない可能性がある。 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Javascriptメニューがオフの場合</title> </head> <body> <script type="text/javascript"> <!-- メニューを生成するJavascriptのコード //--> </script> </body></html>

オブジェクトとプロパティとメソッド

オブジェクトとは 操作の対象となる部品のようなものを「オブジェクト」と呼ぶ。 ブラウザのオブジェクト ブラウザのオブジェクトは、ECMAScriptで標準化されていないためブラウザごとに独自のオブジェクトが実装されている。

オブジェクトとプロパティとメソッド02

プロパティとは 「プロパティ」とは、オブジェクトの状態や属性のこと。 プロパティは「参照」や「設定」が可能。 プロパティの参照・設定「Windowオブジェクト」のプロパティを参照するには、次のようにwindowプロパティと参照するプロパティ名を「.ピリオ…

CSSまとめ10

CSSによるページ構築の手順 この「グループ化」をするときに、「id名」「class名」を使い分けて、グループの意味を作っていく。

CSSまとめ11

文書構造のグループ化 グループ化とは、div要素によるコンテンツのブロック化 「コンテンツのブロック化」であるので、1行を「div要素」で囲まないことが鉄則 見出しと本文のまとまりとを一緒に構造化 情報を「線形化」する砕いて言えば、ワープロソフトの…

CSSまとめ12

IE6で、マージンが2倍になってしまうバグ 下記のコードで、IE6はマージンが20pxになる。 #sidebar{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10px; } マージンが2倍になってしまうバグは、…

CSSまとめ13

floatと親ボックスの「高さ」

Pearl Crescent Page Saver(Firefox拡張機能)

見たままの記録ができる Flashムービーもキャプチャーできる 長いページもキャプチャーできる Pearl Crescent Page Saver

特殊文字

特殊文字リファレンス HTMLクイックリファレンス HTMLの特殊文字 e-Words(読み方付き)

アップロード

アップロード:Upload アップロードとは、コンピュータネットワークにおいてコンピュータに存在するファイルを接続された他のコンピュータに転送すること(ローカルからサーバーへのコピー) 対義語としてはダウンロードが挙げられる FTP:File Transfer Pro…

JavaScript

変数 プログラミングにおいて、変数(variable)とは、プログラムのソースコードにおいて、扱われるデータを一定期間記憶し必要なときに利用できるようにするために、データに固有の名前を与えたもの。 宣言(変数宣言) プログラムの中でどのような名前の変…

JavaScript02

JavaScriptとは JavaScriptは、オブジェクトベースのスクリプト言語。 もともとブラウザで動作するように作られたもので、クライアント側で動作する言語です。 XHTML+CSSで作られたWebページにJavaScriptを組み合わせると、いままでは印刷物のように動かな…

JavaScript03

JavaScriptでできること ドキュメント操作 Webページに文字を表示する 文字や背景の色を指定する Webページを切り替える クッキーの読み書き ウィンドウ 確認ダイアログを表示する 新しいウィンドウを表示する ウィンドウのサイズを指定する イベント ページ…

記述のルール

シングルコーテーションもダブルコーテーションも同じ扱い Google JavaScript Style Guide ではシングルコーテーションの使用を推奨してる 行の終わりには必ずセミコロンを付ける <html lang="ja"> <head> <meta charset="UTF-8"> <title>行の終わりには必ずセミコロンを付ける</title> </head> <body> <script type="text/javascript"> ]で囲んでいた --> </body></html>

記述する場所

bodyタグの間に記述する HTML文書内に実行結果を表示したいとき。 属性に記述する イベントハンドラから直接呼び出すとき。 「input」などHTMLタグの属性に記述する。 headタグの間に関数を記述する イベントハンドラに指定した関数を呼び出すときなどは、「…

記述する場所02

HTML内部に記述する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML内部に記述する</title> </head> <body> <script type="text/javascript"> <!-- ここにコードを記述 //--> </script> </body> </html> ソースコード【 XHTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTM…</meta></head></html>

CSSまとめ

CSSは3次元で考える 記述の順序は「外側から」と「重なり順の上から」がある。 一般的にレイヤー構図を意識して記述することが少ないからか「外側から」記述することが多い 記述順序例

CSSまとめ02

スタイルの優先順位

[まとめ][CSS]CSSまとめ03

スタイルの特殊性(specificity) スタイルの読み込み順序のルール(あとから読み込んだものを優先する)は、あくまで特殊性が同じスタイルに適用される

CSSまとめ04

要素間の上下マージンの相殺 どちらも正の値の場合、大きいほう どちらも負の値の場合、小さいほう 一方が正の値、他方が負の値の場合、足し引きした値を設定(5px + 10px = 15px)

CSSまとめ05

fontsizeとlineheight

CSSまとめ06

displayとvisibility 「visibility: hidden」ではボックスが生成されたうえで、不可視化される

[まとめ][CSS]CSSまとめ07

position: relative(相対的) その要素本来の位置(左上)からの移動距離

CSSまとめ08

position: absolute(絶対的) 包含ブロック(左上)からの移動距離