基金訓練(Webデザイン・プログラミング科)の18日目に行ってまいりました。
本日は、Adobe Dreamweaver CS4の実習です。
本日の内容は下記のとおりです。
1.サイト定義
2.空白のindex.htmlの作成
・XHTML 1.0 Transitionalで新規作成
・lang属性、dir属性の追加
xml:lang=”ja” lang=”ja” dir=”ltr”を追加
<html xmlns=”http://www.w3.org/1999/xhtml”>
を
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja” lang=”ja” dir=”ltr”>
に変更。
3.デザインビューで各要素（パーツ）をテキストで打ち込み
・Fireworksで書き出した各画像と書き出していないテキストを、画像は適当な名前で、テキストはそのまま、大体デザイン上の配置で上から下への順番で1行ずつ改行して打ち込む
4.各要素のタグを変更
・すべて<p>テキスト</p>になっているので各要素にマッチしたタグに変更
基金訓練(Webデザイン・プログラミング科)の17日目に行ってまいりました。
本日は、Adobe Illustrator CS4の実習です。
本日の内容は下記のとおりです。
1.ペジェ曲線の練習
・ペンツールを使って直線や曲線を描く
・ショートカットいろいろ
Ctrl+Z・・・取り消し
Ctrl+Shift+Zt・・・やり直し
スペース(押している間だけ)・・・手のひらツール
Ctrl+スペース(押している間だけ)・・・ズームイン
Ctrl+Alt+スペース(押している間だけ)・・・ズームアウト
Ctrl(押している間だけ)・・・選択ツール
Ctrl+0・・・全体表示
Ctrl+1・・・原寸表示
今日のポイント
・曲線の感覚は練習でつかむ
・文字のアウトラインをなぞって練習する
基金訓練(Webデザイン・プログラミング科)の16日目に行ってまいりました。
本日は、Adobe Fireworks CS4の実習です。
本日の内容は下記のとおりです。
1.画像の最適化
・スライスしたパーツごとに最適な画像形式を割り当てる
2.最適化したスライス範囲を、それぞれ画像データにして書き出す
・JPG、GIF、PNG形式にして書き出す
今日のポイント
・色数の多い写真データはJPG
・色数が限られているイラストやアイコンはGIF(背景の透明化も可)
・色数が多く、かつ、背景を透明化する必要があるときはPNG
・画質が低下しない程度に、GIFならば色数、JPGならば画質を落としてデータサイズを小さくする
・書き出すときは、Fireworks上で見たままに書き出されるので、背景を透明にするときは、カンバスも透明にしておくこと
・スライス範囲は重ならないこと
sei2が、気になる家電、WEBデザイン、WEBプログラミング、基金訓練や日常の出来事を書いたブログです。
