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

Презентация:



Advertisements
Похожие презентации
Занятие 3. Верстка сайтов. Frame, FORM, CSS. Тег FRAME Разбивает экран на различные страницы. Помогает делать дублирующие части.
Advertisements

Cascading Style Sheets каскадные таблицы стилей CSS-код – это список инструкций для браузера, – как и где отображать элементы веб-страницы, написанный.
Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее
4.3 Каскадные таблицы стилей. Каскадные таблицы стилей (Cascading Style Sheets, CSS) способ оформления страниц HTML, позволяющий с помощью параметров.
Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н.
Введение в CSS. Базовый синтаксис CSS селектор { свойство1: значение; свойство2: значение; } селектор некоторое имя стиля, для которого добавляются параметры.
CSS Cascading Style Sheets. Типы стилей: 1. Стиль браузера 2. Стиль автора 3. Стиль пользователя.
CSS: основные понятия и особенности. Способы добавления стилей на Веб-страницу. Использование стилей при создании сайта.
Выполнил: Петров Дмитрий Вячеславович Руководитель: Старцева Татьяна Александровна.
Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Лекция 9 Тема «Каскадные таблицы стилей » Преподаватель: Халелова Е. Н.
CSSCSS (англ. Cascading Style Sheets каскадные таблицы стилей) язык описания внешнего вида документа, написанного с использованием языка разметки.англ.
Решения для электронной коммерции на ASP.NET Подходы к созданию интернет-магазинов. Технологическое разделение данного рынка (ASP.NET / PHP), подключение.
CSS технология ( Каскадные таблицы стилей ) Понятие CSS Внедрение CSS в документ Атрибут Stile Тег STILE Внешний CSS файл.
Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная.
5.7.7 Формы на Web-страницах.
Каскадные таблицы стилей Назначение и применение CSS.
JS, or not JS, вот в чем вопрос Фитискин Александр веб-технолог студия «Dominion»
ЛЕКЦИЯ 2-05 Ссылки и навигация. Введение Без ссылок Web-пространство потеряет смысл. Ссылки позволяют отслеживать информацию, переходя с одной Web-страницы.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

Тег FORM

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

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

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

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

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

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

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