ホームページ作成無料レクチャー

Home > スタイルシートを使う１

スタイルシートを使う１

ホームページビルダーを例にスタイルを使ってみましょう。
（外部スタイル読み込みバージョン）

■スタイルシートマネージャーを表示させる

ホームページビルダーにはスタイルシートマネージャーという機能があります。これを使うとスタイルシートを簡単に設定できます。が、最初はこれは表示されていないので、表示させます。

「表示→スタイルシートマネージャー」

■外部のスタイルシートファイルを作る

スタイルシートマネージャーで、外部のスタイルシートファイルを作ります。スタイルの設定は、ここで作るファイルに書き込んでいくことになります。

リンクの横の▼をクリックすると、外部スタイルシートの新規作成/リンクが現れますので、ここをクリック。

外部スタイルシートの新規作成ウィンドウが出たら、「参照」をクリック。これは、スタイルシートファイルを自分の任意の場所に作るためです。

ファイルを開くウィンドウが出るので、スタイルシートファイルを作る場所を指定します。最初は、ホームページそのものを保存する場所を指定すれば良いと思います。
作る場所を指定したら、スタイルシートファイル名を英字入力ローマ字でつけます。
ボクは色の指定をするファイルを作るため「02_color」とつけました。
その後「開く」をクリック。

ここまでの作業を行うと、もとのスタイルシートマネージャーに戻ります。「スタイルの一覧」の下に、今作成したスタイルシートが表示されています。これが外部スタイルシートで、そのファイルを自分が作っているページに読み込んだことになります。

スタイルシートを設定する準備ができました。

美大受験
 日本画家
 画廊検索

ホームページ作成無料レクチャー「ホームページを作りたい人のためのホームページ」