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

Скачать файл (0,26Мб)

Заказать решение

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

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

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

Добавлен: 29.11.2023

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

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

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

СОДЕРЖАНИЕ

СОДЕРЖАНИЕ

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

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

ЗАКЛЮЧЕНИЕ

СПИСОК ЛИТЕРАТУРЫ

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

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

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

ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ 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 имеют бесплатную техническую поддержку. Качественный код, который не дает сбоев. Имеют полный набор документации, что помогает облегчить управление сайтом.