1. Создайте на диске отдельную директорию (папку) для будущей страницы. D: \первые шаги\
2. Откроите текстовый редактор Блокнот (notepad) и наберите в нем структуру HTML-документа, которая приведена в примере 1:
3. Сохраните этот документ, присвоив ему имя *.html
Например: D: \первые шаги\index.html
4. Откройте с помощью Internet Explorer ваш документ (не закрывайте блокнот, он нам еще пригодится).
Если вы что-то изменили в вашем *.html документе (в Блокноте), то, не забудьте сохранить изменения, а чтобы посмотреть как это выглядит в Internet Explorer, надо нажать в Internet Explorer кнопку ОБНОВИТЬ (тоже самое касается других браузеров).
Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ.
- Вернитесь к сохраненному в Блокноте файлу.
- Внесите в него следующие изменения: пусть это будет ваша первая страничка. Укажите в ней ваши фамилию, имя, ФИО родителей, братьев и сестер, свои увлечения. Используйте для этого форматирование абзацев.
- В строке < title> укажите: " Домашняя страничка (ваше имя и фамилия)".
- Сохраните файл как page2.htm.
- Просмотрите результат в браузере, при необходимости отредактируйте файл при помощи Блокнота.
10. Выполните задание согласно варианта
| № варианта
| Задание
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гипертекста.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гиперссылки.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие скрипта или сценария.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие элемента.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие тэга.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие атрибута.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие фрейма и браузера.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гипертекста.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гиперссылки.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие скрипта или сценария.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие элемента.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие тэга.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие атрибута.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие фрейма и браузера.
|
|
| Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие скрипта или сценария.
|
Контрольные вопросы
1. Охарактеризуйте язык тегов HTML.
2. Какова структура HTML-документов.
3. Перечислите обязательные метки и охарактеризуйте их.
4. Дайте определения следующих понятий: гипертекст, гиперссылка, Web-сайт, URL-адрес в Интернете, фрейм апплет скрипт, браузер элемент, тэг, атрибут.
Лабораторная работа № 2.
Форматирование текста.
Цель: познакомиться с основами HTML, обязательными метками, & -последовательностями, комментариями, способами форматирования текста (шрифта и абзаца), физическими и логическими стилями, горизонтальными линиями.
Текст – единственный объект Web-страницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по умолчанию как текстовые данные.
Для форматирования текста существует большое количество элементов. Форматировать текст можно с помощью традиционных элементов: выделять фрагменты курсивом, полужирным шрифтом, выбирать шрифт, размер и цвет шрифта, выравнивать текстовые фрагменты. Если автору не хватает простых вариантов форматирования текста, он может прибегнуть к таблицам стилей, которые существенно расширят возможности языка HTML по форматированию.
Рассмотрим стандартные элементы языка HTML, позволяющие форматировать текст.
