Общие сведения о web- сайтах
Содержание:
ВВЕДЕНИЕ
Тема данной курсовой работы разработка сайта дошкольного учреждения «Ромашка». В данной курсовой работе, я попытаюсь разобраться в том, что нужно знать для написания WEB сайта.
Цели курсовой работы:
- сайт должен иметь не менее шести страниц, вложенность не менее трех;
- быстрый просмотр в современных браузерах;
- создать карту сайта;
- все страницы сайта должны быть наполнены осмысленной информацией.
Для выполнения поставленных требований необходимо:
- подготовить рисунки для размещения их на сайте;
- спроектировать таблицы стилей CSS для применения их на страницах сайта;
- разработать страницы сайта на основе HTML.
Для начала разберем, что такое сайт. Сайт — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом).
Все сайты в совокупности составляют всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.
Определённый класс сайтов иначе называют интернет-представительством человека или организации. Сайты-визитки всё реже находят применение. Как комментарий к ссылке может быть страничка-визитка на полнофункциональном сайте (портале). Когда говорят «своя страничка в Интернет», то подразумевают целый сайт или личную страницу
в составе чужого сайта (портал). Кроме сайтов (порталов), в сети Интернет также доступны WAP-сайты для мобильных телефонов. Сайт-портал - многокомпонентная разветвлённая структура, скомпонованная из функционально самодостаточных сайтов самостоятельных организаций или подразделений корпоративной структуры. Например, наличие филиалов, институтов академии, журналы и книжный отдел издательства, факультеты и институты университета, отделения в странах крупной транснациональной корпорации, и т. п. В простом представлении портал может представлять кафедру или факультет, где размещены сайты специалистов, сайт изданий, конференций, семинаров, новостной, научного подразделения, библиотеки и др.
Изначально сайты представляли собой совокупность статичных документов, например - сайт-визитка. По мере развития коммуникаций, количество внутренних и внешних ссылок увеличивалось. Сайт стал выполнять не только роль справки, аннотации, но и функционального офиса, новостного или медийного центра. В настоящее время большинству из них свойственна динамичность и интерактивность. Для таких случаев специалисты используют термин веб-приложение - готовый программный комплекс для решения задач сайта. Веб-приложение входит в состав сайта, но веб-приложение без данных сайтом является только технически. Оболочку (форму, шаблон) нужно наполнить и активизировать. Продвижение сайтов стало ёмкой индустрией в сети.
ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
Создание и развитие Интернет расценивается как гигантский скачок из эры традиционного бизнеса в эру технологий, реализуемых в режиме реального времени. Интернет в наши дни - это целая индустрия, быстро проникающая во все области человеческой деятельности. Огромное количество компаний во всем мире видят в Интернет большой коммерческий потенциал и возможность перевода своего бизнеса на качественно новый уровень. Благодаря постоянному совершенствованию технологий, скорость доступа растет, а цена становится всё более приемлемой.
Интернет находит своё применение во многих сферах, не обходит стороной и деятельность коммерческих фирм. Вот несколько причин, по которым фирмы всё чаще приобретают собственные сайты и прибегают к использованию Интернета в осуществлении своей деятельности:
- собственный сайт положительно влияет на престиж фирмы и её имидж;
- возможность находить новых деловых партнеров и новые рынки сбыта;
- возможность очень быстро предоставлять необходимую информацию;
- возможность очень быстро оказывать информационную поддержку своим клиентам и отвечать на интересующие их вопросы (иногда разговаривая по телефону, сотрудник фирмы может не найти с ходу нужного ответа, а клиент упустит из виду какой-нибудь важный момент; сообщение в виде текста способствует понятной и подробной формулировке как вопроса, так и ответа);
- возможность привлечения большего объёма целевой аудитории (как правило, в сети Интернет люди ищут нужную информацию, используя поисковые системы, где они конкретно указывают то, что их интересует. В качестве аналогичного примера можно привести покупку газеты с рекламным содержанием и объявлениями. Однако поиск через Интернет имеет неоспоримые преимущества по скорости и удобству);
- возможность предоставления подробной информации о предлагаемых товарах и услугах. Это можно назвать самым главным преимуществом (теле- и радиореклама может привлечь внимание к вашей фирме, но она не способна дать подробную информацию, рассказать о ваших достоинствах и методах. Вы можете разместить фото и описание всех предлагаемых товаров, рассказать об оказываемых услугах, подавая информацию максимально эффективно и в неограниченном объёме).
Сегодня во всемирной паутине содержится огромное количество самых разных сайтов. Все они отличаются по большому числу параметров. Если Вы решили создать сайт, прежде всего Вам нужно определиться с тем, сайт какого типа и вида Вам нужен.
В настоящее время не существует общепринятой системы классификации сайтов. Рассмотрим основные типологии сайтов, выделяющиеся по определенным признакам.
Типы сайтов по цели создания:
- коммерческие;
- некоммерческие.
Типы сайтов по доступности:
- открытые (доступны для любых посетителей);
- полуоткрытые (необходима регистрация);
- закрытые (доступны для узкого круга людей).
Типы сайтов по функциональности и стилю оформления:
- статические;
- динамические;
- флэш-сайты.
Типы сайтов по физическому расположению:
- общедоступные;
- локальные.
Типы сайтов по размеру аудитории:
- простые (сайты-визитки, домашние страницы);
- тематические, узконаправленные;
- многофункциональные, интернет-порталы.
Типы сайтов по особенностям представления информации и категориям решаемых задач:
- интернет-представительства организаций;
- информационные ресурсы;
- веб-сервисы (сайты, на которых предоставляются услуги для выполнения определенных задач);
- социальные сети (комбинированные веб-сервисы).
Некоторые типы сайтов в свою очередь также подразделяются на различные виды.
Виды интернет-представительств организаций:
- сайт-визитка (содержит общие данные о владельце сайта или компании);
- представительский сайт (сайт-визитка с расширенной функциональностью);
- корпоративный сайт (представляет полную информацию о компании);
- каталог продукции (интернет-каталог с подробным описанием товаров или услуг);
- интернет-магазин (сайт с каталогом продукции, которую можно приобрести через интернет);
- промо-сайт (сайт об определенной торговой марке или продукте).
Виды информационных ресурсов:
- тематический сайт (сайт, представляющий информацию по определенной теме);
- тематический портал (крупный сайт, объединяющий в себе несколько универсальных сервисов).
Виды веб-сервисов:
- новостные порталы;
- доски объявлений (сайт, на котором пользователи имеют возможность публиковать объявления);
- каталоги сайтов (ресурсы, на которых представлена информация о разных сайтах, с подразделением на категории);
- поисковые сервисы (например, Google, Яндекс);
- почтовые сервисы (например, Mail.Ru);
- форумы (особый вид сайтов, созданных для общения на определенные темы);
- сервисы блогов;
- файлообменные сервисы (сайты, позволяющие обмениваться данными через интернет);
- датахостинговые сервисы (сайты, предназначенные для хранения данных);
- датаэдиторинговые сервисы (сайты, предназначенные для редактирования данных);
- фото-хостинги;
- видео-сервисы (сервисы для хранения видео, например, YouTube);
- социальные медиа.
Также в сети можно встретить виды сайтов, существующих исключительно для заработка:
- сателлиты (сайты, созданные для продвижения других сайтов в поисковых системах);
- дорвеи (сайты, оптимизированные под несколько ключевых слов).
Виды сайтов по возможностям, предоставляемым пользователям:
- контент-проекты (сайты, предоставляющие материалы для скачивания);
- сайты для онлайн-общения;
- сайты электронной коммерции (интернет-магазины и сайты, предоставляющие различные платные услуги);
- онлайн-сервисы (например, онлайн-переводчики и социальные закладки).
Различных классификаций сайтов существует, пожалуй, столько же, сколько типов и видов сайтов. Однако все эти подразделения достаточно условны. Например, некоторые сайты могут относиться сразу к нескольким категориям или сочетать в себе признаки разных видов сайтов.
Иметь сайт – не только популярно и престижно, но и эффективно, рационально и разумно. Собственный интернет-ресурс позволит сэкономить время, увеличить возможности, освободить от рутинной работы. Поможет осуществить рекламу, включая и «саморекламу». Создание сайта можно превратить в увлекательное творческое занятие, доставляющее настоящее эстетическое удовольствие от проделываемой работы и получаемого результата. Если выберите эффективный, адекватный поставленным целям и требованиям, а также ресурсам, способ создания сайта.
Способ 1. Заказываем сайт в веб-студии.
Разработанный с использованием новых технологий и инструментов сайтостроения, слаженным коллективом дизайнеров, верстальщиков, программистов, оптимизаторов, аниматоров и копирайтеров профессиональной веб-студии ресурс, разумеется, всегда предпочтителен. В этом случае создание сайтов осуществляется по схеме: «анализ (целей, аудитории, перспектив и т.д.) – проектирование (структура, дизайн, макет) – программирование – тестирование – оптимизация – раскрутка – продвижение – сопровождение». В результате получаем полнофункциональный ресурс, полностью отвечающий целевым установкам. А это и есть главная цель создания сайта.
Важным фактором для указанного способа создания сайта является ресурсный – временной, денежный, организационный. Цены веб-студий – различны: кто-то работает на «оборачиваемости» проектов (заказов), кто-то со своим небольшим штатом – на «накрутке». К тому же многое зависит от выбранного типа ресурса – визитка, корпоративный, интернет-магазин, промо, тематический, социальная сеть, платформа для блогов и т.д.
Первый способ наилучшим образом подходит занятым и вполне обеспеченным лицам. В любом случае, этот вариант предостережет заказчика от ненужных экспериментов при разработке ресурса.
Способ 2. Используем при разработке конструктор сайтов.
Этот способ – самый простой при создании сайта, ведь существует множество инструментов, позволяющих разработать его по тем или иным макетам, шаблонам, а также интернет-сервисов, откуда такой инструментарий может быть скачен. Хотя существуют различные конструкторы, в Рунете популярен конструктор uCoz.ru. При регистрации на uCoz.ru получаем бесплатный домен третьего уровня и бесплатный хостинг.
Конструктор удобен также и тем, что он не требует услуг профессионального веб-программиста. Работать с конструктором удобно и достаточно легко, и осуществляется по схеме: «выбор приглянувшегося шаблона из предлагаемых конструктором шаблонов – настройка конструктора «под шаблон» - наполнение макета сайта контентом». Имеется возможность создания различного типа сервисов на разрабатываемом ресурсе – новостной ленты, голосования и т.д.
Есть, правда, существенный недостаток рассматриваемого способа – регистрацию сайта в каталогах поисковых систем придётся делать самому.
Способ 3. Используем систему управления сайтом (CMS).
Этот способ – самый быстрый и широко используемый. В Рунете такие системы называют «системами управления контентом» или просто «движками». Они позволяют не только удобно и комфортно разработать сайт, но и вести электронный бизнес. Например, широко используются такие «движки» как Joomla, WordPress. Всё просто. Скачиваем и устанавливаем CMS на сервер, а затем работаем, как и с конструктором, по той же схеме.
Такие CMS позволяют разрабатывать как простые одностраничные сайты-визитки и блоги, так и многофункциональные и многостраничные ресурсы. CMS имеет большую библиотеку (несколько десятков тысяч) шаблонов и дополнений. Используя это богатство можно разработать многофункциональный интернет-ресурс, совершенно не задумываясь о последующем представлении материалов на сайте. Они будут представлены «как надо» всегда.
При использовании CMS необходимо самому зарегистрировать доменное имя, определиться с хостингом, пройти регистрацию в поисковых системах, каталогах. Необходимы знания по CSS и HTML.
Способ 4. Создаем сами сайт с нуля.
Этот способ – наиболее длительный и трудный. Необходимо будет изучить хорошо хотя бы один из распространенных языков веб-программирования, например, HTML, PHP, CSS, а также работу с базами данных, например, MySQL. Этот процесс - длительный.
Можно также идти по пути создания сайтов на основе популярных программ, например, Dreamweaver и используя и графический редактор, в частности, Photoshop. При этом вся «черновая» и рутинная работа будет выполняться самим разработчиком, включая и «закидывание» («заливку») файлов на сервер.
Это способ, ввиду своей непроизводительности и трудоемкости сейчас не пользуется популярностью.
Веб-дизайн — вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества.
Создание технического задания. Составлением технического задания для специалистов занимается менеджер проекта. Работа с заказчиком начинается с заполнения «брифа», в котором заказчик излагает свои пожелания относительно визуального представления и структуры сайта, указывает на ошибки в старой версии сайта, приводит примеры сайтов конкурентов. Исходя из «брифа», менеджер составляет техническое задание, учитывая возможности программных и дизайнерских средств. Этап заканчивается после утверждения технического задания заказчиком. Важно сразу отметить, что этапы проектирования веб-сайтов зависят от многих
факторов, таких как объём сайта, функциональность, задачи, которые должен выполнять будущий ресурс и многое другое. Однако, есть несколько этапов, которые в обязательном порядке присутствуют в планировании любого проекта.
Дизайн основной и типовых страниц сайта. Начинается работа с создания дизайна, обычно в графическом редакторе. Дизайнер создает один или несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции). Собственно, «дизайн страницы» представляет собой графический файл, слоеный рисунок, состоящий из наиболее мелких картинок-слоев элементов общего рисунка.
При этом дизайнер должен учитывать ограничения стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.
Количество эскизов и порядок их предоставления оговаривается с проект-менеджером. Так же менеджер проекта осуществляет контроль сроков. В больших веб-студиях в процессе участвует арт-директор, который контролирует качество графики. Этап также заканчивается утверждением эскиза заказчиком.
HTML-верстка. Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны. В небольших студиях, html-кодированием занимается дизайнер, создавший макет сайта.
Программирование. Далее готовые HTML-файлы передают программисту. Программирование сайта может осуществляться как «с нуля», так и на основе CMS — системы управления сайтом. Веб-разработчики часто называют CMS «движком».
В случае с CMS надо сказать, что сама «CMS» в некотором смысле это готовый сайт, состоящий из заменяемых частей. «Программист» — в данном случае правильно будет назвать его просто специалистом по CMS, должен заменить стандартный шаблон, поставлявшийся с CMS, на оригинальный шаблон. Этот оригинальный шаблон он и должен создать на основе исходного «веб-дизайна». При программировании сайта специалисту назначаются контрольные точки сроков.
Завершающим этапом разработки сайта под ключ является конечно же тестирование. Веб-дизайн сайта должен адекватно выглядеть в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.
Процесс тестирования может включать в себя самые разнообразные проверки: вид страницы с увеличенными шрифтами, при разных размерах окна браузера, при отсутствии флэш-плеера и многие другие. Обнаруженные ошибки отправляются на исправление до тех пор, пока не будут устранены.
Сроки контролирует менеджер проекта. Так же на этом этапе привлекают к работе дизайнера, чтобы он провел авторский надзор.
Размещение сайта в Интернет. Файлы сайта размещают на сервере провайдера и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.
Наполнение контентом и публикация. Сайт наполняют контентом — текстами, изображениями, файлами для скачивания и т. д. Иногда тексты составляются специалистом студии, иногда контентом занимается ответственное лицо со стороны заказчика. Это решается на этапе составления технического задания. В случае если контент составляется представителем студии, то это происходит и утверждается параллельно с другими этапами проекта.
Внутренняя SEO-оптимизация. Связана с некоторыми изменениями самого сайта. Начинается она с определения семантического ядра. Здесь определяются такие ключевые слова, которые привлекут наиболее
заинтересованных посетителей, по которым выиграть конкуренцию проще. Затем эти слова вносятся на сайт. Тексты, ссылки, другие теги адаптируются так, чтобы поисковые системы могли их успешно находить по ключевым словам.
Внешняя SEO-оптимизация. Сводится, как правило, к построению структуры входящих ссылок. Это собственно и есть раскрутка. К разработке сайта внешняя SEO-оптимизация не имеет отношения. Настоящая белая SEO оптимизация — это трудоемкий и долгий процесс, стоимость которого может в несколько раз превышать расходы на создание сайта.
Сдача проекта. Заказчик или его доверенное лицо просматривают готовый проект и в случае, если все устраивает, то подписывают документы о сдаче проекта. Так же на этом этапе производится обучение представителя заказчика навыкам работы в администраторской зоне сайта.
Настоящие Правила определяют порядок размещения на официальном сайте образовательной организации в информационно-телекоммуникационной сети "Интернет" (далее соответственно - официальный сайт, сеть "Интернет") и обновления информации об образовательной организации, за исключением сведений, составляющих государственную и иную охраняемую законом тайну, в целях обеспечения открытости и доступности указанной информации.
Образовательная организация размещает на официальном сайте:
- информацию:
- о дате создания образовательной организации, об учредителе, учредителях образовательной организации, о месте нахождения образовательной организации и ее филиалов (при наличии), режиме, графике работы, контактных телефонах и об адресах электронной почты;
- о структуре и об органах управления образовательной организации, в том числе:
- наименование структурных подразделений (органов управления);
- фамилии, имена, отчества и должности руководителей структурных подразделений;
- места нахождения структурных подразделений;
- адреса официальных сайтов в сети "Интернет" структурных подразделений (при наличии);
- адреса электронной почты структурных подразделений (при наличии);
- сведения о наличии положений о структурных подразделениях (об органах управления) с приложением копий указанных положений (при их наличии);
- об уровне образования;
- о формах обучения;
- о нормативном сроке обучения;
- о сроке действия государственной аккредитации образовательной программы (при наличии государственной аккредитации);
- об описании образовательной программы с приложением ее копии;
- об учебном плане с приложением его копии;
- об аннотации к рабочим программам дисциплин (по каждой дисциплине в составе образовательной программы) с приложением их копий (при наличии);
- о календарном учебном графике с приложением его копии;
- о методических и об иных документах, разработанных образовательной организацией для обеспечения образовательного процесса;
- о реализуемых образовательных программах с указанием учебных предметов, курсов, дисциплин (модулей), практики, предусмотренных соответствующей образовательной программой;
- о численности обучающихся по реализуемым образовательным программам за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов и по договорам об образовании за счет средств физических и (или) юридических лиц;
- о языках, на которых осуществляется образование (обучение);
- о федеральных государственных образовательных стандартах и об образовательных стандартах с приложением их копий (при наличии);
- о руководителе образовательной организации, его заместителях, руководителях филиалов образовательной организации (при их наличии), в том числе:
- фамилия, имя, отчество (при наличии) руководителя, его заместителей;
- должность руководителя, его заместителей;
- контактные телефоны;
- адрес электронной почты;
- о персональном составе педагогических работников с указанием уровня образования, квалификации и опыта работы, в том числе:
- фамилия, имя, отчество (при наличии) работника;
- занимаемая должность (должности);
- преподаваемые дисциплины;
- ученая степень (при наличии);
- ученое звание (при наличии);
- наименование направления подготовки и (или) специальности;
- данные о повышении квалификации и (или) профессиональной переподготовке (при наличии);
- общий стаж работы;
- стаж работы по специальности;
- о материально-техническом обеспечении образовательной деятельности, в том числе сведения о наличии оборудованных учебных кабинетов, объектов для проведения практических занятий, библиотек, объектов спорта, средств обучения и воспитания, об условиях питания и охраны здоровья обучающихся, о доступе к информационным системам и информационно-телекоммуникационным сетям, об электронных образовательных ресурсах, к которым обеспечивается доступ обучающихся:
- о количестве вакантных мест для приема (перевода) по каждой образовательной программе, профессии, специальности, направлению подготовки (на места, финансируемые за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов, по договорам об образовании за счет средств физических и (или) юридических лиц);
- о наличии и условиях предоставления обучающимся стипендий, мер социальной поддержки;
- о наличии общежития, интерната, количестве жилых помещений в общежитии, интернате для иногородних обучающихся, формировании платы за проживание в общежитии;
- об объеме образовательной деятельности, финансовое обеспечение которой осуществляется за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов, по договорам об образовании за счет средств физических и (или) юридических лиц;
- о поступлении финансовых и материальных средств и об их расходовании по итогам финансового года;
- о трудоустройстве выпускников;
- копии:
- устава образовательной организации;
- лицензии на осуществление образовательной деятельности (с приложениями);
- свидетельства о государственной аккредитации (с приложениями);
- плана финансово-хозяйственной деятельности образовательной организации, утвержденного в установленном законодательством Российской Федерации порядке, или бюджетной сметы образовательной организации;
- локальных нормативных актов, предусмотренных частью 2 статьи 30 Федерального закона "Об образовании в Российской Федерации", правил внутреннего распорядка обучающихся, правил внутреннего трудового распорядка и коллективного договора;
- отчет о результатах самообследования;
- документ о порядке оказания платных образовательных услуг, в том числе образец договора об оказании платных образовательных услуг, документ об утверждении стоимости обучения по каждой образовательной программе;
- предписания органов, осуществляющих государственный контроль (надзор) в сфере образования, отчеты об исполнении таких предписаний;
- иную информацию, которая размещается, опубликовывается по решению образовательной организации и (или) размещение, опубликование которой являются обязательными в соответствии с законодательством Российской Федерации.
Образовательные организации, реализующие общеобразовательные программы, дополнительно к информации, предусмотренной пунктом 3 настоящих Правил, указывают наименование образовательной программы.
Образовательные организации, реализующие профессиональные образовательные программы, дополнительно к информации, предусмотренной пунктом 3 настоящих Правил, для каждой образовательной программы указывают:
- уровень образования;
- код и наименование профессии, специальности, направления подготовки;
- информацию:
- о направлениях и результатах научной (научно-исследовательской) деятельности и научно-исследовательской базе для ее осуществления (для образовательных организаций высшего образования и организаций дополнительного профессионального образования);
- о результатах приема по каждой профессии, специальности среднего профессионального образования (при наличии вступительных испытаний), каждому направлению подготовки или специальности высшего образования с различными условиями приема (на места, финансируемые за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов, по договорам об образовании за счет средств физических и (или) юридических лиц) с указанием средней суммы набранных баллов по всем вступительным испытаниям, а также о результатах перевода, восстановления и отчисления.
Образовательная организация обновляет сведения, указанные в пунктах 3 - 5 настоящих Правил, не позднее 10 рабочих дней после их изменений.
Пользователю официального сайта предоставляется наглядная информация о структуре официального сайта, включающая в себя ссылку на официальный сайт Министерства образования и науки Российской Федерации в сети "Интернет".
Информация, указанная в пунктах 3 - 5 настоящих Правил, размещается на официальном сайте в текстовой и (или) табличной формах, а также в форме копий документов в соответствии с требованиями к структуре официального сайта и формату представления информации, установленными Федеральной службой по надзору в сфере образования и науки.
При размещении информации на официальном сайте и ее обновлении обеспечивается соблюдение требований законодательства Российской Федерации о персональных данных.
Технологические и программные средства, которые используются для функционирования официального сайта, должны обеспечивать:
- доступ к размещенной на официальном сайте информации без использования программного обеспечения, установка которого на технические средства пользователя информации требует заключения лицензионного или иного соглашения с правообладателем программного обеспечения, предусматривающего взимание с пользователя информации платы;
- защиту информации от уничтожения, модификации и блокирования доступа к ней, а также иных неправомерных действий в отношении нее;
- возможность копирования информации на резервный носитель, обеспечивающий ее восстановление;
- защиту от копирования авторских материалов.
Информация на официальном сайте размещается на русском языке, а также может быть размещена на государственных языках республик, входящих в состав Российской Федерации, и (или) на иностранных языках.
Необходимо разработать сайт дошкольного учреждения. Сайт должен быть выполнен, соблюдая следующие правила:
1) Общее количество разделов сайта должно быть не менее шести. Уровень вложенности - не менее трех.
2) язык разметки (написания) сайта –XHTML,HTML;
3) безошибочная работа, отображение в браузерах: InternetExplorer, MozillaFirefox, Opera (Chrome,Safari);
4) наличие страницы "Карта сайта";
5) все страницы сайта должны быть наполнены осмысленной информацией;
Задачи сайта дошкольного учреждения:
предоставление информации об учреждении;
информация о руководстве, воспитателях и рабочем персонале;
показ фотогалереи;
рекламная.
Для «написания конкурентно-способного продукта (сайта)», необходимо знать предметную область. Для каждого сайта с конкретной тематикой, разный дизайн, расположение меню и многое другое. Он должен иметь свою чёткую специфику, концепцию и идею. Написание сайта трудоемкий процесс, он либо пишется сразу (когда полностью, четко сформулированы требования к оформлению, специфике), либо постепенно (пишется основа сайта «скелет»), дополняя (обновлять) его, как любой программный продукт.
Сайт предназначен для родителей, сотрудников ДОУ и других заинтересованных пользователей, поэтому он должен иметь ненавязчивый дизайн, максимально удобный для восприятия интерфейс (размещение меню, ссылок, удобное расположение контента и др.) и простую структуру.
Пользуясь выбранной информацией, расформированной по разделам, составлена следующая структура, представленная на рис.1. «Структура сайта».
Рис.1. Структура сайта
Из проведенного анализа было видно, что под одним и тем же названием раздела может содержаться различная информация. Поэтому для разработки проекта будет представлено детальное описание разделов и веб-страниц.(Табл.1. «Описание страниц»).
Табл. 2. Описание страниц
|
Заголовок страницы/раздела |
Информация |
Тип web–страницы (содержание элементов веб-страниц) |
|
Главная |
Девиз, логотип, описание работы ДОУ, задачи развития |
Статическая (текст, изображения) |
|
Документы |
|
Статическая (страница со списком ссылок на страницы) |
|
|
Статическая (страница со списком ссылок на .doc документы) |
|
|
Статическая (списки ссылок на сайты с законами) |
|
Образовательная деятельность |
Статическая (список ссылок на страницы) |
|
|
Информация о педагогах, работающих в детском саду |
Статическая (страница со списком ссылок на страницы с фото) |
|
Информация о кружках |
Статическая страница (текст) |
|
Информация об оплате детского сада |
Статическая (текст) |
|
Информация о саде |
||
|
Текст гимна |
Статическая (текст) |
|
|
Статическая (текст, изображение) |
|
Статьи из газет |
Статическая (текст, изображение) |
|
Время работы сотрудников |
Статическая (текст) |
|
Родителям |
Важная и полезная информация для родителей. |
Статическая (текст) |
|
Фотогалерея |
|
Динамический элемент (ссылки на фото) |
|
Форум |
Список тем обсуждений родителями |
Динамический элемент |
Следующий этап создания сайта — разработка графического интерфейса, на котором наглядно изображено как будут располагаться функциональные графические элементы (. рис.2. «Макет страницы»). Создавая макет страницы, разработчик должен учесть многие моменты, связанные с представлением информации на сайте, восприятием ее пользователем, организацией быстрого поиска и др.
Ниже представлена основная разметка страниц будущего шаблона (. рис. 2).
|
логотип |
Название сайта |
Поиск |
|
|
Слайд–шоу с использованием детских фото |
|||
|
Горизонтальное меню |
|||
|
Вертикальное меню |
Контент Информационное содержание страницы |
||
|
информация об авторских правах |
|||
Рис.2. Макет страницы
После того как составлен макет страницы, нужно определить наиболее подходящую цветовую гамму сайта.
Так как веб–сайт разрабатывается для дошкольного учреждения, следует выбирать спокойные и приятные цвета. Исходя из этого, и из пожеланий администрации ДОУ сайт будет выполнен в трех цветовых гаммах (розовый, голубой и зеленый).
Все тексты на сайте обязаны хорошо читаться и на плохо настроенном мониторе. Основные разделы сайта должны быть доступны с первой страницы. В дизайне сайта не должны присутствовать мелькающие баннеры и много сливающегося текста.
Сайт должен иметь интуитивно-понятный интерфейс, содержать детские рисунки или рисунки на детскую тематику.
Для реализации страниц сайта должны использоваться следующие языки:
- для статических страниц и шаблонов — HTML и CSS;
- для интерактивных элементов клиентской части — JavaScript и DHTML;
- для динамических страниц — PHP;
Также все рисунки должны быть в формате gif или jpg.
Для функционирования сайта необходимо следующее программное обеспечение:
- Веб-сервер — Apache версии не ниже 1.3.26;
- СУБД — MySQL версии не ниже 3.23;
- PHP — версия 5.3.10.
Сайт должен быть доступен для полнофункционального просмотра с помощью таких браузеров, как:
Для реализации проекта необходимо выполнить следующую работу:
- выбрать CMS для написания сайта;
- выбрать подходящий шаблон на детскую тематику;
- установить модули форума и фотогалереи;
- наполнить сайт необходимой информации.
CMS (от английского Content Management System) — система управления содержимым (контентом) — информационная система, которая используется для организации и обеспечения процесса по совместному созданию, управлению и редактированию содержимого сайта.
Бывают бесплатные cms системы и платные. Бесплатно cms движки распространяются довольно часто, большинство из них (речь о популярных) регулярно обновляются, для них есть большое количество шаблонов дизайна и дополнений. Для многих задач, особенно в некоммерческих тематиках, подойдут бесплатные cms системы.
CMS Joomla
CMS Joomla — производная ветвь от широко известного проекта Mambo, отделившаяся от материнской компании. Причиной этого послужило несогласие по вопросам экономической политики. Первая версия, с исправлениями ошибок и уязвимостей, обнаруженных на тот момент, вышла в свет 16 сентября 2005 года и явилась, по сути, переименованной Mambo 4.5.2.3. К середине 2008 года новый проект занял второе место по числу ежедневных скачиваний, уступая лишь WordPress.
В арсенале CMS Joomla самые различные инструменты для разработки веб–сайта. Загромождение административной панели ненужными элементами устраняется за счет важной особенности CMS — минимального набора инструментов при начальной установке. Благодаря чему снижается нагрузка на сервер, а так же экономится место на хостинге.
С помощью дополнительных компонентов, модулей и плагинов joomla существует возможность увеличения функциональности. Неоспоримым преимуществом данной CMS является то, что все компоненты, модули, шаблоны и плагины можно писать самостоятельно.
В целях повышения рейтинга в поисковиках можно создать свое описание и ключевые слова для каждой динамической страницы. Можно запрограммировать по календарю начало и окончание публикации любых материалов. Возможно ограничение доступа к определенным разделам сайта незарегистрированных пользователей. Разнообразные модули CMS включают в себя подробную статистику посещений, счетчик посещений, гостевую книгу, последние новости, форум и др.
Добавлена возможность создания форм обратной связи для каждого контакта. Возможность привлечения новостей, статей и ссылок от удаленных авторов посредством модуля приема. Благодаря менеджеру рассылки новостей, поддерживается более 360 служб по всему миру. На ее платформе существует бесплатное приложение для организации электронного магазина.
Joomla написана на языках PHP и JavaScript, использующая в качестве хранилища базу данных MySQL.
Функциональность системы можно увеличивать с помощью добавочных расширений (компонентов, различных модулей и плагинов).
Присутствует модуль безопасности, применяемый для многоуровневого распознавания пользователей и администраторов (применяется собственный алгоритм распознавания и «ведения» сессий).
Система шаблонов дает возможность легкого изменения внешнего вида веб–сайта или формирования своего уникального. В сети присутствует большой выбор готовых шаблонов, которые являются как платными, так и бесплатными.
Возможность применения адресов страниц настроенных для лучшей индексации всеми поисковиками — это существенно улучшает Ваши рейтинги при продвижении сайта. Рассчитаны настраиваемые схемы размещения модулей, (левый, правый, центральный), а также любое другое произвольное расположения блока. При желании все содержание модуля можно также добавить в содержимое материала.
Возможность joomla:
- создания неограниченного числа страниц;
- начало и конец публикации любой информации можно запрограммировать по календарю;
- возможность доступа к некоторым разделам сайта только для зарегистрированных пользователей;
- блоки новостей, товаров или услуг легко редактируются и управляются;
- опросы и голосования для осуществления обратной связи;
- разнообразные модули — такие как последние комментарии, счетчик посещений, детальная статистика посещений, книга отзывов, форум и т.д. с возможностью выбора желаемых страниц, где это все может показываться;
- возможность организации нескольких форм обратной связи для любого контакта;
- генератор отображения случайной новости;
- имеется возможность распечатки и отправки другу на его почту любую статью с сайта;
- предварительный просмотр данных перед конечным размещением;
- возможность легкого изменения дизайна;
- экономичное использование места на сервере т. к. задействуются базы данных MYSQL.
Среди преимуществ иногда выделают постоянные регулярные обновления движка joomla, но это, скорее, недостаток, ведь придется постоянно устанавливать новые версии. Да и это означает, что разработчики постоянно допускают ошибки. Еще одним недостатком, который не особо актуален для новичков, является сложность и избыточность программного кода, которая негативно сказывается на скорости работы сайта, а также на возможности нахождения и исправления ошибок.
DRUPAL
Также входит в самые популярные cms для сайта и распространяется бесплатно. На конкурсе «Best open source applications 2010» drupal победила в категории лучшая cms.
Drupal можно применять для построения различных сайтов, начиная от блогов, новостных порталов, информационных сайтов, форумов и заканчивая социальными сетями. Довольно большую функциональность можно расширять установкой дополнительных «модулей», которые можно скачать с официального сайта. По умолчанию уже включает в себя такие функции, как голосование, форум, сборщик новостей, новостная лента, движок для блога, загрузка файлов и поиск. Из недостатков drupal можно выделить повышенное требование к оперативной памяти на стороне сервера, обычно не менее 128 МБ.
Основные направления разработок на Drupal:
- блоги;
- социальные сети;
- персональные сайты;
- корпоративные сайты;
- порталы сообществ;
- форумы;
- магазины;
- сайты–справочники.
Drupal ориентирован на платформу LAM, но допустимо использование и других вариантов системного программного обеспечения. Используется операционная система Unix, Windows. Работает на веб–сервере Apache, Lighttpd (теоретически, любой веб–сервер, допускающий исполнение РНР–кода), РНР версии 4.3.3 и выше.
Из проанализированных систем управления контентом можно выделить наиболее подходящую для реализации сайта дошкольного учреждения — CMS Joomla, так как она имеет такие важные преимущества, как:
- бесплатная;
- имеется открытый исходный код;
- возможность добавления нужных для определенного сайта модулей;
- большое количество шаблонов, модулей и расширений;
- для работы может подойти практически любой хостинг с поддержкой php и mysql;
- проста в обучении и использовании — данный пункт особо важен, т.к. поддерживать сайт предстоит сотрудникам учреждения самостоятельно.
Было рассмотрено множество шаблонов. Наиболее подходящим оказался шаблон baby-center-template, т.к. он удовлетворяет всем требованиям заказчика: цветовая гамма сайта, расположение меню сверху и слева.
Рис.3. Шаблон baby-center-template
В выбранном шаблоне можно по желанию изменять цветовую гамму (голубой, розовый и зеленый). Был изменен стандартный логотип.
В ходе работы были добавлены следующие модули:
- Phoca Gallery — модуль для отображения фотографий;
- Kunena Forum — модуль форума, для общения родителей.
Phoca Gallery. В пользовательском интерфейсе отображается список фотоальбомов. Этот список представляет собой ссылки на каждую категорию альбома. В каждом альбоме находятся фотографии небольшого размера. При нажатии на фотографии, она открывается в большом размере. В этом модуле также доступен просмотр в режиме слайд шоу.
Kunena Forum. В этом модуле находится список тем, которые обсуждаются на форуме, список пользователей, которые в данный момент находятся на этом форуме, и статистика посещений форума, созданных тем и прокомментировавших обсуждения. При открытии какой-либо темы на форуме, можно просмотреть все комментарии.
Наполнение сайта
После того как разработана структура и дизайн сайта, выбран шаблон, установлены необходимые модули (фотогалерея, форум и др.) сайт был наполнен материалами, предоставленными заказчиком (администрацией дошкольным учреждением): документы ДОУ, фотографии, расписание занятий, график работы в ДОУ, и т.п.
На главной странице сайта описана следующая важная информация:
- полное название дошкольного учреждения;
- логотип и девиз;
- описана образовательная работа, проводимая в дошкольном учреждении;
- находятся фотографии детей с различных занятий.
Страница «Фотогалерея» интересна тем, что пользователи могут просматривать фотографии с проведенных мероприятий, как перелистывая фотографии, так и запустив слайд–шоу.
Любому пользователю будет интересно узнать, что пишут о дошкольном учреждении в прессе. На странице «Пресса о нас» представлены статьи из местных газет.
Страница Контакты включает в себе юридический и фактический адрес ДОУ, карту местонахождения, что поможет любому пользователю при необходимости найти дошкольное учреждение сразу понять, где находится здание ДОУ.
На всех страницах сайта располагается список ссылок на важные сайты (Министерства образования, портал «Российское образование», министерства образования Московской области и др.).
Заключение
В современном обществе, где сильно развит Интернет, неотъемлемой частью любого учреждения является официальный веб–сайт. В данной курсовой работе стояла задача разработать сайт для дошкольного бюджетного образовательного учреждения детского сада «Ромашка»
В ходе работы были рассмотрены и проанализированы законодательные документы по разработке и наполнению официального сайта, был проведен обзор существующих веб–ресурсов дошкольных учреждений. Исходя из проведенного анализа и пожеланий администрации ДОУ, были разработаны структура, макет и дизайн сайта «Ромашка». Средством для реализации проекта была выбрана CMS Joomla.
В итоге реализация проекта веб–сайт, в котором соблюдаются все требования (и рекомендации) законодательных документов и администрации ДОУ и наполнен соответствующей информацией.
В дальнейшем планируется расширить контент веб–сайта (добавить имеющиеся материалы и документы МБДОУ). А также перенести ресурс на постоянный хостинг «Управления дошкольного образования» и ввести его в эксплуатацию.
Список используемой литературы
-
- Л. Томсон, Л. Веллинг. Разработка Web–приложений на PHP и MySQL – СПб.:ООО «ДиаСофтЮП», 2003.
- И. К. Фролов, В. А. Перелыгин, Е. Э. Самойлов. Разработка, дизайн, программирование и раскрутка web–сайта, «Триумф», 2009.
- Волкова, Е.В. Художественная обработка фотографий в Photoshop.– СПб.: Питер, 2005.
- Постановление Правительства Российской Федерации от 18 апреля 2102 г. №343 г. Москва «Об утверждении Правил размещения в сети Интернет и обновления информации об образовательном учреждении»: «Русская газета» — Федеральный выпуск № 5764, 2012 [Электронный ресурс]. — Режим доступа: http://www.rg.ru/2012/04/25/internet-dok.html
- Федеральный закон Российской Федерации от 29 декабря 2012 г. № 273–ФЗ «Об образовании в Российской Федерации: Президент Российской Федерации В.В. Путин, 2012 [Электронный ресурс]. — Режим доступа: http://www.rg.ru/2012/12/30/obrazovanie-dok.html
- Ведение официального сайта дошкольного учреждения: Шимина О.Л., 2012 [Электронный ресурс]. — Режим доступа: http://www.resobr.ru/materials/167/28881/
- Выбор CMS движка для сайта: Анонимный автор, 2012 [Электронный ресурс].— Режим доступа: http://mainspy.ru/vybor_cms_dvizhka_dlya_sajta
- Что такое CMS? Для чего она нужна? Какие бывают CMS?: Анонимный автор, 2012 [Электронный ресурс]. — Режим доступа: http://moolkin.ru/joomla/cms/chto-takoe-cms-dlya-chego-ona-nuzhna-kakie-byvayut-cms/
- Прибыль и рентабельность торговой организации, на пример реально существующей организации
- «Проблема адаптации персонала и молодых специалистов в организации»
- Адаптация персонала в организациях разных типов (Значимость адаптации в системе управления)
- Налоговый учет расходов на рекламу
- МЕТОДОЛОГИЧЕСКИЕ ОСНОВЫ ТЕОРИЙ МОТИВАЦИИ
- Главное достоинство и назначение экспертных систем
- Теоретические аспекты стресса в профессиональной управленческой деятельности
- Маркетинговый план
- Проведение инвентаризации и оформление ее результатов, документирование
- «Аккредитивная форма расчетов по экспортным и импортным операциям»
- Трудовые ресурсы торговой организации, на пример реально существующей.
- Банковский маркетинг: цель, задачи и принципы