МУНИЦИПАЛЬНОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНО УЧЕРЕЖДЕНИЕ Г.ДОНЕЦКА "ШКОЛА №13" Индивидуальный проект по теме: Создание сайта “Факты об объектах солнечной системы” Выполнил: ученик 11-А класса Сулима Герман Юрьевич Руководитель: Гостева А.В. Содержание Введение 1.Теоретическая часть 1.1 История создания сайтов 1.2 Виды сайтов 1.3 Способы создания сайтов 2.Практическая часть 2.1 Этапы создания сайта 2.2 Написание сайта с помощью HTML и CSS Заключение Источники информации Введение Всемирная паутина (интернет) разрастается не по дням, а по часам и даже по минутам. Теперь это уже не просто виртуальная среда – это неотъемлемая часть нашей реальной жизни. Наличие собственного сайта – необходимое условие успешного существования как крупных компаний, так и отдельных личностей. Умение создавать собственный сайт поможет выгодно зарекомендовать себя как при приеме на работу, так и в повседневной жизни. Для многих становится крайне важно стать частичкой Глобальной Сети. Актуальность данной работы определяется тем, что возможности, которые предоставляет обществу интернет, воистину безграничны. Актуальность фразы «за интернетом будущее» носит вполне логичный характер, ведь технологии создания веб-страниц постоянно совершенствуются, а работа с различными видами веб программирования позволяют создавать страницы по своему вкусу. Цель: историю создания сайтов, создать сайт для учащихся, интересующихся астрономией. Задачи: 1) Изучить теоретический материал по данной теме. 2) Рассмотреть виды сайтов. 3) Изучить особенности языков гипертекстовой разметки для HTML и CSS для размещения текстовой, графической информации на сайте. 4) Изучить факты и динамику Солнечной системы. 5) Найти интересные факты об объектах Солнечной системы. 6) Написать код сайта, посвящённый Солнечной системе, с использованием анимированной модели Солнечной системы и интересными фактами об объектах Солнечной системы. Теоретическая часть 1.1. История создания сайтов Интернет является безграничным источником разнообразной информации, который стал неотъемлемой частью нашей жизни, что делает создание сайтов на любую тематику актуальным. В современном мире нельзя обойтись без веб-сайтов. Они помогают хранить и распространять необходимую информацию на огромные массы людей. Раньше для этих же целей люди пользовались другими средствами массовой информации, что являлось затратным делом. Но из всех вариантов сайт является наиболее удобным. Создателем первого сайта стал Тим Бернерс-Ли. Адрес первого сайта в Интернете — info.cern.ch. Год создания – 1991. Сайт выглядел довольно просто – это была белая страница, на которой разместили информацию о новой технологии WWW. Технология дала старт современному Интернету. В ней использовались новые протоколы, придуманные самим Тимом Бернерсом-Ли. Кроме всего прочего, на самом старом сайте в Сети были размещены указания относительно установки серверов и браузеров. Согласно легенде, Бернерс-Ли писал WorldWideWeb в течение 2-х месяцев и закончил работу в первый день Рождества 1990 года (25 декабря). Тогда он работал младшим научным сотрудником в Европейской лаборатории физики элементарных частиц в Женеве (CERN). В это время CERN был одним из крупнейших узлов Сети, и у Бернерса-Ли были все возможности интегрировать интернет с технологией гипертекстовой разметки, работать над которой он начал еще в 80-ых. 1.2. Виды сайтов Сайт — это набор страниц в интернете, позволяющий пользователю получить определённую информацию, либо осуществить действие — например, заказать товар и услугу. Состоит из одной либо нескольких логически связанных между собой страниц, объединенных дизайном, общей тематикой и гиперссылками. Сайты могут различаться между собой по многим параметрам, поэтому пока не существует единой классификации. Эксперты разделяют сайты по наиболее значимым признакам, например, по тематике, структуре, дизайну, способу и цели создания. Если интернет-ресурс посвящён одной теме, его называют узкотематическим, если же он охватывает широкий круг проблем — общим. В зависимости от ориентированности на получение прибыли различают коммерческие и некоммерческие сайты, а по количеству страниц – одностраничные и многостраничные. Основная задача сайтов: информировать клиентов о сфере деятельности компании, формирование необходимого имиджа и помогать потенциальным клиентам сделать выбор в пользу компании. По доступности интернет-площадки делятся на три категории: -открытые – предоставляющие информацию каждому желающему ее получить; -полузакрытые – с ограниченным доступом, требующие предварительной регистрации; -закрытые – с доступом по паролю, открытые для узкого круга лиц (студенческие, военные, служебные и пр.). Корпоративные сайты Один из самых распространенных видов сайтов. Его задачей является предоставление наиболее полной информации о каком-либо проекте или компании, ее истории, преимуществах ее продуктов и услуг, ценах, контактах и т.д. На таком сайте могут быть также размещены примеры выполненных работ, отзывы клиентов, ближайшие мероприятия. На большинстве корпоративных сайтов есть возможность приобрести товары или услуги этой компании. Одной из задач корпоративного сайта является коммуникация с потенциальными покупателями, поэтому на таком сайте, как правило, можно задать свой вопрос, сделать заказ или оставить предложение по сотрудничеству. Основная задача: информировать клиентов о сфере деятельности компании, формирование необходимого имиджа и помогать потенциальным клиентам сделать выбор в пользу компании. Как правило, корпоративный сайт представляет наиболее полную информацию, но также принято выделять и другие разновидности: например, задачей сайта-визитки является представление сжатой информации о компании, ее краткая презентация, а более полую информацию клиент сможет узнать по телефону или в офисе. Другими разновидностями корпоративного сайта являются сайты-галереи – это сайты с художественными произведениями. Сайты-каталоги, где представлены либо результаты работы компании, либо каталог ее продукции. Информационные сайты Как следует из названия, задачей информационного сайта является предоставление посетителям сайта исчерпывающей информации по какомулибо вопросу. Заработок сайтов этого вида строится либо на рекламе, либо на платном контенте. К видам таких сайтов можно отнести: -новостные сайты – задача новостного сайта состоит в информировании пользователей о последних новостях и тенденциях из разных сфер жизни -тематический сайт – такой сайт может быть посвящен как одной узкой тематике, так и охватывать широкий круг вопросов.Тематические сайты очень популярны, так как помогают пользователю быстро получить нужную информацию по какому-либо вопросу. Однако создателям таких сайтов необходимо большое внимание уделять качеству контента и удобству использования сайта. Если на таком сайте будет лишь обилие рекламы с минимумом полезной информации, то вряд ли посетитель сайта захочет вернуться туда вновь. Тематический портал – представляет собой крупный интернет-ресурс, предоставляющий посетителям полную информацию по определенной тематике. Порталы похожи на тематические сайты, но дополнительно содержат средства взаимодействия с пользователями и позволяют пользователям общаться в рамках портала, например, через форумы и чаты. Блог – этот вид сайта похож на тематические порталы. Автор блога также стремится донести информацию до своей аудитории по определенной тематике, но за одним исключением: как правило, автор описывает свою личную точку зрения. Блоги бывают корпоративные и личные (персональные). Корпоративный блог, как правило, создается определенной компанией, в качестве дополнительного ресурса, раскручивающего бренд. Его задача состоит в том, чтобы показать, что компания является экспертом в определенной области и сможет решить вопрос клиента наилучшим образом. В качестве примера, можно привести банк Тинькофф, который помимо собственного корпоративного сайта, еще ведет несколько сайтов, посвященных решению насущных вопросов для предпринимателей. Персональный блог, как правило, рассказывает о жизни конкретного человека. Формат может быть абсолютно различным. Создатель блога может рассказывать о своей жизни и бизнесе, делиться своим мнением по разным вопросам, рассказывать о путешествиях, делать обзоры на автомобили и гаджеты, и многое другое. Интернет-магазины Представляют собой сайт, на котором пользователь может приобрести определенные товары и услуги. Интернет-магазин может относиться как к магазину, действующему в офлайне, так и представлять собой исключительно платформу в интернете. Примеров можно привести множество, например, emex.ru, aliexpress.ru, lamoda.ru и т.д. Веб-сервисы Представляют собой интернет ресурс, который создан для выполнения определенных задач: обмена информацией, общения и т.д. К этой группе сайтов можно отнести огромное количество разновидностей, мы постарались представить максимально полную классификацию: -поисковые сервисы – помогают пользователю найти определенную информацию в интернете (Google, Яндекс, Rambler) -почтовые сервисы — Mail.ru, Gmail -доска объявлений — представляет собой ресурс, на котором есть возможность размещения публичного объявления о продаже или покупке товаров и услуг. Например, Avito, Drom.ru -сайт-агрегатор – представляет собой ресурс, дающий возможность свести продавцов каких-либо услуг и покупателей этих услуг. Сферы могут быть абсолютно различными: от путешествий до оптовых закупок. Например, Booking, Aviasales и др. -видеохостинг- Youtube, Rutube -социальные сети – Вконтакте и др. Перечисленными выше сервисами каждый из нас пользуется каждый день. Но существуют и другие виды сайтов, без которых сложно представить современный мир. К таким сайтам можно отнести: конструкторы сайтов, файлообменные сервисы, сервисы облачного хранения данных, фотохостинги, блоговые сервисы и т.д. Сайты-представительства – под этим пунктом подразумеваются те сайты, которые ставят целью исключительно предоставление каких-то сведений, но не стремятся продавать какие-то товары и услуги. К этой группе можно отнести сайты большинства государственных структур, социальные проекты и др. 1.3. Способы создания сайтов Конструктор сайтов Конструктор сайтов – это система из набора инструментов, которая позволяет создавать сайты онлайн и администрировать их без каких-либо специализированных знаний. С её помощью Вы сможете выбрать тип будущего сайта (визитка, магазин и т. д.), готовый шаблон дизайна, цветовое оформление и модули, которые будут на нём отображаться. Вам не понадобится годами изучать языки программирования для публикации различных страниц – конструкторы сайтов сделают всю рутинную и сложную работу за Вас. Обзор конструкторов сайтов. A5 - отличный выбор для новичка. Wix - лучший конструктор сайтов. Nethouse - простой и удобный. Umi - специализация интернет-магазины. Setup - удобный для новичка. Fo.ru - неплохой вариант для сайта-визитки. Ucoz - известный, но противоречивый вариант. Redham - всего 30 дней бесплатно. Перечислим основные преимущества конструктор сайтов: -они просты в использовании: всё делается пошагово и легко. Вам не придётся возиться со сложными кодами HTML и FTP -разделение дизайнерской и текстовой частей: макет хранится отдельно от текста -наличие готовых шаблонов макетов, для создания которых вне конструктора требуется знание языка программирования HTML -лёгкость загрузки изображений. Картинки можно добавлять, не выходя из браузера и сразу размещать на страницах, создавать галереи либо делать их частью дизайна макета -богатый набор дизайнерских шаблонов на любой вкус -оперативная публикация страниц, изменения отображаются сразу же после их внесения -надёжность – все файлы хранятся на сервере конструктора. Поэтому Вам не стоит беспокоиться о создании резервных копий данных или о возможности взлома - обо всём этом заботится персонал по обслуживанию серверов выбранного конструктора сайтов. Кроме того, некоторые конструкторы (например, Wix, Nethouse) позволяют переносить готовый сайт на другой хостинг. Ручной способ создания сайтов Если использовать «ручные» методы для создания сайта, то его дизайн, или, как еще называют, графическое оформление, тоже надо будет создавать вручную. И для этого применяют абсолютно любые графические редакторы. Вручную можно выполнить редакцию уже готовых шаблонов – как бесплатных, так и платных. Всемирная паутина полна интернет-ресурсов, которые отличаются друг от друга тематикой, назначением и многими другими характеристиками. Наличие интернет ресурса дает возможность развивать бизнес за пределами своего географического положения и получить новых клиентов не только в своем регионе, но и за его пределами. Интернет имеет глобальный охват, чем может воспользоваться организация без дополнительных затрат. В настоящее время для создания web-страниц в Интернет можно воспользоваться языком гипертекстовой разметки HTML и таблицами каскадных стилей CSS. HTML (Hyper Text Markup Language) это язык гипертекстовой разметки предназначен для создания web-страниц. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов - дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. гипертекстовый разметка web мультимедиа. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Любой HTML документ состоит из обычного текста и разметочных тэгов. Текст, как и в любых других файлах, используется для передачи информации, а разметочные тэги используются для ее группировки и оформления. Разметочные тэги HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например: <html>. HTML тэги обычно используются в паре, например: <b></b>. Первый тэг называется начальным тэгом, а второй конечным тэгом. Для того, чтобы создать HTML документ необходимо: 1. Открыть любой текстовый редактор (например блокнот встроенный в Windows); 2. Набрать произвольный текст и разметить его HTML тэгами; 3. Cохранить файл с расширением .htm или .html. Если открыть созданный файл с помощью веб-браузера он будет отображен как веб-страница. CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля. Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS -- это обычный текстовый файл. В файле *.css не содержится ничего, кроме перечня правил CSS и комментариев к ним.) Применение CSS к документам HTML основано на принципах наследования и каскадирования. Принцип наследования заключается в том, что свойства CSS, объявленные для элементов-предков, наследуются элементами потомками. Практическая часть 2.1. Этапы создания сайта 1. Анализ и проектирование сайта 2. Информационное наполнение сайта 3. Написание кода Анализ аналогичных сайтов происходит с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории. Информационное наполнение сайта (контент). Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена. Далее идет написание кода. 2.2 Написание сайта с помощью HTML и CSS Прикрепляю снимки экрана части кода сайта. HTML CSS Результатом проделанной работы является сайт. Заключение Действительно, персональный сайт – это отличная возможность заявить о себе, своем деле или своих талантах. В ходе проекта, я узнали, что сайт – удобная и современная форма передачи и получения различной информации, услуг и т.д. И, создав свой персональный сайт, мы убедились, что это очень быстрая и легкая возможность не только получить новые эмоции и ощущения, а так же и шанс помочь другим, заявить о себе и показать свои таланты, за которые, в свою очередь, можно получать прибыль. Источники информации 1. Гаврилов, М.В. Информатика и информационные технологии: Учебник для бакалавров / М.В. Гаврилов, В.А. Климов; Рецензент Л.В. Кальянов, Н.М. Рыскин. — М.: Юрайт, 2013. — 378 c. 2. Информатика. Базовый курс / Под ред. С. В. Симоновича. — 2-е изд. — СПБ: Питер, 2011. — 639 с. 3. Румянцева, Е.Л. Информационные технологии: Учебное пособие / Е.Л. Румянцева, В.В. Слюсарь;Под ред. Л.Г. Гагарина. — М.: ИД ФОРУМ, НИЦ ИНФРА-М, 2013. — 256 c. 4. Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/Солнца. 5. Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/Меркурий. 6. Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/ Венера. 7. Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/ Земля. 8. Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/ Марс. 9. Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/ Юпитер. 10.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/ Сатурн. 11.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/ Уран. 12.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс].URL: https://ru.wikipedia.org/wiki/ Нептун. 13.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://w.forfun.com/fetch/1c/1c6a33a00984141ef0c2dd41b3791f6b.jp eg 14.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://avatars.dzeninfra.ru/getzen_doc/3532529/pub_600b443c10f02c6bc 2237acb_600b4bff41733326eb0673f7/scale_1200 15.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://klike.net/uploads/posts/2022-08/1661956730_j-34.jpg 16.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://wp-s.ru/wallpapers/3/4/426034784517443/planeta-zemlya-votkrytom-kosmose.jpg 17.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://klike.net/uploads/posts/2023-01/1674455097_3-29.jpg 18.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://avatars.dzeninfra.ru/getzen_doc/3518430/pub_622a7aa814970158f ab19fd0_622a7ad007b5d639e8cdc13d/scale_1200 19.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://severnymayak.ru/wpcontent/uploads/2022/12/5000x2967_0xac120 003_9985299831657546595.jpg 20.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://universetoday.ru/wp-content/uploads/2018/08/Uranus.jpg 21.Федеральный портал малого и среднего предпринимательства. [Электронный ресурс]. URL:https://history-doc.ru/wp-content/uploads/2022/11/2-19.jpeg
