Файл: Реферат по теме теоретические основы разработки webсайта хуснутдинов артем рамилевич пкс310.doc

Министерство образования и науки Республики БашкортостанГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕТУЙМАЗИНСКИЙ ГОСУДАРСТВЕННЫЙ ЮРИДИЧЕСКИЙ КОЛЛЕДЖРЕФЕРАТпо теме:ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ WEB-САЙТАХУСНУТДИНОВ АРТЕМ РАМИЛЕВИЧПКС-31009.02.03 ПРОГРАММИРОВАНИЕ В КОМПЬЮТЕРНЫХ СИСТЕМАХНаучный руководитель:А.В.Канищев, преподаватель МДК 01.04Туймазы 2023

СОДЕРЖАНИЕ

ВВЕДЕНИЕ……………………………………………………………….……31. Обоснование необходимости создания Web-сайта………….….,………...42. Основные языки web-программирования...……………….………..…...…63. Основы дизайна web-сайта………………………………………………...12ЗАКЛЮЧЕНИЕ……………………………………………………...………15СПИСОК ЛИТЕРАТУРЫ………………………………………………….16ВВЕДЕНИЕАктуальность исследования. Со стороны будущего владельца сайта должна быть предоставлена полная информация о предприятии, чтобы дизайнеры могли разработать соответствующий стиль с цветами компании, возможными графическими элементами. Недоверие вызывают сайты с пестрым дизайном, авторы которого стараются акцентировать внимание пользователей на зачастую не нужной им информации. Зайдя на такую страницу, пользователь сразу её закрывает, поскольку не испытывает к сайту доверия. Чтобы такого не произошло и с вашим интернет ресурсом, его Web-дизайн должен быть максимально аккуратным.Объект исследования: Веб-дизайн.Предмет исследования: Веб-дизайн.Цель исследования: выяснить, как применяется в жизни веб-дизайн.задачи:

1. 
   Обоснование необходимости создания Web-сайта
   
2. 
   Основные языки web-программирования
   
3. 
   Основы дизайна web-сайта
   

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

---

Структура работы соответствует логике исследования и включает в себя введение, основную часть, заключение, список источников и литературы.

1. Обоснование необходимости создания Web-сайта

В современном мире сайт для бизнеса является обязательным условием и дает шанс выжить среди множества конкурентов, потому что для потенциального клиента это удобно, и он может быстро выбрать, заказать или ознакомиться с определенной услугой, предоставляемой фирмой.Сайт позволяет:

• 
  увеличить имидж компании;
  
• 
  увеличивает доверие к компании;
  
• 
  увеличивает поток клиентов;
  
• 
  увеличить продажи;
  
• 
  уменьшить количество рутинных вопросов;
  
• 
  экономить время на документообороте.
  

Понятие web-сайта

Web (в переводе с английского) – паутина, сеть.Site (в переводе с английского) – место.Web-сайт (в переводе с английского) – это место (часть) во всемирной сети интернет, которое имеет свой уникальный адрес (доменное имя), собственного хозяина, и состоит из отдельных web-страниц, которые пользователь видит как одно целое.Web-сайт состоит из файлов, которые хранятся на удаленном компьютере (сервере).Домен – это символьный адрес в интернете для сайта.Домены бывают разных уровнейДомены первого уровня:

• 
  региональные (.ru, .su, .kz, .uk);
  
• 
  коммерческие (.com, .org);
  

• 
  др.
  

Современные технологии позволяют составлять доменные имена из букв латинского алфавита и кириллицы. Единственной доменной зоной, позволяющей создавать доменные имена с использованием кириллицы является зона .рф. Домены второго уровня:содержат в себе названия самого сайта (например, google.com; google – домен второго уровня). Официально можно зарегистрировать только домены второго уровня.Домены третьего и далее уровней:домены остальных уровней можно добавлять бесплатно в том домене, которым пользователь владеет (например, dogs.mydomen.ru; dogs – домен третьего уровня).Отображение сайтов происходит с помощью web-браузеров – программ, которые с помощью http запросов к серверу по определенным правилам обрабатывают и формируют страницы сайта. Это называется клиент-серверная технология.Страницы сайта – это файлы, созданные с помощью языка программирования HTML, содержащие в себе различную информацию: текстовую, фото, видео.

---

Классификация web-сайтов

По содержанию

Определяется основные два вида web-сайта по содержанию:

• 
  статичный – представляет собой набор заранее подготовленных файлов;
  
• 
  динамичный – представляет собой программный модуль, который генерирует страницы сайта на основе данных из различных источников.
  

По виду

По виду сайты могут быть разделены:

• 
  Сайт-визитка – это небольшой сайт, как правило состоящий из одной или нескольких web-страниц и содержащий основную информацию об организации, частном лице, компании, товарах или услугах, прайс-листы, контактные данные.
  
• 
  Посадочная страница (landing page) – это страница рекламного характера, содержащая информацию об услуге или товаре, переход на которую осуществляется по ссылке из поискового запроса или через баннер интернет-объявления.
  
• 
  Блог – это интернет-журнал событий, интернет-дневник, on-line-дневник, web-сайт, основное содержимое которого – это регулярно добавляемые записи, содержащие текст, изображения или мультимедиа. Для блогов характерны недлинные записи временной значимости, расположенные в обратном хронологическом порядке – последняя запись сверху.
  
• 
  Интернет-магазин – это сайт, торгующий товарами по средствам сети интернет, позволяет пользователям on-line в своем браузере сформировать заказ на покупку, выбрать способ оплаты и доставки заказа, заплатить за заказ, например, электронными деньгами.
  

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

Для написания web-сайтов были разработаны несколько различных языков программирования, которые реализуют разного рода функционал для того чтобы максимально реализовать интерактивные возможности ресурса.HTML (Hyper Text Markup Language) – язык разметки гипертекста). Это система верстки, которая определяет, как и какие элементы должны располагаться на web-странице. Сайты, созданные по данной технологии представляют собой набор статических страниц.Чаще всего HTML используется для небольших, легких сайтов-визиток, в котором не присутствует интерактивный функционал.Последним стандартом данного языка является HTML5/CSS (каскадные таблицы стилей) – набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид.

---

Возможности работы со стилями издавна включают в разные текстовые редакторы тем самым позволяя придать тексту определенный внешний вид, благодаря CSS это допустимо и для создания web-сайта. Текст, размер, цвет и другие параметры хранятся в определенном файле и легко присоединяются к любому HTML тегу. Еще одним преимуществом стилей является то, что они предлагают намного больше возможности для форматирования, чем обычный HTML. CSS представляет собой мощную систему, расширяющую возможности дизайна и верстки web-страницы. PHP – это рекурсивный акроним словосочетания PHP: Hypertext ProcessorPHP – это серверный язык, который осуществляет связь сайта с базой данных сервера. PHP отвечает за динамику сайта, т.е. реализация различных форм регистраций и сценариев.PHP является распространенным языком программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения web-разработок и его код может внедряться непосредственно в HTML.JavaScript – это язык сценариев, позволяющих сделать html-страницу интерактивной, т.е. «умеющей общаться» с пользователем. Так как весь процесс сценария выполняется на стороне пользователя без обновления страницу этот язык получил название клиентский.С помощью JavaScript можно установить на сайт форму обратной связи, слайдер, современные эффекты, паралакс и т.д.XML (Extensible Markup Language) – это расширяемый язык разметки. Он представляет из себя удобный инструмент для представления и хранения структурированных данных, позволяет обмениваться информацией между программами, участвует в построении специализированных языков разметки (например, XHTML, XSL).Для создания такой структуры существуют специальные инструкции, которые называются тегами, они помогают правильно читать и понимать документ.XSL (Extensible Stylesheet Language) – расширяемый язык таблиц стилей. Этот язык устанавливает правила: какие данные из XML-документа показывать и как следует их отображать в браузере. XSL включает в себя набор из нескольких языков:XPath (XML Path Language) – язык запроса к компонентам информационной модели XML-документа;XSLFO (Extensible Stylesheet Language Formatting Obects) – язык форматирующих объектов, обеспечивающих вывод информации в форматированном виде;XSLT (Extensible Stylesheet Language Transformations) – расширяемый язык преобразования таблиц стилей.Системы управления контентом

---

Когда сайты только появились, владельцам сайтов каждый раз при необходимости изменения контента приходилось нанимать программиста, потому что наполнение сайта находилось в том же файле, что и программный код и надо было менять все в исходных файлах. Это было не выгодно владельцам, так как нарушалась конфиденциальность информации, а также с финансовой стороны были большие затраты, и занимали такие изменения достаточно много времени. В настоящее время почти все сайты создаются на Системах Управления Контентом, так как это является наиболее удобным и выгодным. С помощью CMS владелец сайта может им управлять, не имея при этом каких-либо профессиональных навыков в области программирования.Владелец нанимает программиста только для создания основного шаблона, который в дальнейшем не требует никаких изменений. Наполнением контента может заниматься либо контент-менеджер компании, либо сам владелец. CMS (Content Management System - система управления контентом) – это программа, которая управляет всем контентом сайта и позволяет работать с ним.Основные функции CMS:

• 
  управление сайтом;
  
• 
  формирование и структурирование страниц.
  

Работа CMS основана на принципе разделения структуры сайта и информационной его части:

• 
  back-office – это часть системы, отвечающая за функциональность и хранение информации;
  
• 
  front-office – это часть системы, обеспечивающая интерфейс с пользователем.
  

Дизайн сайта и расположение блоков изменяется редко, либо вообще не изменяется, и требует специальных навыков программирования, а содержание может изменяться довольно часто.

Классификация CMS

• 
  Студийные – те системы, которые создает студия для конкретного проекта. Имеет определенный, нужный только данному сайту, набор функций.
  
• 
  Бесплатные (Joomla, Wordpress). Данные системы очень широко распространены и, соответственно, хорошо развиты. Имеют большое число разработчиков. Являются открытыми системами, при необходимости есть возможность дописать модули.
  

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

• 
  Коммерческие CMS (1C-Битрикс, UMI). Разработка таких систем происходит под управлением одной компании. В отличие от некоммерческих CMS имеют бесплатную техническую поддержку. Качественный код, который не дает сбоев. Имеют полный набор документации, что помогает облегчить управление сайтом.
  

---