基金訓練(Webデザイン・プログラミング科)の45日目に行ってまいりました。
本日は、HTML&CSSプログラミングの実習です。

本日の内容は下記のとおりです。

１．CSSのスタイル属性(プロパティ)

フォントの一括指定

font:ア イ/ウ エ

• ア　font-style,font-variant,,font-weightの値。順不同で省略可。
• イ　font-sizeの値。省略不可。
• ウ　line-heightの値。この値の前にのみ”/”(スラッシュ)をつける。省略可。
• エ　font-familyの値。省略不可。

今日のポイント

• テキストエディタでタグ打ちする時、
  body div {border: solid 1px #f00;}
  をCSSに記述しておくと、ブラウザでボックスが赤枠で見れるのでレイアウトしやすい。
  (ただし、最後にこのスタイル指定を消すのを忘れずに)

基金訓練(Webデザイン・プログラミング科)の44日目に行ってまいりました。
本日は、HTML&CSSプログラミングの実習です。

本日の内容は下記のとおりです。

１．ブラウザとOSについて。

• IEだけで約7割のシェアがあり、その中で、問題が多いIE6でも約1.5割のシェアがあるので、IE6での見え方も考慮してHTMLプログラミングする必要があります。
• OSに組み込まれているフォントによって見え方も変わるので、ブラウザの標準フォントと、使いたいフォントで見え方を確認する必要があります。

２．ページ幅について。

国内の個人のパソコンの約７割がノートパソコンで、会社のパソコンの約４割がノートパソコンといわれています。
なので、XGA(1024ｘ768)を基準に考え、かつ、SVGA(800ｘ600)間で対応できるように、ページ幅は、700～800ピクセルあたりが妥当です。

３．CSSのスタイル属性(プロパティ)

font-size

文字の大きさの指定

font-weight

文字の太さの指定

line-height

行送りの指定

color

文字色の指定

今日のポイント

• ページ幅は、横スクロールバーが出ないように幅をピクセルか％で規制しましょう。

基金訓練(Webデザイン・プログラミング科)の43日目に行ってまいりました。
本日は、HTML&CSSプログラミングの実習です。

この日も、特に新しい内容はありませんでした。