Занятие 3. Верстка сайтов. Frame, FORM, CSS Докладчик: Калимуллин К.Г. Генеральный директор ООО «Группа Компаний ИТМ» http://www.itmcompany.ru/ - презентация

1 Занятие 3. Верстка сайтов. Frame, FORM, CSS Докладчик: Калимуллин К.Г. Генеральный директор ООО «Группа Компаний ИТМ»

2 Тег FRAME Разбивает экран на различные страницы. Помогает делать дублирующие части.

3 Тег FRAME. Применение. Простой документ с фреймами В этом документе содержится: Миленький текстик Еще славный текстик

4 Тег FRAME. Применение. ваыв

5 Правда о FRAME. Изживший тег для использования, был популярен в 90-е. Подходит для ленивых(не нужно интегрировать сайт с CMS). Плохо индексируется поисковиками.

6 Тег FORM Даёт возможность взять с пользователя информацию. Да, анкеты, авторизации и т.д. сделаны с помощью тега

7 Тег FORM. Применение. Синтаксис... Параметры actionaction Адрес программы или документа, которые обрабатывает данные формы. enctypeenctype MIME-тип информации формы. methodmethod Метод протокола HTTP. namename Имя формы. targettarget Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.

8 Тег FORM. Пример. Тег FORM Как по вашему мнению расшифровывается аббревиатура "ОС"? Офицерский состав Операционная система Большой полосатый мух

9 Тег FORM. Пример. Тег FORM Как по вашему мнению расшифровывается аббревиатура "ОС"? Офицерский состав Операционная система Большой полосатый мух

10 Тег FORM. INPUT. Основной параметр тега, определяющий вид элемента type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image).

11 Тег FORM

12 Тег FORM. Правда. Тег, без которого не возможно сделать связь с клиентом сайта. Наиболее распространен. Имеет множество вариантов использования. - единственный тег, который делается не

13 CSS. Каскадные таблицы стилей. Решает вопрос разделение ДИЗАЙНА и HTML-кода. Удобны для построение САЙТа, когда необходимо определить и использовать единую стилистику на множестве страниц. Позволяют делать тонкие настройки, на которые не способен голый HTML.

14 CSS. Каскадные таблицы стилей. Подключение Я абзац, выделенный красным цветом, других таких на сайте нет

15 CSS. Каскадные таблицы стилей. Применение HTML-файл Сказка В одной далёкой стране, на краю болота, под пеньком, жил ёжик. И вот однажды … CSS-файл: /* оформляем заголовки: */ h1 { color: red; background-color: yellow; font: Tahoma 2em; } /* оформляем абзацы текста: */ p { color: grey; line-height: 150%; }

16 CSS. Каскадные таблицы стилей. Общее правило. a {text-decoration: none;} p.announce {border: 1px dashed black;} /* здесь селектор - p.announce */ p.note { display: block; /* да, объявлений может быть несколько */ float: right; /* и их не обязательно писать на одной строке */ }

17 CSS. Каскадные таблицы стилей. Правда. 1.Начинайте использовать сразу, разобраться в ваших

18 Спасибо за внимание! Задавайте вопросы! Контакты: Тел.+7(8422) , Сот