СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Методы и средства создания сайта

Категория: Информатика

Нажмите, чтобы узнать подробности

Методы и средства создания сайта

Просмотр содержимого документа
«Методы и средства создания сайта»

Практическое занятие №50-51.


Тема: Методы и средства создания сайта

Выполнить практику (создание сайта) в программе Блокнот (файл «создание сайта») первые 9 заданий, сформировать отчёт с ответами на контрольные вопросы.


Цель: изучение информационной технологии разработки Web-сайтов, внесения изменений и дополнений в них.


Оборудование и материалы: компьютер, программа Блокнот, браузер, практическое задание.


Теоретические сведения к практическому занятию


Web–страница— это электронный документ, в котором кроме текста содержатся специальные команды форматирования, а также встроенные объекты (рисунки, аудио- и видеоклипы и др.).

Web-сайт (или просто сайтом) — совокупность web-документов, объединенных по какому-либо признаку (адресом сервера, темой, оформлением).

Создание Web–страниц и Web-сайта осуществляется с использованием языка разметки гипертекстовых документов HTML.

Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот.

Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.

HTML-код страницы помещается внутрь контейнера HTMLHTML. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и содержание.

Заголовок Web-страницы заключается в контейнер HEADHEAD и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.

Название Web-страницы содержится в контейнере IТLETITLE и отображается в строке заголовка браузера при просмотре страницы.

Основное содержание страницы помещается в контейнер BODYBODY и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и так далее.

Созданную Web-страницу необходимо сохранить в виде файла. Принято сохранять титульный файл сайта, то есть тот, который первый загружается в браузер, под именем index.htm. В качестве расширения файла Web-страницы можно также использовать html.

Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.





Содержание задания


Задание №1.

Необходимо создать сайт расписания, следуя методическим указаниям практической работы (отдельный файл «создание сайта»). В этом файле необходимо выполнить первые 9 заданий!


Задание №2.


Ответьте на контрольные вопросы к практическому заданию.


Задание №3.


1. Сделайте вывод о проделанном практическом задании.

2. Сдайте отчет преподавателю.


Контрольные вопросы


  1. Что такое Web–страница, Web-сайт?

  2. Что такое технология HTML, для чего она необходима?

  3. Как осуществляется создание Web–страниц и Web-сайта?

  4. С помощью чего задается вид Web-страниц?

  5. Что такое «контейнер»?

  6. Внутрь какого контейнера помещается HTML-код страницы?

  7. Без чего браузер не в состоянии правильно отобразить Web–страницу и Web-сайт?

  8. На какие логические части разделяется Web-страница и как они задаются, что в себе содержат?

  9. Внутрь какого контейнера помещается заголовок, что он содержит?

  10. Внутрь какого контейнера помещается название страницы?

  11. Какое расширение имеет файл Web-страницы?