Проект "Создание тематического web-сайта"

⁠

Тематика:

Информатика

Автор:

Чан Тхи Фыонг НГА

Руководитель:

Нуриева Татьяна Викторовна

Учреждение:

МАОУ «СОШ №12 имени В.Н. Сметанкина»

Класс:

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

Подробнее о проекте:

В исследовательком проекте по информатике "Создание тематического web-сайта" автор проектирует свой собственный веб-сайт. Работа имеет большую практическую значимость. Материалы исследования планируется использовать на уроках информатики, а также в качестве инструкции для начинающих разработчиков сайтов.

Введение

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

Преимущества сайта:

Оперативность и масштабность подачи информации
Наличие обратной связи
Контент сайта может включать в себя самую различную информацию: фото, аудио, видео и другое
Обратная онлайн связью с людьми из всех стран мира
Мгновенное обновление информации
Возможность контактировать с людьми из любой точки мира

Стоит уделять время не только созданию проекта, но и его содержанию. Только качественно сделанный веб-сайт станет популярным. Все владельцы хотят, чтобы именно их портал стал успешным, для этого необходимо разработать стратегию. Создать сайт может не только крупная компания, но и любой пользователь, ознакомившийся с базовыми знаниями.
Целью работы является создание тематического web-сайта.

Задачи:

Узнать что из себя представляет web-сайт
Изучить виды web-сайтов
Разобрать способы создания
Установить порядок создания
Разработать тематический web-сайт

Объект исследования: web-сайт

Предмет исследования: конструктор для создания сайтов

Гипотеза: я считаю, что даже обычный пользователь сможет сделать собственный web-сайт.

Методы исследования: анализ и синтез, проведение тестирования, формализация

Что такое сайт и его структура

Ещё до 1991 года люди не знали, что такое сайт. Но именно в января этого года Тимоти Джон Бернс создал и показал первый веб-ресурс. Изобретатель, по сути, опубликовал в интернет небольшую совокупность страниц, на которых описывалась новая технология, а точнее World Wide Web.
Сайт – Это ресурс, который включается в документы, объединённые ссылками и общей структурой. Каждый сайт имеет уникальный адрес, но массив этих данных связан доменным именем.

По сути, веб-ресурс является обособленной информационной единицей, которая может содержать любое количество страниц. Страницы в свою очередь формируются с помощью особых языков программирования и разметки, например HTML, CSS. PHP. Скомпонованный текстовый документ загружается из сети благодаря браузеру, который обрабатывает код и преобразует его в понятный интерфейс.

Чтобы веб-ресурс работал, он должен включать в себя комплекс элементов:
• сервер или хостинг
Серверы обрабатывают и хранят файлы сайта, они являются специальными компьютерами, которые предоставляют веб-проекта память на быстром носителе, ОЗУ и другие технические ресурсы. Сервер может обслуживать несколько сайтов.
Хостингом называют место и вычислительные ресурсы, выделенные на правах аренды.
• Доменное имя
Доменным именем является адрес сайта, эти имена могут находиться в зонах разного уровня и тематики, к примеру, vk.com. Адреса высокого уровня имеют самую высокую стоимость, но также в некоторых зонах нельзя купить домен, например, государственный сектор .gov
• CMS (программные файлы или управление контентом)
Системные файлы для веб-проектов не создаются вручную.
Веб-мастера используют CMS, которые являются специальными движками, включающими в себя базовые функции сайта. Opencart, Wordpress, Prestashop, Joomla являются самыми популярными системами управления контентом. CMS и база данных с картинками, текстами и другим контентом хранятся на сервере.

Виды сайтов

Целевая классификация

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

Структурно-функциональная классификация

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

В этом отношении сайты можно разделить на:
• лендинг — это сайт, состоящий из одной страницы, с мощной рекламной базой. Его задача — завладеть вниманием посетителя и привести его к конверсионному действию;
• сайт-визитка — это небольшой ресурс с простой структурой. Такие проекты создаются для информирования аудитории о деятельности компании или отдельного специалиста;
• интернет-магазин — специальный коммерческий формат сайта, позволяющий удобно выбирать и заказывать товары. В его структуру обычно входят корзина, форма обратной связи, фильтры, окна с отзывами, кнопка «Купить» и пр.;
• персональный блог — этот вид сайтов посвящён конкретному человеку или его деятельности. Блоги могут быть развлекательными, биографическими, научными, информационными и пр.;
• сайты услуг — это ресурсы, структура и функционал которых позволяет бизнесу удобно и эффективно предлагать свои услуги.

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

Создание сайтов

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

Структура любого сайта:

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

Интерфейсный код описывает дизайн. С его помощью компьютеры понимают внешний вид и расположение элементов на сайте. Чтобы написать интерфейсный код, программисты используют языки HTML, CSS и Javascript. Возможно, вам встречалось такое понятие как «вёрстка сайта». Вёрстка сайта — это процесс создания интерфейсного кода.

Серверный код описывает поведение сайта. С его помощью сервер определяет, что произойдёт, если пользователь нажмёт на кнопку или введёт текст. У одностраничных сайтов такого кода может и не быть. Серверный код нужен, если на сайте есть возможность создать аккаунт, купить товар или услугу. Серверный код пишут на PHP, Java, Ruby и т.д.

Сайты разрабатываются разными способами.
• HTML
На основе HTML создаются статические сайты. Система отвечает за то, чтобы страницы корректно отображались в браузере. На них располагается текст, графика и элементы разметки. Не предусмотрены скрипты для генерации новых страниц. Пользователь видит только страницы, которые созданы веб-мастером.
• PHP
Динамические ресурсы создаются с использованием PHP и других языков программирования. Их использование позволяет писать веб-сценарии. Совокупность таких файлов объединяется скриптами для их исполнения. В зависимости от действий пользователя будет изменяться контент, который ему предоставляется. Кроме PHP, используются Ruby, Python, Perl, ASP.NET.
• CMS

Динамичные ресурсы также создаются с использованием CMS. В этом случае веб-сайт – это продукт специальной программы, которая предлагает возможности для создания и редактирования страниц. Набор скриптов позволяет задействовать базы данных. Эта технология набирает всё большую популярность. Примерами CMS являются PrestaShop, WordPress.

Конструктор WIX

Wix — мощный конструктор с визуальным редактором. Отлично подходит для создания визиток, блогов, лендингов и даже магазинов. Сервис может позволить себе то, чего другие не могут: изобретать и внедрять новые фишки, которые потом постепенно перенимают конкуренты, привлекать грамотных разработчиков, партнёров, давать рекордные скидки своим пользователям, в конце концов. Обновления происходят очень часто, оптимизируется всё подряд.

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

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

Дизайн

Шаблоны – предмет гордости Wix. Более 500 макетов для разных типов сайтов, выполненных профессионалами, вставки видео на фон страницы, 3D-эффекты, собственный фотобанк и редактор изображений. Единственный недостаток — шаблон нельзя заменить во время работы над сайтом, так что выбирать тему нужно очень внимательно. Все шаблоны доступны бесплатно, а их база постоянно обновляется.

SEO
Конструктор Wix позволяет создавать сайты, которые изначально достаточно дружелюбно воспринимаются поисковыми системами.
Начинающий веб-мастер легко запутается в обилии требований, которые предъявляют поисковики, но Wix, кажется, решил эту проблему. В панели управления конструктора есть инструмент для настройки SEO-параметров сайта, который представлен в виде пошагового мастера.

Достоинства
Wix все хвалят за внешнюю привлекательность, которая делает работу с конструктором приятной. Но это далеко не все достоинства сервиса. Также можно отметить:

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

Недостатки:

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

Создание сайта

Проектирование сайта включает в себя следующие этапы:

Контент
Дизайн
Написание кода
Тестирование
Публикация
Раскрутка
Поддержка

Проектирование сайта. Анализ сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории.
Контент. Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.

Дизайн. Включает разработку дизайна, графических элементов, обработку графики и все, что с ней связано. Т.к. страницы оформляются в едином стиле, то создается шаблон.
Написание кода. Создание Web-страниц, программирование, написание функциональной части.

Тестирование.
Проверяется:

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

Публикация. Сайт размещается в Интернете.

Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и т.д.

Поддержка. Постоянное обновление сайта.

Создание сайта с помощью конструктора Wix com:

Зайти на сайт ru wix com
Зарегистрироваться на сайте
Выбрать путь создания шаблона для сайта
Выбрать подходящий шаблон и начать его редактирование
Сохранить шаблон и выложить в свободный интернет доступ для того, чтобы люди могли протестировать его (запустить альфа и бета тестирования)
После исправления ошибок (если они были допущены) – выложить сайт в свободный доступ.

Заключение

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

Итак, веб-ресурс представляет из себя совокупность взаимосвязанных веб-страниц, которые используют одно доменное имя. Вместе все общедоступные веб-сайты составляют всемирную паутину.
Веб-сайты могут создаваться и поддерживаться отдельным лицом, группой, бизнесом или организацией для различных целей.
Существует бесконечное множество сайтов, которые можно отнести к разным категориям. Существуют целевая классификация, структурно-функциональная классификация, но также в отдельную категорию можно отнести такие виды сайтов, которые имеют масштабный характер, а их разработка и поддержка требуют значительных финансовых ресурсов.
Люди и компании создают сайты для разных целей, каждый сам находит причину создать сайт. Структура любого сайта включает в себе дизайн, контент и код.
Конструктор wix.com является наилучшим способом для создания веб-ресурсов тем, кто толком не знаком с программированием, так как интерфейс максимально понятен.
Таким образом я доказала, что создать сайт может не только крупная компания, но и любой пользователь, ознакомившийся с базовыми знаниями.

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