新人
今日からWEBたまご村に移住しました！
よろしくお願いします！
よろしくお願いします！
村長
初めまして、新人ブリーダーさん！
私は、WEBたまご村の村長です♪
こちらこそ、よろしくお願いします♪
私は、WEBたまご村の村長です♪
こちらこそ、よろしくお願いします♪
新人
(何だか、スゴイ人来ちゃったな～・・・)
さっそくホームページを作りたいのですが、教材など買わないとダメでしょうか？
さっそくホームページを作りたいのですが、教材など買わないとダメでしょうか？
村長
ここでは、無料で知識や技術を教えますので、心配しないでください！
立派なWEBマスターになれるように一緒に頑張りましょう♪
立派なWEBマスターになれるように一緒に頑張りましょう♪
新人
無料ですか⁉
スゴイですね!!
ぜひ、よろしくお願いします!!
スゴイですね!!
ぜひ、よろしくお願いします!!
ホームページ制作の流れを知ろう！
村長
WEBビギナーには、まずホームページ制作の流れから覚えてもらいます♪
新人
WEBマスターを目指して頑張ります！
よろしくお願いします！
よろしくお願いします！
ホームページ制作の流れ
- 打ち合わせ（内容やデザインを決める）
- デザイン制作
- コーディング（プログラムを書いてページを実装する）
- 確認作業
- 納品
村長
大雑把だけど、だいたいこんな感じです！
新人
(本当に大雑把だ・・・)
ありがとうございます！
ありがとうございます！
村長
1人で全行程を進める場合もありますし、チームで動く場合もありますよ！
お客さんがデザインまで準備してくる場合もあります。
お客さんがデザインまで準備してくる場合もあります。
ホームページ制作の役割
村長
次は、ホームページ制作の役割を教えます！
新人
よろしくお願いします！
ホームページ制作の役割
- 営業・・・仕事を持ってくる
- WEBディレクター・・・全体的な責任者
- WEBデザイナー・・・WEBサイトデザイン制作
- コーダー・・・コードを書いて実際にページを組み立てる
- プログラマー・・・システムの構築
村長
まぁ、だいたいこんな感じです！
新人
(また大雑把だ・・・)
ありがとうございます！
ありがとうございます！
村長
WEBマスターは、この中の「コーダー」にあたりますので、それを中心に話を進めます。
ちなみに、コードを書くことを「コーディング」と言います。
ちなみに、コードを書くことを「コーディング」と言います。
ホームページの作り方
新人
そもそも、ホームページって、どうやって作ったら良いのでしょう？
村長
直接プログラムを書くか、最近は、”WordPress（ワードプレス）”で作ることが多いですね！
新人
ワードプレス？
村長
簡単にサイトやブログが作れる、オープンソースのソフトウェアのことです！
新人
う～ん、難しい・・・
村長
例えば『お問い合わせフォーム』は、プログラムだから私には難しかったんです。
でも、WordPressなら『お問い合わせフォーム』のプラグイン（拡張機能）が用意されているから、それをインストールするだけで、簡単に無料で設置出来ちゃうんです！
でも、WordPressなら『お問い合わせフォーム』のプラグイン（拡張機能）が用意されているから、それをインストールするだけで、簡単に無料で設置出来ちゃうんです！
新人
スマホに入れるアプリみたいですね！
村長
そうそう！そんな感じ！
ホームページの作り方
-
ほぼ全てのプログラムを書いて作る・・・コーダーとプログラマーが必要
-
WordPressを使って作る・・・プログラムが分からない人でも、ある程度精度の高いホームページが作れる
WordPressをインストールしよう！
新人
WordPressでホームページを作ってみたいです！
村長
そうですね！
WEBビギナーには、まずWordPressで簡単なブログサイトを作ってもらいましょう♪
WEBビギナーには、まずWordPressで簡単なブログサイトを作ってもらいましょう♪
新人
はい！
村長
じゃあ、さっそくWordPressをインストールしてみましょう！
こっちのダンジョンで修行よ!!
こっちのダンジョンで修行よ!!
新人
（ダンジョン・・・？）
分かりました・・・
分かりました・・・
まとめ
新人
ダンジョン修行のおかげで、WordPressで簡単にブログサイトが作れました!!
村長
とても素晴らしいです!!
次は、WEBノーマルを目指して頑張りましょう!!
次は、WEBノーマルを目指して頑張りましょう!!
新人
はい！
村長
見て！ひよこが産まれそうよ!!
新人
何と!!
村長
やりましたね!!
WEBビギナー卒業おめでとうございます!!
WEBビギナー卒業おめでとうございます!!
新人
ありがとうございます!!
