- Главная
- Разное
- Бизнес и предпринимательство
- Образование
- Развлечения
- Государство
- Спорт
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Религиоведение
- Черчение
- Физкультура
- ИЗО
- Психология
- Социология
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Что такое findslide.org?
FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.
Обратная связь
Email: Нажмите что бы посмотреть
Презентация на тему ПРОГРАММИРОВАНИЕ ИНТЕРНЕТ ПРИЛОЖЕНИЙ
Содержание
- 2. Классификация веб-сайтов Сайт визитка - самый простой
- 3. Классификация веб-сайтов Корпоративные сайты - это полнофункциональные
- 4. Классификация веб-сайтов Интернет-витрина или интернет-каталог товаров -
- 5. Классификация веб-сайтов Интернет-магазины - этот вид сайтов
- 6. Классификация веб-сайтов Промо-сайты - сайты этого типа
- 7. Классификация веб-сайтов Тематические сайты - данный тип
- 8. Классификация веб-сайтов Интернет-порталы - это тип сайтов,
- 9. Классификация веб-сайтов Блог - это тип сайтов,
- 10. Классификация веб-сайтов Каталоги сайтов - это вид
- 11. Классификация веб-сайтов Поисковые системы - вид сайтов, предназначенных для поиска страниц в интернете по определённым запросам.
- 12. Классификация веб-сайтов Почтовые сервисы - этот тип сайтов предоставляет интерфейс для работы с электронной почтой.
- 13. Классификация веб-сайтов Интернет-форумы - на сайтах этого
- 14. Классификация веб-сайтов Сайты-хостинги - на сайтах этого
- 15. Классификация веб-сайтов Доски объявлений - на таких
- 16. Классификация веб-сайтов Социальные сети - тип сайтов,
- 17. Язык разметки гипертекста HTML (HyperText Markup Language)Элементы HTML называются «тегами» (от англ. tag — отметка)
- 18. Язык разметки гипертекста HTML (HyperText Markup Language) содержимое содержимое
- 19. Язык разметки гипертекста HTML (HyperText Markup Language)Язык
- 20. Язык разметки гипертекста HTML (HyperText Markup Language)главным тегом HTML является одноименный тег Закрывающий его тег
- 21. Язык разметки гипертекста HTML (HyperText Markup Language)Заголовок документа заключается в теги
- 22. Язык разметки гипертекста HTML (HyperText Markup Language)Тег
- 23. Язык разметки гипертекста HTML (HyperText Markup Language)Тело документа помещается в теги …
- 24. Атрибуты тега
- 25. Язык разметки гипертекста HTML (HyperText Markup Language)Упрощенный
- 26. Разметка текстатекстовый абзац Текст абзаца
- 27. Разметка текстаДля принудительного разрыва строки внутри абзаца
- 28. Разметка текстаДля расстановки логических акцентов в тексте
- 29. Разметка текстаДля выделения текста жирным курсивным шрифтом
- 30. Разметка текстаДля отображения подстрочного текста используют тег
- 31. Разметка текстаЗаголовки частей документа на web-странице задаются
- 32. Разметка текстаДля создания маркированного списка в HTML используют теги первый элемент списка…последний элемент списка
- 33. Разметка текстаДля создания нумерованного списка в HTML используют теги первый элемент списка…последний элемент списка
- 34. Разметка текстаПри использовании вложенных тегов списков можно получить многоуровневые списки. первыйвторойвторой-первыйвторой-второйтретий
- 35. Цвет в документеВ интернете используется RGB палитра,
- 36. Цвет в документе Для каждого основного цвета
- 37. Цвет в документеБелый #ffffffЧерный #000000Красный #ff0000Синий #0000ffЗеленый
- 38. Цвет в документеЦвета страницы web документа задаются
- 39. Цвет в документеАтрибут TEXT позволяет задать цвет
- 40. Цвет в документеАтрибут LINK дает возможность назначить
- 41. Цвет в документе Атрибут VLINK указывает на
- 42. Цвет в документе Атрибут ALINK определяет цвет
- 43. Включение графики в web-страницуформаты графических файлов: GIF, JPG и PNG
- 44. Включение графики в web-страницуВнедрение графики в html-документ
- 45. Включение графики в web-страницуАтрибут SRC в качестве значения содержит относительный адрес файла с графическим изображением
- 46. Включение графики в web-страницуАтрибут ALT содержит некий
- 47. Включение графики в web-страницуВсе графические файлы во
- 48. Включение графики в web-страницуПример применения тега : Ссылки на документыСсылки на документы
- 49. Ссылки на документыРеализовать простую гиперссылку на другую
- 50. Ссылки на документыРеализовать простую гиперссылку на другую
- 51. Ссылки на документыАтрибут HREF указывает на адрес
- 52. Ссылки на документыАтрибут TITLE предназначен для создания
- 53. Ссылки на документыИзображение в html-документе можно сделать гиперссылкой комбинацией тегов и Ссылки на документыСсылки на документы
- 54. Ссылки на части документаСсылки на части документа
- 55. Ссылки на части документа1 этап: в документе
- 56. Ссылки на части документа2 этап: вверху документа
- 57. Таблицы в web документеДля создания таблиц в
- 58. Таблицы в web документеАтрибут ALIGN , может
- 59. Таблицы в web документеАтрибут BORDER указывает на
- 60. Таблицы в web документеАтрибут CELLSPACING позволяет задать
- 61. Таблицы в web документеКоманда определяет строки
- 62. Таблицы в web документеВ теги и вкладываются
- 63. Таблицы в web документеКроме того, тег оперирует
- 64. Таблицы в web документеПример кода таблицы, которая
- 65. Таблицы в web документеПример когда в первой строке была одна объединенная ячейка: A C D
- 66. Таблицы в web документеПример когда первом столбце была одна объединенная ячейка: AC D
- 67. Скачать презентацию
- 68. Похожие презентации
Классификация веб-сайтов Сайт визитка - самый простой вид сайта. обычно он содержит от 1 до 5 страниц. Сайты этого вида, как правило, включают в себя только общую информацию о владельце сайта и его контактные данные.
Слайд 3
Классификация веб-сайтов
Корпоративные сайты - это полнофункциональные представительства компаний
в интернете. Этот тип сайта лучше всего подходит для
серьёзных средних и крупных фирм. Корпоративные сайты содержат полную информацию о компании и её деятельности.
Слайд 4
Классификация веб-сайтов
Интернет-витрина или интернет-каталог товаров - это вид
сайтов, основная задача которых — продавать. На таких сайтах
размещается информация о товарах и контакты, обычно телефоны, по которым следует звонить, если посетитель желает приобрести предлагаемый товар.
Слайд 5
Классификация веб-сайтов
Интернет-магазины - этот вид сайтов обладает теми
же характеристиками, что и интернет-витрины, но, кроме того, предоставляет
возможность заказать предлагаемый товар прямо через сайт.
Слайд 6
Классификация веб-сайтов
Промо-сайты - сайты этого типа предназначены для
раскрутки и продвижения какого-либо товара или бренда. Компания проводит
рекламные акции (конкурсы, викторины, игры и т.п.), которые освещаются в Интернет с помощью специально разработанного веб-сайта.
Слайд 7
Классификация веб-сайтов
Тематические сайты - данный тип интернет сайтов
характеризуется тем, что содержит информацию по какой-либо конкретной тематике.
Сюда же можно отнести интернет-энциклопедии.
Слайд 8
Классификация веб-сайтов
Интернет-порталы - это тип сайтов, содержащих большое
количество разнообразной информации. Как правило, порталы схожи по структуре
с тематическими сайтами, но имеют более развитый функционал и большее количество сервисов и разделов. Также на порталах часто бывают разделы для общения пользователей: чаты, блоги и форумы.
Слайд 9
Классификация веб-сайтов
Блог - это тип сайтов, на которых
владелец или редактор блога пишет тексты со своими новостями,
идеями или другой постоянно поступающей информацией. Отличительной особенностью блогов является актуальность публикуемой информации.
Слайд 10
Классификация веб-сайтов
Каталоги сайтов - это вид сайтов, основным
содержимым которых являются структурированные ссылки на другие сайты, а
также их краткие описания.
Слайд 11
Классификация веб-сайтов
Поисковые системы - вид сайтов, предназначенных для
поиска страниц в интернете по определённым запросам.
Слайд 12
Классификация веб-сайтов
Почтовые сервисы - этот тип сайтов предоставляет
интерфейс для работы с электронной почтой.
Слайд 13
Классификация веб-сайтов
Интернет-форумы - на сайтах этого вида пользователи
могут создавать темы, а также комментировать их. Как правило,
форумы ограничены одной специфической тематикой, хотя встречаются и форумы «обо всём».
Слайд 14
Классификация веб-сайтов
Сайты-хостинги - на сайтах этого типа реализована
функция хранения каких-либо файлов. Также часто встречаются сайты-хостинги с
возможностью просмотра загруженных файлов прямо через браузер.
Слайд 15
Классификация веб-сайтов
Доски объявлений - на таких сайтах пользователи
могут размещать или искать информацию в виде каких-либо объявлений,
например, о покупке-продаже.
Слайд 16
Классификация веб-сайтов
Социальные сети - тип сайтов, созданных для
общения пользователей между собой. Как правило, на таких сайтах
есть рейтинги, страницы пользователей, группы и множество других сервисов.
Слайд 17
Язык разметки гипертекста HTML (HyperText Markup Language)
Элементы HTML
называются «тегами» (от англ. tag — отметка)
Слайд 19
Язык разметки гипертекста HTML (HyperText Markup Language)
Язык HTML
является регистронезависимым, то есть команды языка можно набирать в
любом регистре.
Слайд 20
Язык разметки гипертекста HTML (HyperText Markup Language)
главным тегом
HTML является одноименный тег
Закрывающий его тег
Слайд 21
Язык разметки гипертекста HTML (HyperText Markup Language)
Заголовок документа
заключается в теги
Слайд 22
Язык разметки гипертекста HTML (HyperText Markup Language)
Тег
служит для того, чтобы дать документу название, которое
показывается в заголовке окна браузера.Является обязательным!
Слайд 23
Язык разметки гипертекста HTML (HyperText Markup Language)
Тело документа
помещается в теги …
Слайд 25
Язык разметки гипертекста HTML (HyperText Markup Language)
Упрощенный основной
код HTML имеет вид:
Моя первая страница
тело документа
Слайд 27
Разметка текста
Для принудительного разрыва строки внутри абзаца используют
тег
, не имеет закрывающего тега
для запрета разрыва строки
используется тег
Слайд 28
Разметка текста
Для расстановки логических акцентов в тексте используют
теги логического выделения:
Текст, выделяемый курсивным шрифтом
Tекст, выделяемый
жирным шрифтом
Слайд 29
Разметка текста
Для выделения текста жирным курсивным шрифтом можно
использовать вложение данных тегов друг в друга:
Текст, выделенный
жирным курсивным шрифтом
Слайд 30
Разметка текста
Для отображения подстрочного текста используют тег
текст 1текст 2
Результат: текст1текст2
Тег позволяет отобразить
надстрочный текст: текст1текст 2
Результат : Текст1текст2
Слайд 31
Разметка текста
Заголовки частей документа на web-странице задаются тегами
, где n — целое число от 1 до
6, обозначающее номер уровня заголовка, причем, самым крупным уровнем принято считать 1. Синтаксис записи этой команды в общем виде таков:<Нn>Текст заголовка
где n=1...6.
Слайд 32
Разметка текста
Для создания маркированного списка в HTML используют
теги
первый элемент списка
…
последний элемент списка
Слайд 33
Разметка текста
Для создания нумерованного списка в HTML используют
теги
первый элемент списка
…
последний элемент списка
>
Слайд 34
Разметка текста
При использовании вложенных тегов списков можно получить
многоуровневые списки.
первый
второй
второй-первый
второй-второй
третий
Слайд 35
Цвет в документе
В интернете используется RGB палитра, основными
составляющими которой являются три цвета: красный, зеленый и синий.
Слайд 36
Цвет в документе
Для каждого основного цвета используется
256 различных значений: от 0 до 255 в десятичной
системе счисленияот 00 до ff в шестнадцатеричной системе
Слайд 37
Цвет в документе
Белый #ffffff
Черный #000000
Красный #ff0000
Синий #0000ff
Зеленый #00ff00
При
смешивании основных цветом получаем:
красного и зеленого - желтый #ffff00
зеленого
и синего - голубой #00ffffкрасный и синий - лиловый #ff00ff
Слайд 38
Цвет в документе
Цвета страницы web документа задаются в
стартовом теге , который имеет атрибуты, и в общем
виде выглядит так:
Слайд 39
Цвет в документе
Атрибут TEXT позволяет задать цвет текста
для всего документа в целом
Атрибут BGCOLOR задает фоновый цвет
всему документу
Слайд 40
Цвет в документе
Атрибут LINK дает возможность назначить цвет,
которым отображается непосещенная гиперссылка.
По умолчанию ей присваивается значение"blue" (#0000FF).
Слайд 41
Цвет в документе
Атрибут VLINK указывает на цвет
посещенной ссылки.
По умолчанию ей присваивается значение "purple" (#800080).
Слайд 42
Цвет в документе
Атрибут ALINK определяет цвет активной
гиперссылки, с момента нажатия на нее курсором мыши до
момента загрузки вызываемого ею ресурса.По умолчанию данный атрибут также имеет значение "purple".
Слайд 44
Включение графики в web-страницу
Внедрение графики в html-документ осуществляется
с использованием команды , синтаксис которой в общем виде
записывается следующим образом:
Слайд 45
Включение графики в web-страницу
Атрибут SRC в качестве значения
содержит относительный адрес файла с графическим изображением
Слайд 46
Включение графики в web-страницу
Атрибут ALT содержит некий альтернативный
текст, который отображается вместо картинки в браузерах, не поддерживающих
графику, а также в случае, если поддержка графики отключена пользователем.
Слайд 47
Включение графики в web-страницу
Все графические файлы во время
внедрения их в документ должны иметь необходимые размеры в
пикселях.Ширину и высоту картинки не рекомендуется задавать в теге.
Слайд 48
Включение графики в web-страницу
Пример применения тега :
SRC="/images/zakat.jpg" АLТ="Красивый закат">
Ссылки на документы
Ссылки на документы
Слайд 49
Ссылки на документы
Реализовать простую гиперссылку на другую web-страницу
можно путем использования в web документе тега , синтаксис
записи :<А HREF="URL" TARGET="параметр" TITLE="альтернативный текст"> текст гиперссылки
Ссылки на документы
Ссылки на документы
Слайд 50
Ссылки на документы
Реализовать простую гиперссылку на другую web-страницу
можно путем использования в web документе тега , синтаксис
записи :<А HREF="URL" TARGET="параметр" TITLE="альтернативный текст"> текст гиперссылки
Ссылки на документы
Ссылки на документы
Слайд 51
Ссылки на документы
Атрибут HREF указывает на адрес страницы,
с которой устанавливается гиперсвязь
Атрибут TARGET описывает правила открытия
нового документа в браузереНапример, значение атрибута TARGET="_blank" отображает открываемый по ссылке документ HTML в новом окне браузера.
Ссылки на документы
Ссылки на документы
Слайд 52
Ссылки на документы
Атрибут TITLE предназначен для создания всплывающей
подсказки, которая возникает в случае, если пользователь задержит курсор
мыши над гиперссылкой на несколько секундСсылки на документы
Ссылки на документы
Слайд 53
Ссылки на документы
Изображение в html-документе можно сделать гиперссылкой
комбинацией тегов и
организуется ссылка"> Ссылки на документы
Ссылки на документы
Слайд 54
Ссылки на части документа
Ссылки на части документа позволят
перелистывать документ к нужным разделам
Процесс создания ссылки внутри
документа состоит из двух этапов Ссылки на документы
Ссылки на документы
Слайд 55
Ссылки на части документа
1 этап: в документе расставляют
метки в тех местах, куда надо будет прокручивать документ.
Задают тегамитекст
Ссылки на документы
Ссылки на документы
Слайд 56
Ссылки на части документа
2 этап: вверху документа делают
ссылки на метки тегами
текст
ссылки Ссылки на документы
Ссылки на документы
Слайд 57
Таблицы в web документе
Для создания таблиц в HTML
применяется тег , структура записи которого в общем виде
следующая:| Содержимое ячеек |
Слайд 58
Таблицы в web документе
Атрибут ALIGN , может принимать
значения LEFT, RIGHT или CENTER.
Атрибут WIDTH определяет ширину
всей таблицы и может принимать значение целого числа (в пикселях), либо числа от 1 до 100 с символом «%»
Слайд 59
Таблицы в web документе
Атрибут BORDER указывает на толщину
границы столбцов и ячеек таблицы в пикселах.
Если значение
данного атрибута равно нулю, таблица становится «невидимой»
Слайд 60
Таблицы в web документе
Атрибут CELLSPACING позволяет задать промежуток
между ячейками в пикселах
Атрибут CELLPADDING — промежуток между содержимым
ячейки и рамкой вокруг ячейки в пикселах
Слайд 61
Таблицы в web документе
Команда определяет строки в
таблице, может использовать:
атрибут ALIGN (горизонтальное позиционирование содержимого ячейки)
может принимать значения LEFT, RIGHT и CENTERатрибут VALIGN (вертикальное выравнивание содержимого ячейки) может принимать значения TOP, MIDDLE, BOTTOM и BASELINE.
Слайд 62
Таблицы в web документе
В теги и
вкладываются команды , описывающие сами ячейки.
Тег оперирует
атрибутами ALIGN и VALIGN.
Слайд 63
Таблицы в web документе
Кроме того, тег оперирует
следующими необязательными атрибутами:
COLSPAN — число столбцов, объединяемых ячейкой
ROWSPAN
—число строк, объединяемых ячейкой HEIGHT — высота ячейки в пикселах
NOWRAP — запрет переноса слов внутри ячейки.
Слайд 64
Таблицы в web документе
Пример кода таблицы, которая содержит
две строки по две ячейки в каждой, то есть
два элемента| A | B |
| C | D |
