ウェブ入門 は、実用的なウェブ開発の入門シリーズです。まずはじめに、簡単なウェブページを作るのに必要なツールをセットアップします。そして、簡単なコードを書いたら、それを実際にウェブに公開します。

初めてのウェブサイトの旅

プロが作るようなウェブサイトを作るのはとても大変な作業です。ウェブ開発の初心者は、まずは小さなものから作り始めるとよいでしょう。今すぐ Facebook のようなサイトを作ることはできませんが、簡単なウェブサイトなら作るのはそれほど難しくありません。私たちはここから始めることにしましょう。

以下の記事を読んでいけば、ウェブサイトを作ったことがない全くの初心者でも、自分自身のウェブサイトを作って、ウェブに公開できるようになります。さあ、はじめましょう!

基本的なソフトウェアをインストールする

ウェブサイトを作るためのツールはたくさんあります。ウェブ開発を始めたばかりの頃は、テキストエディタやフレームワーク、テストツールといったいろいろなソフトウェアが山のようにあって、混乱してしまうかもしれません。そこで、基本的なソフトウェアをインストールするでは、基本的なウェブ開発を始めるあなたのために私たちが選んだツールを紹介して、ツールのインストールの手順をひとつずつ順番に説明しています。

ウェブサイトはどんな見た目にしたいですか?

ウェブサイトのコードを書き始める前に、まずは計画を立てることが大切です。あなたのウェブサイトにはどんな情報を載せますか?フォントや色はどうしたいですか?ウェブサイトはどんな見た目にしたいですか?この記事では、コンテンツやデザインを計画するのに役に立つ簡単な方法を紹介します。

ファイルを扱う

ウェブサイトを作るにはたくさんのファイルが必要です。テキストコンテンツのファイル、コードのファイル、スタイルシートのファイル、画像などのメディアコンテンツのファイルなどがあります。ウェブサイトを作るときは、これらのファイルをうまく配置して、ファイル同士がお互いにアクセスできることを確認する必要があります。ファイルを扱うでは、ウェブサイトのファイルを適切に配置する方法と、気をつけるべきことについて説明します。

HTMLの基本

Hypertext Markup Language (HTML、ハイパーテキスト・マークアップ・ランゲージ) は、ウェブサイトのコンテンツに構造を指定して、それぞれの部分がどういう意味や目的を持っているのかを指定するために使うコードです。具体的に言うと、構造というのは、段落や箇条書きのリスト、画像、テーブルなどのようなものです。HTML の基本では、分からなくならないように、HTML に親しめるように丁寧に説明します。

CSS の基本

Cascading Stylesheets (CSS:カスケーディング・スタイルシート) は、ウェブサイトの見た目を決めるために使うコードです。CSS を書くと、テキストの色を黒や赤にしたり、コンテンツを画面のどこに表示するかを決めたり、ページの背景に好きな色をつけたり画像を表示したりして、ウェブサイトを好きなように飾り付けることができます。CSS の基本では、こうした飾り付けの方法について説明します。

JavaScriptの基本

JavaScript は、ウェブサイトにインタラクティブな機能を追加するために使うプログラミング言語です。JavaScript を使えば、たとえば、ゲームを作ったり、ボタンを押した時やフォームにデータを入力した時に何かが起こるようにしたり、いろいろなことができるようになります。JavaScript の基本では、この楽しいプログラミング言語を使ってどんなことができるのか、そしてどうやって使い始めれば良いのかを紹介します。

あなたのウェブサイトを公開する

ウェブサイトのコードを書き終えて、ウェブサイトに必要なファイルが用意できたら、作ったファイルをすべてオンラインにして、インターネット上の他の人からも見られるようにする必要があります。あなたのウェブサイトを公開するでは、あなたが書いた簡単なコードをオンラインにして世界中に公開するための簡単な方法を教えます。

ウェブのしくみ

あなたがお気に入りのウェブサイトにアクセスする時、実は目に見えない所ではとても複雑なことが行われています。ウェブのしくみでは、あなたがパソコンでウェブページを開いた時に裏側でどんなことが行われているのか、その大まかなしくみを説明します。

ドキュメントのタグと貢献者

 このページの貢献者: sun4geek, dskmori, lv7777, tcyyky, shuuji3, takoeight0821
 最終更新者: sun4geek,