КАТЕГОРИИ: Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748) |
Упражнения на разработку WEB-страниц
Загрузка страниц в определенные фреймы Изменение полей <html> Marginheight определяет ширину (в пикселях) верхнего и нижнего полей фрейма, а marginwidth определяет ширину левого и правого полей фрейма. В примере мы избавились от полей во фрейме, содержащим logo.html, задав значение marginheight и marginwidth = 0.
Параметр name задает имя для фрейма документа content.html. <html> Имя фрейма может быть в дальнейшем использовано для ссылки на него из других документов (фреймов) с помощью параметра тэга <А> TARGET (target="имя_фрейма"). Обратимся к документу menu.html. Для каждой ссылки укажем параметр target="window", где window – имя фрейма, в котором располагается документ content.html. <html> <a href="content.html" target="window" >Главная</a> </body> Чтобы документ открылся в новое окно, надо параметру target задать значение top:
<a href="project.html" target="top" >Мой проект</a>
Страница с проектом откроется в новое полное окно. Упражнение 1 1. Запустите Блокнот. 2. Создайте документ HTML со следующими установками: Название – Моя страница Заголовок 1 уровня по центру – Мой первый WEB-документ Заголовок 2 уровня по правому краю – Текст с заголовками и абзацами 1 абзац – Файл 1.HTM 2 абзац – Каталог HTM 3. Сохраните документ под именем 1.HTM. 4. Откройте браузер Internet Explorer. 5. Откройте документ 1.HTM. При неправильном отображении исправьте документ, сохраните его и просмотрите его снова в браузере. Упражнение 2.1 1. Запустите текстовый редактор HTML. 2. Откройте документ 1. HTM и отредактируйте его со следующими установками: Название – Моя вторая WEB-страница Комментарий – горизонтальные линии и эскейп-последовательности Заголовок 2 уровня по центру – “ Мой второй WEB-документ” Заголовок 4 уровня по центру – < Текст с линиями и эскейп-последовательностями > абзац – “ Файл 2.HTM ” перевод на новую строку тонкая горизонтальная линия на весь экран “ Каталог HTM ” перевод на новую строку толстая горизонтальная линия 50% от ширины экрана 3. Сохраните документ под именем 2.HTM. 4. Откройте в браузере Internet Explorer документ 2.HTM.
Упражнение 2.2
Упражнение 3 1. Откройте файл 3.HTM и отредактируйте его, используя различные виды списков. 2. Сохраните его под именем 4.HTM. 3. Просмотрите в браузере Internet Explorer документ 4.HTM. Упражнение 4.1
Моя биография – на файл 1.HTM Рассказ о моей семье – на файл 2.HTM Несколько фотографий – на сайт www.gor.h1.ru.
Упражнение 4.2
Упражнение 5.1
- фон страницы – серого цвета, - текст – зеленого цвета, - гиперссылку – синего цвета, - использованную гиперссылку – голубого цвета,
Упражнение 5.2
- Ключевые слова – увлечения, фотографии, друзья, семья - Содержание страницы – Знакомство с моими увлечениями и биографией - Текст в кодировке Windows.
Упражнение 6.1
Упражнение 6.2
Создайте новый файл 10.HTM со следующей таблицей по центру экрана: Ширина таблицы – 500 Ширина 1 ячейки – 150 Ширина 2 ячейки – 350.
Упражнение 6.3
Отредактируйте файл 10.HTM, вставив в соответствующие ячейки таблицы информацию из файла 6.HTM, и сохраните под именем 11.HTM.
Упражнение 7.1
- Моя биография – на файл 11.HTM - Рассказ о моей семье – на файл 10.HTM - Несколько фотографий – на сайт http://www.smtu.ru/.
Упражнение 7.2
Ø 17-23 Ø 24-30 Ø 31-35 Ø 36-40
Ø чтение книг Ø просмотр фильмов Ø игра на компьютере Ø прогулка на природе
Упражнение 7.3
Упражнение 7.4
Упражнение 8.1
Дата добавления: 2014-12-27; Просмотров: 621; Нарушение авторских прав?; Мы поможем в написании вашей работы! Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет |