法人のお客様Schooをご利用になるには、JavaScriptの設定を有効にしてください。授業リスト関連授業コース概要WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。事前準備テキストエディタをご用意下さい。https://atom.io/がオススメです。WEB-campusの「受講する」ボタンを書いてみよう」において、収録当時と現在では受講ボタンのCSSが異なっております。添付ファイルをご参照ください。※授業以外での利用は禁止します。授業概要WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。今回の授業では、どういう経過でcssができたのか、webサイトでどのような役割をはたしているのかを学んで行きましょう。事前準備テキストエディタをご用意下さい。https://atom.io/がオススメです。オススメの参考書などというものはない07:36Q:CSSはデザインという事ですが、CSSを習得するのにデザインのセンスは必要ですか?02:14Q:CSSはHTMLなしでは、何もできないのでしょうか。01:03Q:CSSをチェックするツールみたいなものはありませんか?00:58Q:良いエミュレーターをご存知でしたら教えてください。relでCSSを個々に分けて書いた場合、表示などは遅くなりますか?01:06Q:もしよいwpのベースとして使えるテーマをご存知でしたら教えてください。授業概要WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。今回はCSSで文字をデザインする手法を学んでいきます。PCからスマートフォンまでどんなデバイスで見ても美しくて読見やすいスタイルを指定する方法を学びます。事前準備テキストエディタをご用意下さい。https://atom.io/がオススメです。授業概要WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。今回はハイパーリンクを作り出すaというhtmlタグに指定するCSS手法をマスターできる授業です。aタグの振る舞いをしっかり知ってCSSデザインを自分の物にしましょう。事前準備テキストエディタをご用意下さい。https://atom.io/がオススメです。授業概要WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。今回はサイトの要となるグローバルナビゲーション(いわゆるメニュー)のCSSデザイン手法を学んでいきます。事前準備テキストエディタをご用意下さい。https://atom.io/がオススメです。<nav>の方に指定するのですか??00:24Q:今後を考えるとNormalize.cssに慣れたほうがいいですか?01:42Q:なぜ最初からhtmlでナビを上にして作成してあるのでしょうか?00:51Q:position:fixedをつかうと下のコンテンツが上に上がってきてヘッダー部分と重なってしまいますがnavより下はどういうcssを使えばいいですか?00:57Q:色の指定で♯fffと♯FFFFFFの時の使い分けを教えてください01:39Q:<header></header>を最初にマークアップしなかった理由を教えて下さい。授業概要WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。今回は前回に引き続き、グローバルナビゲーションのデザイン指定法を学びますが、より一般的なナブバー(横並びのメニュー)デザインのCSS手法を学びます。事前準備テキストエディタをご用意下さい。https://atom.io/がオススメです。授業概要WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトのデザインを担当するCSSを学んで行きましょう。)で勧告となった最新情報に基づいてCSS2とCSS3を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとCSSに対する理解が深まります。今日はいよいよページ全体のレイアウトをCSSで作り上げる手法を学びます。これまで積み上げてきたスキルの集大成ですが、本日学ぶスキルも沢山あります。この授業は次回のシリーズ「シングルページの制作入門」の前提知識となります。事前準備テキストエディタをご用意下さい。https://atom.io/がオススメです。【実践】新しく加えたcssの全てnavからのルートに指定しよう07:35Q:firefoxやChromeの開発ツールが充実してからWEB制作を始めましたが、昔は大変だったのでしょうか?00:49Q:Webデザインに必要なCSSの基礎が固められるお勧めの本はありますか?02:04Q:子孫セレクタでulを書かなかったですが、今後仕様変更があると思われる場合は、略さないで書いた方がいいですか?00:56Q:先生はBEMを使用されますか?01:38Q:paddingの見てくれについて01:07Q:articleとasideの幅について、「左右が綺麗に見える割合のこつ」とかありますか?00:57Q:wrapperについて00:44Q:articleとasideの高さを常にnavの下段とfoterの上段に位置する状態に保つ方法はありますか?01:10Q:liのaは<p>で囲むとSEO的に良いと、schooの授業でみたのですが、やはりpで囲む方が良いでしょうか。閉じる資料をダウンロードするには資料パスワードの設定が必要です。資料パスワードを設定する閉じる資料のダウンロードは1日10件、1ヶ月100件までです。Reserved.スクーについてご意見をお聞かせくださいありがとうございました!いただいたご意見はスクー教務課にて確認し、今後の運営に役立てさせていただきます。個々のご意見にはご返信しておりませんので予めご了承ください。招待したあなたには2枚、招待されたお友達には1枚、録画授業が受けられる「チケット」をプレゼントします。IDで登録メールアドレスまたはパスワードが違います。ログインできない方は「よくある質問」をご確認下さい。