IBMホームページビルダーV14・V13・v12・v11・v10・v9・v8・v7　スタイルシートの設定　操作方法

スタイルシート/基本編

• スタイルシートとは
• 場所を決めよう//ビルダーでスタイルシートを設定するための基礎知識(1)
• 目印を探せ//ビルダーでスタイルシートを設定するための基礎知識(2)
• [スタイルの設定]画面の使い方

スタイルシート設定のための基本操作【ビルダー12・11編】

• スタイルシートマネージャーを開く
• スタイルシートマネージャの画面
• 外部スタイルシートの新規作成
• HTMLタグにスタイルを設定する(HTMLタグがわからない場合)
• HTMLタグにスタイルを設定する
• 名前を付けてスタイルを設定し、指定した個所に定義したスタイルを適用する(class/ ID)
• IDやclassのスタイルを適用する
• 「スタイル　クラス」ボタンを利用してclassスタイルを適用する
• ページ内の限られた個所のみに適用させるスタイルシート
• ページにテンプレートのスタイルを利用する
• サイト全体にテンプレートのスタイルを利用する
• スタイルの詳細設定

スタイルシート設定のための基本操作【ビルダー10まで】

• スタイルシートとは
• スタイルシートマネージャーを開く
• スタイルシートマネージャーの画面
• 外部スタイルシートの新規作成
• HTMLタグにスタイルを設定する(HTMLタグがわからないとき)
• [スタイルの編集]から設定する
• ページにテンプレートのスタイルを利用する
• サイト全体にテンプレートのスタイルを利用する
• ページ全体のフォントや大きさ等を設定したい(ページ毎にスタイルを設定する場合)
• 特定部分にスタイルを設定（特定箇所にスタイルを設定する場合）
• 限られた文字だけスタイルを使いたいとき
• 特定のスタイルを定義し、指定した個所に定義したスタイルを適用する　<class・ID>
• classのスタイルを適用する
• スタイルの詳細設定

スタイルシートの利用例

• 指定したサイズでテキストを表示させる(インラインフレームのように表示させる)
• リストを利用してリンクボタンを作成する
• 壁紙（背景画像）を繰り返さないで表示
• 背景画像を固定して表示
• リンクの下線を表示しない
• リンクを設定した文字にマウスを乗せると文字の位置がズレるようにする
• リンクを設定した文字にマウスを乗せると上下の線が表示される
• リンクを設定した文字にマウスを乗せると背景色と前景色が変わる
• リンクのスタイルを特定箇所だけ別のスタイルにしたい
• カーソル表示を変更する
• テーブル枠の表示<基本編>
• ウィンドウ内の余白を無くす
• ウィンドウを囲むような枠線を表示する
• 行間隔、文字間隔を調整する
• 縦書きにする
• フィルタを使って半透明にする
• フィルタで出来ること
• 色付きスクロールバー<小技編>
• 色つきスクロールバー<ビルダー12・11での操作>
• 折りたたみメニュー

サイト内検索

キーワード:

キーワードは短めに。 スペースで区切って単語を並べるとヒットしやすくなります

FAQ

ホームページビルダーの操作等で多く寄せられる質問を集めました。

Question log

質問BBSに寄せられたログを公開しています。