URL, HTTP. CSS презентация

Содержание

URL Единый указатель ресурсов (англ. URL — Uniform Resource Locator) — единообразный локатор (определитель местонахождения) ресурса. Ранее назывался Universal Resource Locator — универсальный локатор ресурса. URL — это стандартизированный способ записи адреса ресурса в

Слайд 1URL, HTTP. CSS
Основы веб-программирования
Лекция №3


Слайд 2URL
Единый указатель ресурсов (англ. URL — Uniform Resource Locator) — единообразный локатор (определитель

местонахождения) ресурса.

Ранее назывался Universal Resource Locator — универсальный локатор ресурса. URL — это стандартизированный способ записи адреса ресурса в сети Интернет.

Слайд 3Схемы (протоколы) URL
Общепринятые схемы (протоколы) URL включают:
ftp — Протокол передачи файлов FTP
http —

Протокол передачи гипертекстаhttp — Протокол передачи гипертекста HTTP
https — Специальная реализация протокола HTTPhttps — Специальная реализация протокола HTTP, использующая шифрование (как правило, SSLhttps — Специальная реализация протокола HTTP, использующая шифрование (как правило, SSL или TLS)
mailto — Адрес электронной почты
irc — Протокол IRC
telnet — Ссылка на интерактивную сессию Telnet
wais — База данных системы WAIS
file — Имя локального файла
Экзотические схемы URL:
cid — Идентификатор содержимого для частей MIME
mid — Идентификатор сообщений для электронной почты
mailserver — Доступ к данным с почтовых серверов
nfs — Имя файла в сетевой файловой системе NFS
skype — Протокол Skype
smsto — Открытие редактора SMSsmsto — Открытие редактора SMS в некоторых мобильных телефонах
ed2k — Файлообменная сетьed2k — Файлообменная сеть eDonkeyed2k — Файлообменная сеть eDonkey, построенная по принципу P2P
market — Android Маркет


Слайд 4Кодирование URL


http://ru.wikipedia.org/wiki/http://ru.wikipedia.org/wiki/Микрокредит




http://ru.wikipedia.org/wiki/%D0%9C%D0%B8%D0%BA%D1%80%D0%BE%D0%BA%D1%80%D0%B5%D0%B4%D0%B8%D1%82


Слайд 5HTTP
HTTP (сокр. от англ. HyperText Transfer Protocol) - «протокол передачи гипертекста» 


Слайд 6Работа WWW-сервера


веб-сервер mir.tversu.ru www.tver.ru university.tversu.ru
С:\
Program Files
www
Games
mir-site
tver
university
www.tver.ru -> C:\www\tver\ university.tversu.ru -> C:\www\university mir.tversu.ru -> C:\www\mir-site\
сервер

клиент

веб-браузер
GET / HTTP/1.1 Host:

mir.tversu.ru


настройки сервера

HTTP/1.1 200 OK Length: 12331


Слайд 7CSS
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык) — формальный язык

описания внешнего вида документа, написанного с использованием языка разметки.

Слайд 8Включение в HTML
Внешний файл:


Непосредственно в HTML-документе:

type="text/css">
body {
color: red;
}


Непосредственно в элемент:

Рассказ о том, как вредно красить батареи



Слайд 9CSS
Таблица стилей состоит из набора правил. Каждое правило, в свою очередь,

состоит из одного или нескольких селекторов, разделённых запятыми и блока определений. Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений.

Схематически это можно показать так:

селектор, селектор {
свойство: значение;
свойство: значение;
свойство: значение;
}

p {
font-family: "Garamond", serif;
}
h2 {
font-size: 110 %;
color: red;
background: white;
}
.note {
color: red;
background: yellow;
font-weight: bold;
}
p#paragraph1 {
margin: 0;
}
a:hover {
text-decoration: none;
}
#news p {
color: blue;
}


Слайд 10Типы верстки
На сегодняшний день существует два основных типа верстки веб-документов:

- табличная верстка (посредством HTML-таблиц)
- блочная верстка (посредством CSS)

Слайд 11CSS-верстка
Преимущества:
Несколько дизайнов страницы для разных устройств просмотра.
Уменьшение времени загрузки страниц

сайта
Простота последующего изменения дизайна.
Дополнительные возможности оформления.
Оптимально с точки зрения поисковых систем.

Недостатки:
Различное отображение вёрстки в различных браузерах (особенно устаревших)
Часто встречающаяся необходимость на практике исправлять не только один CSS-файл, но и теги HTML, которые сложным и ненаглядным способом связаны с селекторами CSS


Слайд 12Уровень 1 (CSS1)
Рекомендация W3C принята 17 декабря 1996, откорректирована 11

января 1999. Среди возможностей, предоставляемых этой рекомендацией были:

Параметры шрифтов. Возможности по заданию гарнитуры и размера шрифта, а также его стиля - обычного, курсивного или полужирного.
Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы.
Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (т.е. межстрочные отступы)
Выравнивание для текста, изображений, таблиц и других элементов.
Свойства блоков, такие как высоту, ширину, внутренние (padding) и внешние (margin) отступы и рамки. Так же в спецификацию входили ограниченные средства по позиционированию элементов, такие как float и clear.
И другое…

Слайд 13Уровень 2 (CSS2)
Рекомендация W3C принята 12 мая 1998. Построена на

CSS1 с сохранением обратной совместимости. Добавление функциональности:
Блочная верстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной верстки
Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК)
Звуковые таблицы стилей. Определяет голос, громкость и т. д. для звуковых носителей (например для слепых посетителей сайта)
Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати
Расширенный механизм селекторов
Генерируемое содержание. Позволяет установить текст или картинку, который будет отображаться до или после нужного элемента
И другое…

Слайд 14Уровень 2.1 (CSS2.1)
Рабочая версия W3C от 6 ноября 2006. Построена

на CSS2, содержит исправления ошибок

Слайд 15Уровень 3 (CSS3)
Сильно расширена по сравнению с предыдущими версиями. Нововведения,

начиная с малых, вроде закругленных углов блоков, заканчивая трансформацией (анимацией) и, возможно, введением переменных.

Слайд 16Самостоятельная работа
Найти и изучить более подробную информацию по:
ASCII
Unicode
URI
URN
HTTP
CSS


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика