Файл: Реферат по теме теоретические основы разработки webсайта хуснутдинов артем рамилевич пкс310.doc
Добавлен: 29.11.2023
Просмотров: 57
Скачиваний: 2
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Министерство образования и науки Республики Башкортостан
ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
ТУЙМАЗИНСКИЙ ГОСУДАРСТВЕННЫЙ ЮРИДИЧЕСКИЙ КОЛЛЕДЖ
РЕФЕРАТ
по теме:
ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ WEB-САЙТА
ХУСНУТДИНОВ АРТЕМ РАМИЛЕВИЧ
ПКС-310
09.02.03 ПРОГРАММИРОВАНИЕ В КОМПЬЮТЕРНЫХ СИСТЕМАХ
Научный руководитель:
А.В.Канищев, преподаватель МДК 01.04
Туймазы 2023
СОДЕРЖАНИЕ
ВВЕДЕНИЕ……………………………………………………………….……3
1. Обоснование необходимости создания Web-сайта………….….,………...4
2. Основные языки web-программирования...……………….………..…...…6
3. Основы дизайна web-сайта………………………………………………...12
ЗАКЛЮЧЕНИЕ……………………………………………………...………15
СПИСОК ЛИТЕРАТУРЫ………………………………………………….16
ВВЕДЕНИЕ
Актуальность исследования. Со стороны будущего владельца сайта должна быть предоставлена полная информация о предприятии, чтобы дизайнеры могли разработать соответствующий стиль с цветами компании, возможными графическими элементами. Недоверие вызывают сайты с пестрым дизайном, авторы которого стараются акцентировать внимание пользователей на зачастую не нужной им информации. Зайдя на такую страницу, пользователь сразу её закрывает, поскольку не испытывает к сайту доверия. Чтобы такого не произошло и с вашим интернет ресурсом, его Web-дизайн должен быть максимально аккуратным.
Объект исследования: Веб-дизайн.
Предмет исследования: Веб-дизайн.
Цель исследования: выяснить, как применяется в жизни веб-дизайн.
задачи:
-
Обоснование необходимости создания Web-сайта -
Основные языки web-программирования -
Основы дизайна web-сайта
Новизна исследования. Данная тема не полностью изучается в школах на уроках информатики.
Методы исследования: Теоретический анализ и обобщение литературы и материалов сети Интернет. Опрос с целью выявления мнения по данной теме. Анкетирования, исследования, метод, обобщение, сравнение имеют прямую связь с современными технологиями развития науки и техники, так как интернет, компьютер, телефон и мобильные приложения играют значительную роль в помощи проведения исследования.
Структура работы соответствует логике исследования и включает в себя введение, основную часть, заключение, список источников и литературы.
-
Обоснование необходимости создания 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 имеют бесплатную техническую поддержку. Качественный код, который не дает сбоев. Имеют полный набор документации, что помогает облегчить управление сайтом.