Kurs

1. КУРСОВОЙ ПРОЕКТ
На тему:
Сайтостроение и его возможности
Профессиональный модуль ПМ 03 «Техническое обслуживание и ремонт
компьютерных систем и комплексов»
Утвержден КП.309.09.02.01.2017.ЛУ
Выполнил:
Терехов Александр Александрович
Группа: 4-КСК-1, специальность
09.02.01 Компьютерные системы и
комплексы
Руководитель:
Куклина Татьяна Григорьевна
Иркутск 2017

2. Задачи курсового проекта
• Рассказать о истории появление первого WEB сайта.
• Описать этапы создания сайта
• Сравнить разработку сайта “вручную” и на CMS и описать
плюсы и минусы каждого метода методов.
• Сделать выводы о перспективах развития сайтостроения в
целом.

3. История появления первого WEB сайта
Первый сайт появился в онлайне 6 августа 1991 года. На этом сайте
была опубликована концепция технологии WWW (World Wide Web),
использующая протокол передачи данных HTTP (HyperText Transfer
Protocol) с помощью системы адресации URI (Uniform Resource Identifier)
посредством написания кода на языке гипертекстовой разметки HTML
(HyperText Markup Language). Автором и владельцем сайта был Тим
Бернерс-Ли.

4. Первый сайт

5. Тим Бернерс-Ли – автор первого web сайта

6. Тим Бернерс-Ли был уверен, что
гипертекст может служить основой для
сетей обмена данными. Своё первое
детище — гипертекстовое программное
обеспечение Enquire он создал за 10 лет
до создания своего первого сайта, в 1980
году.
В мае 1991 года в Европейском
Центре Ядерных Исследований в Женеве
(CERN) (в котором работал и
презентовал свой первый сайт Бернерс-
Ли) был утверждён стандарт WWW.
К 1993 году были окончательно сформированы спецификации URI,
HTTP и HTML. 30 апреля 1993 года CERN объявила, что World Wide Web
будет свободной и бесплатной для всех. Это был очень важный шаг, ведь
CERN имел полное право использовать разработку в коммерческих целях.
В таком случае, сегодняшнего Интернет просто не существовало бы.

7. Этапы создания сайта
• Определение целей веб-сайта и его позиционирование
• Создание Технического Задания (ТЗ) на разработку веб-
сайта.
• Создание дизайн-макета веб-сайта.
• Верстка сайта.
• Программирование сайта.
• Наполнение сайта информацией.
• Расположение сайта в сети Интернет.
• Тестирование сайта.

8. На этом этапе необходимо определить, для чего нужен сайт, т.е. какие задачи
он должен решать: предоставить общее представление о компании или
многосторонне осветить какую-либо сторону человеческой деятельности,
увеличить продажи по традиционным каналам или организовать веб-торговлю,
провести рекламную или маркетинговую кампанию.
Цели веб-сайта, в большинстве случаев, должны ставиться заказчиком, а
затем, вместе с исполнителем они уточняются и корректируются.
Это один из самых важных этапов не только создания веб-сайта как такового,
но важнейший этап интернет-маркетинга.
После определения целей сайта надо совершенно четко и как можно
подробнее представить и описать целевую аудиторию сайта, т.к. это влияет на то,
в каком виде будет представлена информация.
Определение и как можно более подробное описание целевой аудитории
сайта дает возможность разработать правильный дизайн для проекта, а также
выбрать правильное направление для написания текстов. Очень важно говорить с
аудиторией на понятном ей языке. И это требование в разы важнее в Интернете,
чем в реальной жизни, т.к. в онлайне вас и вашего конкурента разделяет только
клик мыши.
Определение целей веб-сайта и его
позиционирование

9. На заключительной стадии этого этапа
примерно определяют, по каким поисковым
запросам сайт должен появляться в результатах
поискового запроса и посмотреть интернет-
проекты конкурентов будущего веб-проекта.
Определение поисковых запросов или
другими словами составление
семантического ядра процесс достаточно
сложный и в идеале должен делаться
профессионалами.

10. Создание Технического Задания (ТЗ)
на разработку веб-сайта
В ТЗ необходимо как можно более подробно
описать:
- цели создания сайта и его целевую аудиторию;
- структуру веб-сайта и количество страниц в
каждом разделе;
- работу динамических модулей;
- пожелания по дизайну (цвета, использование
фирменного стиля, соотношение графика/текст и
т.д.
- используемые технологии (HTML, Flash, PHP и
проч.);
- порядок предоставления, обработки или создания
графической и текстовой информации;
- технические требования к сайту.
ТЗ является основным документом, на основе которого осуществляются все
последующие этапы разработки веб-сайта.

11. Создание дизайн-макета веб-сайта.
На этом этапе дизайнер в специальной графической программе создает
дизайн страниц будущего веб-сайта с прорисовкой всех графических (банеров,
кнопок, фотографий) и текстовых элементов. Дизайнер создает дизайн веб-
страниц с учетом пожеланий заказчика и задания, прописанного в ТЗ.
Говоря о визуальном представлении веб-сайта, нельзя не остановиться на
таком моменте, как различия между фиксированными и резиновыми сайтами.
Пример фиксированного макета (на широком мониторе - поля по обеим
сторонам макета)
Пример "растягивающегося" макета сайта (полей нет, сайт тянется на всю
ширину монитора)

12. Верстка сайта
Это самая легкая часть работы. После того,
как Заказчик утвердил дизайн-макет за работу
принимается верстальщик – это тот человек,
который переводит дизайн-макет на язык,
понятный компьютеру с использованием языка
HTML.

13. Очень часто этап программирования и верстки объединяют в один. На мелких
и средний проектах оба действия в состоянии выполнить один человек. На крупных
проектах в силу специфики работ эти этапы разделяют.
На этапе программирования происходит создание всех страниц сайта,
определяется порядок работы меню, расставляются гипер-ссылки, создается
динамика на сайте, программируются такие составляющие, как гостевая книга,
форум, новостная лента и проч.
Если сайт должен иметь администраторский интерфейс то он создается именно
на этапе программирования.
Очень важно на этапе программирования определить, на какой системе
администрирования (Content Management Site) будет работать ваш сайт.
Программирование сайта.

14. Система управления содержимым (контентом) (англ. Content management system,
CMS)— информационная система или компьютерная программа, используемая для
обеспечения и организации совместного процесса создания, редактирования и
управления содержимым, иначе — контентом (от английского content).
Основные функции CMS:
Предоставление инструментов для создания содержимого, организация совместной
работы над содержимым,
Управление содержимым: хранение, контроль версий, соблюдение режима доступа,
управление потоком документов и т. п.,
Публикация содержимого,
Представление информации в виде, удобном для навигации, поиска.

15. Наполнение сайта информацией
Помимо разработки дизайна сайта и наладки системы управления
содержимым сайта возникает задача наполнения сайта материалами.
На этом этапе информация, предоставленная Заказчиком, размещается на
сайте, т.е. путем перевода в специальный формат текст и графика располагаются
на сайте на определенных страницах, и эта информация становится доступной
для просмотра.

16. Данный этап необязательно
выполняется после проведения всех
вышеперечисленных работ. Он может
проводиться параллельно с любым из
этапов. Он заключается в том, что
файлы сайта располагались в
Интернете или локальной сети
Расположение сайта в сети Интернет.
Более простой вариант - разместить свой
сайт на веб-сервере, который специально
предоставляет такие услуги. Выбор
конкретного веб-сервера упирается,
прежде всего, в цель вашего сайта: одно
дело, если сайт о вас и ваших друзьях, и
другое - если это коммерческий проект

17. Тестирование сайта.
Этот этап можно осуществить как до,
так и после размещения сайта по его
«родному» адресу. На этом этапе
выявляются все ошибки и недочеты в
программировании и написании текстов.
На протяжении всего этапа тестирования,
специалист создаёт и дополняет отчёт о
выявленных им ошибках. Данный отчёт
передаётся участникам проекта, после чего
руководитель проекта определяет ответственного
за исправление каждой из ошибок
По завершению тестирования проект готов к
полноценной работе, эффективно и стабильно выполняя
возложенные на него бизнес-функции. Именно
тестирование является гарантом спокойного сна как для
заказчика, так и для команды разработчиков веб-сайта.

18. CMS или написание кода вручную?
1. Решение ежедневных задач
Нужно понимать, что обычно CMS применяются для создания проектов,
которые должны решать ряд обычных задач: публикация новостей, размещение
рекламы, ведение опросов. CMS — это набор модулей, позволяющих управлять
контентом и решать поставленные задачи. Поэтому, если возникает новая задача,
которую до этого никто не пытался решить при помощи выбранной CMS — нужно
писать новый модуль, соблюдая при этом стандарты, установленные разработчиками
CMS и учитывая все её нюансы.
Однако сегодня, для популярных CMS (Joomla, Wordpress, DLE и т.д.) уже
разработаны все необходимые дополнения и плагины, поэтому расширение
функциональности сайта не должно вызвать затруднений в 99% случаев.

19. Как я сказал, CMS должны служить для создания простых проектов, от
которых не требуется ничего неординарного. Однако, это, по крайней мере,
нерационально - прибегать к использованию CMS для создания простейших
одностраничных сайтов-визиток, или сайтов, которые полностью состоят из
статических страниц.
2. Требовательность к серверу
Дело в том, что все CMS работают в
связке с PHP и MySQL, из-за чего
требования к хостинг-серверу возрастает
пропорционально с нагрузкой на него.
Страшно подумать, что тому же Wordpress
требуется обратиться к базе данных более
25 раз, чтобы показать пользователю какую-
либо заметку, тогда как сайту, написанному
с нуля, хватит и 5-7 обращений к БД, чтобы
отобразить такую же страницу.

20. Юзабилити, удобство использования,
(англ. usability — дословно «возможность
использования», «способность быть
использованным», «полезность»)
Юзабилити явно на стороне сайтов,
построенных на CMS.
Во-первых, как видимая посетителю
часть сайта, так и администраторская зона
всегда выстроены логично, и имеют
интуитивно понятный графический
пользовательский интерфейс (GUI), что
позволяет не лезть в код страницы без
лишней надобности (хотя иногда
приходится).
Более того, та часть сайта, которую
видит пользователь, у сайтов на CMS
более функциональна и эргономична.
3. Юзабилити
Несомненно, если писать каждую
строчку кода сайта «с нуля», не прибегая к
использованию уже разработанных
модулей, то можно достигнуть и лучших
результатов. Однако, при этом, потребуется
больше временных и финансовых
вложений.

21. 4. Безопасность
Одним из ключевых недостатков популярных CMS можно признать открытость и
доступность их кода. Открытый код позволяет любому желающему посмотреть, как
устроена система, чтобы затем обнаружить слабости кода, уязвимости и ошибки
системы. После этого никто не сможет помешать ему, воспользоваться имеющимися
«дырами» в своих личных целях. Да, с «дырками» в своих системах разработчики
CMS постоянно борются, но закрывая одну «дыру», они открывают одну, а то и
несколько других.
Конечно, взлом, ошибки и уязвимости кода
возможны и для сайтов, которые написаны «от
руки», но шанс быть взломанным снижается,
если разработкой занимался опытный веб-
мастер. Нестандартная структура кода потребует
у недоброжелателя больше времени и сил для
взлома, поэтому он может бросить эту затею и
пойти брутфорсить сайт вашего конкурента,
который завел себе сайт на одной из известных и
бесплатных CMS.

22. 5. Сроки реализации проекта
CMS обрели такую популярность только за счет того, что для их установки и
администрирования не нужно обладать супер навыками и тратить на их
поддержку много сил и времени. То есть CMS позволяет сконцентрироваться на
наполнении сайта, его продвижении и т. д., а не на его настройке и установке.
Более того, сайт на CMS можно развернуть, наполнить и открыть для
пользователей за 2-3 дня, а то и быстрее!
Разрабатывая сайт с нуля, уложиться в такой короткий срок для создания
мало-мальски хорошего проекта не удастся. Конечно, если работает команда
профессионалов, которая заинтересована в разработке, то можно создать сайт и за
один день, но потом придётся тратить лишнее время на отладку и отлов ошибок.
Этот способ создания сайта явно не для тех, кто спешит. Тут нужно и дизайн
разработать и сверстать его и написать весь функционал самостоятельно. Можно,
конечно, попросить о помощи другого веб-мастера, но он вряд ли захочет
работать бесплатно.

23. Однозначного ответа на вопрос “Какой метод лучше”, дать невозможно.
Каждый способ имеет право на существование, и имеет преимущества в
определенной ситуации. Например, если сайт будет очень посещаемым,
то, если поберечь сервер, лучше написать весь код с нуля, а если это будет
простой блог, или любой другой сайт, от которого не потребуется ничего
сверхъестественного, то можно ограничиться и теми возможностями,
которые предоставляют популярные, бесплатные CMS.

24. Перспективы развития сайтостроения
Во времена зарождения веба сайт представлял собой набор HTML-документов
связанных ссылками. Сайты должны были отличатся, производить впечатление.
В содержании сайтов акцент делался на смысловую нагрузку текста, и лишь во
вторую очередь на художественное оформление. Ведь для интеллектуала -
главное это содержание текста, а всякие там картинки-мультики его отвлекают.
Всемирная паутина увеличивалась.. Обнаружилось, что всемирная
информационная паутина обладает качествами рекламной и торговой площадки.
В сайтах начали ценить совсем другие свойства. Если текст, то убедительно
внушающий купить его услуги или товар. Смысл текста в этом случае уже не
имеет былой важности. А вот дизайн сайта - выходит на первый план. Ведь яркая
картинка действует на покупателя сильнее, чем какие-то там слова, черно-белая
лажа наполненная сомнениями, ошибками, противоречиями и заблуждениями.

25. Изменился и сам способ построения сайта. Если раньше была задача - где
взять столько заключенных в тексте мыслей чтобы заполнить хоть несколько
страниц, то сейчас другое дело. Теперь уже другой вопрос - куда впихнуть массу
всяких рекламных статей, написанных неведомо кем, новостные статьи
сдублированные с других сайтов. Здесь недостаточно просто набора HTML-
страниц, требующего по каждому пустяку вмешательства веб-мастера. Здесь
нужна автоматизация. Автоматическое добавление статей, функций, интуитивная
понятность управления, разграничение прав пользователей. Для этого случая
были созданы CMS. Системы Управления Контентом.
Именно поэтому регулярно появляются сайты, которые значительно
отличаются от своих предшественников. Среди компаний, которые уже сегодня
используют достаточно активно HTML5 и другие технологии будущего стоит
отметить Microsoft и Google. Они используют последние новинки для того чтобы
воплотить в жизнь свои веб-проекты.
Chrome Experiments является одной из последних разработок от компании
Гугл. Именно здесь можно на явном примере просмотреть возможности, которые
открываются мастерам с помощью современных технологий - HTML5, JavaScript,
SVG. Проект был создан с целью продемонстрировать – современные
возможности в сайтостроении. Сайт был запущен в работу еще в 2009 году
весной, на тот момент в нем можно было увидеть использование 19 примеров
современных методов. На сегодняшний день число экспериментальных примеров
увеличилось в разы и составляет около 400.

26. Заключение
Во время работы над курсовым проектом я освоил
следующий материал:
• Узнал принцип разработки сайта.
• Изучил плюсы и минусы разных методов
сайтостроения.
• Изучил стандартные этапы разработки сайта
• Узнал об удобстве использования CMS.
• Сделал выводы о перспективах развития
сайтостроения в целом.

27. Сайты – неотъемлемая часть нашей жизни, весь сейчас у
каждого есть компьютер или телефон с доступом в интернет.
У многих компаний и фирм появляется необходимость в
сайтах, как в простых визитках, так и в
многофункциональных, многостраничных сайтах. Поэтому я
считаю, что сайтостроение будет развиваться, пока какая-
нибудь новая технологния не заменит их вовсе.

28. Спасибо за внимание.