おためし受講中

”スラスラわかる”未経験からのHTMLとCSS

未経験者向けHTMLとCSSの授業です。基礎的なHTMLタグ、レイアウトを調整するためのCSSを使用して、受講生の皆さんと一緒に作業をしながらWebページを組み立てる実習授業です。架空のカフェ「KUJIRA cafe」のサイト2ページ分を作成します。

ページの作成に使用する写真などは用意しているので、あとはHTMLとCSSを書いてみるだけ。書いて作って、結果を確認したら、「なるほどこういうものなのか」と、おおよそのことは理解できるようになるでしょう。

「はじめてみたいけどなにから手を付けたらよいかわからない」という方は、是非参加してみてください。

 

この授業の実習内容


HTML
・すべてのページで使われるHTMLを記述する
・見出し、段落、リストを記述する
・リンクを張る
・画像を挿入する

 

CSS
・背景色、文字色を指定する
・背景に画像を指定する
・レイアウトを調整する
など

※実習ではこちらの素材を利用しますので、事前にダウンロードしておいてください
http://goo.gl/VJyPAa

※本授業は、書籍『スラスラわかるHTML&CSSのきほん』(狩野祐東著/SBクリエイティブ刊)をベースに構成しています。

参考サイト/予習教材

”スラスラわかる”未経験からのHTMLとCSS(全1回)

学生代表

  • 未定

    未定

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:06  (00:12 ~ )
    実習前の準備
    06:45  (01:18 ~ )
    HTMLとはどういうものか
    04:17  (08:03 ~ )
    HTML実習 ドックタイプ宣言 〜
    13:35  (12:20 ~ )
    HTML実習 ナビゲーションメニュー 〜
    07:15  (25:55 ~ )
    HTML実習 画像挿入 〜
    09:00  (33:10 ~ )
    HTML実習 CSSを適応させる為のタグ 〜
    17:35  (42:10 ~ )
    受講生からの質問
    03:53  (59:45 ~ )
    CSSの記述前に行う事
    02:07  (1:03:38 ~ )
    CSS実習 スタイルシート 〜
    14:02  (1:05:45 ~ )
    CSS実習 メニューの背景画像を指定する 〜
    19:46  (1:19:47 ~ )
    【後半】質疑応答
    Q:各サイズを指定している「○px」というのは、感覚で掴むものでしょうか?
    01:54  (1:39:56 ~ )
    Q:CSSが反応しないのですが、どうすれば良いでしょうか?
    02:22  (1:41:50 ~ )
    Q:自分のタグの間違いを訂正してくれるサイトはありますか?
    02:56  (1:44:12 ~ )
    Q:回り込み解除には、clear:both; は使わない方が良いのでしょうか?
    01:14  (1:47:08 ~ )
    Q:CSSの他にSassなども勉強した方が良いのでしょうか?
    01:53  (1:48:22 ~ )
    Q:htm5からの新しいタグ、navやsectionなどは使えるものから使っていってもいいのでしょうか?
    01:15  (1:50:15 ~ )
    Q:#nav li { display:inlines; が効かないです。ブラウザが問題でしょうか?
    00:50  (1:51:30 ~ )
    Q:たとえばbody #nav {} でも大丈夫ですか?
    01:58  (1:52:20 ~ )
    Q:先生のお勧めのエディタはありますか?
    02:01  (1:54:18 ~ )
    Q:
    この記述でも大丈夫ですか?
    01:54  (1:56:19 ~ )
    Q:独学でもwebデザイナーは目指せますか?
    01:26  (1:58:13 ~ )
    課題発表
      (1:59:39 ~ )

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