基金訓練に行ってきました。(24日目)

基金訓練(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”>・・・背景色の指定。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”>・・・画像の貼り付け
 xxx ファイル名、yyy 画像高さ、zzz 画像幅

フォトショップ、イラストレーター

1.フォトショップで、タイトルロゴの作成
・黒色で描く。
・新規レイヤーで色を塗る。
・色を塗ったレイヤーを乗算にすると最初の線が見える。

2.イラストレーターで花柄の飾りを作る。
・多角形ツールで8角形を描く。
・8角形を、メニューバーの効果→パスの変形→パンク・膨張で変形させる。

3.イラストレーターのデーターをフォトショップで開いて貼り付ける。

今日のポイント
・フォトショップで新規作成時、HPのパーツは72dpiに設定する。

関連記事

カテゴリー:職業訓練
.

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください