最新のWeb開発のチュートリアル
 

ウェブの構築 - ウェブサイトの作成(HTML)


ゼロからWebサイトを構築パートI:Webサイトを作成します。


私たちは何をしますか

この章では、コンピュータ上でWebサイトを作成します。

注意ウェブサイトは、あなただけに表示されます。Later you will learn how to make it public. 後で、それを公開する方法を学習します。


Webサイトを作成します。

コンピュータ上の新しいフォルダを作成します(デスクトップ上の新しいフォルダがOKです)。

新しいフォルダdemowebに名前付けます。

今、あなたは、ローカルのWebサイトを持っています。


ホームページを作成

demowebフォルダ、index.htmlをという名前の新 ​​しいファイルを作成します。

ファイルに次の内容を配置するメモ帳(またはその他のテキストエディタ)を使用します。

index.htmlを

<!DOCTYPE html>
<html>

<head>
  <title>Our Company</title>
</head>

<body>

  <h1>Welcome to Our Company</h1>
  <h2>Web Site Main Ingredients:</h2>

  <p>Pages (HTML)</p>
  <p>Style Sheets (CSS)</p>
  <p>Computer Code (JavaScript)</p>
  <p>Live Data (Files and Databases)</p>

</body>
</html>
»それを自分で試してみてください

注意ファイルを保存した後、ブラウザで開いて、それが実行されるかを見ることができます。


ページを追加します。

demowebフォルダ、about.htmlという名前の新 ​​しいファイルを作成します。

ファイルに次のように置きます。

about.html

<!DOCTYPE html>
<html>

<head>
  <title>About</title>
</head>

<body>

  <h1>About Us</h1>
  <p>Lorem Ipsum Porem Lorem Ipsum Porem</p>

</body>
</html>
»それを自分で試してみてください

上記のファイルは、<P> <H1>や段落の見出しが含まれています。Please feel free to edit the content. 内容を編集すること自由に感じなさい。

次の章では、CSSスタイルシートを追加します。After that we will add computer code and data. その後、私たちはコンピュータコードとデータを追加します。


続きを読む

私たちの中にHTMLについてお読みHTMLチュートリアル