『ホームページ関連メモ』インデックス

Home page CSS JavaScript
応用例 画像関連 Dynamic HTML

[HOMEへ戻る]  [カテゴリー]  [最近話題の生活関連用語]  [PC・インターネット基礎用語]
Home page
Home page(ホームページ)の作り方
HTML文書の例
HTML文書で使われるのタグの基本リスト
 ├フォントの属性を指定
 ├文字の特殊な表記方法
Home pageに色を付けよう
ホームページの作リ方2
 ├ホームページのテーマ
 ├きれいなホームページ
 ├ホームページのソース
 ├私の雛型
 ├ひながたのHTML文書の例
 ├イラストや背景用素材が欲しい
 ├画像の扱い方を知りたい
TABLE の使い方
リンクについて
Home page用アイコンが欲しい
カウンターが欲しい
ホームページをサーチエンジンへ登録したい
リンク集にも登録してもらいたい
動くGIFを使ってみたい
ホームページのアップグレード(JavaScript)
掲示板が欲しい
無料のHome pageサービスはないか?
ホームページに音楽をつけたい
掲示板やチャットで使われる顔文字は?
フレームを使いたい
ホームページのファイルを転送したい (FTP)
イラストや背景用素材が欲しい
クリッカブルマップ
マーキー(marquee)の簡単な例
簡単ボタンの使い方
ホームページのディレクトリ
フレーズ要素
タグの属性(パラメータ、attribute)一覧
イベント属性 一覧
 ├マウスイベント
丸文字
実体名
特殊記号
数学記号
ブロック要素とインライン要素
ダイナミックHTML(DHTML)
文章のレイアウト
私の雛型 2
マルチメディアコンテンツ
meta要素 (メタタグ)
ブログ、ウェブログ(Weblog)
ホームページが上手く表示できない時
著作権の侵害について
FTPが使えない(PASVモード)
HTML+TIME 
画像が表示されない
トラックバック
キャラクタ・セット
ブログ・ウェブサイトで注意すべき権利
似顔絵とアバター
CMS(コンテンツマネジメントシステム)
ホームページ用の写真の準備
XHTML
HTML5
Google Chartを使った数式の書き方

スタイルシート   
スタイルシート
スタイルシート CSSのプロパティ
CSSで用いられる プロパティの値
スタイルシートの記述ルール
スタイルシートの記述例
スタイルシートの簡単な例
CSSの色の指定 (color 属性)
テキスト関連のCSSの例
 ├フォントの大きさ
 ├CSSのフォントの種類
 ├スタイルシート FONT-SIZE & FONT-FAMILY
 ├スタイルシートの font-styleプロパティ
 ├スタイルシートの font プロパティ
 ├文字の間隔や文字の幅(スタイルシート)
 ├特殊な文字のスタイルシート (font-variant , text-transform)
CSSで用いられるテキストの配置
スタイルシートの background プロパティ
スタイルシートのboxの概念
 ├余白 (marginとpadding)
 ├ボーダー(border):枠線の種類
 ├枠線のスタイルの応用
 ├表示・配置関連のスタイル
クラス (CLASS)
リストの行頭項目
カスケード処理
スタイルの継承
ボックスの配置と位置指定(position)
ボックスの配置(position)の例
ボックスと文字の回りこみ(float)
複数のボックスの重なる順序を指定(z-index)
表示範囲を指定した場合の表示方法(overflow)
見える範囲を指定する方法(clip)
テーブル用のスタイルシート
テーブルのセルのボーダーと文字列配置
スタイルシートの vertical-alignプロパティ
テキストの横方向の配置
スタイルシートリファレンス
ボックスの種類を決める(display)
visibility - 要素の可視性

JavaScriptの基礎   
JavaScript
onClickイベント
Mathオブジェクト
document.write
ドキュメントオブジェクト
ナビゲーターオブジェクト
Dateオブジェクト
演算子
配列オブジェクト
JavaScript リファレンス
オブジェクトとメソッド
新しいオブジェクトの作成
データの種類 
変数 
documentオブジェクトのプロパティ
JavaScriptの記述方法 
JavaScript記述の注意 
JavaScriptの演算方法 
オブジェクトのプロパティ 
関数(function) 
ビルトイン関数
配列
条件分岐(制御構文)
繰り返し(制御構文)
エスケープ文字 
予約語 
window(ウィンドウ) オブジェクト
メソッド一覧 
正規表現のマッチング表現 
変数の型を変換する
String(文字列) オブジェクト 
イベントハンドラの記述
JavaScriptのオブジェクト
Frameオブジェクト
historyオブジェクト
locationオブジェクト
Anchor オブジェクト
Area ,Link オブジェクト
Image オブジェクト
Form オブジェクト
Form の要素(Elemant)
Form の要素のボタン関連の要素(Elemant)
チェックボックスやラジオボタン
Form の要素のテキスト関連の要素(Elemant)
selectオブジェクト
Boolean オブジェクト
Event オブジェクト
Function オブジェクト
Number オブジェクト
Object オブジェクト
RegExp オブジェクト
screen オブジェクト
Date オブジェクトのメソッド
チェックボックスとラジオボタンの使用例
selectオブジェクトの使用例
image オブジェクトの使用例
チェックボックスの使用例
ラジオボタンの使用例
複数のテキストを抽出する方法

Java Script の応用例   
お誕生日チェック
256色 、 16進コード 変換
新しいウインドウを開く方法
Webページ上で計算させる方法
金利の計算
西暦 ⇒ 和暦変換
JavaScript の簡易電卓 
選択メニュー 1
文字のスクロール 
ファイルの更新年月日を表示
クリスマスまでの日数計算
ステータスバーに文字列のスクロール
テキストボックスに1文字ずつ表示
マウスを重ねるとテキストボックスに説明を表示
マウスを重ねると説明を表示 1
ブラウザ情報などを表示
ブラウザの状態をチェックして表示
ブラウザ情報を表示方法
マウスのポインターのある座標
使えるボタン、いろいろ
九九(かけ算)の練習
月を切り替えられるカレンダー
ハイパーリンク元を調べる
訪問回数を調べる
eval関数を使った計算
ストレス度チェック
SDSによる判定テスト(うつ病の自己診断)
肥満度チェック
毎回背景色を変更します
スロットマシーン
小数点以下で四捨五入
ストップウォッチ
ウィンドウサイズの変更
ウィンドウのサイズと位置制御
バイオリズム診断
時刻によりメッセージを換える
卒業年度チェック
10進数 ⇒ 2〜16進数変換
ブラウザが対応しているスクリプト言語
素因数分解
更年期症状度チェック
神経衰弱
小数点以下の桁数を揃える
整数部を取り出す
新しいウィンドウをラジオボタンで背景色を指定して開く
新しいウィンドウをサイズ指定して開く
わり算の余りを求める
半角英数字記号かどうかを判定
数字かどうかを判定
サブウィンドウの位置を変更します
文字列の一部を抜き出すsubstring
九星と十干を求める
夏バテ度チェック

画像への応用   
マウスのポインターを乗せると写真を替えます。
Java Script を用いたスライドショー
画像が徐々に現れる (Java Script)
フェードイン、フェードアウト
ボタンで画像を切り替え
フィルター : revealTrans 
フィルター : Shadow
「スタート」ボタンを押すとスライドショウが始まります
のぞき窓
のぞき窓 2
サムネイルにマウスポインターを移動すると画像が換わる
アルファ・フィルタ・アニメ(IEのみ)
画像が徐々に現れる (Pixelate)
画像が徐々に現れる (wave.strength)
画像がスライドして現れる。
画像を点滅させる。
サムネイルをクリックすると大きなイメージ
画像の大きさを変更
スクリーン・ショー
画像が浮かび上がるように表示(blendtransフィルター)
画像を波立たせる(Waveフィルター)
スライドして現れます
画像の回転表示
画像の多面体表示
画像のページめくり
画像のエンドレススクロール
画像をランダムな位置に表示
Transition効果を使ったスライドショー (IEのみ)
画像のエンボス効果 Engrave(bias=n)(IEのみ)
画像が徐々に鮮明になる (MotionBlur)(IEのみ)
画像が徐々に鮮明になる (Blur)(IEのみ)
マウスを乗せると画像が明るくなる(IEのみ)
光源を当てる方法(filters.Light)(IEのみ)
画像が下から現れる(Matrix Filter)(IEのみ)
画像が中央から左右に替わる(Barn Filter)(IEのみ)
画像が左から滑らかに替わる(GradientWipe)(IEのみ)
画像が左上から現れる(Inset)(IEのみ)
星型になって切り替わる(Iris)(IEのみ)
モザイクもようになって切り替わる(Pixelate)(IEのみ)
時計回りに回転して切り替わる(RadialWipe)(IEのみ)
紙芝居みたいに切り替わる(Slide)(IEのみ)
互い違いに入れ替えるように替わる(Slide)(IEのみ)
画像が巻きのように替わる(Spiral)(IEのみ)
ページをめくるように替わる(Stretch)(IEのみ)
車輪で回転するように替わる(SWheel)(IEのみ)
Zigzagを使ったスライドショー(IEのみ)
中央から徐々に画像が現れる(Alpha Filter)(IEのみ)
CheckerBoardを使ったスライドショー(IE5.5〜)
Fadeを使ったスライドショー(IE5.5〜)
RandomDissolveを使ったスライドショー(IE5.5〜)

Dynamic HTML、CSSの応用   
ダイナミックHTML(DHTML)
ダイナミックHTML:いろいろな動き
文字に色が流れます
文字列の色を一定時間毎に変化させます
文字列のフェードインを繰り返す
文字列が迫ってくる感じです。(フォントサイズの変化)
文字の色を後から変更する方法
マウスでドラッグ&ドロップ
文字列をネオン風に表示
マウスアクション:消えたり現れたり
グロー・フィルター・アニメ
スライド表示
マウスアクション:文字列に変化を与える
マウスポインタの形状をかえる
CSSでタイトル作成
文字列がびよ〜んと伸びたり縮んだり
グロー・フィルタ・アニメ(IEのみ)
文字列のスクロール(映画のエンディング)
マウスと共に画像が移動します。
revelTransのtransitionを変化(IEのみ)
waveフィルター・アニメ
マウスで文字の入力
漢字の読みはなに?
文字にに影をつけることができます (IEのみ)
縦書きの例
イメージフィルター 
フィルターの一覧
スクロールバーの色をカラフルに変更 : IEのみ 
DirectX によるフィルタ効果(IE5.5以降)
filter:progid:DXImageTransform.Microsoft.Alpha();
filter:progid:DXImageTransform.Microsoft.MotionBlur();
filter:progid:DXImageTransform.Microsoft.Blur();
filter:progid:DXImageTransform.Microsoft.Glow();
filter:progid:DXImageTransform.Microsoft.DropShadow();
filter:progid:DXImageTransform.Microsoft.Shadow();
filter:progid:DXImageTransform.Microsoft.Wave();
Emboss と Engrave
filter:progid:DXImageTransform.Microsoft.Pixelate(bias= 〜 );
filter:progid:DXImageTransform.Microsoft.BasicImage();
背景をグラデーションにする
メッセージを切り替える(revealTransフィルター)
DXImageTransformフィルタ - Barn
DXImageTransformフィルタ - GradientWipe
DXImageTransformフィルタ - Inset
DXImageTransformフィルタ - Iris
DXImageTransformフィルタ - Iris2
DXImageTransformフィルタ - Pixelate
DXImageTransformフィルタ - RadialWipe
DXImageTransformフィルタ - RadialWipe2
DXImageTransformフィルタ - RandomBars
DXImageTransformフィルタ - Slide
DXImageTransformフィルタ - Slide2
DXImageTransformフィルタ - Spiral
DXImageTransformフィルタ - Stretch
DXImageTransformフィルタ - Stretch2
DXImageTransformフィルタ - Wheel
DXImageTransformフィルタ - Zigzag
背景画像を動かす(IE)
ボタン時計(フォントの変更)
Filter Light(IE4〜)

 ⇒ Windows
 ⇒ パソコン
 ⇒ 周辺機器
 ⇒ インターネット・通信
 ⇒ メール
 ⇒ ソフト
 ⇒ プログラム
 ⇒ 政治・経済
 ⇒ 産業・技術
 ⇒ 世界からの情報
 ⇒ 健康・医療情報
 ⇒ 環境
 ⇒ 趣味など
 ⇒ 園芸・カントリーライフ
 ⇒ 得する情報
 ⇒ 役立つ情報
 ⇒ 学術情報
 ⇒ 学びの館
 ⇒ その他

必要画像解像度の計算
単位換算

[先頭ページへ戻る] [次のページへ進む] [HOMEへ戻る]