ホームページビルダー・グレート初心者講座

小技の紹介と基本要素以外の項目を掲載しています


　文字・画像・色

　ウェブアートデザイナーを使う
　リンクにマウスが乗ったときの表示を色々変えてみる
　検索エンジンの検索結果などにリンクする
　スクロールバーの色をカラフルにしてみる
　流れるテキストを入れてみる （マーキーを使う）
　マーキーを使って画像などを動かしてみる
　インラインフレームのスクロールバーをカラフルにしてみる
　マウスクリックで背景色を好みの色に変える (ボタンで設定)
　マウスポインタを画像などに変更してみる
　画面がスクロールしても背景画像を固定表示する
　文字にルビ（読み仮名）を付ける
　フィルタのアルファを使って透明度を設定してみる （ＩＥのみ）
　モニタに表示している画面全体をまるごとコピーして使う
　オンマウスでリンクやマウスやセルに説明を出す
　アイコン等の画像と文字の垂直位置をそろえる


　表

　マウスクリックで背景色を好みの色に変える （セルに設定）
　オンマウスでリンクやマウスやセルに説明を出す
　マウスが上に来たときのセルの色を変化させる
　テーブルやセルの中の余白を調節する
　テーブルの枠に画像を使って丸くする
　テーブルを使ってタイトル欄付きの説明枠
　テーブルの表題部分に背景画像を入れた説明枠
　テーブルを使ってセンター寄せのレイアウト


　フレーム

　更新履歴などに便利なインラインフレームを利用してみる
　フレームをサイト転送に利用してみる （サイト移転時などに）
　オプションメニューでコンパクトなリンク（フレームに表示）


　ページのレイアウト

　画面いっぱいまで表示されるように余白を無くす
　テーブルを使ってセンター寄せのレイアウト
　テーブルやセルの中の余白を調節する
　相対的な位置のコンテナに画像などを重ねる


　スタイルシート

　スタイルで表やボタンの枠を指定してみる[1]
　スタイルで表やボタンの枠を指定してみる[2]
　フィルタのアルファを使って透明度を設定してみる （ＩＥのみ）
　テーブルやセルの中の余白を調節する
　テキストエリアのサイズを％で指定する
　アイコン等の画像と文字の垂直位置をそろえる


　フォーム部品

　フォームの送信やリセットボタンを画像ボタンにする
　入力フォームの透明度を設定する （画像の場合と同じ）
　入力フォームの色や入力される文字色、枠色などの設定
　縦書きの入力フォームをスタイルで設定する
　送信ボタンやリセットボタン、入力フォームのサイズを指定する
　CGIを使わないメールフォームを作ってみる
　テキストエリアのサイズを％で指定する
　フォーム部品を枠で囲って分かりやすく（FIELDSET）
　フォーム挿入による改行を回避するには
　フォーム部品や画像をフィルタを使って透過させる
　オンマウスでリンクやマウスやセルに説明を出す


　JavaScript

　お気に入りに登録するボタンを作ってみる
　[進む] [戻る] [閉じる] ボタンを作ってみる
　ポップアップ表示する小窓を作ってみる
　ポップアップ表示する小窓を複数設置する（上記続き）
　ポップアップ表示する小窓を効率よく設置（ウィンドウサイズ固定）
　ポップアップ表示する小窓を効率よく設置（ウィンドウサイズ可変）
　ポップアップ表示する小窓の修正部分[2003/10/29修正]
　オプションメニューでコンパクトなリンクを作る
　オプションメニューでコンパクトなリンク（フレームに表示）
　オプションメニューでコンパクトなリンク（GOボタン付き）
　印刷するボタンやリンクを作ってみる
　指定したページのソースを表示するボタンを作成する
　[JSライブラリ]Glossyを使って画像に光沢効果を出す
　[jQuery]ThickBoxを使う準備をする
　[jQuery]ThickBoxを使って画像をポップアップ表示する
　[jQuery]ThickBoxを使ってhtmlページをポップアップ表示する
　[jQuery]ThickBoxを使って画像をスライドショー表示する
　[jQuery]ThickBoxを使って同一ページ内を部分的に表示する
　[jQuery]ThickBox その他の設定
　[jQuery]Smooth Navigational Menuで滑らかなスライドメニュー
　[jQuery]Smooth Navigational Menuの設定変更
　[jQuery]Easy Tooltipでツールチップを表示
　[jQuery][jQuery]csv2tableでCSVファイルを読み込み表で出力
　[jQuery][jQuery]csv2tableとjqchartでCSVからグラフと表を出力
　[jQuery]ColorPicker カラーピッカーの設置（ビルダーで操作）
　[jQuery]ColorPicker カラーピッカーの設置（ソースで編集）
　[jQuery]ColorPicker カラーピッカーに関するメモ


　　※ 旧ポップアップ表示の解説について（取消のリンク）
　　タブブラウザが主流となっており、旧解説の方法ですと小窓でなく
　　別のタブに新しいページとして表示されてしまいます。
　　ポップアップを行う場合ThickBox等を使った方法が簡単です。


　ウェブアートデザイナーの操作

　ウェブアートデザイナーの画面構成
　ウェブアートデザイナーで文字を扱う
　ウェブアートデザイナーで図形を扱う
　色の設定やグラデーション、テクスチャ
　消しゴムツールの使い方
　オブジェクトの拡大や縮小
　オブジェクトのグループ化
　切り抜きツールの使い方
　ホームページビルダーとの連携
　オブジェクト単位での保存
　保存時の設定とファイルサイズ
　スクリーンショットを取って編集する
　ボタン作成ウィザードでボタンを作成
　ボタン作成ウィザードを使わずボタンを作成
　写真をフォトフレームで装飾する


　他サービスとの連携

　GoogleMapsやYahoo!地図を挿入する
　動画共有サービスの動画を埋め込む



　その他

　迷惑メール収集ロボットにメールアドレスを収集されにくくする
　CGIを使わないメールフォームを作ってみる
　一定時間で自動転送するようにする （サイト移転時などに）
　一定時間ごとに表示しているページを自動更新する
　レイアウト枠でダイナミックHTMLを利用してみる
　ページ切り替え時に特殊効果（トランジション）を使ってみる
　SSI を使って効率よくサイトを更新（共通部分を効率よく修正）
　レンタルした掲示板をホームページに設置する
　隠しメニュー（オンマウスでメニューが表示される）
　テンプレートを作って効率よくサイトを作成していく
　EXCEL のファイルをページ内へ挿入する
　EXCELファイルのテーブルHTMLソースを取得したい
　インターネット上のページをビルダーで開く
　検索エンジンに携帯用ページがある事を示す
　お気に入りアイコン（ファビコン）の生成と設置



　ホームページビルダー環境設定

　バックアップファイル（bak）を生成しないようにする
　HTMLソース表示編集の色づけを止めて高速表示
　メニューから別のブラウザを起動できるようにする
　ビルダーが勝手に構文を自動修正しないようにする