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

ВУЗ: Не указан

Категория: Реферат

Дисциплина: Не указана

Добавлен: 29.11.2023

Просмотров: 50

Скачиваний: 2

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Министерство образования и науки Республики Башкортостан
ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

ТУЙМАЗИНСКИЙ ГОСУДАРСТВЕННЫЙ ЮРИДИЧЕСКИЙ КОЛЛЕДЖ

РЕФЕРАТ
по теме:

ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ WEB-САЙТА

ХУСНУТДИНОВ АРТЕМ РАМИЛЕВИЧ

ПКС-310

09.02.03 ПРОГРАММИРОВАНИЕ В КОМПЬЮТЕРНЫХ СИСТЕМАХ

Научный руководитель:

А.В.Канищев, преподаватель МДК 01.04


Туймазы 2023


СОДЕРЖАНИЕ



ВВЕДЕНИЕ……………………………………………………………….……3

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

2. Основные языки web-программирования...……………….………..…...…6

3. Основы дизайна 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 Processor

PHP – это серверный язык, который осуществляет связь сайта с базой данных сервера. 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 имеют бесплатную техническую поддержку. Качественный код, который не дает сбоев. Имеют полный набор документации, что помогает облегчить управление сайтом.