- •Информация и информатика. Структура и свойства.
- •9. Внешние устройства для хранения данных
- •1. Основные понятия windows. Преимущества и недостатки windows.
- •2. . Основные компоненты окна windows, управление окнами, диалоговые окна.
- •Команда Свойства появляется при нажатии правой кнопки мыши и описывает параметры соответствующего объекта.
- •4. Выделение, перемещение и копирование файлов и папок
- •5. Операции с объектами в Windows, использующие как буфер обмена, так и технологию Drag and Drop
- •8. Шрифт
- •1. Форматы. Сохранение и открытие документа
- •Форматирование страниц
- •5. Создание макросов.
- •13. Списки.
- •6. Форматирование символов
- •8. Использование стилей абзацев для автоматического форматирования документа.
- •9. Вставка оглавлений и предметных указателей
- •10. Шаблон документа
- •12. Адресация ячеек в таблице, используемая по умолчанию. Вычисления в таблицах, сортировка данных.
- •13. Списки: маркированный, нумерованный и многоуровневый. Изменение формата списков.
- •14. Рисование средствами Word. Создание надписи. Положение таблиц, графических и других объектов относительно текста.
- •16. Использование механизма слияния для создания однотипных документов.
- •Интернет
- •1.2. Компьютерные сети, появление и развитие Интернет.
- •3. . Протоколы Интернет.
- •Создание и сохранение html-документа
- •Язык гипертекстовой разметки html
- •Структура документа
- •Элементы html Правила вложения элементов Элемент html
- •2. 1. Гиперссылки
- •2. 2. Текстовые блоки
- •2. 3. Форматирование текста
- •2. 4. Списки
- •2. 5. Объекты
- •2. 6. Изображения
- •2. 7. Таблицы
- •Изменение абзацев Web-документа
- •7. Графические изображения
- •Выравнивание картинок на web страничке
- •8. Ссылки
- •9. Списки
- •10. Таблицы
- •11. Фреймы
- •Элементы для создания фреймов и работы с ними:
- •Примечания:
- •12. Формы Формы
- •13. Применение ccs для стилевого оформления Web-документа
- •1. Назначение каскадных таблиц стилей
- •Создание файла сss
- •Импортированная таблица стилей
11. Фреймы
Фреймы используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм). Как правило, фреймы используются для облегчения навигации по сайту, создания навигационного меню. Тем не менее, большинство разработчиков избегают использования фреймов, к чему, поверьте, имеют довольно веские основания. Старайтесь использовать фреймы только тогда, когда это действительно необходимо.
Элементы для создания фреймов и работы с ними:
|
Примечания:
|
|
Внимательно следите, чтобы все вышеперечисленные элементы находились вне элемента BODY. Фреймы к телу документа никаким боком не относятся! |
12. Формы Формы
С помощью описанных ниже элементов вы можете создавать заполняемые анкеты, опросники и различные поля для ввода текста пользователем с возможностью последующей отправки заполненной формы на ваш сервер.
Элементы для создания форм:
|
13. Применение ccs для стилевого оформления Web-документа
Каскадные таблицы стилей (Cascade Style Sheets, CSS) – это язык, содержащий набор свойств для описания внешнего вида любых HTML документов. С его помощью дизайнер имеет полный контроль над стилем и расположением каждого элемента веб страницы, что проще и гораздо функциональнее использования обычного набора HTML тегов.
Допустим мы хотим, чтобы все заголовки в тексте были красного цвета. Конечно, мы можем использовать тег заголовка <h1> и определить цвет текста с помощью тега <font>
<h1><font color="red">Заголовок 1</font></h1>
Однако удобней изначально определить, что заголовок должен отображаться в браузере красным. Для этого и служат CSS.
1. Назначение каскадных таблиц стилей
Каскадные таблицы стилей позволяют задать единый стиль оформления разных страниц документа и быстро поменять его, путем изменения нужного определения в таблице стилей.
В сочетании с программами сценариев (JavaScript или VBScript) позволяют динамически изменять стиль отображения документа в окне браузера в зависимости от каких-либо действий пользователя (щелчок мышью, перемещение указателя и т.п.)
2. Типы каскадных таблиц стилей
Почему стили называются каскадными? Каскад - это иерархия применения - красивое название для системы применения правил. Если внимательно посмотреть на ниже перечисленные типы таблиц стилей, то станут очевидными различные способы применения стиля к одному и тому же документу.
2.1 Встроенный стиль (inline CSS)
Встроенный стиль определяется непосредственно в теге с использованием атрибута style. Такой подход полезен, только если стиль, единовременно применяется элементу.
Каждый тег может иметь параметр style, который определяет свойства тега. Например:
<p style="font-size:48pt; color:yellow"> Пример </p>
Внутренняя или внедренная таблица стилей (Internal CSS)
Внедренный стиль управляет представлением одного документа и размещается внутри тега <style>...</style> в разделе head HTML-документа
Внешняя или связанная таблица стилей (External CSS)
Внешняя таблица стилей это таблица которая связана с HTML-документом при помощи тега link, размещенного в разделе документа head. Любой документ, связанный с данным типом таблицы стилей, получает все стили, определенные в ней, в чем и заключается преимущество управления языка CSS
Такая таблица стилей находится в отдельном текстовом файле с расширением CSS (желательно, чтобы он находился в той же папке что и web-документ). Тогда таблица стилей подключается с помощью тега <link> в разделе <head>:
<link href="styles.css" rel="stylesheet" type="text/css" />
Параметр href определяем путь к файлу CSS, если таблица находится в той же папке что и web-документ, то это просто href="styles.css", где styles.css – имя файла CSS.
Очевидно, что эту строку мы можем прописать в любом (либо во всех) из наших html-файлов. Таким образом, единое стилевое оформление будет прописано для нескольких страниц сразу.