Webデザイナー科〜求職者支援訓練実践コース 成果まとめ
半年間、週5日、一日5時間の訓練で、どれだけ成長したのか、できるのか、期間中に制作した作品とともに記していこうと思います。
もともと独学で、XHTMLとCSSのサイトを作ったり、サイト更新や、バナー作成、ECサイトの商品ページ作成などの仕事をしてきましたが、知識の穴を埋め、デザイン力を強化し、スピード感を高め、よりクオリティの高い仕事ができるようになるために、求職者支援訓練を受講することにしました。
まだ訓練の途中ではありますが、あやふやなまま操作していた部分がずいぶんクリアになったのを感じています。Webの技術に終点はありませんが、自分が必要とすることをネットや書物を通じて、自力で解決していける入口に立てたという、確かな手応えを感じています。
1. 訓練目標
Webデザインの手法を理解しSEO、ユーザビリティ、アクセシビリティを意識したWebサイトの構築が出来る。また、PHPプログラミングの技術も習得し、WebサイトのみならずWebアプリケーションシステムの開発ができる人間像を目指す。
2. Photoshop【デザイン概論（2日間）＋画像加工処理基礎実習（13日間）】
◆実習課題：壁紙〜半年後になりたい自分（1280×800px RGB）
デスクトップのアイコンの位置に注意しながら、自分の目標となる文章を配置し、明るく印象に残るデザインを意識し作成しました。
◆実習課題：同一コンテンツバナー3種類（300×250px,160×600px,728×90px RGB PNG-8）
透過バナーと、どこでも使える不透過バナーを画像サイズに気をつけながら三種類作成しました。
3. Illustrator【画像加工処理応用実習（7日間）】
◆実習課題：ポストカード〜売れるカード（100×148mm CMYK）
売り場で手に取って購入していただけるポストカードとは？ターゲット層、使用目的を考えながらデザインしました。
◆実習課題：リーフレット〜行きたくなる喫茶店（A4縦 CMYK）
ギャラリーカフェで演劇イベントを実施するという仮設定で制作。単色の用紙に、単色インクだけ使って作るとしたら？いう制約を自分で決め、実験的に作ってみました。
4. XHTML/CSS, HTML5/CSS3, Dreamweaver
【HTML/CSS概論（2日間）HTML/CSS実習（10日間）HTML5/CSS3実習（4日間）
WEBサイト作成ツール実習（8日間）WEB制作実習1（17日間）】
◆実習課題：Webサイト制作『赤ちゃんのママへ伝えたい10コのコト。』（HTML5+CSS3）
育児に行き詰まっている新米ママが、短時間で読め、心をゆるめて一息つけるコンテンツを目指し制作しました。
◆実習課題：ランディングページ〜企業人材募集ページ（HTML5+CSS3）
求職者が応募したくなるLPを目指し作成しました。
5. JavaScript, jQuery, Dreamweaver【JavaScript実習（11日間）】
◆自主制作企画：『行こうよ！みんなの磯丸水産！！』（HTML5+CSS3+JavaScript）
同一のHTMLソースを使って、CSSのみで各自違う告知ページを作る企画を提案。自らも参加、制作するとともに、まとめページも作りました。jQueryのボタンで仕掛けを入れ、レスポンシブデザインに仕上げています。
◆自主制作：『ちびっこおえかき』（HTML5+CSS3+JavaScript）
jQueryのプラグインであるjCanvasを使って、子供用お絵かきソフトを作りました。
6. PHP, MySQL【PHPプログラミング実習（15日間）データベース構築実習（3日間）】
◆自主制作：WordPressテーマ（HTML5+CSS3+PHP+WordPress+MAMP）
自宅のMac OSXにMAMPをインストールし、ローカルサーバ環境を構築しました。データベースを作成し、WordPressをインストールし、WordPress用のテーマをPHPで0から自作しました。HTML5でマークアップしたモバイルファーストのレスポンシブなテンプレートです。以前から運営していたサイトに使用しています。
7. 総合グループ制作【WEB制作実習2（19日間）】
◆制作課題：『アバター育成系ダイエットプログラムアプリ（仮）』
DBの登録・更新・検索・削除のうち、3つの機能を含めたシステムをグループメンバー6人で分担し制作します。設計書・工程表・発表資料も成果物に含まれます。ただいま制作中です！