- •1.Компьютерные сети. Назначение. Аппаратное и программное обеспечение.
- •2.Сеть Интернет (история создания, структура, принцип работы, адресация ресурсов).
- •1968. Проект arpanet. Цели проекта:
- •1974. Разработка tcp/ip
- •3.Развитие сети Интернет в России.
- •4.Локальные сети (классификация, структура).
- •5.Глобальные вычислительные сети (структура, принцип обмена информацией, протоколы передачи данных).
- •6.Службы сети Интернет (электронная почта).
- •Протоколы получения почты
- •7.Службы сети Интернет (служба новостей, телнет, ftp).
- •8.Сервис World Wide Web, браузеры.
- •9.Информационно поисковые системы в Интернете.
- •10.Язык html. История развития. Структура. Синтаксис. Примеры.
- •11.Структура открывающей метки, структура html документа.
- •12.Форматирование шрифтов. Метки физического и логического форматирования.
- •13.Форматирование абзацев.
- •14.Ссылки в html документах.
- •15.Таблицы в html документах (структура, свойства ячеек, методы объединения ячеек).
- •16.Размещение графических объектов. Форматы графических объектов.
- •17.Методы создания анимации на web-сайтах (gif-анимация, JavaScript, Flash).Сравнение
- •18.Программа разработки Web-сайтов DreamWeaver (dw) (характеристика программы, интерфейс).
- •19.Создание Web-сайта в dw. Особенность работы в режиме сайта.
- •20.Визуальный интерфейс в dw, работа в режиме кода. Взаимодействие.
- •21.Каскадные таблицы стилей css (назначение, примеры использования).
- •22.Свойства форматирования шрифтов и абзацев с помощью css.
- •23.Cпособы задания цвета на основе css.
- •25.Блоковая модель в css.
- •26.Dw. Работа с ap элементами.
- •27.Позиционирование в css.
- •28.Dw. Каскадные таблицы стилей (Создание, применение в разных документах).
- •29.Графический формат jpeg (достоинства и недостатки).
- •30.Графический формат gif (достоинства и недостатки).
- •31.Графический формат png (достоинства и недостатки).
- •32.Обработка эскизов сайтов с использованием программы Photoshop (выделение фрагментов, обрезка, автоматическая генерация структуры web-страницы.
- •33.Методы верстки Web-документов.
26.Dw. Работа с ap элементами.
Элемент AP (элемент с абсолютным позиционированием) - это элемент HTML-страницы, а точнее тег div или любой другой тег, которому назначено абсолютное позиционирование. Элементы AP могут содержать текст, изображения или любое другое содержимое, которое помещается в тело документа HTML.
В Dreamweaver можно использовать элементы AP при создании макета страницы. Можно размещать элементы AP впереди или позади друг друга, скрывать некоторые элементы AP, в тоже время отображая другие элементы, а также перемещать элементы AP по экрану. Можно разместить фоновое изображения в одном элементе AP, а потом поместить впереди его другой элемент AP, содержащий текст с прозрачным фоном.
Элементами AP обычно являются теги Div с абсолютным позиционированием. (Это виды элементов AP, которые Dreamweaver добавляет по умолчанию). Важно помнить, что любой элемент HTML (например, изображение) можно сделать элементом AP, назначив ему абсолютное позиционирование. Все элементы AP (а не только теги Div с абсолютным позиционированием) появляются на панели элементов AP.
Dreamweaver создает элементы AP с помощью тега Div. При рисовании элементов AP с помощью инструмента «Рисовать слой AP», Dreamweaver добавляет в документ тег Div и назначает значения Div и id. Позже можно переименовать элемент AP Div с помощью панели элементов AP или инспектора свойств. Dreamweaver также использует встроенный CSS в заголовке документа, чтобы позиционировать элементы AP Div и назначать им точные измерения.
Можно изменять свойства элементов Div AP (или любого элемента AP) на странице, в т.ч. числе координаты x, y, z-index (называемым также порядком наложения) и видимость.
27.Позиционирование в css.
Свойства позиционирования CSS позволяют позиционировать элемент. Они также могут разместить элемент за другим, и указать, что должно произойти, когда содержание элемента является слишком большим.
Элементы могут быть расположены с использованием свойств top, bottom, left, и right. Однако, эти свойства не будут работать, до тех пор пока свойство position не указано в первую очередь.
Существуют пять различных метода позиционирования:
1) Статическое позиционирование
HTML-элементы располагаются статически по умолчанию. Статически расположенные элементы всегда располагаются в соответствии с нормальным потоком на странице.
Статически расположенные элементы не зависят от свойств top, bottom, left, и right.
2)Фиксированное позиционирование
Элемент с фиксированной позицией позиционируется относительно окна браузера.
Он не будет двигаться, даже если окно прокручивается. Фиксированно расположенные элементы могут перекрываться другими элементами.
3) Относительное позиционирование
Относительно расположенный элемент распологается относительно его нормального положения.
Относительно позиционированные элементы, размещаются на основе своей же позиции, обычный сдвиг относительно своего нормального расположения. Это похоже на то, как если бы вы добавили элементу внешние отступы с помощью свойства margin.
4) Абсолютное позиционирование
Абсолютно-расположенный элемент расположен относительно к первому элементу родителя, который имеет положение, отличное от статического. Если такой элемент не найден, содержащим блоком будет <html>
Абсолютное позиционирование удаляет элемент из общего потока документа. Что касается элементов вокруг, то в этом случае они просто игнорируют искомый.
5) Z-index:
Страница сайта двумерна. У неё есть ширина и высота. Z-index добавляет третье измерение, глубину.Чем выше этот индекс тем выше на странице расположен элемент. С помощью него мы можем добиться чтобы один элемент располагался поверх другого. По умолчанию, его значение - ноль. Отрицательные значения также допустимы.