Условие:
(Без темы)
Решение задачи
Создать свой сайт. Нельзя использовать конструкторы сайтов. Не нужно создавать сложный, «навороченный» сайт. Важно только соблюдение всех, описанных ниже, критериев. Критерии: 1) Сайт выполняется, естественно, самостоятельно. Нужно быть готовыми к тому, что я могу задать вопросы по поводу выполнения работы; 2) Тема для сайта выбирается самостоятельно; 3) Сайт должен состоять минимум из двух страниц. Одна из них главная (index.html); 4) Между страницами должны быть связи по ссылкам (С главной и НА главную); 5) Сайт должен содержать изображения, таблицу, список и ссылки на разные разделы страницы (хотя бы на одной странице) через якоря; 6) Страница должна строиться по принципам блочной вёрстки. Можно использовать либо структурные теги (например, header, footer, main, section, nav и т.д.), либо тег div с соответствующими (по названию) классами. На обеих (на всех) страницах сайта должны быть одинаковые header (с горизонтальным меню) и footer. Header должен быть зафиксирован, то есть, при прокручивании страницы вниз он должен оставаться. 7) Оформление сайта обеспечивается через создание отдельного css-файла, который подключается в разделе head (тег link). В файле достаточно будет основных настроек: например, цвет фона (фоновое изображение), оформление шрифтов, выравнивания, границы таблиц. Остальное – по желанию. Главное, чтобы не напрягало глаза; 8) Сайт сдаётся в виде папки следующего содержания: - минимум 2 html-файла, один из которых главный (index.html) - папка «css», в которой хранится css-файл - папка «img», в которой хранятся все, используемые на сайте, изображения
Решение:
Для создания простого сайта, который соответствует всем указанным критериям, я предложу пошаговое руководство. Мы создадим сайт на тему Мой любимый город. Сайт будет состоять из главной страницы (index.html) и страницы О городе (about.html).
Шаг 1: Структура папок
Создайте папку для вашего проекта, например, mycitywebsite. Внутри этой папки создайте следующие папки и файлы:
mycitywebsite/
│
├── index.html
├── about.html
├── css/
│ └── styles.css
└── img/
└── city_image.jpg (или любое другое изображение)
Шаг 2: Создание главной страницы (index.html)
Откройте файл
index.html и добавьте следующий код:Теперь откройте файл и добавьте следующий код: Теперь создайте файл в папке и добавьте следующий код: Поместите изображение, которое вы хотите использовать, в папку и убедитесь, что имя файла совпадает с тем, что указано в коде (например, ). Теперь откройте файл в вашем браузере. Вы должны увидеть главную страницу с изображением, списком и таблицей. Проверьте, что ссылки между страницами работают. Теперь у вас есть простой сайт, который соответствует всем указанным критериям. Вы можете задавать вопросы по поводу выполнения работы, и я с радостью помогу!