ホーム > ホームページ小技集

ホームページ小技集

ホームページのコンテンツが充実してきたら小技で見に来た人を驚かせましょう。
ここに掲載しているものはカットアンドペーストで簡単に設置できるものばかりを集めました。

ホームページの小技集(最新版)をメールマガジンにて随時発行します。
発行:ヤマカズさん(今時のHP作り!

(登録)電子メールアドレス(半角):
(解除)電子メールアドレス(半角):

このメールマガジンは「まぐまぐの殿堂入りメールマガジン」です。

Powered by Mag2 Logo

ホームページの小技:その1(ページの中にページ)

インラインフレームを使ってページの中に何個もページを表示させます。リンク集なんかに使うとイメージがつかめますのでわざわざ移動してもらう手間が省けます

ホームページの小技:その2(マーキーは縦にも動く)

横スクロールする文字はよく見かけますが、縦スクロールはほとんどありません。新着情報や更新情報又は、紹介文等に適しています。

ホームページの小技:その3(リンクにカーソルを合わせると文字が変化)

このサイトもそうですがリンクにカーソルを合わせると色が変わったり文字が変化したりしますよね。スタイルシートを使ってお洒落なページにしましょう。

ホームページの小技:その4(ブラウザの枠)

このページのような枠を表示させます

ホームページの小技:その5(CGIを使わないフォームメール)

フォームに入力した情報をCGIを使わずにJavaScriptを利用し送信します。設置もカットアンドペーストで2行目にあなたのメールアドレスを入力するだけです。

ホームページの小技:その6(ボタン一発「お気に入り」登録)

訪問者に再び来てもらうためボタンをクリックするだけで今開いているページを簡単に「お気に入り登録」出来るようにします。
又、ブラウザを起動したときに表示される「スタートページ」への登録も促します。

ホームページの小技:その7(スクロールバーの色変更)

スクロールバーの色を変えることが出来ます。
これもカットアンドペーストで簡単に設置できますよ。

ホームページの小技:その8(リンクをボタン風に!)

リンクをボタン風に改造出来ます。画像でリンクを作るよりも格段に軽くよりアクティブなページが作れ、しかも設置が簡単!
InternetExplorerでは少し上下の文字と被ってしまいますがセンス良く作ればもっときれいに出来るかも?...

ホーページの小技:その9(文字に影を付ける)

 文字に影を付けてタイトル風にアレンジしてみます。画像で作るより断然軽く仕上がりますよ。

ホームページの小技:その10(マウスカーソル)

 ページのマウスカーソルを十字等に変化させます

ホームページの小技:その11(特大文字)

文字をとてつもなく大きくします。

ホームページの小技:その12(CGIを使ったフォームメール)

 CGIの知識が無くても簡単にメール送信フォームが作れてしまいます。

ホームページの小技:その13(画像が!!(トラジション))

特殊効果を用いて2枚の画像を入れ替える

ホームページの小技:その14(テーブルの活用)

テーブルを使えば本格的なデザインも思いのまま!!今までの並べるだけのデザインが見違えるように変化します

ホームページの小技:その15□お知らせボード

文字の入れ替え。一行にも出来るし複数行の文章も書けます、画像も自由に貼れますし、勿論LINKも設定できます。

ホームページの小技:その16 音楽ファイルを操る

JavaScriptを使用し、プラグインタグのみで実現、通常のプレーヤーでは無く、自分の好きな画像をプレイボタンにしたり出来ます。

ホームページの小技:その17:浮遊感のあるマウス

DHTMLを使用し、マウスポインタ周辺をぷにょん〜ぷにょん〜と動く、一風変わったマウス追従効果です。

ホームページの小技:その18:文字の均等割付

cssを使用して文字の均等割付を実現させました、これを使いこなせればテキストのレイアウトも一段と綺麗になるでしょう

ホームページの小技:その19:WindowScrollInformation

JavaScriptとインラインフレームを使用しスクロールしながらメッセージを表示するボードです、用途は無限に存在します。

ホームページの小技:その20:イメージの切り替え

JavaScriptを使用して、大量の画像を、小スペースで見せる方法です。

ホームページの小技:その20:CSSによるリンク効果1

CSSを使用してリンクボタンアクションを飾っています。

ホームページの小技:その21:CSSによるリンク効果2

CSSを使用して画像ボタンアクションを飾っています。

ホームページの小技:その22:DHTMLを利用したポップアップコメント

DHTMLでマウスか乗った時にPOPUPでコメントや画像が出るようにしました

ホームページの小技:その23:会員サイトもどき

ログインして内容を見てもらう場合、最も簡単な方法がBASIC認証です。
そのBASIC認証を簡単に実現する小技をどうぞ。

ホームページの小技:その24:かな入力無効

メールアドレス入力欄など全角で入力されていることがよくありますが、
そのようなことを防ぐために日本語入力(IME)を無効にしてしまう方法はいかがでしょうか。


ホーム > ホームページ小技集