Веб-дизайн. А класс 25.01.2021. Тема: «Понятие о каскадных листах стилей. Определение и применение стилей, связывание листов стилей с гипертекстовыми документами. Понятие об объектной модели документа DOM и языка DHTML. Понятия о событиях и обработке собы

Веб-дизайн

10-А класс 25.01.2021

Тема: «Понятие о каскадных листах стилей. Определение и применение стилей, связывание листов стилей с гипертекстовыми документами. Понятие об объектной модели документа DOM и языка DHTML. Понятия о событиях и обработке событий, что поддерживается языком DHTML.»

Задание.Ознакомиться с теоретическим материалом урока. Изучите презентацию и видеоматериал к уроку. Продолжить выполнение практической части (создание веб-сайта). Скриншоты своей работы вставьте в текстовый документ и вышлите на почту.

Имя документа Дата урока_Cайт_Фамилия_Имя_класс

Внимание!Если нет возможности выполнить работу на компьютере – вышлите краткий конспект урока (используйте материал из презентации и видеоуроков)

Видеоматериал к уроку:

1.Динамический HTML https://youtu.be/T2TNXFu7mR8

Адрес почты: distancia101@gmail.com

! Техника безопасности при работе с ПК:

ü Будьте внимательны, осторожны.

ü Не трогайте провода.

ü Не касайтесь мониторов руками.

ü Не пытайтесь самостоятельно устранить неполадки в компьютере.

ü Монитор должен быть на расстоянии не менее 60 см от глаз.

ü Каждые 5 минут старайтесь отрывать взгляд от экрана.

ü Делайте перерывы в работе, физкультминутки.

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

(материал взят с сайта: Динамический HTML. Каскадные листы стилей (Cascading Style Sheets) — Студопедия.Нет (studopedia.net)

1. Понятие динамический HTML

При помощи динамического HTML (или кратко DHTML) мы можем оживить статическую HTML-страничку, сделать ее интерактивной. При этом страничка будет «отвечать» на действия пользователя, производимые им в окне браузера. Многие свойства, описываемые в этом разделе, в значительной степени зависят от того, в каком браузере просматривается HTMLстраничка. Это всегда следует иметь в виду при разработке динамических HTML-страниц. Полезно создавать такие странички, которые будут приемлемо отображаться в большинстве браузеров.

Динамический HTML основан на возможности изменения свойств объектов. Практически каждому элементу HTML соответствует объект, который создается в браузере при загрузке HTML-страницы или другого документа, например, XML-документа. Каждый объект имеет свои свойства и методы. Конкретная реализация объектов зависит от типа и версии конкретного браузера, в который загружен исходный Web-документ, поэтому возможности динамического HTML в сильной степени зависят от браузера. Доступ к свойствам и методам объектов осуществляется при помощи языков сценариев. Для работы с объектами, создаваемыми в клиентских приложениях-браузерах, используется язык JavaScript и язык VBScript.

Помимо сценариев динамический HTML основывается также на таблицах стилей CSS и особенностях того или иного браузера.

DHTML не является каким-либо стандартом. Это некий (нефиксированный раз и навсегда) набор средств, позволяющих сделать клиентский Web-документ интерактивным, живым и динамичным. DHTML – это скорее рекламный термин, вошедший в обиход с момента создания четвертых версий браузеров IE и NN. Как правило, набор программных средств, используемых в динамическом HTML, включает в себя следующее:

- язык HTML 4.0;

- стили CSS (Cascading Style Sheets);

- объектную модель документа DOM;

- языки сценариев (JavaScript и/или VBScrit).

Объектная модель документа дополняется набором факультативных свойств и методов объектов, свойственных данному конкретному виду браузера. Введение в стили CSS

12 3 Следующая ⇒