2015年1月31日土曜日

HTMLとCSS

こんばんは~!ブルーです。いまさらながら・・・HTMLとCSSを勉強中。
念のため説明。HTMLはウェブサイトの本文、CSSは本文のもととなるレイアウトを記載しておく別ファイル。CSSをもとにHTMLはレイアウトを構成する、とちょっと違うけどそんな風に思っておいてください。(爆)

一般的なウェブサイトはほぼ必ずCSSを使っている(はずだけど)、今使っているココログだけでなくアメブロなどのブログサービスでもCSSは編集できます。CSS編集モードでコードを書いてやることで、ある程度好きなようにブログをレイアウトできます。今回、少しこのブログのレイアウトを変えてみた。

変更箇所
背景画像の変更(水玉模様)。
サイドバーの背景変更と各項目タイトルの背景色を変更。
サイドバーの各項目のタイトルテキストをセンタリングして太字に。
ブログの本文投稿欄のタイトル文字を変更、タイトル背景色を追加。
ブログ本文欄を中央に寄せて見やすく。
ブログの本文テキストのサイズを上げる。

と、だいたいこんな風に変更しました。気に入ってくださるとうれしいです。ちなみに現在、HTMLタグうちでブログ記述中。エディターモードでは勉強にならないため・・・って、上の表は表にしなくてもリスト表示でよかったと今気づくが書いてしまったからこのままの方向で。表をtableタグで記述するのはやたら面倒。

さ、ここからは写真を貼り付けよう。さすがにちょっと複雑なので、ここからはHTML手打ちじゃなくてエディターモード使います(爆)

鬼子母神稲荷神社

鬼子母神にある、稲荷神社です。池袋から歩いて30分くらい。
ちなみに、画像貼り付けの時は、「代替テキスト」なるものを記述しないとダメらしい。
記述しておくと画像検索でなにかと有利だし、HTMLの文法を正しく書くという観点では記述しておきたいポイント。

金剛力士

これまたふと歩いているときに見つけた金剛力士像(だったはず?)
名前がややあやふやな時は代替テキストの設定に悩む・・・

ラブライブ痛絵馬 神田明神

もはや語る必要もないくらいしょっちゅう登場させてる痛絵馬。
これは、神田明神のものです。
神田明神、奉納されてる絵馬のほとんどが痛絵馬になってるという・・
痛絵馬以外を専用に奉納する場所が必要かもしれないとか思ったり。
将門さま・・・

というわけで、まあもっと勉強して出直してきます。
んじゃ、またね~!



0 件のコメント:

コメントを投稿