Презентация на тему URL, HTTP. CSS

Презентация на тему Презентация на тему URL, HTTP. CSS, предмет презентации: Разное. Этот материал содержит 16 слайдов. Красочные слайды и илюстрации помогут Вам заинтересовать свою аудиторию. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций ThePresentation.ru в закладки!

Слайды и текст этой презентации

Слайд 1
Текст слайда:

URL, HTTP. CSS

Основы веб-программирования
Лекция №3


Слайд 2
Текст слайда:

URL

Единый указатель ресурсов (англ. 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



Слайд 5
Текст слайда:

HTTP

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


Слайд 7
Текст слайда:

CSS

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


Слайд 8
Текст слайда:

Включение в HTML

Внешний файл:


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


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

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



Слайд 9
Текст слайда:

CSS

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

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

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

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)


Слайд 11
Текст слайда:

CSS-верстка

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

Недостатки:
Различное отображение вёрстки в различных браузерах (особенно устаревших)
Часто встречающаяся необходимость на практике исправлять не только один 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. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


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

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