Теоретическая часть.. Содержание работы

Урок №73

Тема урока: практическая работа №16 «Создание веб-страницы»

Теоретическая часть.

Программа «Блокнот» — это простой инструмент для создания веб-страниц. «Блокнот» — это несложный текстовый редактор, используемый для создания простых документов. Наиболее часто программа «Блокнот» используется для просмотра и редактирования текстовых (TXT) файлов, для создания файлов веб-страниц (HTML). Программа «Блокнот» поддерживает только основное форматирование, поэтому случайное сохранение специального форматирования в документах, в которых должен остаться чистый текст, исключено. Это особенно полезно при создании HTML-документов для веб-страниц, так как особые знаки или другое форматирование могут не отображаться на опубликованных веб-страницах. Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры.

Документ HTML всегда начинается с тега <HTML>и заканчивается закрывающим тегом </HTML>.

Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, идущие друг за другом.

Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>. Простейший правильный документ HTML, содержащий все теги, определяющие структуру, имеет вид:

<HTML>

<HEAD> <TITLE> Заголовок документа </TITLE>< /HEAD>

<BODY>

Текст документа

</BODY>

</HTML>

С другой стороны, сохранять информацию в виде веб-страниц способен и текстовый процессор Word.

Содержание работы

1.Открыть приложение Word.

2.Набрать следующий текст

Сайт отделения профессиональной подготовки квалифицированных рабочих и служащих

_____________________________________________

Извините, но произошла ошибка. Запрашиваемая Вами страница недоступна и, скорее всего, находится по другому адресу.
Пожалуйста, сообщите об ошибке администратору сайта.

E-mail: pl39but@mail.ru

3.Сохранить этот текст как веб-страницу в файле с именем Error.

4.Просмотреть содержимое файла через браузер Internet Explorer.

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

1. Является ли программа «Блокнот» простым инструментом для создания веб-страниц?

2.Документ HTML всегда начинается с тега __________?

3.Документ HTML всегда заканчивается закрывающим тегом ____________?

ЗАДАНИЕ К УРОКУ №73

Ответить на контрольные вопросы и отправить ответы в ЦОПП.

Урок №74

Тема урока: Подключение графических объектов

1.Форматы графических файлов
JPEG. Идеален для фотографий, но сжатие изображения происходит с потерями качества, так что этот формат совершенно не подходит для хранения различных диаграмм и графиков.

GIF. Позволяет достичь довольно хорошего соотношения размер/качество, в то же время не искажая изображение; применяется в основном для хранения небольших точечных рисунков и диаграмм.

PNG. Сочетает в себе хорошие стороны как JPEG, так и GIF, но в настоящий момент ему почему-то не выражают особого доверия — скорее, по историческим причинам, из-за нежелания отказываться от GIF и т. д.

2.Вставка графических объектов на веб-страницу.
Вставка графических объектов в тело страницы не вызывает трудностей, так как используется все тот же принцип - применение инструктирующего тега, которым является непарный тег <img>. Графические объекты, призванные украшать веб-страницы, должны сохраняться в файлах строго определенных форматов: JPG, GIF, PNG. Иными словами, подготовить небольшую картинку можно в любом графическом редакторе, главное - сохранить ее в надлежащем формате.

У тега вставки графических изображений <img> довольно много атрибутов.
src - обязательный атрибут, указывающий местоположение графического файла, при этом необходимо задавать либо абсолютную ссылку на файл - полный URL, либо относительную - путь к текущей папке, в которой содержится веб-страница.
align - определяет способ обтекания рисунка текстом: left - рисунок слева, а текст справа, right - рисунок справа, а текст слева.
width и height - высота и ширина рисунка в пикселах, задаваемые явно и определяющие место, выделяемое браузером.
alt - альтернативный текст, появляющийся, пока рисунок не загрузился или вместо него, если режим отображения графики отключен в браузере посетителя.
border - определяет толщину рамки вокруг рисунка.
hspace и vspaсe - определяют горизонтальное и вертикальное поле, отделяющее рисунок от текста

Поместим эмблему отделения на главной странице нашего сайта, прописав следующие параметры тега <img>:

Расшифровать их можно следующим образом: поместить рисунок с полным именем graf /opkr.png, объявив замещающий текст как Эмблема ОПКР, зарезервировав ширину 250 пикселов, а высоту - 150 пикселов, а также расположив рисунок по правому краю страницы.

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

1. Перечислите форматы графических файлов.

2. Чего позволяет достичь формат GIF?

3. Назвать недостаток формата JPEG?

ЗАДАНИЕ К УРОКУ №74

Ответить на контрольные вопросы и отправить ответы в ЦОПП.