Добавлен: 03.07.2023
Просмотров: 67
Скачиваний: 3
СОДЕРЖАНИЕ
Глава 1. Концептуальное проектирование разрабатываемого web-ресурса
1.1 Назначение сайта и целевая аудитория
1.2 Макетирование страниц сайта и Web-дизайн
1.3 Структура сайта и моделирование его работы
2.1 Выбор инструментальной среды разработки.
2.2 Информационное наполнение страниц ресурса
Глава 3 Размещение и эксплуатация ресурса
3.1 Фиксация внешних условий и выбор провайдера
- 2 способ. На основе популярных программ.
Например, MS FrontPage, Macromedia Dreamweaver.
- 3 способ. Создание сайта при помощи системы управления сайтом (CMS)
- 4 способ. Создание сайта при помощи конструктора.
В данной курсовой работе для создания web-сайта используется способ программирования.Конкретно написание web-сайта будет производится в стандартном текстовом редакторе «Блокнот».
Для создания web-сайта «Библиотека» использовались следующие инструментальные языки разработки:
1. HTML — это язык гипертекстовой разметки. Гипертекстом можно назвать текст в любом формате, некоторые части текста которого, могут ссылаться на другие части этого текста, что позволяет быстро переходить от одной части текста к другой.[5]
На сегодняшний день язык HTML существенно усовершенствован. Его прекрасно дополняют технологии JavaScript, DHTML, CSS, PHP и др., что позволяет использовать новые возможности, но основой всего этого остаются все те же стандартные теги, которые и задают внешний вид web-страницы. Браузер, считывая информацию со страниц размещенных в Интернете, отображает ее на экране монитора в том виде, в котором четко указывают ему эти самые теги. Все существующие теги заключены в угловые скобки (< тег >)*, это и указывает браузеру на то, что перед ним тег, который ориентирует на определенное отображение страницы, причем сами теги на экране не отображаются.
HTML-документ состоит из трех основных частей:
- строка декларации типа документа;
- заголовок документа, заключенный в тег <head>…</head>;
- тело документа, заключенное в тег <body>…</body> или <frameset>…</ frameset>.
Заголовок и тело документа заключаются в объединяющий их тег
<html >…< / html >.
Строка декларации является служебной и указывает на стандарт разработки документа. Для документа, строго соответствующего стандарту HTML 4.0, она представляется унарным тегом вида
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN”>.
Заголовок в теге <head> содержит информацию об общих свойствах документа. Содержимое тега <head> непосредственно не отображается в окне браузера, однако используется браузером при работе с файлом. Заголовок может включать в себя следующие теги:
- титул окна документа (тег <title>);
- метатеги документа (теги <meta>);
- базовый адрес для ссылок (тег <base>);
- связь с другими документами (теги <link>);
- встроенные таблицы стилей для оформления (тег <style>);
- встроенные программы-сценарии клиента (теги <script>).
2. CSS—формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.
2.2 Информационное наполнение страниц ресурса
Ключевым элементом любого сайта является его информационное наполнение – контент. Ведь посетители приходят на веб-ресурс в первую очередь за информацией, поэтому сайт должен отличаться грамотным, тщательно выверенным и профессионально написанным контентом. При этом представленный на сайте текст должен не только доносить до посетителей информацию, но и заинтересовывать их, а также мотивировать к сотрудничеству, покупке, партнерству или хотя бы знакомству. Исключением в данном случае могут являться лишь специфические веб-ресурсы – вроде сервиса бесплатной почты.
При планировании информационного наполнения сайта важно определить тип и формат представления данных. Будет ли контент представлять собой только текст, либо в него будут добавлены графические объекты, звуковые файлы, Flash-элементы .Какие страницы будут включены в состав веб-ресурса – только статические HTML-страницы или динамические, генерируемые на основании сформированных пользователем запросов
Также необходимо заранее продумать такой вопрос, как структурирование содержащейся на сайте информации, иначе говоря – какие разделы будет включать в себя данный веб-ресурс.
В зависимости от того, какой объем информации будет представлен на сайте и каким образом это информационное наполнение структурировано и отсортировано, определяется механизм навигации по сайту. Одним из ключевых требований, предъявляемых к системе навигации, является то, что она должна быть очевидной и интуитивно понятной посетителям с любым уровнем подготовки. В общем случае система навигации должна:
- предоставлять посетителю возможность быстро найти ту информацию, которая его интересует;
- давать посетителю максимально полное представление о том, из чего состоит веб-ресурс;
Рассмотрим организацию информационного Web-сайта «Библиотека». Главная страница сайта содержит шапку в которой имеются логотип.
Ниже находится меню «Содержание» в котором присутсвуют ссылки на следующие страницы сайта:
- Главная
- Каталог
- Мероприятия
- Персонал
- Контакты
Рядом с меню «Содержание» находятся вводные слова приветсвующие пользователя на данном сайте и изображение с название библиотеки. Ниже представлен каталог кнги «Книги которые должен прочитать каждый», рядом с ним расположен глобальный поиск имеющихся электронных книг на сайте доступных для чтения.
Так же под поиском имеется календарь знаменательных и памятных дат Саратовской области,место с ссылками для связи с модераторами сайта и опять же преветсвующие изображение с кратким описание данной библиотеки.
Рис.8 Главная страница сайта.
На странице «Каталог» расположенно изображенние привликающие внимание и список авторов бесплатных для чтения электронных книг в формате PDF.
Рис.9 Страница «Каталог».
На странице «Мероприятия» представленные текущие, будущие и прошлые мероприятия проходящие в библиотеке.
Рис.10 Страница «Мероприятия».
На странице «Персонал» изображенны работники библиотеки с фотографией и должностью.
Рис.11 Страница «Персонал».
На странице «Контакты» расположенна карта с точным местонахождением библиотеки,режим работы, адрес,телефон и электронная почта.
Рис.12 Страница «Контакты».
В данной главе курсовой работы была выбранна инструментальная среда разработки, а именно для создания web-сайта используется способ программирования. Конкретно написание web-сайта будет производится в стандартном текстовом редакторе «Блокнот». Было определенно информационное наполнение страниц ресурса, показанны и описанны все существующие страницы сайта. Сайт является частично работоспособным и находится на стадии доработки.
Глава 3 Размещение и эксплуатация ресурса
3.1 Фиксация внешних условий и выбор провайдера
Очень важным моментом в разработке интернет-проектов является выбор хостинга. Для того чтобы сайт попал в сеть интернет, потребуется место для его размещения. Это место как раз и предоставляется поставщиком веб-хостинга, именуемым как веб-провайдер.
Хостинг - это размещение сайта в Интернете на сервере компании, предоставляющей подобные услуги. Данная компания выделяет на своем сервере место, именуемого дисковым пространством. Именно там будут храниться все материалы сайта (html - документы,скрипты и графика) в отдельном каталоге.
Одним из критериев выбора хостинга является выбор между бесплатным и платным хостингом.[6]
В данном случае для качественной работы web-сайта «Библиотека» потребуется платный хостинг.
Важные показатели выбора хостинга :
- "Uptime", т.е. доступность сервера в любое время суток.
Информация об этом обычно расположена на главной странице сайта хостинга и в идеале этот показатель должен быть не менее 99.9, иначе сайт будет периодически простаивать.
Перечень предоставляемых услуг. В него обязательно должны быть включены CGI, PHP, MySQL, Perl, SSI, FTP, почтовые рассылки и т. д., чем больше перечень, тем лучше.
- Предлагаемый трафик.Он бывает фиксированным (например выделяется 500 мб) или неограниченным.
- Стоимость услуг.
Некоторые платные хостинговые компании предоставляют бесплатный тест на определённый период, по истечении которого пользователь должен определиться подходит ли для него выбранная хостинговая компания, и имеет ли смысл оплачивать большие периоды. Как правило такие тесты предоставляются только владельцам доменов второго уровня во избежание спекуляций с тестовыми аккаунтами.
Для размещения разработанного ресурса предлагается использовать хостинг BeGet ( https://beget.ru).
BeGet является сертифицированным партнером и рекомендованным разработчиком NetCat. За последнее время компания очень продвинулась вперед и занимает лидирующие позиции на рынке хостинг-услуг.
Сотрудничает с мировыми лидерами высоких технологий AMD, Intel, APC, Cisco Systems и др. Имеет собственную панель управления и собственные разработки в сфере отказоустойчивости и безопасности оборудования. Есть возможность автоматической установки любой CMS: WordPress, Joomla, Drupal и др.
На российском рынке с 2007 года, отличается стабильностью и успешностью работы. Предлагаемый период для тестирования - 1 месяц. В разделе "Помощь" предложено очень много справочной информации и статей по разным вопросам. Там же можно зарегистрировать популярный домен Ru за 120 рублей.
Аккаунты открываются круглосуточно, время открытия аккаунта в рабочее время не превышает 15 минут. Перенос сайтов от других провайдеров производится специалистами компании быстро и бесплатно.
Указаны все реквизиты компании, включая юридический и фактический адрес, есть даже схема проезда, информация о лицензии тоже присутствует.
3.2 Модернизация, обновление и сопровождение ресурса.
Планомерное развитие сайта невозможно без профессиональной его поддержки. По существу в работе каждого интернет проекта возникает масса ошибок и оплошностей, которые требуют незамедлительной профессиональной реакции веб специалистов. Длительна работа сайта в условиях постоянного подвергания его системы некорректному влиянию различного рода оплошностей и несвоевременное исправление ошибок, неминуемо ведет за собой снижение его работоспособности и потери мощности.[7]
Если сайт статичен, а необходим более тонкий подход для предоставления информации клиентам, то логичным выходом будет постараться придать динамичность за счет появления возможности управлять информацией, размещенной на сайте.
Модификация содержимого разделов осуществляется посредством администраторского Wеб-интерфейса (системы управления сайтом), который без применения специальных навыков программирования (без использования программирования и специального кодирования или форматирования) предусматривает возможность редактирования информационного содержимого страниц сайта. Наполнение информацией проводится с использованием шаблонов страниц сайта.
Данный Web-сайт «Библиотека» в дальнейшем будет дорабатываться. Доработка сайта — это комплекс работ, направленных на усовершенствование функционала и внешнего вида сайта .
Для того, чтобы сайт был конкурентноспособным, всегда находился на топовых позициях, необходимо постоянно работать над его развитием: обновлять, наполнять уникальным и качественным контентом, делать редизайн, улучшать функциональность. Сайт не будет развиваться и приносить желаемых результатов, если не заниматься его доработкой и постоянно его модернизировать.