Практическая работа «разработка сайта с использованием языка разметки гипертекстовых документов 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. вид окна должен соо
Ответы
Ответить на вопрос
Поделитесь своими знаниями, ответьте на вопрос:
Популярные вопросы в разделе
Построить строку, состоящую из заглавных букв русского алфавита (по алфавиту Python
Автор: abdulhakovalily22
если не трудно кроме нужно
Автор: char40
Как в программе чертежник написать имя ангелина
Автор: ddobrov32133
Какую функцию выполняет звуковая карта
Автор: larinafashion829
Часть 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. Чтобы поместить рисунок и выровнять его по правому краю документа, мы используем тег `
10. Чтобы поместить стихотворение и выровнять его по левому краю страницы, каждую строку оформите как отдельный абзац с помощью тега `
`. Чтобы отделить строфы, оставьте пустую строку между ними. Например:
```
Строка 1 стихотворения
Строка 2 стихотворения
Строка 3 стихотворения
```
11. Чтобы создать панель навигации по сайту, мы можем использовать нумерованный список `
`. Внутри него добавьте элементы списка `- ` с гиперссылками на другие страницы. Например:
- Зима
- Весна
- Лето
- Осень
![]()
` с атрибутами `width="450"` и `height="600"`. Например, `
`. Замените "имя_файла_изображения.jpg" на фактическое имя вашей картинки.
```
```
12. Теперь сохраните файл и снова просмотрите страницу в браузере. Она должна иметь вид, соответствующий образцу.
Часть 2: Создание страницы "Весна"
1. Откройте приложение Блокнот и создайте код HTML страницы "Весна".
2. Заголовки и их отбивку можно выполнить аналогично странице "Зима". Чтобы установить зеленый цвет для второго заголовка, используйте атрибут `color="green"`.
3. Чтобы установить цвет фона страницы в бирюзовый, используйте атрибут `bgcolor="00ffcc"`.
4. Чтобы разместить стихи аналогично странице "Зима", а начертание символов определить как полужирный курсив, вы можете использовать теги `
` и атрибут `style`. Например, `
Строка стихотворения
`.5. Чтобы разместить рисунок аналогично странице "Зима" и установить размеры изображения 450 на 600 пикселей, используйте тег `
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"`.
4,4(44 оценок)
Проверить ответ в нейросети
Это интересно:
С
Семейная-жизнь
21.02.2020
Как справиться с ребенком, который постоянно говорит нет...
02.01.2020
Как стать серьезным: 10 советов от успешных людей...
К
Компьютеры-и-электроника
25.10.2022
Как словить покемона Кресселию...
З
Здоровье
22.01.2023
Как сделать мешочек с кукурузой: всё, что нужно знать...
П
Питомцы-и-животные
21.04.2022
Как выращивать кроликов ради мяса или шерсти...
Х
Хобби-и-рукоделие
07.07.2021
Как сделать светящуюся палочку: пошаговая инструкция...
Д
Дом-и-сад
03.02.2020
Как быстро и эффективно избавиться от шоколадных пятен...
И
Искусство-и-развлечения
20.08.2020
Школа дома: как не потеряться и организоваться...
О
Образование-и-коммуникации
12.06.2021
Как составить план: секреты планирования на будущее...
К
Компьютеры-и-электроника
20.11.2020
Как создать простую таблицу стилей CSS с помощью Notepad...
Новые ответы от MOGZ: Информатика
Apsalikovat
16.07.2020
Выбрать к каждому своё значения...
Alina55332
23.04.2023
Предусматривается ли федеральным законом при приёме на обучение по профессиям и специальностям, требующие у поступающих наличия определённых трорческих или психологических...
ayna4
29.09.2022
Зависимости от времени, если время изменяется от 0 до 120 сек с шагом 20 сек. delphi...
poulina14
04.01.2022
Информатика 9 класс составьте алгоритм решения на алгоритмическом языке(на бумаге). для каждой свой алгоритм коля купил в магазине тетради. части из них он отдал младшему...
Lis25pfi174
26.09.2022
Fortran. даны три действительных числа. выбрать из них те, которые принадлежат интервалу [2,5]. решаем через code blocks gnu fortran compiler...
paninadiana15
11.02.2023
Чертежнику был дан для исполнения следующий алгоритм: повтори 3 раз сместиться на (3, 2) сместиться на (-1,1) сместиться на (2, 2) конец сместиться на (-4, -7) на какую...
FedorShar28
11.12.2021
3/4+4/5+5/16+/64 цикл с параметром в паскаль...
bitvazat
21.07.2022
Условие задания: Впиши пропущенное слово\слова. - это устройство, предназначенное для формирования напряжений питания компьютерных систем...
ильюхха
11.01.2023
ИНФОРМАТИКА.ЗАДАНИЯ В ФАЙЛЕ....
zajigalka2001
25.02.2022
Каково основное предназначение компьютера...
- Согласны ли вы с тем, что преображенский допустил ошибку в своём эксперименте?...
- Отец старше сына на 24 года, а через 4 года будет старше его в 2 раза....
- Составить слово 1) приставка корень суффикс окончание суффикс 2) приставка...
- 20 за подробный ответ перепишите следующие предложения и переведите их,...
- Ветроопыляемые и насекоопыляемые...
- Как вы думаете могло ли словосочетанием экстремальная жара стать выражением...
- Какие художественные средства использует автор в данном отрывке? выпишите...
- Ойланып, жауап бер.; 1.сені қазіргі уақытта не толғандырады? 2.сен айтыскер...
- Ккакой группе сахаров относятся следующие вещества c6h12o6...
- Всего 720 км . 1 день 20%. 2 день 10% осталось ?...
Полный доступ к MOGZ
Живи умнее Безлимитный доступ к MOGZ
Оформи подписку
О НАС
- О нас
- Блог
- Условия пользования
- Авторское право
- Политика конфиденциальности
- Предпочтения cookie-файлов
ПОМОЩЬ
- Зарегистрируйся
- Центр помощи
- Центр безопасности
App
Вход
Регистрация
Что ты хочешь узнать?
Спроси Mozg
Открыть лучший ответ
3. Чтобы выполнить отбивку заголовка прямой линией, используйте тег `
`.
4. Чтобы разместить таблицу из 2 строк и 2 столбцов, используйте тег `` с атрибутами `
MOGZ ответил