Последние учебники веб-разработки
 

Web Building - Создание веб-сайта (HTML)


Создание веб - сайта с нуля Часть I:. Создание веб - сайта.


Что мы будем делать

В этой главе мы создадим веб-сайт на вашем компьютере.

Заметка Веб-сайт будет виден только вам. Позже вы узнаете, как сделать его достоянием общественности.


Создание веб-сайта

Создайте новую папку на компьютере (новую папку на рабочем столе все в порядке).

Назовите новый demoweb папки.

Теперь у вас есть локальный веб-сайт.


Создание домашней страницы

В папке 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>
Попробуй сам "

Файлы выше, содержат заголовки <h1> и параграфы <p>. Пожалуйста, не стесняйтесь редактировать содержание.

В следующей главе мы добавим таблицу стилей CSS. После этого мы добавим компьютерный код и данные.


Прочитайте больше

Подробнее о HTML в нашем Учебник HTML .