おためし受講中

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サイトのライブデザイン&コーディング実演授業!(全1回)

この授業の先生

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

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

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