ВВЕДЕНИЕ
Со временем рост населения Земли, экологические и климатические изменения могут создать ситуацию, когда недостаток пригодной для обитания территории поставит под угрозу дальнейшее существование и развитие земной цивилизации. Такую ситуацию, например, создадут неизбежные изменения размеров и активности Солнца, которые изменят условия жизни на Земле. Поэтому со временем человечество будет стремиться к переселению в более комфортные условия.
Кроме природных факторов, существенную роль могут сыграть и последствия деятельности самого человечества: экономическая или геополитическая ситуация на планете, глобальная катастрофа, вызванная применением оружия массового поражения; истощение природных ресурсов планеты.
Поиск планет, которые смогут поддерживать жизнь, вне нашей Солнечной системы должен быть одним из приоритетных в астрономии, считают австралийские ученые.
Но не все люди на планете могут быть в курсе всех исследований, проводимых астрономами по достижению этой цели. Эта информация очень рассредоточена и неудобна для изучения и использования.
Актуальность темы: На современном этапе развития цивилизации глобальное загрязнение, перенаселение, истощение ресурсов планеты стали основными проблемами. Доминирующей тенденцией развития современной цивилизации является переход от индустриального к информационному обществу, в котором объектами и результатами труда большей части занятого населения станут информационные ресурсы и научные знания.
Пользователю приятно посещать Web-страницы, которые имеют стильное оформление, не обременены чрезмерной графикой и анимацией, быстро загружаются и отображаются в окне Web-браузера.
Поэтому при выборе технологии разработки сайта нужно учитывать такие факторы, как кроссбраузерность для Internet Explorer 6-10, Opera, Firefox, Safari, Chrome, Яндекс; валидность кода – соответствие всем стандартам качества, установленным разработчиками HTML; семантика кода – логичность построения кода страницы, интуитивно понятная каждому программисту; минимальное время загрузки страницы.
Объект исследования: принципы разработки веб-страниц.
Предмет исследования: разработка сайта на языке HTML.
Цель исследования: разработать технологию верстки веб-страницы с помощью блоков.
Исследовательские задачи:
• рассмотреть основные понятия разработки веб-страниц;
• исследовать различные способы верстки веб-страниц, рассмотреть их преимущества и недостатки;
• разработать собственный способ верстки веб-страниц с использованием блоков;
• распространить результаты исследований, аргументировать целесообразность использования нового способа верстки.
Методы исследования:
• теоретические: анализ научно-технической и специализированной литературы по проблеме исследования, имеющегося в наличии ПО, систематизация и обобщение материала;
• эмпирические: наблюдение и исследование имеющихся информационных материалов глобальной сети Интернет.
Практическое значение исследования: процесс разработки сайта от дизайна до наполнения. Дизайн создан с помощью языка разметки HTML и таблицы каскадных стилей CSS. Интерактивность была реализована посредством использования JavaScript.
Результат исследования: яркий сайт, на страницах которого размещена информация, касающаяся терраформирования и колонизации планет.
РАЗДЕЛ 1. ЭВАКУАЦИЯ С ЗЕМЛИ: ПРИГОДНЫ ЛИ ДЛЯ ЖИЗНИ ПЛАНЕТЫ?
Многие авторитетные ученые считают конец света лишь вопросом времени. Стивен Хокинг дает человечеству всего 100 лет на полное истощение ресурсов. Знаменитый физик уверяет, что у человечества нет иного выбора, как начать колонизацию космоса.
Идеально подходящей планеты для переселения пока не найдено. Но учёные разрабатывают теории "переработки" небесных тел под человека и продолжают искать двойника Земли.
Некоторые астрофизики придерживаются гипотезы уникальной Земли – о том, что для возникновения высокоразвитых форм жизни нужно соблюсти очень много условий, что делает существование второй такой планеты невероятным. Но большинство ученых все же считает, что Вселенная настолько велика, что в ней должны быть места, пригодные для жизни.
Поскольку даже до ближайших звезд долететь очень сложно, ученые ищут возможность создания колоний в родной Солнечной системе. Для этого разрабатываются версии терраформирования – то есть изменение условий, чтобы те больше напоминали земные.
Легко будет терраформировать планету, которая отличается от Земли только температурным режимом. Ее можно охладить распылением мелких частиц наподобие «ядерной зимы». Или, наоборот, подогреть, активировав выбросы парниковых газов в атмосферу.
Первым претендентом, казалось бы, должна быть Луна. Лететь к ней всего три дня. Несмотря на малую массу, она могла бы удержать искусственно созданную атмосферу. Но огромными проблемами являются лунная пыль, состоящая из острых частиц, и сильное рентгеновское излучение.
Привлекательнее выглядит Марс, о колонизации которого написаны тысячи страниц фантастики. Попасть туда можно через девять месяцев. Несмотря на это, при полете на Марс уйдет столько ресурсов, что учёные склоняются к идее отправлять поселенцев с «билетом в один конец». Марсианская эпоха длится почти столько же, сколько земная. На Марсе есть вода – нужно всего лишь растопить ледяные шапки на полюсах. На планете есть атмосфера, которую можно скорректировать. Марсианская почва подходит для выращивания растений. Можно было бы наладить неплохую связь с Землей – сообщения доходили бы через 5-20 минут.
А может, это будет Венера? Она является самой близкой к нам планетой солнечной системы. На Венеру попадает много солнечной энергии, которую можно использовать для терраформирования. Но в то же время на Венере практически нет воды, поэтому ее необходимо доставлять туда искусственным способом. Например, из комет или астероидов, или найти способ синтеза воды.
Существует несколько критериев, необходимых для терраформирования планеты:
Наличие воды в жидком или застывшем виде.
Отсутствие радиации, как необходимое условие для жизни.
Наличие гравитации, так как планета должна быть способна удерживать атмосферу с газовым составом и влажностью.
Магнитное поле, чтобы водород не покидал планету.
Наличие звездного тепла и света, поскольку необходим определенный минимум для прогрева атмосферы и поверхности планеты.
Поверхность, в силу невозможности обустроить газовую планету;
Отсутствие астероидов, так как частые столкновения с астероидами могут уничтожить жизнь на планете.
На страницах сайта приведен анализ пригодности планет к терраформированию, исходя из критериев пригодности планет. Сегодня эта задача представляет лишь теоретический интерес, но в будущем может развиться и на практике.
РАЗДЕЛ 2. ПОЭТАПНОЕ ОПИСАНИЕ СОЗДАНИЯ САЙТА
2.1. Подготовительный этап
На подготовительном этапе была разработана общая структура сайта, и для оценки общего количества страниц и способов связи между ними представлена в бумажном варианте.
После структурирования проекта был сделан эскиз каждой страницы, продуманы общие детали программной реализации. Это облегчило непосредственное объединение страниц и дальнейшую работу над проектом.
2.2. Организационный этап. Разработка дизайна сайта
На организационном этапе был продуман и разработан дизайн для каждой страницы и всего сайта в целом, проверена логичность структурной иерархии страниц. В данном проекте используется технология CSS. В этой связи каждая страница была представлена в виде «блоков», для которых в дальнейшем были написаны определенные правила CSS, регулирующие оформление, форматирование и расположение «блоков» на странице. Поэтому на данном этапе необходимо было поместить элементы дидактического наполнения в блоки и установить правила CSS с учетом запланированного дизайна.
Дизайн сайта должен быть гармоничен как по цветовой гамме, так и нюансам навигации и размещению информации. Дизайн сайта должен быть ненавязчивым, не мешающим посетителю получать информацию, в то же время должен быть привлекательным и запоминающимся.
Система навигации – важная деталь дизайна сайта, помогающая посетителю четко ориентироваться в структуре документов сайта, тем самым повышая удобство ресурса в целом.
Был разработан набор CSS правил для просмотра сайта на экране монитора.
Рис. 1. Главная станица сайта
2.3. Практический этап. Создание веб-страниц и верстка сайта
Основным преимуществом и особенностью веб-страниц является то, что информация, размещенная на них, имеет вид гипертекста, в который встроены специальные коды, задающие форматирование текста, наличие в нем иллюстраций, мультимедийных вставок и гиперссылок. Эти коды записаны на языке разметки гипертекста HTML, поддерживаются браузерами при загрузке веб-страницы и выполняют заданные с их помощью операции.
HTML-документ состоит из основного текста и тегов разметки. Фактически это обычный текстовый файл, для создания и редактирования которого можно использовать любой текстовый редактор, например Блокнот.
Верстка сайта – это создание структуры, корректно отображающейся в различных браузерах на основе макетов, готовых шаблонов. Созданная структура будет определять дальнейшее отображение текстовой и графической информации сайта. Процесс верстки сайта включает в себя создание всех страниц сайта и настройку гиперссылок и реализация всех запланированных функций сайта.
Согласно основной классификации типов верстки сайта, двумя основными являются резиновая и фиксированная верстка. В первом случае предполагается, что страницы будут полностью адаптироваться под любые параметры монитора и любое расширение, и это достаточно удобно, учитывая, что сейчас подобные условия у пользователей совершенно разные. Фиксированная верстка сайта не предполагает подобных действий, и страницы всегда остаются в едином и неизменном формате. Для сайта «Terra&Forma» была применена резиновая верстка.
По виду выполнения верстка сайта также бывает:
• HTML-верстка. Она формируется двумя способами. В первом случае за основу берется таблица, и в ее ячейки вносятся все нужные элементы страницы. А во втором варианте все элементы укладываются в специальные блоки, позволяющие оформить код менее громоздко. В отдельных ситуациях применим комбинированный стиль.
• CSS-верстка. При необходимости всю верстку сайта можно свести к CSS. Однако более распространено вспомогательное использование CSS при верстке на HTML, XML и XHTML. Положительным моментом использования CSS является возможность отделения оформления от программного кода. Разработчик имеет возможность переместить все настройки оформления в отдельный файл и просто добавить путь к нему в основном HTML файле. Таким образом, страницы будут обрабатываться быстрее, а в коде не возникнет ненужной путаницы. Дополнительным плюсом является то, что один файл CSS можно присоединить ко всем страницам сайта. Поэтому при необходимости откорректировать дизайн сайта, нет необходимости отдельно менять каждую страницу, достаточно просто внести изменения в файл CSS, после чего все страницы сайта приобретут нужный вид.
В нашем проекте использована CSS-верстка, которая позволяет легко вносить изменения в содержание и дизайн на страницах сайта.
Для успешного продвижения и оптимизации web-сайта важно, как будет составлен html-документ сайта. Наибольшее внимание уделяется тэгам названия страницы, описанию и ключевым словам.
Итак, на практическом этапе была разработана окончательная верстка страниц, сформирована физическая структура сайта, также была произведена окончательная проверка и тестирование сайта на наличие ошибок.
Рис.2. Папки сайта
РАЗДЕЛ 3. СТРУКТУРА САЙТА
3.1. Логическая структура
Логическая структура сайта достаточно проста. Главная страница имеет два меню. Горизонтальное меню состоит из семи разделов, содержащих критерии пригодности к жизни планет, а вертикальное – на пять разделов, и содержит характеристики самих планет, анализируемых на предмет терраформирования.
Главное меню сайта предоставляет полный доступ ко всем основным разделам. На любую страницу сайта можно перейти двумя нажатиями, что делает структуру сайта чрезвычайно легкой для понимания и позволяет сайту быть максимально удобным в использовании. Подробные схемы показаны на рис. 3. – Логическая структура главной страницы и рис. 4. – Логическая структура сайта.
Рис. 3. Логическая структура главной страницы
Рис. 4. Логическая структура сайта
3.2. Структура CSS стилей
CSS правила для данного сайта были написаны таким образом, что структура сайта является «резиновой», иными словами, размер блоков зависит от размера окна и разрешения экрана соответственно.
Для достижения такого результата было выбрано относительное позиционирование, позволяющее указывать отступ не от абсолютной системы отсчета (в пикселях), а в отношении границ и других объектов, то есть объект сохраняет свое местоположение на странице при изменении разрешения окна браузера.
Рис. 5. Описание структуры CSS сайта
ЗАКЛЮЧЕНИЕ
Практическое значение терраформирования обусловлено необходимостью обеспечить нормальное существование и развитие человечества. С течением времени рост населения Земли, экологические и климатические изменения могут создать ситуацию, когда нехватка пригодной для обитания территории поставит под угрозу дальнейшее существование и развитие земной цивилизации. Такую ситуацию, например, создадут неизбежные изменения размеров и активности Солнца, которые изменят условия жизни на Земле. Поэтому человечество будет стремиться к перемещению в более комфортные условия.
Планеты потенциально пригодные к немедленному заселению можно разделить на три основные категории:
1. Населенная планета (типа Земли), наиболее подходящая для заселения.
2. Биологически сравнимая планета, то есть планета в состоянии, подобном земному, миллиарды лет назад.
3. Легкотерроформируемая планета. Терраформирование планеты такого типа можно провести с минимальными затратами.
В результате проведенного анализа на сайте «TERRA&FORMA» представленные планеты нельзя отнести ни к одной из перечисленных категорий.
В ходе выполнения работы я познакомился с блочным способом разработки веб-страниц на языке HTML с использованиемCCS-стилей,научился создавать web-страницы и использовать базовые теги, работать с файлами разных форматов и расширений для корректного отображения в различных браузерах.
Практическая часть работы состояла в разработке сайта от дизайна до наполнения. Хотелось бы обратить внимание на такие возможности блочной верстки страниц как, как:
при форматировании страниц достаточно только изменить CSS-файл, а не править каждую страницу;
значительно уменьшается время загрузки страниц сайта за счет переноса правил представления данных в отдельный файл.
Изучив возможности разработки веб-страниц при помощи блоков, был создан творческий продукт – сайт «TERRA&FORMA», на страницах которого представлена информация, касающаяся терраформирования и колонизации планет Солнечной системы.
В ходе выполнения данной работы были получены следующие результаты:
исследованы различные способы верстки веб-страниц, проанализированы их преимущества и недостатки;
изучены возможности верстки веб-страницы с помощью блоков;
применён на практике способ верстки веб-страниц с использованием блоков;
изучены возможности терраформирования планет;
собран и систематизирован материал для сайта;
разработан дружественный интерфейс, гиперссылки, используя язык разметки гипертекста HTML;
аргументирована целесообразность использования исследованного метода верстки.
На основании полученных результатов можно сделать следующие выводы:
Для разработки сайта в домашних условиях способ верстки веб-страниц с использованием блоков подходит.
Технология верстки веб-страниц с использованием блоков позволяет быстро и качественно создавать Web-сайты.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ
1. Айзекс, А. Dynamic HTML BHV. Секреты создания интерактивных Web - страниц / А. Айзекс. – Санкт-Петербург: БХВ, 1998. – 496 с. – (Мастер. Руководство для профессионалов).
2. Богомолова, О. Б. Web-конструирование на HTML / О.В. Богомолова. – Москва: БИНОМ. Лаборатория известен, 2008. – 192с. – (Практикум).
3. Дунаев, В. Самоучитель JavaScript / В. Дунаев. – Санкт–Петербург: Питер, 2005. – 395с.: ил.
4. Гончаров, А. Самоучитель HTML / А. Гончаров. – Санкт-Петербург: Питер, 2000. – 240 с.: ил.
5. Дарнелл, Р. Html 4. Энциклопедия пользователя / Р. Дарнелл и др. – Москва: ДиаСофт, 2010. – 688 с.
6. Денисов, А.Microsoft Internet Explorer 5 : справочник : наиболее полн. справ. рук. / Артем Денисов. – СПб. и др. : Питер, 1999. – 448 с. : ил. – (Справочник).
7. Пасечник, О.Г. Основы веб-дизайна / О.Г. Пасечник, О.В. Пасечник, И.В. Стеценко. – Киев: Изд. группа BHV, 2009. – 336с.
8. Хоумер, А. Dynamic HTML : справочник / Алекс Хоумер, Крис Улмен. – Санкт–Петербург и др. : Питер, 1999. – 510 с. : ил.
ИНТЕРНЕТ-РЕСУРСЫ
9. Википедия – свободная энциклопедия: официальный сайт. – URL: http://ru.wikipedia.org (дата обращения: 15,06.2023). – Текст: электронный.