第8回 1月28日(月曜日)
障害者向け ウェブデザインセミナー

adobeのチュートリアルビデオ ←日本語の字幕があるのでお楽しみください。

↑こんな感じの画像の加工もできます。 選択ツールで丸く選択 周囲をぼかす 反転してフィルターをかけます。

昨日ネットが繋がらないトラブルがあり申し訳ございませんでした。改めてせっかくなので1800*1600の背景画像をお持ちの画像を使って作ってみましょう。

基本的なホームページの構成を考えてみます。

フォトショップで作ったものをどのようにレイアウトするといいのでしょうか…


壁紙はすべてにはりつきます。
これはbody要素にbackground-color を設定する方法は…

タグに直接書く方法…
<body background="back.gif" bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" ></body>
属性 説明
bgcolor="" 文書の背景色
text="" 文字の基本色
link="" リンク文字の色(未訪問)
vlink="" リンク文字の色(訪問済み)
alink="" リンク文字の色(選択中)


CSSで設定する方法↓ ←一般的
<サンプル>
body { background-color:#fff;背景色は白 →こっちは文字色です color:#000; 文字が黒
background-image: url(../images/back.gif);
background-repeat: repeat-x } ←繰り返し方…

ページ全体の背景を白、文字を黒に指示する

<H1>~<H6>のHとはHeadingの略で、見出しを意味します。 <H1>が最上位の見出し(大見出し)で、以下数字が小さくなるにつれて下位の見出し(小見出し)となります。 <H6>が最下位の見出しです。

色見本を使って blogger に設定してみてください。


常駐ソフトを選択し、パソコンのパフォーマンスを上げる

このように重い作業をするようになると、パソコンに常駐しているソフトが重くてジャマになったり、必ず立ち上がってくるソフトがうざくなったりすることがあります。検索ボックスで「msconfig」と入力して Enter キーを押す。詳しい使い方

↑設定すると再起動が必要です。



ċ
test_0128.zip
(26k)
さいきゆみ,
2013/01/27 17:59
ċ
test_0128_1.zip
(275k)
さいきゆみ,
2013/01/27 18:00