Практическая работа «разработка сайта с использованием языка разметки гипертекстовых документов html»
цель работы: формирование навыков использования основных тэгов языка html при создании web-сайта в текстовом редакторе блокнот.
описание сайта
web-сайт состоит из 5 связанных гиперссылками страниц:
1. титульная страница «времена года» - файл index.htm;
2. «зима» – файл winter.htm;
3. «весна» – файл spring.htm;
4. «лето» – файл summer.htm;
5. «осень» – файл autumn.htm.
описание работы
часть 1
создание страницы «зима»
1. скопировать папку «времена года» в личную папку.
2. запустить приложение блокнот. создать html-код страницы «зима», опираясь на изученный ранее материал (конспект, текст параграфа).
3. разместить на странице теги, определяющие страницу в целом.
4. введите заголовок первого уровня «времена года» и заголовок второго уровня «зима». отцентрируйте заголовки.
5. выполните отбивку заголовков прямыми линиями. цвет первого заголовка – черный, цвет второго – синий.
6. сохранить файл в папке «времена года»: установите тип файлов – «все файлы», укажите имя файла – winter.htm.
7. просмотрите страницу в браузере.
8. установите фоновый цвет страницы (голубой, bgcolor="ff").
9. поместите рисунок, выравнивая его по правому краю документа.
10. поместите стихотворение, выравнивая его по левому краю страницы. каждую строку оформите отдельным абзацем, строфы отделите пустой строкой.
11. создайте панель навигации по сайту.
12. сохраните файл. просмотрите страницу в браузере. она должна иметь вид, соответствующий образцу.
часть 2
создание страницы «весна»
1. запустить приложение блокнот. создать html-код страницы «весна».
2. заголовки и их отбивку выполнить аналогично странице «зима», цвет второго заголовка – зеленый.
3. цвет фона – бирюзовый (bgcolor="00ffcc").
4. стихи разместить аналогично странице «зима», начертание символов определить как полужирный курсив.
5. рисунок разместить аналогично странице «зима», установив размеры изображения по вертикали и горизонтали: 450 на 600 пикселей.
6. сохранить файл в папке «времена года». указать тип файлов – «все файлы». указать имя файла – spring.htm
7. открыть файл spring.htm с браузера internet explorer. вид окна должен соответствовать образцу.
часть 3
создание страницы «лето»
1. запустить приложение блокнот. создать html-код страницы «лето».
2. заголовки и их отбивку выполнить аналогично, цвет заголовков – черный.
3. разместить объекты на странице, согласно образцу. цвет фона – зеленый (bgcolor="00cc66").
4. сохранить файл в папке «времена года». указать тип файлов – «все файлы». указать имя файла – summer.htm.
5. открыть файл summer.htm с браузера internet explorer. вид окна должен соответствовать образцу.
часть 4
создание страницы «осень»
запустить приложение блокнот. создать html-код страницы «осень».
1. заголовки и их отбивку выполнить аналогично, цвет первого заголовка – черный, второго – коричневый оттенок #993300.
2. разместить объекты на странице, согласно образцу. цвет фона – желтый (bgcolor="ffcc66").
3. сохранить файл в папке «времена года». указать тип файлов – «все файлы». указать имя файла – autumn.htm.
4. открыть файл autumn.htm с браузера internet explorer. вид окна должен соответствовать образцу.
часть 5
создание титульной страницы
запустить приложение блокнот. создать html-код титульной страницы.
1. поместить заголовок первого уровня «времена года», выравнивание – по центру, цвет заголовка – синий.
2. выполнить отбивку заголовка прямой линией.
3. поместить таблицу из 2 строк и двух столбцов. задать ширину границ – 3 пункта, размер ячеек 300 на 200 пикселей.
4. поместить в ячейки иллюстрации.
5. добавить панель навигации.
6. сохранить файл в папке «времена года». указать тип файлов – «все файлы». указать имя файла – index.htm.
7. открыть файл index.htm с браузера internet explorer. вид окна должен соо
Часть 1: Создание страницы "Зима"
1. Сначала откройте папку "Времена года" и скопируйте ее в свою личную папку.
2. Затем откройте текстовый редактор Блокнот и создайте код HTML страницы "Зима".
3. Разместите на странице теги, которые определяют всю страницу. Это делается с помощью открывающего и закрывающего тегов `` и ``.
4. Введите заголовок первого уровня "Времена года" с помощью тега `
`. Затем введите заголовок второго уровня "Зима" с помощью тега `
`. Чтобы отцентрировать заголовки, мы используем атрибут `align="center"`. Таким образом, код для заголовков будет выглядеть следующим образом: `
Времена года
` и `Зима
`.5. Чтобы выполнить отбивку заголовков прямыми линиями, мы используем тег `
`. Для первого заголовка, используется атрибут `color="black"`, чтобы установить черный цвет, а для второго заголовка используется атрибут `color="blue"`, чтобы установить синий цвет. Таким образом, код для отбивки заголовков будет выглядеть так: `
` и `
`.
6. Теперь сохраните файл в папке "Времена года" с именем "winter.htm". Для этого в меню "Сохранить как" выберите тип файлов "Все файлы" и введите имя файла "winter.htm".
7. Чтобы просмотреть страницу в браузере, вы можете дважды щелкнуть на файле "winter.htm" или щелкнуть на нем правой кнопкой мыши и выбрать "Открыть с помощью" - "Internet Explorer".
8. Чтобы установить фоновый цвет страницы, мы используем атрибут `bgcolor="ff"`. Этот атрибут должен быть добавлен в тег ``. Таким образом, измененный код будет выглядеть так: ``.
9. Чтобы поместить рисунок и выровнять его по правому краю документа, мы используем тег ``. Этот тег должен быть добавлен после тега ``. Например, ``. Замените "имя_файла_изображения.jpg" на фактическое имя вашей картинки.
10. Чтобы поместить стихотворение и выровнять его по левому краю страницы, каждую строку оформите как отдельный абзац с помощью тега `
`. Чтобы отделить строфы, оставьте пустую строку между ними. Например:
```
Строка 1 стихотворения
Строка 2 стихотворения
Строка 3 стихотворения
```
11. Чтобы создать панель навигации по сайту, мы можем использовать нумерованный список `
`. Внутри него добавьте элементы списка `- ` с гиперссылками на другие страницы. Например:
- Зима
- Весна
- Лето
- Осень
` с атрибутами `
0,0(0 оценок)
Популярные вопросы: Информатика
Лера20888
19.07.2021 18:09
по информатике4,5 задание)))...
SemMandarenova
08.06.2021 00:41
Создать матрицу 3х4, заполнить ее числами 0 и 1 так, чтобы в одной строке была ровно олна еденица, и вывести на экран...
чек14
08.06.2021 00:41
Создать матрицу, состоящую из нулей, за исключением элементов, которые находятся в крайних столбцах и строках - они равны единице c#...
maymiz
10.02.2020 04:13
Между населенными пунктами a, b, c, d, e, f построены дороги, протяженность которых в километрах в таблице. (отсутствие числа в таблице означает, что прямой дороги между пунктами...
user41
10.02.2020 04:13
Каждое из логических выражений f и g содержит 6 переменных. в таблице истинности выражений f и g есть ровно 6 одинаковых строк, причем ровно в 5 из них в столбце значений стоит...
sergei19671
26.09.2021 17:38
2^2+2^3+2^4++2^10 найти сумму ( паскаль )...
Nonder
11.09.2020 17:11
Вэлектронной таблице значение формулы =сумм(в2: в4) равно 6. чему равно значение формулы =срзнач(в2: в5), если значение ячейки в5 равно 14?...
Соня200789
29.07.2022 07:26
Дано натуральное число , определить количество цифр в нем ( паскаль ) ! уже какой раз этот вопрос никто правильно решить не может ! !...
terrrylook31
15.07.2020 03:04
Устройство usb-модема(из чего состоит и тд.) и принцип действия (подробно)...
elvira1234123
15.07.2020 03:04
Для ответа на второй вопрос в дополнительной ячейке, например в нз, найдём количество участников, набравших по информатике не менее 80 . это можно сделать различными в том числе...
Полный доступ
Позволит учиться лучше и быстрее. Неограниченный доступ к базе и ответам от экспертов и ai-bota
Оформи подписку
О НАС
- О нас
- Блог
- Карьера
- Условия пользования
- Авторское право
- Политика конфиденциальности
- Политика использования файлов cookie
- Предпочтения cookie-файлов
СООБЩЕСТВО
- Сообщество
- Для школ
- Родителям
- Кодекс чести
- Правила сообщества
- Insights
- Стань помощником
ПОМОЩЬ
- Зарегистрируйся
- Центр помощи
- Центр безопасности
- Договор о конфиденциальности полученной информации
App
Начни делиться знаниями
Вход
Регистрация
Что ты хочешь узнать?
Спроси ai-бота
```
```
12. Теперь сохраните файл и снова просмотрите страницу в браузере. Она должна иметь вид, соответствующий образцу.
Часть 2: Создание страницы "Весна"
1. Откройте приложение Блокнот и создайте код HTML страницы "Весна".
2. Заголовки и их отбивку можно выполнить аналогично странице "Зима". Чтобы установить зеленый цвет для второго заголовка, используйте атрибут `color="green"`.
3. Чтобы установить цвет фона страницы в бирюзовый, используйте атрибут `bgcolor="00ffcc"`.
4. Чтобы разместить стихи аналогично странице "Зима", а начертание символов определить как полужирный курсив, вы можете использовать теги `
` и атрибут `style`. Например, `
Строка стихотворения
`.5. Чтобы разместить рисунок аналогично странице "Зима" и установить размеры изображения 450 на 600 пикселей, используйте тег `` с атрибутами `width="450"` и `height="600"`. Например, ``. Замените "имя_файла_изображения.jpg" на фактическое имя вашей картинки.
6. Сохраните файл в папке "Времена года" с именем "spring.htm", а затем откройте его в браузере Internet Explorer. Вид окна должен соответствовать образцу.
Часть 3: Создание страницы "Лето"
1. Откройте приложение Блокнот и создайте HTML-код страницы "Лето".
2. Заголовки и их отбивку можно выполнить аналогично предыдущим страницам. Чтобы установить черный цвет для заголовков, используйте атрибут `color="black"`.
3. Чтобы разместить объекты на странице, согласно образцу, используйте соответствующие теги и атрибуты. Например, чтобы установить зеленый цвет фона, используйте атрибут `bgcolor="00cc66"`.
4. Сохраните файл в папке "Времена года" с именем "summer.htm", а затем откройте его в браузере Internet Explorer. Вид окна должен соответствовать образцу.
Часть 4: Создание страницы "Осень"
1. Откройте приложение Блокнот и создайте HTML-код страницы "Осень".
2. Заголовки и их отбивку можно выполнить аналогично предыдущим страницам. Чтобы установить черный цвет для первого заголовка и коричневый оттенок для второго заголовка, используйте атрибут `color="#993300"`.
3. Чтобы разместить объекты на странице, согласно образцу, используйте соответствующие теги и атрибуты. Например, чтобы установить желтый цвет фона, используйте атрибут `bgcolor="ffcc66"`.
4. Сохраните файл в папке "Времена года" с именем "autumn.htm", а затем откройте его в браузере Internet Explorer. Вид окна должен соответствовать образцу.
Часть 5: Создание титульной страницы
1. Откройте приложение Блокнот и создайте HTML-код титульной страницы.
2. Добавьте заголовок первого уровня "Времена года" с помощью тега `
`. Чтобы выровнять заголовок по центру, используйте атрибут `align="center"`. Чтобы установить синий цвет для заголовка, используйте атрибут `color="blue"`.
3. Чтобы выполнить отбивку заголовка прямой линией, используйте тег `
`.
4. Чтобы разместить таблицу из 2 строк и 2 столбцов, используйте тег `