スタイルシート&HTMLについて、当方が調べた限りを記述してみようと思う、まずこのCSS(Cascading Style Sheets)とHTML(hyper
makeup language)は2つペアで考えた方がいいと思います。何故かというとホームページビルダー作成する場合には、どこどこのHTML タグにスタイルを適用するのであって、HTML タグ名を覚えないと、良く分らないというか・とまどうかも知れない。
※右記事項を見て下さい・分かりづらいが青○で囲まれているのがHTMLに関してです。赤○で囲まれているのがスタイルの属性です。この属性で編集をしていくわけですが、まあ出来る限り解説してみようと思います・・・あくまでも参考として拝見して見て下さい・それから色々と試行錯誤しながら覚えていくしかないです。このページはHTMLの設定で埋めこみ型を試用しています・・・下記の画面に向かって右は外部スタイルシートといってリンクの隣りの▼マーククリックして、外部スタイルシートの新規作成/リンクを選び更に画面向かって下記真ん中に移り、まず名前を付ける、つまり外部スタイルシート名をそしてOKを押す→下記左画面に移り、ここで追加ボタンを押すと上記の画面に移り、HTML
タグのスタイルを設定を選び更に「HTMLタグ名」と「HTMLタグの候補」を選ぶ→それから色々と赤マークの付いたスタイルをクリックし設定をしていくと下記画面向かって左のような感じになります。※下記画面向かって左をよく見ると青○で囲まれたページ内のスタイルの一覧の下に、スタイルの一覧をよく見ると「(H2)見出し」「(TH)見出しセル」「(TR)表の行」「(p)段落」があるが、それぞれの4つのHTMLタグに対してスタイルを設定していく、例えばフォントを選びフォント候補からMSゴシックを選び追加しますと、上記の画面上を見てください・使用するフォント欄にMSゴシックが追加されますね、そうやって色々とHTMLタグに対してスタイルを掛けていきます。㊟外部スタイルシートの手順は、表示→スタイルシートマネージャー画面→リンクの隣り▼マークから外部スタイルシートの新規作成/リンク→外部スタイルシートの新規作成画面に半角で英数文字で名前を付けると、下記向かって右画面に移る→追加ボタンを押すと上記の画面に移る→HTMLタグのスタイルを設定からスタイルを設定していきます。㊟外部スタイルシート(リンク)についてだが、リンクボタンの隣りの▼マークから外部スタイルシートを選択してリンクを選びと、下記真ん中画面スタイルシートマネージャー画面から参照ボタンを押す、つまりリンクさせるファイルを選びます(前述したようにCSSスタイルを選ぶ・CSSスタイルのファイルを作って置く)挿入のタイプはリンクを選びOKボタンを押すとが外部スタイルシートが反映されます。他にはクラスのスタイルを設定とIDのスタイルを設定がある。クラスのスタイルを設定とは、HTMLタグにスタイルを設定します。スタイルはページ全体のタグに適用されますね・・・。IDのスタイルを設定とは、IDにスタイルを設定する。「同じIDはページ内に1つしか存在しない。」IDにスタイル・・・は、どうもあまり使わないみたいです???後は各自様々に色々とHTMLにスタイルを編集していきます!!慣れれば難しくはないですね・・・。HTMLのプログラミングの方がはるかに難しいです??と思うが、自身が感じた事であって確信がある訳じゃない、プログラム(言語)といっても色々あるからキリがない、人それぞれ必要に応じて使いこなすのがいいのかも、何て偉そうな事を書いてしまったが、当方はまだ勉強中なのです。自身は何といっても覚えが悪いからナカナカうまくいかないですね・・・(;_;)/~~~......まあ:とり合えず参考として拝見して見て下さい。。。。。。。。。。。。。。。。以上
![]() |
![]() |
![]() |
|---|
※下右記事項を見て下さいスタイルを設定します。ページ内にクラス属性を指定する事で、その箇所を変更できます。
これはまず上記右のダイヤログ属性を見て下さい。HTMLタグのスタイルを設定の下に、クラスのスタイルを設定を選ぶと→その下がクラス名(M)に変わります。ここの蘭に半角英数文字で名前を付ける→その下の色々なスタイルを選び属性を指定していく→色々とクラス名(M)を付けて更にクラス名ごとにスタイルを設定する→クラス名を付けたスタイルをどうやってページに反映させるかというと、右記のダイヤログ青○のクラス名の所にあるVを選ぶと、各自クラス名半角英数を付けスタイルを設定した・プルダウンメニューが現われる→ページ内にスタイルを反映させるには、ページ内のの例えば見出しだったとしたら、見出しを選び反映する事が出来る。ともかく当方も含め各自練習を重ねるしかない・自身なんか失敗の繰り返し、繰り返す事によって、色々な問題がとけてきた。とにかく色々な問題にチャレンジするのは面白いと思うですが・・・どうなんだろう。あともう1つIDにスタイルを設定します。同じIDはページ内に1つしか存在しません。これなんだけど1つしかスタイルをページに適用が出来ないと解釈して当方は省いた。あまり使わないんじゃないのかな、よく分らないが??・・・とにかくHTMLの設定では埋め込みと・外部スタイルシート(リンク型)が主だと思うのだが?・・・とにかくあくまでも参考として拝見して見て下さい(^.^)/~~~.........以上
| ホームページ作成にあたって・・・ | |
|---|---|
| 1 | 色々な作成機能にチャレンジしよう? |
| 2 | なるべくならファイル サイズを小さく! |
| 3 | 見栄えよく・分かり易く・役立つように! |
| 3 | テキストだけだと?・・・画像も取り入れた方が? |
| 4 | レイアウトには表を取り入れた方が? |
| 5 | コミュニケーション機能はおすすめです! |
| 6 | ウェブアニメーション機能は面白いですね! |
| 7 | 文章構成を進めて行くうちに、必ず上書き保存を忘れずにしましょう! |
| 8 | 分らない言葉は、検索機能で調べないと・知識が身に付かない |
| 9 | 極力ヘルプ機能を覗いてみる・が、読んでも、理解出来る事と出来ない事があると思うが? |
| Topへ戻る | sub13へ戻る | sub14 | sub15へ進む |
|---|