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

  • このエントリーをはてなブックマークに追加
Webサイトのライブデザイン&コーディング実演授業!
第1回:2013年12月21日公開 02:00:00

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

受講する

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

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

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

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

Adobe Photoshop
Adobe Illustrator
Adobe Dreamweaver
Sublime Text 2

授業一覧
Webサイトのライブデザイン&コーディング実演授業!
2013年12月21日公開
02:00:00

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

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

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

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

Adobe Photoshop
Adobe Illustrator
Adobe Dreamweaver
Sublime Text 2

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

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×