Основы применения расширенных языков гипертекстовой разметки документов. CSS.
Расшифровывается CSS (англ. Cascading Style Sheets ) как каскадные таблицы стилей и является технологией оформления веб-страниц.
Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам документа. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя.
CSS действует более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик необходимо один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который нужно оформить соответствующим образом, должен принять свойства указанного стиля.
Более того, можно сохранить описание стиля не в тексте кода документа, а в отдельном файле – это позволит использовать описание стиля на любом количестве Web-страниц, а также изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле.
Кроме того, CSS позволяет работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой.
Синтаксис и элементы CSS
Добавление стилей CSS в HTML-документ
|
|
|
Существует несколько способов связывания документа и таблицы стилей:
− Связывание - позволяет использовать одну таблицу стилей для форматирования многих страниц HTML
− Внедрение - позволяет задавать все правила таблицы стилей непосредственно в самом документе
− Встраивание в теги документа - позволяет изменять форматирование конкретных элементов страницы
− Импортирование - позволяет встраивать в документ таблицу стилей, расположенную на сервере
<link rel="stylesheet" type="text/css" href="style.css"> - подключение css документа в html документу
JavaScript.
Язык JavaScript - это обьектно - ориентированный язык, предназначенный для создания приложений в Интернет.
Язык JavaScript является системно-независимым и совместим между всеми типами компьютеров, работающими в Интернет.
Программы на языке JavaScript включаются в состав HTML документа и, фактически, этот язык может считаться расширением состава команд HTML.
Поэтому для создания программ на JavaScript не требуется никаких дополнительных средств, необходим лишь браузер, поддерживающий JavaScript (Браузеры Netscape Navigator 2.0 и выше или Microsoft Internet Explorer) и редактор для создания HTML документов.
Каждая вставка в JavaScript в HTML - документе начинается командой <SCRIPT> с необязательным параметром LANGUAGE и заканчивается командой </SCRIPT>
Например, следующий фрагмент:
|
|
|
<SCRIPT LANGUAGE="JavaScript">
document.write("какой нибудь текст");
</SCRIPT>
JavaScript удобен для создания и отладки Web-страниц.
Язык основан на понятиях: обьект, аттрибут и функция.
Обьекты - это, например, текущее окно (Window), текущий документ (document), кнопки (button, checkbox, select и др.), дата (date), обработки данных (number, array, math, string и др.).
Аттрибут обьекта - это входное или выходное данное, например:
- входное - document.lastModified - разработчик домашней страницы получает дату и время последней модификации документа,
- выходное - document.fgColor - разработчик задает цвет текста документа.
Функция выполняет определенные действия, например, document.write(parameter) выводит parameter в текущий документ.
Каждый обьект имеет свой набор аттрибутов и функций.
Внешне функция отличается от обьекта наличием скобок ().
Кроме функций, принадлежащих обьектам, Вы можете создавать и свои функции. Обычно функция создается при необходимости многократного вызова одной и той же последовательности команд. Тогда эта последовательность команд записывается в виде функции, и,вызывая эту функцию, мы тем самым вызываем всю группу команд.
Дата добавления: 2015-12-17; просмотров: 23; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!