Содержание
- 2. Web-приложение – это приложение разработанное по архитектуре «клиент-сервер», использующее в качестве клиента Веб-браузер и работающее с
- 3. Примеры web-приложений Поисковые системы (google.ru), Видео-коллекции (youtube.com), Новостные системы (lenta.ru), Бизнес-магазины (ozon.ru); Социальные сети (facebook.com) и
- 4. Обзор инструментальных средств разработки Web-приложения визуальные; не визуальные.
- 5. Текстовые редакторы. Предполагают прямую работу с кодом, требуют знание языков. Notepad++; SublimeText; WebStorm; Brackets и другие.
- 6. Специальные программы-конструкторы Автоматизируют процесс разработки, позволяют визуально реализовать качественный проект без знания HTML и других языков.
- 7. Недостаток: неэффективный код, включающий множество лишних тегов. Существуют off-line редакторы и on-line (конструкторы сайтов).
- 8. Конструктор сайтов – это система из набора инструментов, которая позволяет создавать сайты онлайн и администрировать их
- 9. Этапы разработки Web-сайта 1. Определение целей сайта и требований к нему. 2. Разработка дизайн-макета. 3. Верстка
- 10. 1. Определение целей сайта и требований к нему определение цели сайта; определение целевой аудитории; выяснение ожидаемой
- 11. Юзабилити сайта – это удобство пользователя при работе с сайтом. Критерии юзабилити: 1. Дизайн сайта. 2.
- 12. Техническое задание на разработку сайта Техническое задание (ТЗ) – это документ, в котором детально описываются основные
- 13. Содержание ТЗ: описание предполагаемой аудитории; тип сайта; описание дизайна; структура сайта (карта сайта) с описанием переходов
- 14. Содержание ТЗ: описание предполагаемой аудитории; тип сайта; описание дизайна; структура сайта (карта сайта) с описанием переходов
- 15. Содержание ТЗ: функционал каждой страницы (поиск, сортировка, фильтр и т.д.); порядок предоставления, обработки или создания графической
- 16. 2. Разработка дизайн-макета сайта Дизайн-макет сайта – графическое представление дизайна сайта. Готовый макет предоставляется в формате
- 17. Цветовые схемы 1. Монохроматическая цветовая схема. Соответствует одному базовому цвету и всем его оттенкам, тональностям и
- 18. Использование монохроматической цветовой схемы
- 19. Цветовые схемы 2. Дополнительная цветовая схема. Образуется сочетаниями противоположных в цветовом круге цветов
- 20. Цветовые схемы 3. Триадические цветовые схемы. Создается при выборе одного цвета и добавлении к нему двух
- 21. Цветовые схемы 4. Тетраэдрические цветовые схемы. Использует сочетание четырех цветов.
- 22. Сайты для поиска цветовых схем http://paletton.com https://color.adobe.com http://colorscheme.ru
- 23. Использование преобладающего цвета на сайте логотип; вкладки меню; важная информация; заголовки и названия; кнопки.
- 24. Стили дизайна для сайтов
- 25. По структуре минималистичные; 2-3-х колоночные; сложные; адаптивный дизайн.
- 26. По цветовой гамме цветной; разноцветные; светлые; темные.
- 27. Цветной стиль
- 28. Разноцветный стиль
- 29. Светлый стиль
- 30. Темный стиль
- 31. По количеству графики чистый стиль; стандартный; художественный.
- 32. Чистый стиль
- 33. Стандартный стиль
- 34. Художественный стиль
- 35. По тематике или художественному оформлению стиль «ретро»; стиль «гранж»; «футуристический» стиль; «мультяшный» стиль; «журнальный» стиль; «классический»
- 36. Стиль «ретро» (винтажный стиль)
- 37. Стиль «гранж»
- 38. «Футуристический» стиль
- 39. «Рисованный» стиль
- 40. Минималистический стиль
- 41. Стиль «Метро»
- 42. Домашнее задание Классификация сайтов По тематике. По художественному оформлению (журнальный стиль, готика, «мультяшный» стиль, футуризм, ретро,
- 43. Домашнее задание Классификация типов сайтов 1. личный сайт; 2. бизнес-сайт; 3. промо-сайт; 4. сайты электронной коммерции;
- 44. 3. Верстка Вёрстка – процесс формирования страниц (макета) путём компоновки текстовых, графических и прочих элементов. Вёрстка
- 45. Требования к верстке: Кроссбраузерность – одинаковое отображение в разных браузерах Гибкость вёрстки – возможность легко добавлять/удалять
- 46. Виды верстки Табличная. Используется обычная таблица с невидимой границей. Блочная. Используются слои (блоки) для создания базового
- 47. Виды верстки III. Семантическая верстка Семантической называют верстку, использующую для структурирования html-документов теги, которые разделяют код
- 48. Достоинства табличной верстки: 1. Простота и быстрота верстки. 2. Корректное отображение в различных браузерах, одинаковый вид
- 49. Преимущества блочной верстки: компактный код, небольшой вес страниц; отличная индексация поисковыми системами; слои можно накладывать друг
- 50. Виды html-верстки: 1. фиксированная, 2. резиновая, 3. гибридная.
- 51. 1. Фиксированная верстка - четко определены размеры элементов веб-страницы в пикселях. Преимущество фиксированной верстки: дизайн шаблона
- 52. 2. Резиновая html-верстка - размеры элементов веб-страницы относительны (указываются в %). Преимущество резиновой верстки: позволяет адаптировать
- 53. 3. Гибридная html-верстка -включает в себя как фиксированные, так и относительные размеры элементов
- 54. 4. Программирование, установка и настройка CMS JavaScript; PHP; Python; Java; Ruby и другие
- 55. CMS – это система управления сайтом (Content management system, движок). CMS – это специальная платформа, программное
- 56. Виды CMS: бесплатные WordPress, Joomla, Drupal и другие платные 1С-Битрикс UMI.CMS и другие http://www.cmsmagazine.ru/catalogue/
- 57. Тематический индекс цитирования (тИЦ) – технология поисковой машины «Яндекс», заключающаяся в определении авторитетности Интернет-ресурсов с учётом
- 58. 5. Наполнение контентом и тестирование Требования к контенту сайта достоверность; актуальность; уникальность; информативность; полнота.
- 59. Виды контента По форме подачи: текст; изображения; аудио; видео. По уникальности: уникальный; неуникальный.
- 60. Виды контента По форме подачи: текст; изображения; аудио; видео. По уникальности: уникальный; неуникальный.
- 61. Способы наполнения сайта контентом 1. Копирование информации с других сайтов (копипаст) – использование информации с других
- 62. Способы наполнения сайта контентом Виды рерайтинга автоматический рерайтинг - использование рерайт-генераторов (синонимайзеры, http://www.raskruty.ru); ручной рерайтинг –
- 63. Способы наполнения сайта контентом 3. Использование копирайтинга Копирайтинг – это написание уникальных статей на заказ.
- 64. Тестирование сайта проверка скорости загрузки сайта; https://tools.pingdom.com http://www.webpagetest.org https://www.host-tracker.com проверка ссылок, поиск неработающих ссылок; https://validator.w3.org/checklink http://brokenlinkcheck.com
- 65. Тестирование сайта проверка валидности сайта; HTML-код – https://validator.w3.org; CSS-код – http://jigsaw.w3.org/css-validator; проверка адаптивности к экранам; http://quirktools.com
- 66. Тестирование сайта SEO-тестирование Веб-страниц – определение ключевых слов, настройка семантики, проверка уникальности, определяется «видимость» сайта для
- 67. Тестирование сайта проверка орфографии и пунктуации текстов; проверка правильности отображения шрифтов различными браузерами и их версиями;
- 68. 6. Публикация сайта в сети Интернет 1. Выбор и регистрация доменного имени 2. Выбор хостинга
- 69. 1. Выбор и регистрация доменного имени Правила регистрации домена: 1. Домен должен быть свободным и еще
- 70. Наиболее крупные регистраторы https://www.reg.ru https://mastername.ru https://www.rusonyx.ru https://www.nic.ru
- 71. Выбор хостинга Хостинг – это услуга по предоставлению дискового пространства для физического размещения необходимой информации, файлов
- 72. Виды хостинга: I. По стоимости Платный – производится оплата за использование дискового пространства и других предоставляемых
- 73. II. В зависимости от страны расположения технической площадки: российский (техническая площадка расположена в России); украинский (в
- 74. III. В зависимости от программного обеспечения UNIX-хостинг; WINDOWS-хостинг.
- 75. IV. В зависимости от типа сервера: виртуальный сервер; виртуальный выделенный сервер; выделенный сервер; co-location.
- 76. Виртуальный сервер размещение на одном физическом сервере файлов сайтов (программ) сразу нескольких владельцев, ресурсы распределены между
- 77. Виртуальный выделенный сервер Web-приложения размещаются на одном физическом сервере, каждый виртуальный выделенный сервер не зависим от
- 78. Выделенный сервер аренду физического сервера владельцем крупного Интернет-ресурса у хостинг-провайдера, используется для реализации нестандартных задач (сервисов),
- 79. Co-location размещение собственного сервера клиента на технической площадке хостинг-провайдера. Отличие co-location от выделенного сервера технический персонал
- 80. При выборе хостинга учитывают факторы: 1. Технические характеристики Безотказность (uptime). Наличие поддержки: FTP & SSH доступ;
- 81. При выборе хостинга учитывают факторы: 2. Загруженность канала. 3. Стоимость услуг. Тестовый период. Качество техподдержки.
- 82. Платный хостинг https://mchost.ru https://beget.com/ru https://fozzy.com https://masterhost.ru https://sprinthost.ru https://www.nic.ru Бесплатный хостинг https://www.hostinger.ru https://www.ucoz.ru https://hostiman.ru
- 83. 7. Раскрутка сайта Методы бесплатной раскрутки сайтов: Регистрация сайта в поисковых системах. Работа над контентом своего
- 84. SEO (Search Engines Optimization) – это комплекс мероприятий, направленных на повышение позиций Интернет-сайта в результатах поисковой
- 86. Скачать презентацию