CSS(CascadingStyleSheet),入門書は難しい言葉ばかりだし、コピペでＯＫというサイトを見つけて
も何も表示されない。ソースを見たことさえない初心者には超難関に思えます。
しかしホームページビルダーには実装されているので実際に使っています。
例えばページの背景色です。
普通はページのプロパティ或いは簡単ページ設定で背景色を選択。
ソース編集、或いは属性の変更で修正します。
ソース編集画面は<BODY bgcolor="#ffcccc"></BODY>となっています。
これがHTMLで表記されたページの背景色です。
一方ページの何も無い所で右クリック、スタイルの設定で背景色を設定。
この時のタグは全部ＨＥＡＤ内に有り、ＢＯＤＹ部には何も書かれていません。
この<style type="text/css"><!--
〜
--></style>の中に色やサイズなど見た目に関する要素(体裁）をまとめてしまおう、というのが
CSSの考え方です。ブログのように中身は違っても、見栄えは一緒ということが可能になり
ました。
例えばリンクの場合。このページのリンク色が■から■に変わっています。
タグはＨＥＡＤ内に下記のように入っています。
<STYLE type="text/css">
<!--
A{
font-weight : bold;
color : #ffcccc;
text-decoration : none;
}
-->
</STYLE>
HTMLの普通のリンクは リンクのようになります。
タグはＢＯＤＹ内に <P><A href="#">リンク</A></P> だけです。
CSSではページ内のA（リンク）タグに太字色下線無しの指定をしています。
ソース編集のリンク色が違います。
これは下記のようにタグに直接スタイルの指定をしています。
<A style="font-weight : bold;color : red;text-decoration : none;" href="#" target="_blank">ソース編集、或いは属性の変更</A>で修正します。
ＣＳＳではこのタグに直接書き込む形が一番優先されます。
ビルダーの場合編集（1）がＨＥＡＤ部、編集（4）が直接になります。
もう一つ右クリック→スタイルの編集以外にスタイルシートマネージャー でもできます。
追加をクリックするとスタイルの編集ダイアログが出ます。
タグ名がわからないと思いますので、ドラッグで反転表示させてから行います。
複数の指定がある場合は優先する方が表示されます。
編集で再指定、削除で取り消しできます。
ダイアログでタグ名がわかっても、それ以外のタグがどんな意味を持っているのか解らないと
応用が利きませんので、タグリストの説明です。
同時にスタイルの編集ダイアログの設定の説明です。
V8からはスタイリッシュ エフェクト が導入され、ページレイアウトの変更もできるように
なりました。それ以前のバージョンでもＣＳＳファイルを直接編集することで可能ですが
いちいち上書き保存してプレビューで確認する必要が有ります。
レイアウトは難しいので取り合えず付属のテンプレートを試してみましょう。
ファイル→テンプレートから新規作成或いはかんたんページ作成。
スタート→ページを作成する→サンプルテンプレート。
旧バージョンでのスタイルシートの利用はサイト→サイトスタイル→サイトスタイルの設定。
テンプレートといえばブログですが、Ｖ10からはブログの読み込み機能も付きました。
先にブログサーバーに登録してＩＤとパスワードを取得する必要が有ります。
ＩＤとパスワードを取得したらブログ→ブログ設定→ブログ設定追加でブログの設定ダイアログ
を開きます。ココログの例です。この後記事の編集、投稿までできますがホームページビルダー
でのブログの作成はお勧めできません。ヘルプでも下記のようになっています。
記事のタイトル文字の大きさや色を、「ホームページ・ビルダー」のページ編集画面で変更
してブログに投稿しても、実際のブログ上では反映されません。ブログで設定されている
デザインで表示されます。
ファイル→URLから読み込むでスタイルシートごと読込めますが変更は
反映されません。ブログはほとんどモジュール、プラグインの形で挿入することになります。
またブログサーバーはmovable typeにも対応していません。
ホームページ・ビルダーを使うならホームページのサーバーです。
これならテンプレートで検索したサンプルを読込んで、編集できます。例1例2例3
なおmovable typeを導入できるサーバーはＣＧＩ可の中でもロリポップ、チカパッチなど
本当に限られたところです。ダウンロードしてmt-check.cgiを起動。システムチェックをして
MySQLかSQLiteが使えるサーバーでないと無理のようです。
|
