Создание простой Web-страницы
Создание простой Web-страницы
Более полный перечень цветов – см. файл Приложение 2. Просматривайте Web-страницу после внесения изменений (не забывайте о замечании п.7) 15. Расположение текста на экране: редактируемая страница при просмотре в браузере имеет недостаток - слишком широкий текст, который неудобно читать. Чтобы «сузить» текст можно использовать для разметки страницу таблицу с невидимыми границами (атрибут bolder). После тэга вставить тэги таблицы
16. Изменение начертания шрифта (т.е. выделение фрагментов текста): выделить слова «Цветок» (1-й абзац) – полужирным, 3-й абзац – курсивом. Для этого в тексте поставить тэги Цветок и … Замечание. Способы выделения текста: - полужирный, -курсив, - подчеркивание (парные тэги! Не забывайте ставить закрывающий тэг) 17. Изменение размера шрифта: текст Замечание. Цифру можно изменять от 1 до 7: 7 – самый крупный шрифт, 1 – самый мелкий Сделайте для 1-го абзаца шрифт 5, для 4-го абзаца – шрифт 4 Вставка рисунка: после тэга ЦВЕТЫ h1> вставить тэг
(рисунок вставляем по центру сразу после заголовка)
Внимание ! Рисунок 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. Вставка фонового звука: после тэга вставить тэгНе забудьте сохранить задание. IV. Домашнее задание Записи в тетради. V. Итог урока. Подведение итога занятия. Просмотреть выполненные задания. Ответить на вопросы обучающихся. жүктеу/скачать 62,99 Kb. Достарыңызбен бөлісу: |