- •ФГАОУ ВПО «Российский государственный профессионально-
- •1. Определение web-дизайна
- •Функции web-сайта:
- •2. Технологии создания web-сайта
- •Статические сайты и web-страницы – это сайты, сделанные по классической технологии html. Всегда
- •Динамические сайты и Web-страницы.
- •Достоинство - интерактивность:
- •Правила при создании физической (файловой) структуры сайта:
- •3. Инструментальные средства для создания web-сайтов
- •-Графические редакторы: Adobe PhotoShop, Adobe Flash, CorelDRAW и др.
- •4. Структура HTML-документа
- •Структура
- •Объект doctype
- •Doctype может отсутствовать.
- •Вариант Transitional
- •Вариант Frameset
- •5. Структура HTML-элемента (локальное форматирование)
- •Кавычки вокруг значения атрибута обязательны в тех случаях, когда значение это содержит какие-либо
- •Цвет в Web
- •Использование справочника по HTML
- •Использование справочника по HTML
- •Теги, не имеющие атрибутов
- •Рекомендуемый ресурс http://htmlbook.ru
- •6. Адресация в HTML
- •Пример 2
- •Пример 3
- •Пример 4
- •Пример 5
- •Пример 6
- •7. Гиперссылки Можно разделить на 3 категории:
- •Структура гиперссылки
- •Виды адресов
- •Примеры относительной адресации
- •Оглавление
- •8. Определение CSS
- •Структура CSS-элемента
- •Способы включения таблиц стилей в HTML-документ
- •Внешняя стилевая спецификация
- •Внедренные стилевые таблицы
- •Внутренние стили
- •Классы в стилевых спецификациях
- •Класс без указания имени элемента. Например:
- •Cтиль для специфического элемента
- •Специальные элементы
- •Иерархия и каскадность в стилевых спецификациях
- •9.Установка к следующему семестру
- •В следующем семестре – дифференцированный зачет (зачет с оценкой).
- •Спасибо за внимание!
Использование справочника по HTML
1.Создать документ с синим цветом фона белым текстом и отступом всех элементов от верхнего края на 30 px
<body bgcolor=blue text=white topmargin=30>
21
Использование справочника по HTML
2.Создать заголовок второго уровня с выравниванием по левому краю красного цвета шрифтом Verdana
<h2 align=left><font color=red face=verdana>Заголовок 2 |
|
</font></h2> |
22 |
|
Теги, не имеющие атрибутов
23
Рекомендуемый ресурс http://htmlbook.ru
24
6. Адресация в HTML
Абсолютная адресация не используется <img src=“C:\document\pic.jpg”> Используется относительная адресация
Пример 1
Изображение расположено в одной папке (на одном уровне) с HTML-документом
<img src=“pic.jpg”>
25
Пример 2
HTML-документ расположен на один уровень выше, чем изображение
<img src=“folder_1/pic.jpg”>
26
Пример 3
HTML-документ расположен на два уровня выше, чем изображение
<img src=“folder_1/folder_2/pic.jpg”>
27
Пример 4
HTML-документ расположен на один уровень ниже, чем изображение
<img src=“../pic.jpg”>
28
Пример 5
HTML-документ расположен на два уровня ниже, чем изображение
<img src=“../../pic.jpg”>
29
Пример 6
<img src=“../../folder_3/folder_4/pic.jpg”>
30