Проект «Создание тематического web-сайта» | Творческие проекты и работы учащихся
Руководитель:
Нуриева Татьяна Викторовна
Учреждение:
МАОУ «СОШ №12 имени В.Н. Сметанкина»
В рамках работы над исследовательским проектом по информатике на тему «Создание тематического web-сайта» обучающийся 9 класса ставит реальные цели и задачи, рассматривает и проводит анализ структуры различных веб-сайтов, пытается понять способы создания сайтов.
Подробнее о проекте:
В исследовательком проекте по информатике «Создание тематического web-сайта» автор проектирует свой собственный веб-сайт. Работа имеет большую практическую значимость. Материалы исследования планируется использовать на уроках информатики, а также в качестве инструкции для начинающих разработчиков сайтов.
Оглавление
Введение
- Что такое сайт и его структура
- Виды сайтов
- Создание сайтов
- Конструктор WIX
- Создание сайта
Заключение
Список использованных источников
Введение
Интернет является безграничным источником разнообразной информацией, который стал неотъемлемой частью нашей жизни, что делает создание сайтов на любую тематику актуальным.
В современном мире нельзя обойтись без веб-сайтов. Они помогают хранить и распространять необходимую информацию на огромные массы людей. Раньше для этих же целей люди пользовались другими средствами массовой информации, являлось затратно. Но из всех вариантов сайт является наиболее удобным.
Преимущества сайта:
- Оперативность и масштабность подачи информации
- Наличие обратной связи
- Контент сайта может включать в себя самую различную информацию: фото, аудио, видео и другое
- Обратная онлайн связью с людьми из всех стран мира
- Мгновенное обновление информации
- Возможность контактировать с людьми из любой точки мира
Стоит уделять время не только созданию проекта, но и его содержанию. Только качественно сделанный веб-сайт станет популярным. Все владельцы хотят, чтобы именно их портал стал успешным, для этого необходимо разработать стратегию. Создать сайт может не только крупная компания, но и любой пользователь, ознакомившийся с базовыми знаниями.
Целью работы является создание тематического web-сайта.
Задачи:
- Узнать что из себя представляет web-сайт
- Изучить виды web-сайтов
- Разобрать способы создания
- Установить порядок создания
- Разработать тематический web-сайт
Объект исследования: web-сайт
Предмет исследования: конструктор для создания сайтов
Гипотеза: я считаю, что даже обычный пользователь сможет сделать собственный web-сайт.
Методы исследования: анализ и синтез, проведение тестирования, формализация
Что такое сайт и его структура
Ещё до 1991 года люди не знали, что такое сайт. Но именно в января этого года Тимоти Джон Бернс создал и показал первый веб-ресурс. Изобретатель, по сути, опубликовал в интернет небольшую совокупность страниц, на которых описывалась новая технология, а точнее World Wide Web.
Сайт – Это ресурс, который включается в документы, объединённые ссылками и общей структурой.
По сути, веб-ресурс является обособленной информационной единицей, которая может содержать любое количество страниц. Страницы в свою очередь формируются с помощью особых языков программирования и разметки, например HTML, CSS. PHP. Скомпонованный текстовый документ загружается из сети благодаря браузеру, который обрабатывает код и преобразует его в понятный интерфейс.
Чтобы веб-ресурс работал, он должен включать в себя комплекс элементов:
• сервер или хостинг
Серверы обрабатывают и хранят файлы сайта, они являются специальными компьютерами, которые предоставляют веб-проекта память на быстром носителе, ОЗУ и другие технические ресурсы. Сервер может обслуживать несколько сайтов.
• Доменное имя
Доменным именем является адрес сайта, эти имена могут находиться в зонах разного уровня и тематики, к примеру, vk.
com. Адреса высокого уровня имеют самую высокую стоимость, но также в некоторых зонах нельзя купить домен, например, государственный сектор .gov• CMS (программные файлы или управление контентом)
Системные файлы для веб-проектов не создаются вручную.
Виды сайтов
Целевая классификация
Веб-сайты создают для решения разных задач, по этому критерию их можно разделить на:
• Коммерческие
Созданы для получения продаж из интернета, создания положительного образа компании и расширение охвата целевой аудитории. Классическим коммерческим сайтом является интернет-магазин.
• Информационные
Созданы для передачи определённой информации аудитории.
Это могут быть новостные, научно-популярные, развлекательные или тематические площадки. Зачастую информационные сайты создаются с целью монетизации благодаря публикации рекламы или партнёрских ссылок.• Некоммерческие
К таким веб-ресурсам относятся онлайн-площадки различных государственных органов, социальных служб, учебных заведений, министерств и т.д. Они созданы с целью информировании по определённым вопросам
Структурно-функциональная классификация
Необходимо правильно подобрать структуру и функциональное наполнение, чтобы сайт хорошо справлялся со своими задачами. К примеру, нет смысла использовать CMS для интернет-магазина.
В этом отношении сайты можно разделить на:
• лендинг — это сайт, состоящий из одной страницы, с мощной рекламной базой. Его задача — завладеть вниманием посетителя и привести его к конверсионному действию;
• сайт-визитка — это небольшой ресурс с простой структурой. Такие проекты создаются для информирования аудитории о деятельности компании или отдельного специалиста;
• интернет-магазин — специальный коммерческий формат сайта, позволяющий удобно выбирать и заказывать товары.
• персональный блог — этот вид сайтов посвящён конкретному человеку или его деятельности. Блоги могут быть развлекательными, биографическими, научными, информационными и пр.;
• сайты услуг — это ресурсы, структура и функционал которых позволяет бизнесу удобно и эффективно предлагать свои услуги.
В отдельную категорию нужно отнести такие виды сайтов, как социальные сети, почтовые сервисы, поисковые системы, облачные хранилища, видеохостинги и файлообменники. Эти ресурсы обычно имеют масштабный характер, а их разработка и поддержка требуют значительных финансовых ресурсов.
Создание сайтов
Люди и компании создают сайты для разных целей, каждый сам находит причину создать сайт, перечислить их все не выйдет.
Структура любого сайта:
• Дизайн
Это внешний вид и структура сайта: шрифты, цвета, кнопки, элементы меню, разделы и т.
д. Его продумывают после того, как возникает идея сделать сайт. Дизайн есть у всех элементов сайта: от баннера или всплывающего меню на главной странице до кнопки перехода в чат в разделе «Контакты».
Это любая информация, которую владелец сайта размещает на его страницах: текст, ссылки, фото, аудио и видеоматериалы. Контент сайта хранится на хостинге. Когда пользователь заходит на определённую страницу, программное обеспечение хостинга находит и загружает нужные файлы.
• Написание кода
Код — это текст, в котором разработчики описывают дизайн и поведение сайта на понятном для компьютеров языке. Такие языки называют языками программирования. Языки бывают разные: с помощью одних описывают интерфейс, с помощью других — поведение сервера.
Интерфейсный код описывает дизайн. С его помощью компьютеры понимают внешний вид и расположение элементов на сайте. Чтобы написать интерфейсный код, программисты используют языки 
Возможно, вам встречалось такое понятие как «вёрстка сайта». Вёрстка сайта — это процесс создания интерфейсного кода.
Серверный код описывает поведение сайта. С его помощью сервер определяет, что произойдёт, если пользователь нажмёт на кнопку или введёт текст. У одностраничных сайтов такого кода может и не быть. Серверный код нужен, если на сайте есть возможность создать аккаунт, купить товар или услугу. Серверный код пишут на
Сайты разрабатываются разными способами.
• 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-сайта» имеет большую практическую значимость. Материалы исследования могут быть использованы на уроках информатики, а также использовать в качестве инструкции.
Список использованных источников
- Босова, Л. Л. Информатика и ИКТ. 9 класс [Текст] / Л.Л. Босова, А.Ю. Босова. — М.: Бином. Лаборатория знаний, 2012. — 328 c.
Если страница Вам понравилась, поделитесь в социальных сетях:
На какую тему создать сайт?
На какую тему создать сайт?Пожалуй, это первый вопрос который возникает перед созданием проекта (и не важно первый это проект или уже, к примеру, сотый). Естественно, для тех, кто создает свой очередной сайт, этот вопрос стоит не так остро, как перед новичками. Дело в том, что человек создающий очередной проект, уже явно имеет кое-какой опыт в интернет-заработке и постарается выбрать тематику сайта, на которой, как ему кажется, он сможет заработать по максимуму.
Для новичка, как мне кажется, такой вариант выбора темы не подходит.
Тема для первого сайта
Итак, настоятельно рекомендую, свой первый сайт создавать на тему, которая вам интересна. Т.е. на такую тему, над которой вы сможете работать бесплатно. Дело в том, что если вы выберите «популярную», как вам кажется, тему, чтобы на ней очень быстро заработать, то очень скоро может наступить разочарование.
Скорее всего, по истечении некоторого срока, вы поймете, что понапрасну тратите свои силы: заработок близок к нулю и перерабатывать материал, который не интересен, вам до смерти надоело.
Если же тема вам интересна, вы в ней что-то понимаете, то длительное время можете смириться с тем, что заработок с сайта невелик. Поймите, это не беда! Если сайт интересен вам — значит он станет интересен и другим людям. Рано или поздно вы получите заинтересованных читателей и сможете заработать на контекстной рекламе.
На какие темы не стоит создавать сайты?
Естественно, сайты можно создавать на любую тему, но есть пара тем, на которые я бы не рекомендовал создавать сайты начинающим.
- Заработок в сети Интернет
- Раскрутка сайта (SEO)
Дело в том, что:
- Конкуренция по запросам, связанным с данной темой слишком велика, соответственно, пробиться в ТОП выдачи Яндекса или Googla вряд ли удастся.
- Как мне кажется, благодаря некоторым жадным до чужих денег веб-мастеров, эти темы себя дискредитировали.
Лично я, как правило, обхожу стороной сайты, которые рассказывают о том, как очень быстро можно раскрутить сайт и том, как можно заработать в Интернете кучу денег не выходя из дома. Как правило, создатели этих сайтов — интернет-голодранцы, которые зарабатываю в Интернете копейки, но пытаются создавать свои курсы по заработку.
Так же, если у вас мало времени, я не рекомендую создавать сайты на темы, которые требуют регулярных обновлений: например новостной сайт.
К примеру, вы решили создать сайт посвященный новостям кино и звездам шоу-бизнеса. Казалось бы — золотая тема которой многие интересуются.
Но мы забываем о том, что конкуренция в этой тематике слишком велика. Чтобы приблизится к конкурентам, придется выкладывать по несколько постов каждый день, да еще желательно, чтобы материал был уникальным. В противном случае — вас ждет крах.
В подтверждение моих слов, я предлагаю взглянуть на один такой сайт, который, по задумкам автора, должен был его озолотить, но этого не произошло. Речь идет о сайте LeClan.
Увы, сайт LeClan «вылетел в трубу»На момент написание этих слов, посещаемость сайта LeClan составляет всего 65 человек в день. Более того, оказалось, что Яндексом проиндексирована только главная страница. По всей видимости, Яндекс просто напросто выкинул этот сайт из индекса, чтобы не засорял просторы Интернета.
Учитываю низкую посещаемость и то, что контекстная реклама на развлекательных сайтах довольно дешевая, можно предположить, что доходы от подобных сайтов только-только окупают продление домена, а ведь надо еще и хостинг оплачивать.
Вывод: не занимайтесь ерундой, создавайте действительно полезные сайты.
Евгений Раамат
Компьютерные HTML-шаблоны
Адаптивный шаблон веб-сайта для ремонта ПК поставляется с множеством опций, таких как ползунки, виджеты, цвета, разделы и многое другое. Тема WordPress веб-сайта компьютерного сервиса может помочь вам добавить больше функциональности на ваш сайт. Шаблон веб-сайта Software Digital PC Services готов к переводу и поддерживает RTL-разметку. Можно сказать, что адаптивные шаблоны сайтов для ремонта компьютеров хорошо смотрятся в разных браузерах. С цифровыми компьютерными шаблонами веб-сайтов ваш контент и дизайн будут элегантно выглядеть на любом разрешении экрана и в любой версии браузера. Лучшие бесплатные шаблоны веб-сайтов для компьютеров очень гибкие и адаптируемые. Тема WordPress для ремонта компьютеров, основанная на начальной загрузке, оптимизирована для скорости и производительности и соответствует хорошо продуманной SEO. HTML-темы для мастерских по ремонту компьютеров имеют хорошие макеты и легко контролируются настройщиком тем.
Темы шаблонов Joomla имеют визуальный редактор с перетаскиванием содержимого для создания фантастических и уникальных веб-страниц. Шаблон сайта по ремонту компьютеров адаптивный, поддерживает WPML, готов к работе с сетчаткой, оптимизирован для SEO.
Сервис по ремонту компьютеров Замечательный адаптивный шаблон веб-сайта имеет полноразмерный слайдер, на котором можно использовать до трех изображений с анимационным эффектом. Шаблон услуг по ремонту компьютеров совместим с последней версией WordPress и протестирован со многими популярными плагинами. Винтажный шаблон веб-сайта по ремонту компьютеров хорошо оптимизирован по скорости, производительности и соответствует хорошо продуманному SEO. Шаблоны недвижимости предлагают липкую сетку на главной странице и дополнительную область баннера в шапке. Шаблоны веб-сайтов по ремонту компьютеров (которые основаны на начальной загрузке) с креативной контактной формой (которая помогает общаться с клиентами) имеют очень чистый и креативный дизайн для многофункционального сайта-каталога.
Адаптивный шаблон веб-сайта для ремонта ПК имеет гибкий макет с загрузочной структурой и поставляется с мощной панелью настроек темы. Шаблон веб-сайта по ремонту компьютеров имеет полную ширину, слайдер сообщений и основной контент. Тема WordPress для компьютерных услуг, шаблон HTML для ПК, шаблон html5 для магазина цифровых компьютеров и шаблоны CSS для ремонта компьютеров очень гибкие и адаптируемые. HTML-шаблон интернет-магазина для ПК совместим с разными браузерами. С темой веб-дизайна компьютерной службы DePaletra ваш контент и дизайн выглядят элегантно на любом разрешении экрана.
С помощью шаблона веб-сайта по ремонту компьютеров вы можете импортировать предопределенные сайты одним щелчком мыши. Компьютерные HTML-шаблоны веб-сайтов оптимизированы для SEO, что поможет вашему сайту быстро ранжироваться в поисковых системах. HTML-шаблон компьютерного веб-сайта имеет настраиваемый дизайн, а также интуитивно понятную панель параметров. С темами WordPress для компании по ремонту компьютеров, творческим шаблоном целевой страницы для студии веб-дизайна и HTML-шаблоном веб-сайта по ремонту компьютеров у вас будет множество настроек для желаемого присутствия в Интернете.
Шаблон bootstrap html5 для центра ремонта компьютеров, HTML-шаблон службы цифрового ремонта, адаптивный шаблон веб-сайта компании по диагностике компьютеров, веб-шаблоны для ремонта электроники и шаблоны тем WordPress для обслуживания компьютеров предоставляют вам полную свободу дизайна. С помощью плагина Everse Starter Sites целевая страница услуг по ремонту гаджетов становится быстрой и полностью настраиваемой, а также оптимизированной для SEO для любого типа сайта. HTML-шаблон сайта по ремонту компьютеров основан на фреймворке начальной загрузки, что делает его более особенным. Шаблоны целевых страниц диагностики ПК предлагают множество вариантов настройки и персонализации. HTML-шаблон компьютерной службы поможет вам создать именно тот веб-сайт, который вы задумали. Тема WordPress «Ремонтная мастерская» содержит раздел отзывов, где клиенты или посетители могут комментировать или оставлять отзывы о ваших продуктах и услугах в деликатной форме. Тема WordPress для ремонта компьютеров совместима с различными плагинами для электронной коммерции.