<><><><><><>
КОНКУРСЫ
Конкурс проектной деятельности "Проект на пять" [56]
Конкурс научной деятельности "Будущий ученый" [14]
Конкурс педагогической проектной деятельности "Внимание! Проект!" [7]
I Конкурс "Сочинитель" [4]
II Конкурс "Сочинитель" [2]
III Конкурс "Сочинитель" [6]
Конкурс "В память о героях" [1]
Творческо-проектный конкурс "Безопасный интернет" [1]
Творческий конкурс "Интересно знать" [6]
С Новым годом! [15]
Конкурс Мастер-класс [7]
Конкурс проектов "Лучший экологический проект" [4]
Конкурс Лучший сценарий мероприятия [10]
Конкурс сценического мастерства «Радуга талантов» [5]
Конкурс Лучший конспект занятия [14]
Конкурс "Позд-рав-ля-ем" (23 февраля) [4]
Конкурс "Позд-рав-ля-ем" (8 марта) [1]
КОПИЛКА ЖУРНАЛА





красивые награды:)





Главная » Файлы » Всероссийские конкурсы 2017-2018 уч.года » Конкурс проектной деятельности "Проект на пять"

Создание сайта
23.04.2018, 20:21

Поздняков Михаил Вячеславович, ученик 9 «А» класса МБОУ СОШ №15 города Калуга, 16 лет

Номинация: «Исследовательский проект»

Исследовательский проект

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

Введение

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

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

Для самостоятельного создания сайта вам необходимо знать язык программирования, вёрстки и разметки, обладать навыками управления базами данных, владеть массой других технических знаний, необходимых для успешной разработки сайта. Тогда вы сможете получить отличный сайт, который порадует гостей своей простотой и стабильностью, а также будет соответствовать всем современным стандартам создания сайтов.

Грамотно разработанный сайт — это успешный сайт.

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

Цель проекта: создание сайта на хостинге «umi.ru».   

Гипотеза: каждый может создать свой собственный сайт.

Задачи:

  1. Найти информацию о том, что такое сайт.
  2. Узнать о видах сайтов.
  3. Ознакомиться с этапами создания сайта.
  4. Изучить бесплатный сервис для создания сайтов «umi.ru».
  5. Создать сайт c помощью сервиса «umi.ru».

Часть 1

1.1. Определение сайта

Сайт, или веб-сайт (читается [вэбсайт], от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети»), — совокупность логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.

Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

1.2 Виды сайтов

Сайты делятся по доступности сервисов на:

  • Открытые — все сервисы полностью доступны для любых посетителей и пользователей.
  • Полуоткрытые — для доступа необходимо зарегистрироваться (как правило бесплатно).
  • Закрытые — полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга пользователей. Доступ новым пользователям обычно даётся через приглашения.

По физическому расположению:

  • Общедоступные сайты сети Интернет.
  • Локальные сайты — доступны только в пределах локальной сети. Это могут быть как корпоративные сайты организаций, так и сайты частных лиц в локальной сети провайдера.

По схеме представления информации, её объёму и категории решаемых задач:

  • Интернет-порталы — многокомпонентная разветвлённая структура, скомпонованная из функционально самодостаточных сайтов самостоятельных организаций или подразделений корпоративной структуры.
  • Информационные ресурсы:
    • Тематический сайт — сайт, предоставляющий специфическую узкотематическую информацию по какой-либо теме.
    • Тематический портал — это очень большой веб-ресурс, который предоставляет исчерпывающую информацию по определённой тематике. Порталы похожи на тематические сайты, но дополнительно содержат средства взаимодействия с пользователями и позволяют пользователям общаться в рамках портала (форумы, чаты) — это среда существования пользователя.
  • Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):
    • Сайт-визитка — содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель): вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме (то есть подробная визитная карточка).
    • Представительский сайт — так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т. д.
    • Корпоративный сайт — содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей — сотрудников, дилеров, контрагентов и пр.
    • Каталог продукции — в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист.
    • Интернет-магазин — сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.
    • Промосайт — сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).
    • Сайт-квест — интернет-ресурс, на котором организовано соревнование по разгадыванию последовательно взаимосвязанных логических загадок.
  • Веб-сервис — сайт, созданный для выполнения каких-либо задач или предоставления услуг в рамках сети WWW:
    • Доска объявлений представляет собой ресурс, на котором есть возможность размещения публичного объявления о продаже или покупке товаров и услуг, также возможно оставить какую-либо информацию краткого содержания.
    • Каталог сайтов — это ресурс, на котором размещаются сайты и блоги, например, Open Directory Project. Каталоги бывают платные и бесплатные. Также каталоги могут способствовать продвижению ресурса, который размещается в каталоге сайтов.
    • Поисковые сервисы — например, Yahoo!, Google, Bing, Яндекс.
    • Почтовый сервис — например, Mail.Ru и Gmail.
    • Веб-форумы
    • Блоговый сервис
    • Файлообменный пиринговый сервис — например, Bittorrent.
    • Облачное хранилище данных — например, OneDrive.
    • Сервис редактирования данных — например, Google Docs.
    • Фотохостинг — например, Picnik, ImageShack, Panoramio, Photobucket.
    • Видеохостинг — например, YouTube, Dailymotion.
    • Социальные медиа.
  • Комбинированные веб-сервисы (Социальные сети) — например, Facebook, Twitter.
  • Комбинированные веб-сервисы (Специализированные социальные сети) — например, MySpace, Flickr.

1.3. Устройство сайта

Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определённом файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

Страницы сайтов могут быть простым статичным набором файлов или создаваться специальной компьютерной программой на сервере. Они могут быть либо сделаны на заказ для отдельного сайта, либо быть готовым продуктом, рассчитанным на некоторый класс сайтов. Некоторые из них могут обеспечить владельцу сайта возможность гибкой настройки структурирования и вывода информации на веб-сайте. Такие управляющие программы называются системами управления содержимым (CMS).

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

1.4. Технологические особенности сайтов

По технологическим особенностям создания и отображения сайты различаются:

По технологии отображения

  • Статические — состоящие из статичных html (htm, dhtml) страниц, составляющих единое целое. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.
  • Динамические — состоящие из динамичных html (htm, dhtml) страниц-шаблонов, информации, скриптов и прочего в виде отдельных файлов. Содержимое генерируется по запросу специальными скриптами (программами) на основе других данных из любого источника
  • Сайты, созданные с применением т. н. Flash-технологий, когда весь сайт располагается на одной веб-странице, предназначенной исключительно для загрузки Flash-файла, а вся навигация и контент реализованы в самом Flash-ролике.

По типам макетов

  • Фиксированной ширины (англ. rigid fixed) — размеры элементов страницы имеют фиксированное значение, независящее от разрешения, размера, соотношения сторон экрана монитора и размеров окна обозревателя, задаётся в абсолютных значениях — PX (пиксели).
  • Резиновый макет (англ. adaptable fluid) — размеры несущих элементов, значения ширины, задаются относительным значением — % (проценты), страницы отображаются во весь экран монитора по ширине.
  • Динамично эластичный (англ. dynamically expandable elastic) — размеры большинства элементов задаются относительными значениями — EM и % (проценты). Все относительные пропорции размеров элементов всегда остаются неизменными, независимо от разрешения, размера, соотношения сторон экрана монитора, размеров окна и масштаба окна обозревателя. И всегда постоянны относительно окна обозревателя.

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

Процесс создания сайтов называется веб разработкой

Веб-разработка — процесс создания веб-сайта или веб-приложения. Основными этапами процесса являются веб-дизайн, вёрстка страниц, программирование для веб на стороне клиента и сервера, а также конфигурирование веб-сервера.

1.5. Разработка дизайна

Веб-дизайнеры разрабатывают макеты шаблонов страниц. Дизайнер определяет, каким образом конечный потребитель будет получать доступ к информации и услугам сайта — то есть, занимается непосредственно разработкой пользовательского интерфейса. В большинстве случаев страницы включают в себя графические элементы. Их подготовкой занимаются художники, иллюстраторы, фотографы, технические дизайнеры, шрифтовики, и т. д. Готовые шаблоны показываются заказчику. В этот момент страницы ещё не могут содержать конечного наполнения (это в обязанности дизайнера не входит). Чтобы макеты выглядели более наглядно, в них помещается произвольное содержимое. На сленге дизайнеров такое содержимое называется рыбой. Если заказчик удовлетворён внешним видом шаблонов, то наступает следующая фаза разработки — вёрстка страниц сайта.

1.6. Вёрстка веб-страниц

Вёрстка веб-страниц — создание структуры html-кода, размещающего элементы веб-страницы (изображения, текст и т. д.) в окне браузера, согласно разработанному макету, таким образом, чтобы элементы дизайна выглядели аналогично макету.

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

Процесс сложен и имеет творческую основу, ни один из способов не является каноничным и принятым как основа. Все подходы к вёрстке имеют как преимущества, так и недостатки.

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

1.7. Веб-программирование

Веб-программирование — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов Всемирной паутины).

Виды языков веб-программирования:

Клиентские языки:

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

Серверные языки:

Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, ASPX, Perl, SSI, XML, DHTML, XHTML.

Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается. К серверным языкам программирования можно отнести: PHP, Perl, Python, Ruby, любой .NET язык программирования (технология ASP.NET), Java, Groovy.

Важной стороной работы серверных языков является возможность организации непосредственного взаимодействия с системой управления базами данных (или СУБД) — сервером базы данных, в которой упорядоченно хранится информация, которая может быть вызвана в любой момент.

Часть 2

Процесс создания сайта:

1) Для начала найдём хороший бесплатный хостинг.

Для этого я выбрал umi.ru, один из лучших хостингов из-за своей простоты, а также он бесплатный. Приложение 1

2) Приступим к самому созданию сайта.

1. Проходим регистрацию на данном хостинге.

2. После регистрации нам предлагают выбрать дизайн сайта. Приложение 2

3. После выбора дизайна можно дополнительно отредактировать сайт. Приложение 3 Достаточно нажать F2 и нажать на любой текст, чтобы начать его редактировать . Приложение 4

4. После редактирования сайта нужно пройти по ссылке umi.ru/adminzone/ и нажать кнопку опубликовать. Приложение 5

5. После этого сайт готов и на него, через какое-то время, смогут заходить другие люди.

Вот созданный мной сайт:

http://schoolproject.umi.ru/

Заключение

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

Список использованной литературы:

  1. Сайт

https://ru.wikipedia.org/wiki/%d0%a1%d0%b0%d0%b9%d1%82

  1. Дизайн

А. Борисенко. Web-дизайн. Просто как дважды два. 2008 год.

  1. Веб-программирование

https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%B1-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5

  1. Веб-разработка

https://ru.wikipedia.org/wiki/Веб-разработка

Приложение к проекту

Категория: Конкурс проектной деятельности "Проект на пять" | Добавил: NikElena
Просмотров: 130 | Загрузок: 0 | Рейтинг: 3.0/2
Вход на сайт
Поиск



НОВОСТИ




В ПОМОЩЬ ПЕДАГОГАМ

техническая помощь





Календарь



МЫ В СОЦ.СЕТЯХ





Статистика






Свидетельство о регистрации СМИ - Эл № ФС77-59240 от 04.09.14 зарегистрировано Роскомнадзором
Возрастное ограничение: 0+
Контакты: электронная почта - pedagogika-vsem@yandex.ru, тел. 8-977-695-33-67