- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Методы и средства создания и сопровождения сайта презентация
Содержание
- 1. Методы и средства создания и сопровождения сайта
- 2. WWW (World Wide Web) – служба для
- 3. Основные определения Гиперссылка (англ. hyper reference) –
- 4. Веб-браузеры Internet Explorer Firefox (www.mozilla-russia.org)
- 5. Веб-сервер – это программа, которая обеспечивает работу
- 6. Протокол передачи гипертекста Протокол передачи гипертекстовой информации
- 7. запрос на каждый файл! HTML = Hypertext Markup Language (язык разметки гипертекста)
- 8. Веб-страницы бывают статические – готовые файлы
- 9. Системы управления сайтами CMS = Content Management System,
- 10. Интерактивные страницы DHTML = Dynamic HTML, динамический HTML.
- 11. Как создать веб-страницу? Любой текстовый редактор (Блокнот
- 12. Язык гипертекстовой разметки HTML HyperText Markup Language
- 13. Первая веб-страница Тэг –
- 16. Спецификация языка HTML позволяет опускать кавычки для
- 17. Комментарий открывается символьной последовательностью, начинающейся с
- 18. Методы описания цвета элементов: посредством
- 19. Цветовая палитра HTML состоит из сочетаний оттенков красного,
- 20. Фон документа
- 21. Тэг BODY – общие свойства страницы цвет
- 22. Теги для форматирования текста
- 23. Теги для форматирования текста
- 24. Тэги физической разметки HTML Курсив (italic): Вася
- 25. Тэг FONT – свойства блока текста цвет
- 26. Линия-разделитель horizontal rule ширина в пикселях или процентах толщина выравнивание
- 27. Наиболее распространенные Escape-последовательности
- 28. Специальные символы
- 29. Фраза Он сказал: «Поехали!» в тексте веб-страницы
- 30. Заголовки: H1 … H6 Заголовок документа
- 31. Абзацы переход на новую строку
- 32. Выравнивание Этот текст выровнен по центру.
- 33. Маркированные списки Вася Петя
- 34. Нумерованные списки Вася Петя
- 35. Списки определений компьютер устройство
- 36. Многоуровневые списки Города России
- 37. Ссылки на другие страницы сайта Таблицы страница
- 38. Ссылки на другие сайты Почта на главную
- 39. Запуск почтовой программы Напишите мне!
- 40. Ссылки внутри страницы Глава 1
- 41. Цвет гиперссылок ... LINK
- 42. Форматы рисунков GIF (Graphic Interchange Format) сжатие
- 43. Рисунки в документе
- 44. Выравнивание left right top bottom (по умолчанию) middle
- 45. Отступы VSPACE (vertical space) HSPACE (horizontal space)
- 46. Другие атрибуты всплывающая подсказка надпись
- 47. Рисунок-гиперссылка локальная
- 48. Простейшая таблица Таблица
- 49. Размеры ... ширина в пикселях
- 50. Фреймы Фрейм (frame) – это часть сложной
- 51. Описание структуры index.html
- 52. Граница между фреймами ...
- 53. Настройка фрейма (FRAME) убрать отступы от
- 54. Фреймы-строки index.html Фреймы-строки
- 55. Сложные структуры (3 фрейма) index.html
- 56. Как открыть ссылку в другом фрейме
- 57. Блоки (DIV) – любое содержимое
- 58. Блоки (DIV) – рамки и отступы
- 59. «Плавающие» блоки .picture {
WWW (World Wide Web) – служба для обмена информацией в виде гипертекста. Гипертекст – текст, содержащий активные ссылки (гиперссылки) на другие документы. Гипермедиа – документ, который включает текст, рисунки, звуки,
Слайд 2WWW (World Wide Web) – служба для обмена информацией в виде
гипертекста.
Гипертекст – текст, содержащий активные ссылки (гиперссылки) на другие документы.
Гипермедиа – документ, который включает текст, рисунки, звуки, видео, причём каждый элемент может быть гиперссылкой.
Гипертекст – текст, содержащий активные ссылки (гиперссылки) на другие документы.
Гипермедиа – документ, который включает текст, рисунки, звуки, видео, причём каждый элемент может быть гиперссылкой.
Основные определения
Слайд 3Основные определения
Гиперссылка (англ. hyper reference) – это «активная» ссылка на другой
объект (часть того же документа, другой документ, файл, каталог, программу и т.д.).
Веб-страница – это гипертекстовый документ в Интернете.
Веб-страница – это гипертекстовый документ в Интернете.
Веб-сайт (ресурс, узел) — web-site — это пространство/место в сети Интернет, которое определяется адресом (URL), имеет владельца и состоит из веб-страниц, объединенных общей темой, дизайном и связанных между собой ссылками.
Слайд 4Веб-браузеры
Internet Explorer
Firefox (www.mozilla-russia.org)
Chrome (www.google.com/chrome)
Safari (www.apple.com/safari)
Opera (www(www.(www.opera(www.opera.(www.opera.com)
бесплатно!
Браузер
– это программа для просмотра веб-страниц на экране.
Слайд 5Веб-сервер – это программа, которая обеспечивает работу сайтов: приём запросов и
выдачу ответов по протоколу HTTP или HTTPS.
Веб-сёрфинг — переход со страницы на страницу с
помощью ссылок.
Слайд 6Протокол передачи гипертекста
Протокол передачи гипертекстовой информации
HyperText Transfer Protocol (HTTP)
Протокол
передачи гипертекста - базирующийся на TCP/IP, обеспечивает доступ к документам на веб-узлах.
Основная задача протокола состоит в установлении связи с веб-сервером и обеспечении доставки HTML-страниц веб-браузеру клиента.
Основная задача протокола состоит в установлении связи с веб-сервером и обеспечении доставки HTML-страниц веб-браузеру клиента.
HTTPS = HyperText Transfer Protocol Secure –
предусматривает шифрование
Слайд 8Веб-страницы бывают
статические – готовые файлы *.htm, *.html
динамические – полностью или частично
создаются на сервере в момент запроса
*.php, *.asp, *.pl, *.cgi, *.shtml …
быстро загружаются
почти не нагружают сервер
невозможна работа с базами данных (в т.ч. гостевые книги, комментарии, Веб 2.0)
работа с базами данных
загружаются медленнее
дополнительная нагрузка на сервер
Слайд 9Системы управления сайтами
CMS = Content Management System, система управления содержимым сайта.
Функции:
создание
разделов сайта
создание страниц
база данных пользователей
управление доступом
обеспечение навигации и поиска
создание страниц
база данных пользователей
управление доступом
обеспечение навигации и поиска
Слайд 10Интерактивные страницы
DHTML = Dynamic HTML, динамический HTML.
Скрипт или сценарий (англ. script)
– это программный код для автоматизации действий пользователя.
Javascript
замена текста, оформления, рисунков
многоуровневые выпадающие меню
скрытие и показ частей страницы
проверка данных, введенные пользователем
выполнение вычислений
игры…
Слайд 11Как создать веб-страницу?
Любой текстовый редактор (Блокнот и т.п.)
2×ЛКМ
Текстовые редакторы с подсветкой
HTML-тэгов:
Sublime Text (sublimetext.com)
NotePad++ (notepad-plus-plus.org)
Bluefish (bluefish.openoffice.nl)
HEFS (kpolyakov.spb.ru/prog/hefs.htm)
Sublime Text (sublimetext.com)
NotePad++ (notepad-plus-plus.org)
Bluefish (bluefish.openoffice.nl)
HEFS (kpolyakov.spb.ru/prog/hefs.htm)
Редакторы WYSIWYG = What You See Is What You Get
TinyMCE (www.tinymce.com)
Kompozer (kompozer.net)
CKEditor (ckeditor.com)
openWYSIWYG (www.openwebware.com)
BlueGriffon (bluegriffon.org)
Слайд 12Язык гипертекстовой разметки HTML
HyperText Markup Language (HTML)
Язык гипертекстовой разметки HTML
- язык разметки исходного текста веб-документа,
<тег>Обрабатываемое значение
Слайд 13Первая веб-страница
Тэг – команда языка HTML
открывающий тэг
закрывающий тэг
Первая страница
Привет!