プログラマーになる プロゲート無料HTMLCSS プロゲートのフッターの構造レッスンの解説とよくあるミス 2021年11月18日 コアラこのレッスンの完成はヘッダーと同じような形だね ひつじのジョージヘッダーのレッスンで学んだことを活かして作っていくよ このレッスンではフッターの構造を作っていきます。 このレッスンで記述することはヘッダーで学んだことが活かされます。 ヘッダーの構造ヘッダーのレイアウトヘッダーの余白 またこのレッスンで新しく学ぶこ...
プログラマーになる プロゲート無料CSS プロゲートのヘッダーの余白レッスンの解説とよくあるミス 2021年11月17日 ヘッダーの余白レッスンではヘッダーのコンテンツのロゴとリストに対して余白を取り見栄えをよくします。 余白を取る方法はCSSのpaddingプロパティを使用します。 paddingはCSSの一括指定プロパティで、要素の全四辺のパディング領域を一度に設定します。https://developer.mozilla.org/j...
プログラマーになる プロゲート無料HTMLCSS プロゲートのヘッダーのレイアウトレッスンの解説とよくあるミス 2021年11月16日 コアラレイアウトを整えていくのはテンション上がるね。 ひつじのジョージ作っている気分を味わえるからね。レイアウトを整えるにはCSSのfloatプロパティを使うよ。 ヘッダーのレイアウトレッスンではヘッダー内にあるコンテンツを横並びにする方法を学びます。 ヘッダーコンテンツを横並びにするにはCSSのfloatプロパティを...
プログラマーになる プロゲート無料HTMLCSS プロゲートのヘッダーの構造レッスンの解説とよくあるミス 2021年11月15日 このレッスンではヘッダーにあるロゴやメニューなどのコンテンツの枠組みを作っていきます。このレッスンでマスターすることやよくあるミスをご紹介します。...
プログラマーになる プロゲート無料HTMLCSS プロゲートの全体のレイアウトレッスンの解説とよくあるミス 2021年11月12日 WEBページでは大きくヘッダー・メイン・フッターのレイアウトに分けることができます。それぞれのレイアウトにクラスを付け、装飾する方法を解説します。...
プログラマーになる プロゲート無料HTML プロゲートのHTMLの全体構成(2)レッスンの解説とよくあるミス 2021年11月11日 このレッスンではheadタグの中にWEBページの設定に関するどのような情報を記述するのかを学びます。具体的にはmetaタグ、titleタグ、linkタグの使い方を学び、それぞれの役割を理解しましょう。これらのタグもWEBページでは必ず使うタグです。...
プログラマーになる プロゲート無料HTMLCSS プロゲートのHTMLの全体構成レッスンの解説とよくあるミス 2021年11月10日 HTMLの全体構成レッスンでは「HTMLの全体の枠組み」「DOCTYPE宣言の意味」「headタグとbodyタグの役割」を理解する必要があります。これらはWEBページを作る時に必ず使うので、これらを理解していないとWEBページを作ることはできません。...
プログラマーになる プロゲート無料HTMLCSS プロゲートのタグに名前をつけるレッスンの解説とよくあるミス 2021年11月9日 コアラこのレッスンからプログラミングっぽい! ひつじのジョージクラス名とCSSは2つのファイルにまたがっているけど紐付いているよ。 このレッスンから2つのファイルに記述する必要がります。クラス名はindex.htmlに、CSSはstylesheet.cssに記述します。 正解として記述するクラス名とCSSは2つのファイ...
プログラマーになる プロゲート無料CSS プロゲートの高さと幅と背景の色レッスンの解説とよくあるミス 2021年11月8日 コアラ画像の大きさを変えたり、色を使ったり楽しいレッスンだね! ひつじのジョージこのレッスンで学ぶこともよく使うCSSだからしっかりマスターしようね。 このレッスンではCSSを使って高さと幅と背景の色を変える方法を学びます。 これらを変えるには3つのCSSプロパティを使います。覚えることが少しづつ増えてきましたが、ひと...
プログラマーになる プロゲート無料CSS プロゲートの文字の大きさと種類レッスンの解説とよくあるミス 2021年11月5日 コアラ文字の種類もCSSで指定できるんだね! ひつじのジョージおしゃれなサイトではよく文字の種類を変更しているね。 このレッスンでは文字に関するCSSについて学びます。 CSSでできることは前回のレッスンの色の指定以外にも文字の大きさや種類を指定することができます。 このレッスンでマスターすること font-sizeプ...