Проект Web #1 "Простой блог"

Задача

Используя HTML и CSS, создать блог любой тематики с тремя записями (постами).

Варианты тематики блога

1. Мой город.
2. Учебный центр "Фишка".
3. Энциклопедия мемов Интернета.
4. Космос сегодня.
5. Доступная экология.
6. Онлайн-игры.
7. Полезности.
8. Любая другая тематика.

Ход работы 

1. Создадим базовую структуру веб-страницы.
1.1. В своей папке с сайтами создайте новую папку, назовите её (например, "Первый блог").
1.2. Откройте эту папку в IDE (Visual Studio Code, Sublime Text или любом другом).
1.3. Создайте главную страницу сайта – файл под названием index.html.
1.4. Внесём базовую HTML-разметку:
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Название страницы</title>
</head>
<body>

</body>
</html>

1.5. Создадим ещё один файл – style.css, куда будем вписывать CSS-правила. Подключим этот файл в главной странице внутри <head>
<link rel="stylesheet" href="style.css">

1.6. Пропишем первое правило для тела документа – уберём отступы:
body {
    margin:0;
}

1.7. Внутри тела документа в разметке добавим блок с классом container, который будет центрировать содержимое веб-страницы:
<div class="container">
</div>

Добавим CSS-правило для этого элемента:
.container {
    margin:0 auto;
    width:920px;
}

2. Дальнейшие указания по ссылке (ментор введёт полный адрес):
https://docs.google.com/document/d/1fhsEqVhIbjzyIggQZC-AXBe4sbk9j1GMEanVYNFSrMM/edit?usp=sharing



Комментарии

  1. http://onlinegames.zzz.com.ua/ зайдите пжалуйста . (Пример сайта)

    ОтветитьУдалить
  2. Анонимный03.03.2020, 22:11

    Это всё Антон))

    ОтветитьУдалить
  3. так ну какбы это нууууууууууууу








    ОтветитьУдалить

Отправить комментарий