ウェブ入門は、実用的なウェブ開発の入門シリーズです。まずはじめに、簡単なウェブページを作るのに必要なツールをセットアップします。そして、簡単なコードを書いたら、実際にウェブに公開します。
プロが作るようなウェブサイトを作るのはとても大変な作業です。ウェブ開発の初心者は、まずは小さなものから作り始めるとよいでしょう。今すぐ Facebook のようなサイトを作ることはできませんが、簡単なウェブサイトなら作るのはそれほど難しくありません。私たちはここから始めることにしましょう。
以下の記事を順番に読んでいけば、まったくの初心者でも初めてのウェブページをオンラインに公開できるでしょう。さあ、はじめましょう！
ウェブサイトを作るためのツールはたくさんあります。ウェブ開発を始めたばかりの頃は、テキストエディターやフレームワーク、テストツールといったいろいろなソフトウェアが山のようにあって、混乱してしまうかもしれません。そこで、基本的なソフトウェアのインストールでは、基本的なウェブ開発を始めるのに必要なソフトウェアをインストールする方法を手順を追って紹介します。
ウェブサイトのコードを書き始める前に、まずは計画を立てることが大切です。あなたのウェブサイトにはどんな情報を載せますか？フォントや色はどうしたいですか？ウェブサイトをどんな外見にするかでは、コンテンツやデザインを計画するのに役に立つ簡単な方法を紹介します。
ウェブサイトを作るにはたくさんのファイルが必要です。テキストコンテンツのファイル、コードのファイル、スタイルシートのファイル、画像などのメディアコンテンツのファイルなどがあります。ウェブサイトを作るときは、これらのファイルをうまく配置して、ファイル同士がお互いにアクセスできることを確認する必要があります。ファイルの扱いでは、ウェブサイトのファイルを適切に配置する方法と、気をつけるべきことについて説明します。
Hypertext Markup Language (HTML、ハイパーテキスト・マークアップ・ランゲージ) は、ウェブのコンテンツを構造化し、意味や目的を指定するために使うコードです。例えば、コンテンツが文章なのか箇条書きなのか。ページに挿入した画像はあるか。データの表はあるか。 HTML の基本では、分からなくならないように、HTML に親しめるように丁寧に説明します。
Cascading Stylesheets (CSS: カスケーディング・スタイルシート) は、ウェブサイトの見た目を決めるために使うコードです。CSS を書くと、テキストの色を黒や赤にしたり、コンテンツを画面のどこに表示するかを決めたり、ページの背景に好きな色をつけたり画像を表示したりして、ウェブサイトを好きなように飾り付けることができます。CSS の基本では、こうした飾り付けの方法について説明します。
JavaScript は、ウェブサイトにインタラクティブな機能を追加するために使うプログラミング言語です。例えば、ゲーム、ボタンが押された時やフォームにデータが入力された時に起こること、動的なスタイルの効果、アニメーション、などなどです。 JavaScript の基本では、この楽しいプログラミング言語を使ってどんなことができるのか、そしてどうやって使い始めれば良いのかを紹介します。
ウェブサイトのコードを書き終えて、ウェブサイトに必要なファイルが用意できたら、作ったファイルをすべてオンラインにして、インターネット上の他の人からも見られるようにする必要があります。サンプルコードの公開では、簡単なサンプルコードを最小限の手間でオンラインに公開する方法を説明しています。
あなたがお気に入りのウェブサイトにアクセスする時、実は目に見えない所ではとても複雑なことが行われています。ウェブのしくみでは、あなたがパソコンでウェブページを開いた時に裏側でどんなことが行われているのか、その大まかなしくみを説明します。