chevron_left

Webサイトのライブデザイン&コーディング実演授業!

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 28

授業の概要

この授業では、コーポーレートサイトを0から制作&実況していきます。
一般的な構成のWebサイトの制作フローをお伝えするとともに、実践的なテクニックをご紹介いたします。
また、授業中にデザインのアイデアを募集&採用したいと思います!
コミュニケーションを楽しみながらWebサイトをいっしょに仕上げていきましょう!

授業の流れは下記の通り…

1. コンセプトメイキング
2. リサーチ
3. ワイヤーフレーム制作
4. デザインカンプ制作
5. HTML:マークアップ
6. CSS:スタイリング
7. jQuery:インタラクション
8. アップロード

*授業中で使用するアプリケーション

Adobe Photoshop
Adobe Illustrator
Adobe Dreamweaver
Sublime Text 2

チャプター

play_arrow
自己紹介&アジェンダ
04:10
play_arrow
ワークフロー
06:35
play_arrow
キックオフ
14:15
play_arrow
メイキング
17:50
play_arrow
デザインカンプ制作
01:01:27
play_arrow
コーディング
43:48
play_arrow
アップロード
04:21
play_arrow
Q:XPが来年公式サポート終了しますが、IE9〜がスタンダートになっていくのでしょうか?
00:40
play_arrow
Q:ワイヤーフレームはどれ位の時間をかけて作っていますか?
00:19
play_arrow
Q:フォルダ名の前にアンダースコアを入れるのは何故ですか?
00:40
play_arrow
Q:ワイヤーフレームを使う際に、Illustrator・Fireworksのどちらが初心者としては使いやすいですか?
00:46
play_arrow
Q:手書きをする際に、ペンタブレットを持っていた方が、より楽なのかどうかアドバイスをください。
01:03
play_arrow
Q:marginが30pxとかっていう数字は、書き込まなくてもいいの?
00:37
play_arrow
Q:先生が写真を選ぶ時に、jpegって大きく出ているのは何か設定をしてるんでしょうか?
00:20
play_arrow
Q:先生は画像をスライスする時、何かルールとか作って保存してますか?
01:15
play_arrow
Q:chromeのアイコンで「これは外せない、無いとやってられない」っていうのがあったら、是非教えて下さい。
02:16
play_arrow
Q:授業抜きで本気モードなら、企画からコーディング完了まで最短、どの位で作れますか?
01:14
play_arrow
Q:高解像度ディスプレイ用の画像を書き出したい場合は、イラレ側で2倍サイズの物を作って、画像に書き出されているのでしょうか?
01:40
play_arrow
課題発表