 |
Порядок выполнения задания №3
|
|
|
|
Практическое занятие №40
Тема: Создание Web-страницы, внесение изменений и дополнений в Web-страницу
Цель: изучение информационной технологии разработки Web-сайтов, внесения изменений и дополнений в них.
Оборудование и материалы: компьютер, программа Блокнот, браузер Internet Explorer, практическое задание.
Теоретические сведения к практическому занятию
Web–страница— это электронный документ, в котором кроме текста содержатся специальные команды форматирования, а также встроенные объекты (рисунки, аудио- и видеоклипы и др.).
Web-сайт (или просто сайтом) — совокупность web-документов, объединенных по какому-либо признаку (адресом сервера, темой, оформлением).
Создание Web–страниц и Web-сайта осуществляется с использованием языка разметки гипертекстовых документов HTML.
Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.
Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот.
Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.
HTML-код страницы помещается внутрь контейнера <HTML></HTML>. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и содержание.
|
|
|
Заголовок Web-страницы заключается в контейнер <HEAD></HEAD> и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.
Название Web-страницы содержится в контейнере <ТIТLE></TITLE> и отображается в строке заголовка браузера при просмотре страницы.
Основное содержание страницы помещается в контейнер <BODY></BODY> и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и так далее.
Созданную Web-страницу необходимо сохранить в виде файла. Принято сохранять титульный файл сайта, то есть тот, который первый загружается в браузер, под именем index.htm. В качестве расширения файла Web-страницы можно также использовать html.
Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Содержание задания
Задание 1
Создайте Web-сайт, рассказывающий о башнях Московского Кремля.
Порядок выполнения задания №1
1. Создайте в своей папке папку Сайт Кремль.
2. Скопируйте в нее файлы находящиеся по адресу: Мои документы/Техникум/Техникум 1 курс/Создание сайта Кремль.
3. Запустите текстовый редактор Блокнот командой [Пуск – Программы – Стандартные – Блокнот].
4. Введите HTML–код страницы.
<HTML>
<HEAD>
<TITLE> «Башни Московского Кремля» </TITLE>
</HEAD>
<BODY>
…
…
…
</BODY>
</HTML>
5. В контейнер <BODY></BODY> поместите текст о Московском Кремле из текстового файла kremlin.doc, путь к которому: Мои документы/Техникум/Техникум 1 курс/Ваша папка/Сайт Кремль.
6. Сохраните [Файл - Сохранить] в файле index.htm в папке Сайт Кремль.
|
|
|
7. Запустите браузер и откройте созданный файл командой [Файл - Открыть].
8. Просмотрите полученную Web-страницу.
9. Закройте браузер.
Задание №2
Внесите в текст страницы тэги заголовков различных уровней (размеров).
Порядок выполнения задания №2
1. Запустите браузер и откройте файл index.htm [Файл - Открыть].
2. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTMLкода].
3. Расставьте заголовки:
<H1>Башни Московского Кремля</H1>,
<H3>Спасская башня</H3>,
<H3>Никольская башня</H3>,
<H3>Угловая Арсенальная башня</H3>,
<H3>Троицкая и Кутафья башни</H3>,
<H3>Боровицкая башня</H3>,
<H3>Водовзводная башня</H3,>
<H3>Беклемишевская башня</H3>,
<H3>Царская башня </H3>,
<H3>Другие башни </H3>,
< H3>Справочная информация</H3>.
4. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].
5. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница
6. Закройте браузер.
Задание №3
Внести в текст теги задающие маркированные списки.
Порядок выполнения задания №3
1. Запустите браузер и откройте файл index.htm [Файл - Открыть].
2. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTML кода].
3. После тега <H3>Другие башни</H3> запишите:
<UL>
<LI>Сенатская башня</LI>
<LI>Средняя Арсенальная башня </LI>
<LI>Комендантская башня</LI>
<LI>Оружейная башня </LI>
<LI>Благовещенская башня </LI>
<LI>Тайницкая башня </LI>
<LI>1-я Безымянная башня </LI>
<LI>2-я Безымянная башня </LI>
<LI>Петровская башня </LI>
<LI>Константино-Еленская башня</LI>
<LI>Набатная башня</LI>
</UL>
4. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].
5. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Web-страница
Задание №4
Выровняйте по центру заголовок страницы.
|
|
|
