基金訓練(Webデザイン・プログラミング科)の24日目に行ってまいりました。
HTMLプログラミングと、Adobe Photoshop CS4の実習です。
本日の内容は下記のとおりです。
HTMLプログラミング
1.HP作成に必要なもの
・素材(イメージデータ、動画ファイル、音楽ファイル、テキストデータ）
・素材をまとめるツール（エディタ）
・確認のためのブラウザ（IE、FireFox、Safariなど）
2.ブラウザに夜見え方の違い
使えるタグ、使えないタグがある。
3.基本的なタグ
<html>・・・ハイパーテキストSTART
<head>・・・このHPの設定を記述する。
<title>・・・タイトルバーに表示する文字を決める。
</title>・・・タイトル終了。
</head>・・・ヘッド終了
<body>・・・HPの中身
</body>・・・body終了
</html>・・・html終了
・<br>・・・改行
・<hr>・・・線付改行
・<body bgcolor=”xxx”>・・・背景色の指定。ｘｘｘで色指定。
色指定は、色名か、16進数で指定。
・<font color=”xxx” size”yyy”>~</font>・・・文字色と文字サイズの指定。
xxx 文字色、yyy 文字サイズ。
・<center>~</center>・・・中央ぞろえ
・<marquee direction=”xxx” scrollamount=”yyy”>~</marqueee>・・・テキスト、画像、GIFアニメをスクロールさせる。
xxx upで上スクロール、downで下スクロール、なしで左スクロール。
yyy スクロール速度。値 数字大きいほど速い。
・<img scr=”xxx” hight=”yyy” width”zzz”>・・・画像の貼り付け
ｘｘｘ ファイル名、yyy 画像高さ、ｚｚｚ 画像幅
フォトショップ、イラストレーター
1.フォトショップで、タイトルロゴの作成
・黒色で描く。
・新規レイヤーで色を塗る。
・色を塗ったレイヤーを乗算にすると最初の線が見える。
2.イラストレーターで花柄の飾りを作る。
・多角形ツールで8角形を描く。
・8角形を、メニューバーの効果→パスの変形→パンク・膨張で変形させる。
3.イラストレーターのデーターをフォトショップで開いて貼り付ける。
今日のポイント
・フォトショップで新規作成時、HPのパーツは72dpiに設定する。
