Создание простой Web-страницы



бет4/4
Дата05.04.2022
өлшемі62,99 Kb.
#137978
түріЗанятие
1   2   3   4
Байланысты:
Создание простой Web-страницы

Цветы

и выровнять его по центру страницы – дополнить этот тэг, чтобы получилось

align="center">Цветы
Замечание. Изменяя цифру от 1 до 6, можно получить заголовки шести уровней. Попробуйте, не забывая при этом замечание п. 7.
14. Изменение фона страницы и цвета текста: для этого добавить в тэг
<
bgcolor –цвет фона; text – цвет текста
body bgcolor="#f0e68c" text="#191970">

Замечание. Код цвета фона и текста можно подобрать другие. Запись цвета - в формате RGB



Цвет

#RRGGBB (код)

Цвет

#RRGGBB (код)

Black— черный

#000000

Рurple — фиолетовый

#FF00FF

White — белый

#FFFFFF

Yellow — желтый

#FFFF00

Red— красный

#FF0000

Вrown — коричневый

#996633

Сreen — зеленый

#00FF00

Оrangе — оранжевый

#FF8000

Аzure — бирюзовый

#00FFFF

Violet— лиловый

#8000FF

Вlue — синий

#0000FF

Gray — серый

#А0А0А0

Более полный перечень цветов – см. файл Приложение 2.
Просматривайте Web-страницу после внесения изменений (не забывайте о замечании п.7)
15. Расположение текста на экране: редактируемая страница при просмотре в браузере имеет недостаток - слишком широкий текст, который неудобно читать. Чтобы «сузить» текст можно использовать для разметки страницу таблицу с невидимыми границами (атрибут bolder).

После тэга вставить тэги таблицы, состоящей из одной строки и трех ячеек
<
Числа 10%, 80%, 10% можно изменить, но их сумма должна быть равна 100%
td width="80%">

….
Заголовок
Текст




в этой строке:


<table bolder=0>
<tr>


16. Изменение начертания шрифта (т.е. выделение фрагментов текста): выделить слова «Цветок» (1-й абзац) – полужирным, 3-й абзац – курсивом. Для этого в тексте поставить тэги
Цветок и


Замечание. Способы выделения текста: - полужирный, -курсив, - подчеркивание (парные тэги! Не забывайте ставить закрывающий тэг)

17. Изменение размера шрифта: текст




Замечание. Цифру можно изменять от 1 до 7: 7 – самый крупный шрифт, 1 – самый мелкий
Сделайте для 1-го абзаца шрифт 5, для 4-го абзаца – шрифт 4
Вставка рисунка: после тэга

ЦВЕТЫ вставить тэг

(рисунок вставляем по центру сразу после заголовка)


Внимание ! Рисунок cvetok.jpg должен находиться в той же рабочей папке, куда сохранили свою Web-страницу. Формат рисунка должен быть jpeg.
Для этого скопируйте рисунок cvetok.jpg из папки Цветы в свою рабочую папку.

18. Сохраните изменения в Блокноте и просмотрите Web-страницу в браузере Internet Explorer.


19. Вставка «бегущей строки»: после заголовка

Цветы

вставить тэги


height=30 width=100%
hspase=5 vspase=5 align=middle
bgcolor=yellow
direction=left loop=infinite behavior=scroll
scrollamount=5 scrolldelay=100>
Запишите Вашу фамилию, имя



height= высота (в пикселях) и width= ширина (в пикселях или процентах) поля «бегущей строки»;
hspase= и vspase= интервалы (в пикселях) по горизонтали и вертикали между текстом и краями её поля;
align= расположение текста в поле «бегущей строки»: top – вверху, bottom – внизу, middle – посредине;
bgcolor= позволяет установить цвет фона;
direction= определяет направление движения «бегущей строки»: left – справа налево, right – слева направо
loop=infinite – «бегущая строка» присутствует все время, пока идёт просмотр страницы;
scrollamount= длина в пикселях, на которую текст перемещается за один такт;
scrolldelay= величина паузы между отдельными тактами перемещения текста (в долях се
кунды; 1000 – пауза в 1сек)
Запишите Вашу фамилию, имя - размер шрифта текста
- закрывающий тэг

20. Вставка разделительных полос: тэг



перед вторым абзацем вставить тэг
- толщина и длина полосы; noshade – чтобы полоса была темной
Убрать тэги
- две пустые строки перед вторым абзацем

21. Т.к. после вставки разделительной полосы нарушается выравнивание (все абзацы, кроме первого, будут выровнены по левому краю), то необходимо добавить после тэга


тэг



22. Вставка фонового звука: после тэга вставить тэг


- музыка будет звучать до тех пор, пока файл изображается на экране. Звуковой файл mtv-1.mp3 должен находиться в Вашей рабочей папке (скопируйте его из папки Цветы)


Не забудьте сохранить задание.


IV. Домашнее задание
Записи в тетради.
V. Итог урока.
Подведение итога занятия. Просмотреть выполненные задания. Ответить на вопросы обучающихся.



Достарыңызбен бөлісу:
1   2   3   4




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет