Web制作を学ぶための教材の基本情報・価格・レビュー。
PR・広告を含みます対象講座なら受講料の最大80%(給付区分・上限・要件あり)が後日戻り、実質負担を抑えられます。独学の本+スクールの併用も。
▶ あなたの講座でいくら戻るか試算(無料・30秒)
はじめての方へ:教育訓練給付のしくみと損しない選び方 / 申請手順5ステップ
学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付/補助の対象外です。
※給付率・実質額は区分(一般20%/特定一般40%/専門実践 最大80%)と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR(送客手数料を受領)。
【最新バージョン6.xに対応!】 「フルサイト編集」に対応したWordPressの入門書の第2版です。
本書は、これからWebサイト制作をはじめる方のためのWordPressの入門書です。
Webサイト制作の基本的な知識やWordPressの操作方法を 操作画面や図を用いて一つひとつ丁寧に解説しています。 シンプルで使いやすいデザインのサンプルファイルを用意し、 初心者でも基本を学びながら、きれいなWebサイトが作れるような構成になっています。 お問い合わせフォームやネットショップページの作り方も解説しているので 本格的なWebサイトが作れます!
■本書のポイント ・図や操作画面を豊富に掲載。わかりやすい解説で、操作につまずかない! ・はじめてでも楽しくおしゃれなサイトが作れる! ・Shopifyと連携させたネットショップの作成方法がわかる! ・ただ作るだけではなく、見てもらえるWebサイトを作るポイントがわかる! Chapter1 Webサイトの基本を知ろう Chapter2 WordPressとは Chapter3 WordPressをはじめる準備をしよう Chapter4 WordPressをインストールしてWebサイトを開設しよう Chapter5 Webサイト制作をはじめよう Chapter6 お知らせページを作ろう〜投稿の作り方〜 Chapter7 メニューページを作ろう〜固定ページの作り方〜 Chapter8 プラグインで便利な機能を追加しよう Chapter9 カート機能を実装してネットショップページを作ろう Chapter10 ナビゲーションの設定をしよう Chapter11 Webサイトの集客を図ろう Chapter12 Webサイトの安全な運営方法を知ろう
判型:単行本
Web制作は、WebサイトやWebアプリを企画・設計・実装・公開・運用する流れ全体を扱う実践領域。見た目のデザインだけでなく、情報構造、リンク設計、操作性、公開後の更新性まで含めて考える必要がある。
こんな人向け:HTMLやCSSを学ぼうとしている人、または業務でWebページの改善を担当する人向け。基礎的なパソコン操作はできることを前提にすると、初期段階は取り組みやすい。
Web制作は情報設計→表示設計→動作設計→公開運用へと進む順番が分かりやすい。前半で土台を固め、後半で体験の質や運用を整える流れが定着しやすい。
独学では、実装中心・思考中心の教材を同時に読むより、テーマを分けると理解が定着しやすい。教材選びは、解説の具体性、演習の量、難易度の段階性、更新状況を4本柱で比較すると良い。特に疑問を解消できる補助情報(用語解説や図解、実例の背景)があるかを重視すると、単なる暗記に偏らない学習になる。
独学で時間が尽きる前に進行管理が必要な人には、学習の順序と成果物レビューを担保できる体系的な学習環境が有効。教材の進度管理、課題提出、修正指導をセットで進められる学び方は、習慣化とアウトプット形成を支えやすい。 ▶ 給付でいくら戻るか試算
Q. プログラミング経験がない状態でも始められますか?
できます。最初は難しく感じることがありますが、文書の骨格から順に触るとイメージを掴みやすいです。見た目だけでなく、どこに何を置くかという構造理解から始めると学習の抵抗が下がります。
Q. デザインとコーディングはどちらから学ぶべきですか?
最初はコーディングを先に体験して、実装可能な範囲を把握するのが効率的です。画面の仕組みを理解したうえでデザイン要件を読むと、設計意図と制約の整合が取りやすくなります。最終的には両者を往復しながら進むのが現実的です。
Q. 独学の教材を選ぶ基準は何ですか?
基礎→実践→応用へ自然に階段が上がる構成かどうかを確認するのが第一です。次に、単なる手順説明でなく、なぜそうするのかを示しているかを見ます。最後に、復習できる構成と実務に近い演習があるかで選ぶと挫折しにくいです。
次の一冊:次に読む方向としては、まずHTML/CSSの基礎の再確認を行い、次にJavaScript基礎、実装を補強する順序が有効です。さらに進むなら、UI設計、アクセシビリティ、運用設計のテーマを深めると判断軸が広がります。