сделать работу в html.( )
Задачи, обязательные для выполнения.
● Создать файл index.html — это будет главная страница. На этой странице сделайте ссылки в виде маркированного списка на следующие страницы.
○ Меню (должно располагаться на каждой странице сайта)
■ Главная
■ Услуги
■ Портфолио
■ Контакты
○ Отделить горизонтальной чертой шапку сайта
○ Добавить Название вашего сайта
○ Напишите приветственное сообщение.
○ Горизонтальная черта
○ Footer (должен располагаться на каждой странице сайта)
● Что должно присутствовать в footer
○ Значок копирайта
○ Текст “Все права защищены”
● На странице «Услуги»
○ Меню сайта
○ Горизонтальная черта
○ Заголовок «Услуги»
○ Список услуг, в виде ссылки на подробное описание услуги.
○ Footer
● На странице «Портфолио» (страницы из первой лабораторной работы)
○ Добавить картинку с возможностью нажатия на нее. Картинка должна открыться в полном размере, в новом окне. *
○ Добавить свои достижения: грамоты, сертификаты, курсы. В виде нумерованного списка, с гиперссылкой (должна открыться в новом окне.) на подробное описание или картинку сертификата, диплома и т.д.*
. ● На странице «Контакты»
○ Меню сайта
○ Горизонтальная черта
○ Заголовок «Напишите мне» ○ Поля для заполнения
■ Имя
■ Email
■ Тема
■ Текстовое поле
■ * Произвольные поля, которые на ваше усмотрение нужны на вашем сайте.
○ Заголовок «Адрес»
■ Контактный номер телефона
■ Адрес
■ Email
1. Создание файла index.html:
Для начала создадим файл index.html. Этот файл будет главной страницей нашего сайта. Мы можем создать его с помощью любого текстового редактора, такого как Notepad++ или Sublime Text.
2. Создание ссылок на другие страницы:
На главной странице необходимо создать ссылки на другие страницы сайта. Для этого мы можем использовать тег
для создания маркированного списка и тег- для каждого пункта списка. В нашем случае, у нас будет четыре ссылки: "Главная", "Услуги", "Портфолио" и "Контакты".
- Главная
- Услуги
- Портфолио
- Контакты
для вставки этого файла в каждую страницу.
Услуги
- Главная
- Услуги
- Портфолио
- Контакты
- Услуга 1
- Услуга 2
- Услуга 3
Портфолио
- Главная
- Услуги
- Портфолио
- Контакты
- Диплом 1
- Диплом 2
- Диплом 3
Контакты
- Главная
- Услуги
- Портфолио
- Контакты
Пример кода для создания маркированного списка с ссылками:
```html
```
3. Разделение шапки сайта с помощью горизонтальной черты:
Для разделения шапки сайта, мы можем использовать тег
, который создает горизонтальную черту на странице.
Пример кода для добавления горизонтальной черты:
```html
```
4. Добавление названия вашего сайта:
Для добавления названия вашего сайта, мы можем использовать тег
или
с желаемым названием.
Пример кода для добавления названия сайта:
```html
Название вашего сайта
```
5. Написание приветственного сообщение:
Для написания приветственного сообщения, мы можем использовать тег
с желаемым текстом.
Пример кода для написания приветственного сообщения:
```html
Добро пожаловать на наш сайт! Здесь вы найдете информацию о наших услугах, наше портфолио и сможете связаться с нами.
```
6. Добавление футера на каждой странице:
Для добавления футера на каждой странице сайта, мы можем создать отдельный файл footer.html, в котором будет содержаться футер. Затем, мы можем использовать тег
Пример кода для вставки футера на каждой странице:
```html
```
7. Создание футера:
В футере должно быть присутствовать значок копирайта и текст "Все права защищены".
Пример кода для создания футера:
```html
```
8. Создание страницы "Услуги":
Для создания страницы "Услуги", мы можем создать файл services.html. На этой странице должны присутствовать меню сайта, горизонтальная черта, заголовок "Услуги" и список услуг.
Пример кода для создания страницы "Услуги":
```html
Услуги
```
9. Создание страницы "Портфолио":
Для создания страницы "Портфолио", мы можем создать файл portfolio.html. На этой странице должны присутствовать меню сайта, горизонтальная черта, заголовок "Портфолио", картинка с возможностью нажатия на нее и список достижений.
Пример кода для создания страницы "Портфолио":
```html
Портфолио
```
10. Создание страницы "Контакты":
Для создания страницы "Контакты", мы можем создать файл contacts.html. На этой странице должны присутствовать меню сайта, горизонтальная черта, заголовок "Напишите мне", поля для заполнения (имя, email, тема, текстовое поле) и информация о адресе и контактном номере телефона.
Пример кода для создания страницы "Контакты":
```html
Напишите мне
Адрес
Контактный номер телефона
Адрес
Email
```
Это решение предоставляет подробные инструкции и пошаговые действия по созданию работы в HTML. Мы создаем файлы для каждой страницы, добавляем необходимые элементы и стили, чтобы выполнить требования задачи.