2025-04

概要最初のコーディング課題として、フレックスボックスの基本とメディアクエリーの使い方をマスターしましょう。事前知識Flexbox■２つの要素を横並びにしたいときはFlexboxレイアウトを利用する。①まずは並べたいものをdivなどで囲み、そ...

概要最初のコーディング課題として、中央揃えの基本をマスターしましょう。事前知識■文字や画像の中央揃えをしたい中央にしたいものを囲む親要素に「text-align:center;」例：■エリア（ボックス）の中央揃えをしたい①必ず中央にしたいエ...

概要 HTMLとCSSの新規作成 HTMLとCSSの接続 タグの記述とclassの記入 CSSの記述初心者の場合、上記の基本的な工程が頭の中で繋がっていないことがよく見受けられます。この辺りをハードルとして挫折しないようにしていきたいです。...

概要CSSに関する基礎的な課題です。CSS指定の第一歩として取り組みましょう。目的簡易なCSS装飾指定をできるようになる。(本当に基礎的なCSSの課題がWEB上に見当たらないので作成しました。) 文字装飾 背景色指定 背景画像指定 要素のサ...

概要上記の課題の続きです。サンプルこちらのサイトをコーディングしましょう。サイト幅 横幅390px を想定する納品形式　htmlおよびCSSデータ一式参考サイト： 目的簡易なWebページをコーディングできるようになる。作業内容作成したオリジ...

概要次の画像をデザインデータとしてコーディングし、WEBページとして作成してください。ウインドウサイズ 390px を想定する納品形式　htmlおよびcssファイル一式目的基本のCSSコーディングをマスターする。Webパーツのコーディングを...

概要画像のパスの仕組みを理解します。まずは初級に取り組んでからこちらの課題に取り組んでください。初期状態では画像が表示されていません。画像が表示されるようにパスを入力しましょう。目的aタグ/imgタグの使い方、相対パスの使用方法を理解する。...