муниципальное общеобразовательное учреждение
Октябрьская средняя общеобразовательная школа
Создание собственного WEB-сайта
Автор: Фёдорова Василия, ученик 11 класса
Научный руководитель:
Осокина Елена Олеговна, учитель информатики
пос. Октябрьский, 2020
Программное обеспечение для разработки сайтов......................................... 6
CMS (система управления сайтом)............................................................... 10
Приложение «Адреса сайтов»....................................................................... 16
Введение
World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Webбраузере отображается в виде Web-страниц, которые являются основным элементом сайтов всемирной паутины.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.
Пользователь стремиться посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать себя в роли дизайнера или сайтостроителя. И я, в данном случае, не являюсь исключением, потому и решил сделать свой собственный сайт.
Гипотеза: Для создания web-сайт достаточно базовых знаний предмета «Информатика и информационно-коммуникационные технологии».
Цель проекта: Создание тематического web-сайта.
Задачи:
1) Изучить способы создания сайтов.
2) Выбрать доступные средства и программное обеспечение для реализации процесса создания сайтов.
3) Разработать структуру и создать тематический сайта разными способами.
Сайт, или веб-сайт, — одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Вся информация, содержащаяся на сайте, именуется контентом. Контент — это сведения независимо от формы их представления. Все сайты, находящиеся в открытом доступе в сети интернет, хранятся на серверах. Сервер — обслуживающее устройство в системах автоматической обработки информации. Большое количество серверов образуют сеть, самая большая сеть серверов — это интернет. Интернет — Всемирная информационная компьютерная сеть, связывающая между собой как пользователей компьютерных сетей, так и пользователей индивидуальных компьютеров для обмена информацией.
Сайт разрабатывается таким образом, что, находясь на любой страничке, вы можете выбрать для просмотра необходимый раздел. Структурирование (рис. Структура сайта) размещённой информации создает возможность перемещения по контенту сайта, упрощает навигацию, делая ее очень простой и удобной. Существует несколько основных навигационных структур сайтов.
Структура Web-страниц по содержанию описывает месторасположение тестовых блоков, фотографий, видеоматериала и прочего контента, объем и размер располагаемых объектов, способ просмотра и воспроизведения.
Структура Web-страниц по навигации:
- Линейная - страницы располагаются в определённом порядке. Переход с одной страницы на другую строго определён. Такая структура обоснована, например, при обучении. Располагая страницы в определённом порядке, вы можете быть уверены, что пользователь не пропустит нужный материал.
- Иерархическая - страницы разбиты по категориям и подкатегориям. Такая структура наиболее удобна.
Произвольная (смешанная) - страницы расположены в произвольном порядке. Такая структура оправдана только для небольших сайтов.
Существует три основных способа создания сайтов:
- CMS (система управления сайтом ),
- конструкторы сайтов,
- создание записи каждой строчки программного кода вручную.
CMS (Система управления содержимым) — это специальный дистрибутив (программа, скрипт), так называемый «движок», который после установки представляет собой смесь графического интерфейса и текстового редактора для создания и управления сайтами. Сейчас выбор достаточно огромен, вот несколько платных и бесплатных вариантов:
|
Бесплатные дистрибутивы |
Платные дистрибутивы |
|
MODx |
|
|
OpenCart |
Для использования CMS нужен хостинг (сервер на котором установится «движок» и где потом будут хранится все файлы сайта). Поэтому необходимо быть грамотным пользователем ПК. Уверенное обращение с компьютером, понимание софта в широком смысле – базовая необходимость, которая при наличии упорства позволит новичку создать сайт в такого рода программе. Все технические нюансы, лежат на плечах самого пользователя.
Конструктор сайтов – программно реализованная сложная система для создания веб-страниц без знания языков программирования. Главное отличие offline софта от облачных cms в том, что для публикации готового сайта в Интернете потребуется самостоятельно приобретать хостинг и загружать на него файлы сайта. Онлайновая панель управления у таких программ отсутствует. Последующее обновление сайта происходит путём повторной выгрузки на сервер измененных файлов. То есть правка и доработка содержимого веб-сайта требует ПК с установленным программным обеспечением, наличия файлов проекта на жёстком диске и синхронизации с хостинг-аккаунтом. Вот некоторые примеры конструкторов сайтов:
|
Бесплатные дистрибутивы |
Платные дистрибутивы |
|
WIX |
Tilda |
|
uKit (uCoz) |
Weebly |
|
Notepad++ |
Site123 |
|
Jimdo |
Webnote |
Конструкторы диктуют совершенно иной, значительно упрощенный, подход к работе по сравнению с CMS. Они избавляют от необходимости настройки хостинга, установки CMS, создания баз данных MySQL, работы с FTP, необходимости подключения модулей, плагинов и не требуют навыков программирования. Пользователь получаете очищенную от многих технических сложностей среду для разработки сайтов.
Оба варианта имеют свои плюсы и минусы в зависимости от точки зрения оценивающего их человека. Отмечу лишь, что CMS как класс инструментов для создания сайтов появились значительно раньше облачных конструкторов. Последние стали результатом эволюции и адаптации сложных систем под нужды массового пользователя. Со временем создатели сайтов обзавелись интуитивным интерфейсом и визуальным редактором (WYSIWYG — «What You See Is What You Get» – «что видишь, то и получишь»). Лучшие из них уже работают на базе ИИ (искусственного интеллекта) и по возможностям превосходят некоторые CMS.
Создание сайтов посредством построчной записи программного кода вручную и построенные на фреймворках (движках) очень сложный. трудоёмкий процесс, требующий большого объёма знаний и умений в области сайтостроения и языка гипертекстовой разметки HTML.
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может быть использован любой текстовый редактор. Например, в качестве стандарта обычно выбирают редактор Блокнот. Так как HTML — это теговый язык разметки документов. А любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами, то при помощи этих элементов, можно создать простейший сайт.
Сервис тильда Tilda, один из многих конструкторов сайтов предоставляющих бесплатную возможность создавать сайты. Для этого требуется зарегистрироваться и ознакомиться с видео уроками предоставленными разработчиками сайта.
С помощью данного конструктора мною создан сайт об особенностях создания сайтов в конструкторах.
Полученный сайт состоит из 1 web-страницы и имеет линейную структуру.
Этот сайт уже имеет доменный адрес и находится в открытом доступе сети интернет. Создателям таких сайтов не нужно беспокоиться о хостинге и его финансировании. Сайт хранится на серверах, арендованных компанией
Tilda.
Ссылка на мой сайт в сети Интернет: http://project1830953.tilda.ws/
Создания сайта стоит начать с выбора инструмента. Так как это будет мой первый сайт, я выбрал лёгкую программу, зарекомендованную множеством сайтостроителей, название программы KompoZer. Программа распространяется бесплатно и предназначена для личного не коммерческого пользования.
При первом открытии приложения я ознакомился со спецификой работы в этой программе, ее возможностями, инструментами.
Основы навигации в программе при ее использовании заключаются во взаимодействии шести основных компонентов программы:
1. Основное меню программы.
2. Функции редактирования страницы.
3. Функции редактирования текста.
4. Вкладки открытых проектов.
5. Основное рабочее поле.
6. Панель управления проектом.
У моего сайта будет табличная структура. Я создал таблицу с 3 столбцами и 2 строками и произвёл объединение некоторых областей в сегменты, для удобного расположения контента.
После этого, я заполнил контентом первую страницу.
Создал ещё 3 страницы с такой же структурой, наполнил контентом и связал гиперссылками.
Структура полученного сайта – сетевая.
Так как сайт был создан в программе CMS, он хранится на жёском диске компьютера. Поэтому для полного функционирования сайта требуется арендовать домен и загрузить файлы сайта на сервер.
Результатом данной работы является создание сайта по заданной тематике, однако, требуется дальнейшее размещение его в сети Интернет.
Сайт соответствует следующим требованиям:
• Содержит форматированный текст, таблицы, прочие основные элементы языка HTML;
• Содержит контакты автора;
• Отражает отношение автора к интересной ему тематике;
• Содержит 5 HTML-страниц;
Разработка сайта и управление им на сегодняшний день для большинства организаций становится насущной необходимостью. На сегодня сайт выступает как средство коммуникации привлечения целевой аудитории. Сайты позволяют хранить, передавать, продавать различные типы информации, не отходя от экрана компьютера. В связи с этим целесообразным использовать возможности веб-сайта и средства Интернета для предоставления информации и новостей, публикации фотографий и создания тематических форумов.
В данной работе был исследован процесс современных способов сайтостроения. Изучив способы создания сайтов и программы необходимые для этого, я выбрал две различные технологии. В результате выполнения работы удалось реализовать два разных web сайта. Принцип работы сайтов заключается в возможности организации распространения учебного материала.
Вывод: Создать сайт по силам любому желающему и для этого требуются базовые знания информатики и ИКТ.
Для работы с кодом использовались программы: KompoZer и интернет сервис Tilda.
Дополнительные инструменты: Paint
Тестирование сайтов производилось в браузерах: Internet Explorer 9 beta, Internet Explorer 7.0 (portable), Mozilla Firefox 3.6.10, Google Chrome
6.0.472.63, Opera 10.63.
1. Попов Е. – Уроки по созданию сайтов http://ruseller.com/ [электронный ресурс] 25.12.2019.
2. Морковин А. – Видеоуроки «Блочная div-вёрстка сайта» http://www.sdelaysite.com/ [электронный ресурс] 28.12.2019.
3. Морковин А. – Видеоуроки «Основы Java Script» http://www.sdelaysite.com/ [электронный ресурс] 02.01.2020.
4. Учебник по HTML http://www.postroika.ru/html/ [электронный ресурс]
04.01.2020.
5. Чернов А. – Статья «Обзор ТОП-30 конструкторов сайтов» https://www.plerdy.com/ru/blog/website-builders-review/ [электронный ресурс]
09.01.2020.
Сайт созданный на платформе Tilda: http://project1830953.tilda.ws
Сайт созданный в программе KompoZer: C:\Users\zeeleе\Desktop\Проэкт\site CMS
Рабочие листы
к вашим урокам
Скачать
6 670 799 материалов в базе
«Информатика (базовый уровень)», Семакин И.Г., Хеннер Е.К., Шеина Т.Ю.
Больше материалов по этому УМК
Настоящий материал опубликован пользователем Осокина Елена Олеговна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
8 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.