6/27(金) 授業メモ

授業 Illustrator

今日もグラフィックデザインでした。作成した作品はこちらです。文字変形使用ツール等：ダイレクト選択ツール、グラデーションツール ※文字の変形は、文字をアウトライン化し変形したいパスをダイレクト選択ツールで選択し変形。日本地図使用ツール等：…

2014-06-26

6/26(木) 授業メモ

今日はグラフィックデザインでスイーツ書籍のチラシのデザインをカラー.ver とモノクロ.ver の２種類をしました。〜授業メモ〜 photoshop 紙媒体(AIで)に切り抜き写真を使うためにphotoshopで切り抜く時は、クリッピングパスを使う。「Web用に保存」でPNG…

2014-06-26

6/25(水) 授業メモ

授業

今日の授業で、問合せフォームの作成確認をしました。先生が作成で使用していたタグの意味をメモしました。 <th scope="col">見出しセル</th>scope属性を指定すると、そのセルがどちらの方向に対する見出しであるかを明示することができます。値 row … そのセルが、横列に対する…

2014-06-25

6/24(火) 授業メモ

授業

今日の授業の流れは、 ①CSS3の演習テスト実施 ②Webフォント ③svg画像を作成 ④シンタックスハイライターについて ⑤zen-codingについて〜メモ〜 ①GoogleFonts i ) GoogleFontsを開く ii ) 使いたいフォントを探す iii ) 選んだら矢印マーク（Quick Use）を押…

2014-06-24

CSS3 演習問題

授業 CSS3

CSS3 演習問題の解答【問１】CSS3で影をつける場合の、プロパティ名を２つ書きなさい【答１】box-shadow text-shadow ※ 答えをクリックすると詳しい内容がわかります。【問２】CSS3で影をつける場合、プロパティに設定する4つのパラメータのうち、1つ目…

2014-06-24

目標達成！！

日記

今日、いいなと思ったWebサイトのピックアップが100件達成しました！引き続き紹介は続けて行く予定です！

2014-06-21

6/20(金) 授業

授業

今日の授業は、書籍チラシを制作しました。先生から提供されたチラシのデータをもとにIllustratorを使ってコピー作品を制作しました。３時間で完成出来なかったのでへこみましたよ。。。

2014-06-21

カフェのフライヤーを作成（120mm x 120mm）

授業 Illustrator

授業でカフェのフライヤー（CDジャケットサイズ）を作成しました。白黒.ver カラー.ver カラー.verは、フライヤーではなくチラシになってしまいました。。。失敗です。。。先生のアドバイスは、 ①フライヤーとはチラシとは違う ②手にとってもらえるデザイ…

2014-06-20

Sublimetext2を導入してみた

SublimeText 2 を導入しましたので、導入方法を紹介します。 SublimeText 2 をダウンロードする。公式のサイト（http://www.sublimetext.com/2）から、自分の環境にあったファイルをダウンロードしてきてください。 ※OSは、Windows,Mac,Linux に対応してい…

2014-06-19

6/18(木)授業メモ

授業

今日は、SublimeText3をインストールし日本語化、ビオレパッケージデザイン（花王社製品）。 ①SublimeText3をインストールし日本語化。インストールは出来ましたが、日本語で表示させることが出来ませんでした。。。メニューバーまでは出来ましたがね。 ②…

2014-06-18

6/18(水)授業メモ

授業 CSS3

今日は、CSS3を使ってグラデーションの設定を学びました。学校ブログ 7/29を参照 ★mozilla系のブラウザ用の命令記述例）background:-moz-linear-gradient(top, #990, #066); 解説 ) background:-moz-linear-gradient (方向, 開始色, 終了色); 方向の種類 …

2014-06-17

6/17(火)授業メモ

授業 HTML5 PHP

今日は、HTML5とCSS3とPHPの授業でした。午前の授業は、昨日につづきレスポンシブWebデザインです。午後は、CSS3を使用し角を丸くするborder-radiusと、PHPでブログやYahoo!のトピックスのrssを取得する方法を学びました。 ①レスポンシブWebデザインは、固…

2014-06-16

習得度確認試験５　の回答

授業 HTML5

Webサイト制作科 | 習得度確認試験５【問１】セクションのヘッダー領域を定義するタグは何か書きなさい【答１】header 【問２】一般的なドキュメント・セクションやアプリケーション・セクションを定義するタグは何か書きなさい【答２】section 【問３】…

2014-06-16

6/16(月)授業メモ　HTML5

授業 HTML5

今日はHTML5でレスポンシブWEBデザイン、ボックスとテキストにシャドウを付ける。 ①可変レイアウトパターン：HTML+CSS 学校のブログ 2014-07-08の記事の「可変レイアウトパターン：HTML+CSS」をもとに進行。 ②ボックスとテキストにシャドウを付ける。学校の…

2014-06-13

HTML5 まとめ問題

HTML5

Q1. HTML5の説明で正しいものはどれかこれまでのHTMLを大幅に改定したHTML第5改訂版 HTMLやXHTMLの文書作成機能を改良し、より構造化しやすいタグが利用できる次世代のWeb環境に合うように仕様を作成 W3C(World Wide Web Consortium）の管理下で仕様を策定…

2014-06-13

6/12(木)の授業メモ

PHP 授業

①PHPのメールフォーム青地部を書き換え。赤字部を追記する。 <table> <tr> <th><label for="name">お名前:<br><span>※必須</span>  ３０文字以内</label></th> <td><input type="text" name="name" id="name" size="76" maxlength="30" placeholder="例：東京太郎" value="<?php echo h($name); ?>" required ></td> </tr> <tr> <th><label for="email">ema…</label></th></tr></table>

2014-06-09

PHPの基本

PHP

PHPの基本を書きます。 ①拡張子は「 .php 」で保存する。 ② の <php と ?> の間に記述する。 ※PHPの記述の後にPHP以外の記述が無い場合は、 ?> の記述は無くて良い。 ③文字列を表示させたい場合は、 print ( ' 文字列 ' ); または print ( " 文字列 " ); print ' 文字</php>…