最近、友達がWeb制作をしているって話を聞いたんだ。
面白そうだから僕もやってみたいんだけど、
Web制作って難しいのかな・・・？
確かに難しいイメージはあるかもしれないね。
でもWeb制作は誰にでもできて楽しいよ！
やってみたいな！僕にも教えてくれる・・・？
もちろん！Web制作について一緒に学んでいこう！
Web制作とは？
Web制作って何をするの？
実はあまり分かっていないんだよね・・・
そうだよね。Web制作といっても様々な種類があるよ。
サイト作成、LP作成、システム作成、クリエイティブ作成など様々。
それにはHTML&CSS、プログラミング言語、Photoshopなど、
いろんな技術やツールを使って作っていくよ。それがWeb制作だよ。
なんか難しい言葉が出てきた・・・
でもいろんな種類のものがあって、それを作ることができるんだね。
少し難しい言葉を使ってしまったけど、
これから少しずつ紹介していくから安心してね。
Web制作はインターネット上に物やサービスを作ること
学び方の大切なポイント！
Web制作を学ぶ上で大切なポイントは全て覚えようとしないことだよ！
キーワードだけ覚えておき、詳しい内容は調べて確認するのがいいよ。
全て覚えるのはプロでも至難の技だからね！
覚えることが多くて難しいと思っていたけど、それならできそう！
ポイントもしっかりと伝えていくから安心してね！
インターネットとWeb
まずは何から学んだらいいのかな？
まずはWebの基本から教えるね。
基本を知らないとWeb制作をするときに迷ってしまうことがあるからね！
何事も基礎は大事だよ。
インターネットとWebは違うの?
「インターネット」って言葉はよく聞くけど、
Web制作に出てきたWebと違いはあるの？
IT用語は似ているものが多く存在するから混乱するよね。
「インターネット」と「Web」それぞれ違いを教えていくね！
インターネットとは？
「インターネット」は世界中のコンピュータが繋がっている情報網のことです。
お互いの情報をやり取りする仕組みのことになります。
情報網の仕組み？
文字にすると難しく見えるよね。
コンピュータ同士をケーブルや電波などで繋いで、
お互いの情報をやりとりする仕組みを「ネットワーク」と言うんだ。
それを家や会社という範囲ではなく、世界という範囲で行うんだよ。
家や会社という範囲の情報網をそれぞれさらに繋げていくことで、
世界という範囲で繋がることができるんだ。
その世界で繋がった情報網が「インターネット」と言うんだよ。
そういうことか！なんとなく分かってきた気がする！
Webとは？
「Web」はさきほど説明したインターネットの仕組みを使って、「文章・画像・動画・音声」などの情報を発信したり閲覧したりできる仕組みです。
ハイパーテキストとハイパーリンクとは？
Webの仕組みに使われているのが「ハイパーテキスト」と言います。
「文章・画像・動画・音声」など複数の文書を関連付ける仕組みのことです。
そして、そのハイパーテキストの関連性を表現するのが「ハイパーリンク」になります。
ハイパーテキストがWebの仕組みの中で使われているんだね！
HTMlとは？
ハイパーテキストを作成するものが「HTML（HyperText Markup Language）」です。
HTMLファイル（Webページのファイル）はこのHTMLというマークアップ言語を使って作成したファイルです。
膨大な文書データを関連付ける仕組みがハイパーテキストで、
関連性を表現している部分がハイパーリンクとなるよ。
そして、その情報の発信や閲覧をする仕組みが、
「WWW（World Wide Web）」すなわち「Web」なんだよ。
たくさん言葉が出てきたけどなんとなく仕組みは分かった！
- ハイパーテキスト：「文章・画像・動画・音声」など複数の文書を関連付ける仕組み
- HTML：ハイパーテキストを作成するもの
- ハイパーリンク：ハイパーテキストとの関連性を表現するもの
- Web：正式名称は「WWW（World Wide Web）」で情報の発信や閲覧をする仕組み
インターネットとWebのまとめ
「インターネット」は大きな情報の塊で、
「Web」はその大きな情報の塊を使って表現すること？
そんなイメージかな？
そうそう！そういうこと！説明した内容を分かりやすく表現すると、
大きな空（インターネット）に散らばっている
星（ハイパーテキスト）を繋げて（ハイパーリンク）、
星座を表すことが「Web」みたいなイメージかな。
おお！イメージできた！
まとめ
今回は主にWebの基本について解説したよ！
- Web制作はインターネット上に物やサービスを作ること
- インターネットは世界中のコンピュータが繋がっている情報網のこと
- ハイパーテキストは「文章・画像・動画・音声」など複数の文書を関連付ける仕組み
- HTMLはハイパーテキストを作成するもの
- ハイパーリンクはハイパーテキストとの関連性を表現するもの
- Webの正式名称は「WWW（World Wide Web）」で情報の閲覧や発信をする仕組み
Webの基本を学んだらもっといろんなことを知りたくなっちゃったよ！
