ПРАКТИЧЕСКОЕ ЗАДАНИЕ 1 1. Создайте папку stranica. Все последующие файлы необходимо будет сохранять в этой папке.

2. Создайте шаблон web-страницы в блокноте.

3. Сохраните готовый шаблон под именем shablon.html в папку stranica.

4. Внесите в шаблон следующие изменения: введите заголовок «Страница исследований», а в тело документа введите текст: «Первая веб-страница будет посвящена исследованиям».

5. Сохраните получившийся файл под именем index.html в папке stranica (напомним, что index.html — это стандартное имя головного документа, с которого начинается загрузка сайта).

6. Просмотрите результат работы в браузере.

7. Откройте файл index.html и сохраните его под именем zadanie1.html.

8. Оформите текст «Первая web-страница будет посвящена исследованиям» в виде заголовка первого уровня.

9. Придумайте заголовки для оставшихся пяти уровней и оформите их (например, для заголовка второго уровня — текст «Так выглядит заголовок второго уровня»)

10. Расположите заголовок первого уровня по центру, второго уровня — слева, третьего уровня — справа. Сохраните изменения и просмотрите результат в браузере.

11. После заголовка первого уровня добавьте горизонтальную линию, расположив ее по центру. Высота линии — 6 пикселей, длина — 600 пикселей.

12. После заголовка второго уровня добавьте горизонтальную линию, расположив ее по левому краю. Высота линии — 20 пикселей, длина — 450 пикселей.

13. После заголовка третьего уровня добавьте горизонтальную линию, расположив ее по правому краю. Высота линии — 10 пикселей, длина — 350 пикселей.

14. После заголовка четвертого уровня добавьте горизонтальную линию высотой 100 и длиной 650 пикселей.

15. После заголовка пятого уровня добавьте горизонтальную линию высотой 150 и длиной 650 пикселей.

16. Проанализируйте результат выполнения двух предыдущих пунктов задания. Почему линии получились одинаковыми?

17. Сохраните все изменения.

Ответы

Esenbekmalika30 20.01.2024 09:11

1. Чтобы создать папку "stranica", нужно открыть проводник (Проводник Windows) и перейти в нужное место на вашем компьютере, где вы хотите создать папку. Щелкните правой кнопкой мыши на пустой области в проводнике и выберите "Создать" в выпадающем меню. Затем выберите "Папку". Вы увидите, что появилась новая папка с именем "Новая папка". Введите название папки "stranica" и нажмите клавишу Enter. Теперь у вас есть папка "stranica".

2. Для создания шаблона веб-страницы в блокноте, вам нужно открыть блокнот на вашем компьютере. Щелкните правой кнопкой мыши на пустой области рабочего стола и выберите "Новый" в выпадающем меню. Затем выберите "Текстовый документ". Появится новый документ блокнота. Введите нужный текст и сохраните документ.

3. Чтобы сохранить готовый шаблон под именем "shablon.html", откройте меню "Файл" в блокноте и выберите "Сохранить как". Выберите папку "stranica" (которую вы создали на первом шаге), введите имя файла "shablon.html" и нажмите кнопку "Сохранить".

4. Чтобы внести изменения в шаблон, откройте файл "shablon.html" в блокноте. Найдите строку, где будет указан заголовок, и замените ее на "Страница исследований". Затем найдите строку, где будет указан текст тела документа, и замените ее на "Первая веб-страница будет посвящена исследованиям".

5. Чтобы сохранить получившийся файл под именем "index.html" в папке "stranica", откройте меню "Файл" в блокноте и выберите "Сохранить как". Выберите папку "stranica", введите имя файла "index.html" и нажмите кнопку "Сохранить".

6. Чтобы просмотреть результат работы в браузере, откройте ваш любимый веб-браузер и в поисковой строке введите "file:///путь_к_файлу/index.html". Например, если файл "index.html" находится в папке "stranica" на вашем рабочем столе, путь будет выглядеть следующим образом: "file:///C:/Users/Ваше_имя_пользователя/Рабочий_стол/stranica/index.html". Удостоверьтесь, что вы ввели правильный путь к файлу и нажмите Enter. Вы должны увидеть результат вашей веб-страницы в браузере.

7. Чтобы открыть файл "index.html" и сохранить его под именем "zadanie1.html", откройте папку "stranica" в проводнике и найдите файл "index.html". Щелкните правой кнопкой мыши на файле "index.html" и выберите "Переименовать" в выпадающем меню. Введите новое имя файла "zadanie1.html" и нажмите клавишу Enter.

8. Чтобы оформить текст "Первая web-страница будет посвящена исследованиям" в виде заголовка первого уровня, найдите эту строку в файле "zadanie1.html" и заключите ее в тег

и

. Например, измените строку

Первая web-страница будет посвящена исследованиям

на

Первая web-страница будет посвящена исследованиям

.

9. Чтобы придумать заголовки для оставшихся пяти уровней и оформить их, найдите соответствующие строки в файле "zadanie1.html" и заключите их в соответствующие теги заголовков (например,

,

, и т.д.). Например, для заголовка второго уровня измените строку
Второй заголовок
на

Так выглядит заголовок второго уровня

.

10. Чтобы расположить заголовок первого уровня по центру, заголовок второго уровня - слева, а заголовок третьего уровня - справа, нужно использовать CSS. В файле "zadanie1.html" найдите каждый заголовок и добавьте атрибут "style" для стилизации. Например, для заголовка первого уровня добавьте атрибут "style="text-align: center;"" для расположения по центру. Для заголовка второго уровня добавьте атрибут "style="text-align: left;"" для расположения слева. Для заголовка третьего уровня добавьте атрибут "style="text-align: right;"" для расположения справа.

11. Чтобы добавить горизонтальную линию после заголовка первого уровня, нужно использовать HTML-тег

. В файле "zadanie1.html" найдите строку, следующую за заголовком первого уровня, и добавьте тег