Тематический план занятий по Web-Дизайну и оптимизации сайтов

Вид материалаТематический план

Содержание


Как прекрасно жить на свете!
Просмотр примеров с бегущей строкой
Список цветов символов HTML (16 основных цветов)
3. Редактор Web-страниц HTMLPad
Создание таблиц в HTML
Просмотр примера таблицы.
4. Заголовок страницы. Стандартные атрибуты
Заголовок страницы
Стандартные атрибуты
5. Создание фона HTML-документа
6. Создание графики. Использование GIF и PNG-изображений
Программа Gif Animator
Программа Adobe PhotoShop
Создание изображений для Web в программе Adobe Photoshop.
Команда Save For Web. Инструменты и режимы просмотра команды.
7. О программе Macromedia Dream weaver
8. Скрипт. Фреймы. Заключительная часть
Проверка знаний Начало формы Тест "Язык программирования HTML. Создание Web-страниц"
Текстовый файл с расширением htm или html Двоичный файл с расширением com или exe Графический файл с расширением gif или jpg
Текст, в котором используются спецсимволы Указатель на другой файл или объект Фрагмент программы, включённой в состав Web-страни
...
Полное содержание
Подобный материал:
1   2   3
и

Элемент STYLE тоже должен располагаться внутри элемента HEAD. Если вы хотите разобраться, какие нестандартные форматы используются на странице, надо просмотреть содержимое этого элемента. В нем будут указаны необходимые форматы. Если таких форматов нет, значит стили страницы записаны в отдельном файле. Ссылка на такой файл должна находиться в элементе LINK.

<МЕТА>

Секция заголовка может содержать несколько элементов МЕТА, каждый из которых отвечает за определенный набор параметров. Использование элементов МЕТА является обязательным, но некоторые настройки могут быть весьма важны.

Так, например, известно, что броузер в некоторых случаях способен автоматически определить вид кодировки страницы. Пользователь, работая с броузером, может выбрать в меню определенную кодировку. Чтобы исключить неопределенность при просмотре конкретной страницы, на ней целесообразно


разместить указание на кодовую страницу. Для документов в кодировке Windows оно должно быть таким:

<МЕТА http-equiv="Content-Type" content="text/html; charset=windows-1251">

Информация, сосредоточенная в элементах МЕТА, определяет общие настройки Web-страницы и называется профилем. Профили можно хранить в отдельных файлах и присоединять к определенной странице при помощи специального атрибута элемента HEAD:



В секции HEAD могут располагаться элементы, которые имеют отношение ко всей странице целиком.

Так, если для последней создано звуковое сопровождение, то его параметры определяет элемент BGSOUND (см. ниже раздел «Устаревшие и нестандартные элементы»).

Стандартные атрибуты

Существует ряд атрибутов, которые могут использоваться во многих элементах. Часть этих атрибутов очень важна для конструирования Web-страниц, а часть подходит только для решения определенных задач. -

-атрибут id выполняет функции уникального имени элемента. В зависимости от типа элемента, этот атрибут выполняет различные функции.

-атрибут classid задает программу или объект, которые могут использоваться в определенных элементах.


-атрибут style может использоваться со многими элементами. Он предназначен для определения формата конкретного элемента и может принимать самые разные значения.

Похожие функции выполняет атрибут class. Его можно указывать, если в секции HEAD расположен элемент STYLE или использована ссылка на каскадную таблицу стилей.

-атрибут align используется для выравнивания текста, объектов или элементов целиком. Выравнивание может выполняться относительно границ окна, рамки

Стандартные атрибуты первоначально они предназначались для определения формата отправлений электронной почты, но сейчас служат для указания форматов документов в составе Web-страниц. Наиболее часто используемые типы:

• text/plain — обычный текст;

• text/ess — каскадная таблица стилей;

• text/html — документ в формате HTML;

• application/postscript — документ в формате PostScript;

• image/gif, image/jpg, image/png — изображения в формате GIF, JPG или PNG соответственно;

• video/mpeg — видеоролик;

• application/Java — апплет;

• text/tw_refs/20/19638/file.php.php">текст
    1. Гиперссылки на Web - странице могут обеспечить переход...

      • только в пределах данной web - страницы

      • только на web - страницы данного сервера

      • на любую web - страницу данного региона

      • на любую web - страницу любого сервера Интернет

    1. Ссылка на адрес электронной почты задается тегом:

    • kompas@email.ru

    • текст

    • текст


    1. Гипертекст - это:

    • Текст очень большого размера

    • Текст, в котором используется шрифт большого размера

    • Структурированный текст, где возможны переходы по выделенным меткам

    • Текст, в который вставлены объекты с большим объемом информации

    1. Для создания Web-страниц используются программы:

    • DreamWeaver и MicroSoft Word 97

    • Turbo Pascal и QBasic

    • DreamWeaver и MicroSoft Word 97

    • ScanDisk и Defrag




    СПИСОК РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ

    1. Гончаров А. Самоучитель HTML. СПб.: Питер, 2002. -240 с.: ил.
    2. Гультяев А.К. Web - дизайн от Macromedia: Практическое пособие. СПб.: Корона принт, 2001.
    3. Катхановой Ю.Ф., Гриберг Г.С., Антонова Г., Соловьева И. Мультемедийный самоучитель (на CD-ROM) TeachPro WEB-дизайн. М.: ММТиДО, 2007. -560.: ил.
    4. Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова. СПб: «Символ Плюс», 1999 — 376 с.: цв. Ил
    5. Лэмонт Вуд. Web-графика. Справочник. С-Пб, Изд. "Питер", 1998.
    6. Internet. Шаг за шагом. (на CD-ROM). "Питер Мультимедиа", 1997.
    7. Энциклопедия пользователя Internet. (на CD-ROM). "Демос", 2000.