【初心者向け】HTML・CSS入門教材
- ダウンロード商品¥ 1,800

【初心者向け】HTML×CSS入門教材 基礎から実践まで、はじめてのWeb制作ガイド(全86ページ) ━━━━━━━━━━━━━━━━━━━━━ 「HTMLって聞いたことはあるけど、何から始めればいいかわからない」 「独学で挫折しそう…」 そんな方のために作った、ゼロからWebページが作れるようになるための教材です。 ━━━━━━━━━━━━━━━━━━━━━ ■ この教材の特徴 ━━━━━━━━━━━━━━━━━━━━━ ✓ HTML×CSS それぞれ10レベルの段階学習 基本タグの意味から、実際に手を動かす練習問題・解答・解説まで 1レベルずつ着実にステップアップできる構成です。 ✓ 環境構築からしっかりフォロー 「何のツールを使えばいいの?」というところから解説。 VS Codeのインストールなど はじめの一歩を画像付きで丁寧に説明しています。 ✓ 全問題に解答・解説付き 練習問題を解いたら、コードと見た目(プレビュー)を見比べながら 答え合わせができます。「なぜそうなるのか」の解説もセットです。 ✓ つまずきやすいポイントを先回りで解説 タグの閉じ忘れ、全角文字の混入、パスの間違いなど、 初心者が実際によくハマる5つの落とし穴と対策をまとめています。 ✓ 実践的な最終課題2本立て ①自己紹介ページの制作(HTML×CSS総合演習) ②配布デザインを見ながらのランディングページ模写 +レスポンシブ対応にも挑戦できる発展課題つき ━━━━━━━━━━━━━━━━━━━━━ ■ 収録内容 ━━━━━━━━━━━━━━━━━━━━━ 【HTML編 全10レベル】 文書の基本構造/見出しと段落/リスト/リンク/画像/ テーブル/フォーム/div・spanとclass・id/ セマンティックタグ/メタ情報と外部ファイル連携 【CSS編 全10レベル】 書き方の基本/色と文字の装飾/ボックスモデル/ 背景と枠線の装飾/セレクタの優先順位/displayとレイアウト/ Flexboxで横並び/position/レスポンシブ対応/ 疑似クラス・アニメーション 【その他】 ・制作ツール3種の比較とおすすめ紹介 ・作業フォルダの準備方法 ・HTML編・CSS編の総復習クイズ ・タグ/プロパティ早見表 ━━━━━━━━━━━━━━━━━━━━━ ■ 同梱ファイル ━━━━━━━━━━━━━━━━━━━━━ ・学習用PDF資料(全86ページ) ・コーディング実践で使用する画像素材 ━━━━━━━━━━━━━━━━━━━━━ ■ こんな方におすすめ ━━━━━━━━━━━━━━━━━━━━━ ・HTML・CSSを何から学べばいいかわからない完全初心者の方 ・独学で挫折した経験がある方 ・実際に手を動かしながら理解を深めたい方 ・体系立てて基礎から学び直したい方 ━━━━━━━━━━━━━━━━━━━━━ ■ 購入後のサポートについて ━━━━━━━━━━━━━━━━━━━━━ ご購入日から1ヶ月間、教材内容に関するご質問に対応いたします。 学習中につまずいた際は、お気軽にご連絡ください。 ━━━━━━━━━━━━━━━━━━━━━ 「学ぶ人」から「作れる人」へ。 あなたのWeb制作の第一歩を、この教材が後押しします。
