Порядок выполнения задания №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 Выровняйте по центру заголовок страницы.
Воспользуйтесь поиском по сайту: ![]() ©2015 - 2025 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...
|