おためし受講中

WEBデザイナーのためのエディタ入門

コンピュータの言語である「コード」を記述するためには「エディタ」が必要です。 WebデザイナーもHTML&CSSをはじめとした言語を書いていきます。

Webデザイナーにとって、コーディングそのものが「仕事」ですが、「学び」でもあります。 新しい技術・表現の模索はコーディングから始まることも多いのです。

そして、コードを書く「道具」がエディタということになります。
よい道具の条件は使いやすい機能あることと、育てられること。
お気に入りのエディタは、自分の相棒のようなものです。

この授業では、HTML&CSSのコーディングを通して、 OS標準のエディタから、Adobe DreamweaverSublime Text2の使い方を学びます。
また、実践的なカスタマイズ方法をご紹介する予定です。

目標は「会話をするようにコーディング」すること!

いっしょに頑張っていきましょう!

参考サイト/予習教材

WEBデザイナーのためのエディタ入門(全1回)

この授業の先生

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    00:51  (00:12 ~ )
    皆さんが使っているテキストエディタは何ですか?
    03:52  (01:03 ~ )
    step1: 知る
    05:55  (04:55 ~ )
    step2: 育てる
    06:25  (10:50 ~ )
    インターフェイス
    04:59  (17:15 ~ )
    セッティング
    17:31  (22:14 ~ )
    パッケージ
    36:05  (39:45 ~ )
    キーバインド
    14:56  (1:15:50 ~ )
    step3: 使い分ける
    08:24  (1:30:46 ~ )
    【後半】質疑応答
    Q:DWとどう使い分けたら、いいですか?
    01:42  (1:39:45 ~ )
    Q:ヘッダーやフッターなどの共通化はどうされていますか?
    02:21  (1:41:27 ~ )
    Q:日本語化するのは、何かトラブルの原因になることがあるのでしょうか?
    01:52  (1:43:48 ~ )
    Q:DWのデザインビューでjQueryやcss3での表現が上手く表示出来ない事もあります。何かよい方法などあるのでしょうか
    01:27  (1:45:40 ~ )
    Q:動的やWebシステムのサイト作成にもSublimiTextは使えますか?
    03:09  (1:47:07 ~ )
    Q:Sublimeでキーボードでメニュー操作する支援機能はありますか?
    01:53  (1:50:16 ~ )
    Q:DWのサイト管理でテンプレート昨日でヘッダーとフッターを固定して使えませんか?
    01:08  (1:52:09 ~ )
    Q:Sublime TextやDWとの違いなどをお願いします
    01:25  (1:53:17 ~ )
    Q:スタティックサイトジェネレーターは何がお勧めですか?
    02:05  (1:54:42 ~ )
    課題発表
      (1:56:47 ~ )