おためし受講中

挫折した人のための、初心者速習html+css【4ページのサイトマルッと制作編】

【html+cssを挫折した全ての人に贈るシリーズ 全5回】

このシリーズは1回で完結していますが、1回から5回まで同じサイトがどんどん完成して行く形になっています。1回づつ完結した出来上がり見本付きの演習ファイルがダウンロードできます。

第2回:初心者速習html+css【4ページのサイトマルッと制作編】

初めてコーディングを学ぶ人や、本を読んだり参考サイトを見ながらコーディングしても崩れてしまってうまく行かなかった人のために、テンプレートからページを量産してサイトを作り上げる方法を学びます。

1回目の授業を受講していなくても、理解度が深まるように、演習ファイルを用意しています。この授業を受講して、コーディングの基礎を学んでいきましょう!

■ 必要なもの■

1)Sublimeのインストール(授業中コードを打つのに使います)
下記のURLからダウンロードしてください。
http://www.sublimetext.com/2
設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。

2)解凍ツール (授業中配布する教材の解凍に使います)
授業中にダウンロードしたファイルをすぐに解凍できる様になっていれば大丈夫です。(Mac OSXの場合はダブルクリックで展開します。windows7~の場合は右クリックのコンテキストメニュー「全て展開」を選択でOK)

3)その他のバージョンのOSは、MacであればApp StoreでWinArchiver Lite.appを検索してダウンロードしインストールしておきます。
Wiondwsであれば、下記のURLよりLhaplusをダウンロードし、インストールしておきます。
http://www7a.biglobe.ne.jp/~schezo/

学生代表

  • 未定

    未定

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    03:45  (00:12 ~ )
    質問 過去の授業は受けましたか?
    01:56  (03:57 ~ )
    サイト設計における大前提とは?
    02:49  (05:53 ~ )
    サイトの中にある「ナビゲーション」って?
    04:08  (08:42 ~ )
    なぜ「パンくずリスト」という名前なのか
    01:50  (12:50 ~ )
    パンくずリストと呼ぶ理由
    03:50  (14:40 ~ )
    CSSの記述の順番
    01:43  (18:30 ~ )
    ドット絵風のCSSの当て方
    00:54  (20:13 ~ )
    spanタグに指定するCSS
    00:30  (21:07 ~ )
    コーディングが楽になるPCコマンド一覧
    01:41  (21:37 ~ )
    さらにコーディングが楽になる「sublime」とは?
    04:02  (23:18 ~ )
    index.htmlにsublimetextで開き、コードを書き込む
    03:25  (27:20 ~ )
    【sublimeの便利な機能】
    から
    までを簡単にコピーする方法
    03:07  (30:45 ~ )
    sublimeでdps.htmlを開く
    04:21  (33:52 ~ )
    制作データを保存する
    04:11  (38:13 ~ )
    ”.role”部分を指定する 〜文字の大きさや色を指定する方法〜
    04:00  (42:24 ~ )
    margin rightで余白を調整する
    04:08  (46:24 ~ )
    フォントをcssで設定する
    03:24  (50:32 ~ )
    paddingで隙間を調整する
    05:29  (53:56 ~ )
    line-haightで行間を調整する
    03:45  (59:25 ~ )
    【後半】質疑応答
    Q:今後、スキルアップにあたって、ネットや書籍で勉強する際、注意すべき点はありますか?
    04:15  (1:03:45 ~ )
    Q:WEBフォントって初めて使いました。どんな環境のブラウザでも見られるんですか?
    05:55  (1:08:00 ~ )
    Q:WEBフォントは商用などの使用は自由ですか?
    02:20  (1:13:55 ~ )
    Q:練習するのにお勧めのWEBページはなんですか?
    03:25  (1:16:15 ~ )
    Q:今後はHTML5のみ覚えればいいんでしょうか?
    01:20  (1:19:40 ~ )
    Q:先生のお勧めのカラースキーマやプラグインはありますか?
    06:47  (1:21:00 ~ )
    課題発表
      (1:27:47 ~ )