Webデザインを学ぶための教材の基本情報・価格・レビュー。
PR・広告を含みます対象講座なら受講料の最大80%(給付区分・上限・要件あり)が後日戻り、実質負担を抑えられます。独学の本+スクールの併用も。
▶ あなたの講座でいくら戻るか試算(無料・30秒)
はじめての方へ:教育訓練給付のしくみと損しない選び方 / 申請手順5ステップ
学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付/補助の対象外です。
※給付率・実質額は区分(一般20%/特定一般40%/専門実践 最大80%)と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR(送客手数料を受領)。
たった1日でWordPressが使えるようなる本の第2版が登場しました。1日8時間の勤務時間内に読むことができる程度に解説内容を絞り込み、初心者・新人が最初の1冊目として読むのにふさわしい内容です。ローカル環境にWordPressをインストールしてかんたんなWebサイトを作成し、最後はインターネットに公開するところを到達点としています。 今回の改訂版では、ローカル環境構築ソフトを「Local」に変更するなど、最新の情勢に合わせたものに対応しています。 ■CHAPTER 1 WordPressでWebサイトを作ろう WordPressの特徴を知ろう ローカル環境を準備しよう パソコンにWordPressをインストールしよう
■CHAPTER 2 WordPressの基本設定を行おう 管理画面の見方を覚えよう Webサイトのタイトルとキャッチフレーズを設定しよう パーマリンクを設定しよう プロフィールを設定しよう
■CHAPTER 3 Webサイトのデザインを設定しよう テーマを変更しよう Webサイトの見方を覚えよう ヘッダー画像を変更しよう 配色を変更しよう ロゴマークを設定しよう
■CHAPTER 4 Webサイトに載せるコンテンツを作ろう 投稿と固定ページについて知ろう 新しい記事を投稿しよう 画像を挿入しよう 文字を装飾しよう アイキャッチ画像を設定しよう カテゴリーで投稿を整理しよう 固定ページを作ろう トップページを作ろう メニューページを作ろう アクセスページを作ろう
■CHAPTER 5 Webサイトのレイアウトを変えて使いやすくしよう メインメニューを設定しよう トップページの表示設定を行おう ウィジェットを設定しよう フッターにSNSへのリンクを設定しよう
■CHAPTER 6 プラグインでWebサイトに便利な機能を追加しよう プラグインをインストールしよう 画像サイズを最適化しよう 写真の拡大画像をスマートに表示しよう お問い合わせフォームを作成しよう Webサイト運用に役立つプラグイン
■CHAPTER 7 CSSでデザインをカスタマイズしよう テーマをカスタマイズしよう デベロッパーツールで変更する場所を調べよう CSSでデザインをカスタマイズしよう
■CHAPTER 8 Webサイトをインターネットに公開しよう レンタルサーバーと契約しよう ローカル環境のデータをレンタルサーバーに移行しよう WordPressのバックアップとアップデートを行おう
判型:単行本
「Webデザイン」とは、ウェブサイトやアプリの見た目、構成、操作しやすさを整える活動です。見た目だけでなく、情報の優先順位や導線設計まで含めて検討します。結果として、読む人が迷わず目的を達成できる体験を作ることを目標にします。
こんな人向け:想定読者は、制作の入口にいる初心者や、CSSやレイアウトの基礎を学び直したい人です。デザインを「作る」だけでなく、使いやすさまで意識して学びたい人向けです。
学習は、理解→設計→作成→改善の順で進めると、知識を定着しやすくなります。単発の技術学習だけで終わらせず、どの場面で使うかをセットで回すと本の内容を実務へ接続しやすくなります。
独学では「どこまで作れれば十分か」を先に決めることが肝心です。派手な見た目より、基本原則と実務での再現可能な手順がある教材を選ぶと継続しやすいです。模写・再設計・自分の題材への当てはめを1セットにした教材ほど判断軸が定まりやすいです。
独学のリズムが取りづらい人や期限管理が必要な人は、学ぶ順番と提出物が明確な体制を選ぶと進みやすいです。単発学習より、設計・制作・レビューを一巡できる環境で進めることで、迷いの少ない習得につながります。 ▶ 給付でいくら戻るか試算
Q. まず何から手をつければよいですか?
最初はHTML/CSSの確認より前に、公開目的と読者像を決めると迷いが減ります。次に情報の構造を図にして、ページの核となる導線を作ると理解が早まります。
Q. 独学で途中で止まりがちになる原因は?
作成が上手くいかないより、評価基準が曖昧なまま次に進むことが原因です。制作ごとに「何を優先したのか」を1枚にまとめるだけで、次の判断がしやすくなります。
Q. 習得の目安はどのくらいで作れますか?
人によって進み方は異なるため一律の時間は断定できません。小さなページを短サイクルで何度も改善する反復が、理解を加速させる一般的なやり方です。
次の一冊:次は「HTML/CSS基礎」「UI基準・タイポグラフィ」「アクセシビリティ」「コーディングの実装面」を順に確認すると、Webデザインの読み解き方が深まります。あわせてレビュー観点を文章化し、次の本選びの基準を固定すると比較が容易になります。