Курсовая работа по созданию и разработке сайта

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

В этом случае он вводит полный путь к данной для нас папке в настройках веб-сервера, чтоб он мог отыскать ее на твердом диске. Опосля этого корневую папку можно заполнить файлами новейшего веб-сайта. Веб-сервер отыскивает в корневом каталоге веб-сайта файл somepage. Ежели файл не существует либо веб-сервер по любым причинам не может его загрузить, он отправляет сообщение о ошибке в веб-браузер. Язык гипертекстовой разметки HTML — это язык, специально разработанный для сотворения веб-документов.

Он описывает синтаксис и размещение особых инструкций тегов , которые не показываются на экране, а дают подсказку браузеру, как показывать содержимое документа. Он также употребляется для сотворения ссылок на остальные документы, локально либо в Вебе, к примеру, в Вебе. В настоящее время действует спецификация HTML 4. На практике на эталон HTML сильно влияют теги, предоставляемые и поддерживаемые более популярными браузерами, таковыми как Microsoft Internet Explorer и Netscape Navigator.

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

А с ее помощью незатейливую интернет-страницу с несколькими абзацами текста можно практически написать за 5 минут, и огромную часть этого времени будет потрачено на набор самого текста данной для нас странички, а не тегов HTML. Так в чем проблема? Но почти все люди не знают HTML, плюс они не желают его учить либо не имеют времени.

Но для сотворения веб-страниц они желают. Потому специально для их программеры написали набор программ для сотворения веб-страниц — так именуемые веб-редакторы. С помощью таковых программ можно создавать документы, как в Microsoft Word, то есть просто и комфортно. Одна из таковых программ написана разрабами компании Macromedia и именуется Macromedia Dreamweaver. 1-ая версия была выпущена еще в году; в настоящее время доступна версия 8.

Это с Dreamweaver, и мы будем работать в процессе написания курсовой работы. В этом случае юзер форматирует текст и сходу же лицезреет итог собственной работы в окне редактора. Есть также невизуальные так же известные как HTML редакторы, которые основаны на другом принципе. Они работают конкретно с самим HTML-кодом, предоставляя юзеру разные доп возможности: скорую вставку тегов, простую настройку их характеристик, набор предопределенных шаблонов для сотворения обычных частей интернет-страницы и т.

В этом смысле они похожи на Блокнот, но еще наиболее продвинутые. На данный момент следует огласить, что фактически все суровые веб-редакторы имеют режим прямого редактирования кода HTML то есть на самом деле они являются гибридными веб-редакторами. Вот почему на данный момент, практически каждый раз, когда молвят «визуальный веб-редактор», они имеют в виду просто гибридную програмку. Это, естественно, включает в себя Dreamweaver. При разработке проф графики для Веба используйте текст со сглаженными краями.

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

При проектировании интернет-страницы с базисным HTML существует два набора шрифтов: пропорциональный шрифт и шрифт фиксированной ширины. Единственная неувязка в том, что непонятно, какой из их и какой размер будет употребляться на мониторе.

Пропорциональный шрифт — также узнаваемый как «шрифт переменной ширины» выделяет различное количество пробела для каждого знака в зависимости от его контура. К примеру, при использовании пропорционального шрифта большая буковка «W» занимает больше места в строке по горизонтали, чем большая буковка «I». Примеры пропорциональных шрифтов: Таймс, Гельветика и Ариал.

Веб-браузеры употребляют пропорциональные шрифты для большинства текстов на интернет-странице, включая основной текст, заглавия, списки, цитаты и т. В целом, огромные отрывки основного текста наиболее читабельны при печати пропорциональными шрифтами. Так как у большинства юзеров нет времени на подмену шрифтов по умолчанию, полностью возможно, что текст на вашей страничке будет отображаться в шрифте Times размером 10 либо 12 пт по умолчанию в Netscape либо Helvetica по умолчанию в Microsoft Internet Explorer.

Но это только общее правило. Шрифт с фиксированной шириной обеспечивает равное место для всех знаков в шрифте. Большая «W» не занимает больше места, чем большая «I». Примерами шрифтов фиксированной ширины являются «Курьер» и «Монако». В веб-браузерах для отображения текста в последующих HTML-тегах употребляются шрифты фиксированной ширины: , , , , ,. Так как почти все юзеры не меняют опции шрифта по умолчанию, текст, содержащийся в указанных тегах, отображается в одном из шрифтов "Курьера".

Размер шрифта. Частично это соединено с тем, что их операционные системы управляют мониторами с различным разрешением. 3-ий соперник, достойный упоминания, формат PNG, борется за поддержку и внимание посреди браузеров. Ниже приведен лаконичный обзор "большой тройки" онлайн-форматов изображений. Подробнее см. Это был 1-ый формат файлов, поддерживаемый веб-браузерами, и до сих пор является самым принципиальным графическим форматом в Вебе.

Его свойства следующие: поддерживает не наиболее цветов меньше может быть и нередко нужно ; употребляет гамму цветов; употребляет сжатие без утрат способом LZW аналогично тому, что употребляется архиватором PKZIP, потому файлы GIF изредка подвергаются предстоящему сжатию ; поддерживает чересстрочное сканирование; является потоковым форматом, то есть отображение изображения начинается во время передачи; дозволяет одному из цветов атрибута палитры быть прозрачным, который употребляется для сотворения так именуемых прозрачных GIF; имеет возможность хранить несколько изображений в одном файле, который употребляется при разработке анимированных GIF-файлов; поддерживает возможность вставки в файл контрольных блоков, что дозволяет добавлять к файлу комменты к примеру, авторские права , задержку меж показами изображений и т.

А сейчас маленькое объяснение - к чему могут привести эти индивидуальности. Как мы уже писали, GIF не поддерживает наиболее цветов, что значит, что все изображения, которые мы сохраняем в формате GIF, очевидно либо неявно уменьшают количество цветов, чтоб уместиться в этом пределе различные программы с различным фуррором. И вывод - ежели мы создадим прекрасную фотографию с плавными переходами и тонкими цветовыми цветами, то опосля конвертации она будет еще ужаснее - цвета будут неузнаваемы, а все изображение будет смотреться неестественно, нереально.

Потому, ежели вы желаете сохранить фотографию в формате GIF и выслать все цвета с ней, для вас придется прибегнуть к уловкам. К примеру, можно применить художественный фильтр к изображению и перевоплотить его в картину, либо применить тонирование. Но сохранение чертежей и конструкций в этом формате не является неувязкой, так как они традиционно отлично сжаты и не содержат много цветов.

Содержит битную информацию о цвете. Он имеет 16,77 миллионов цветов по сопоставлению с цветами в формате GIF. JPEG употребляет так называемое сжатие с потерями. Это значит, что некая информация о изображении отбрасывается при сжатии, но в большинстве случаев ухудшение свойства изображения не является вредным и нередко даже неприметным. Фото либо любые изображения с плавной градацией цвета лучше всего сохранять в формате JPEG, так как он обеспечивает наилучшее качество изображения, которое помещается в файл наименьшего размера.

Но JPEG не является наилучшим решением для графики с монохромными областями, так как этот формат имеет тенденцию к искажению цветов, а конечный файл имеет тенденцию быть мало больше, чем GIF-файл для того же самого изображения. Существует 3-ий графический формат, который конкурирует за неизменное внедрение в сети. Это формат PNG, Portable Network Graphic, который, невзирая на некие плюсы, наиболее либо наименее прожил теневое существование с года.

Лишь не так давно браузеры начали поддерживать PNG как встроенную графику, но у PNG есть все шансы стать чрезвычайно популярным форматом в Вебе. Вот почему она включена в "большую тройку". PNG может поддерживать индексированные 8-битные цветные, битные полутоновые либо битные полноцветные изображения с внедрением способа сжатия без утрат. Это обеспечивает наиболее высочайшее качество изображения и время от времени наименьший размер файла по сопоставлению с форматом GIF. Не считая того, PNG-файлы имеют некие примечательные способности, такие как интегрированный контроль гамма-отношений и переменные уровни прозрачности это дозволяет демонстрировать фоновое изображение через мягкое отбрасывание теней.

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

В этом контексте есть одно принципиальное правило для веб-дизайнера: размер файла графики должен быть как можно меньше! Создание изображений для передачи по сети накладывает на разрабов ответственность за суровое отношение к дилемме времени загрузки. Почти все веб-мастера не спешат мыслить о потоке инфы, а ограничиваются размещением текста и изображений на страничке. Хотя почти все веб-сайты могут быть встречены с хвастливой уверенностью в том, что у их еще больше гостей, чем у их соперников, это не наилучший показатель свойства их работы.

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

Чтоб сделать мой веб-сайт действенным, мне нужно визуализировать поток инфы и пути, которые я выбираю. Иными словами: Мне необходимо узреть мой веб-сайт с точки зрения юзера. Процесс планирования может быть трудозатратным, но ежели мне понравится, то, быстрее всего, мой веб-сайт будет хорошим. Фаворитные веб-сайты - это те, которые смотрятся привлекательно, выражают основную идею в короткой форме и не принуждают юзеров ожидать очень долго информацию на собственных экранах.

Некие условия для удачного сайта: Верно сформулируйте цель сайта. Нужно найти цели веб-сайта, попытаться сконструировать их как можно наиболее верно. Я желаю, чтоб веб-сайт представлял продукцию Марса. Опосля этого необходимо помыслить о том, как представить продукцию, как позиционировать ее на онлайн-рынке. Без верно определенной цели сайт обречен на то, чтоб быть позабытым кое-где на окраинах Глобальной сети.

Не забудьте помыслить о аудитории. Кто будет основной и вторичной аудиторией сайта? Сколько им лет? Что они делают? Сколько времени они проводят на сайте? Употреблять элементы стремительной загрузки. Основная причина, по которой люди быстро покидают веб-сайт либо вообщем его не посещают - информация загружается очень долго. Огромное количество графических файлов делает желание как-то воздействовать на ход событий, и самый обычный метод приостановить загрузку - надавить на клавишу.

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

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

Структурируйте содержимое таковым образом, чтоб оно имело смысл. Это известное утверждение, что содержание является первичным, а форма - вторичной. И это правда, но форма представления содержания также принципиальна. Сколько раз вы говорили себе: "Здесь нет ничего интересного" при посещении последующего сайта?

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

Карта веб-сайта может быть в особенности полезна, когда появляются трудности с отображением инфы. Начните с главной странички и работайте на собственном пути. Такое зрительное представление поможет для вас "увидеть" содержимое вашего веб-сайта, наиболее верно его организовать и избежать глобальных конфигураций при внесении конфигураций на веб-сайте.

Чем яснее я могу визуализировать структуру веб-сайта, тем больше у меня возникает новейших идей по ее улучшению. Сайты на самом деле являются основой веба, который мы знаем. Потому вопросец о инструментах для разработки сайтов является одним из самых принципиальных. Прокрутите в голове структуру узла и, по последней мере, решите, какая информация обязана быть на главной страничке и на остальных принципиальных страничках.

Удостоверьтесь, что узел в первую очередь предназначен, какова ваша основная цель и как нередко вы будете обновлять материал. Используйте текстовый либо веб-редактор страничек для сотворения страничек для вашего узла либо хотя бы неких из их и сохранения их в виде HTML-файлов. Для сотворения иллюстраций используйте графический редактор.

Просмотрите готовые HTML-файлы в вашем браузере. Удостоверьтесь, что текст набран верно, как работают ссылки, и обратите внимание на наружный вид графического материала. Повторяйте шаги 2, 3 до тех пор, пока узел не станет применимым для публикации. Публикуйте собственный Web-узел, размещая все его файлы файлы NTML и остальные типы файлов на Web-сервере, как описано в разделе «Размещение сайтов». Используйте браузер для просмотра веб-страниц, хранящихся на веб-сервере. Ежели вы ждете большего трафика на ваш веб-сайт, просматривайте странички с самыми крайними версиями более фаворитных браузеров, поэтому что браузеры различных производителей форматируют странички мало по-разному.

Не считая того, просматривайте странички с другого компа, чем тот, на котором они были сделаны — вы сможете увидеть случайные ссылки на файлы на твердом диске вашего компа. Поведайте всем о собственном узле, подождите обратной связи, выберите фаворитные из предложенных предложений и пожеланий и повторите вышеописанные шаги с новенькими идеями.

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

1-ая страничка, которую гости лицезреют при переходе по ссылке на веб-сайт, именуется домашней страничкой. Странички веб-сайта соединены ссылками. Это заглавие разделов веб-сайта, на которые юзеры могут надавить, чтоб перейти в определенное место на той же либо иной страничке. Для вас нужно спланировать ваш центр таковым образом, чтоб гости могли быстро перебегать с одной странички на другую и просто отыскивать подходящую им информацию. Быстрее всего, существует столько разных сайтов, сколько может быть обстоятельств для их сотворения и размещения в сети.

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

Приглашать членов группы на собрания, отдать иным группам возможность выяснить о работе Вашей группы и объявить о собственном присутствии, когда новейшие члены захочут присоединиться к группе. Для предоставления инфы о определенном виде деятельности. К примеру, футбольный болельщик может сделать веб-сайт, посвященный только этому виду спорта. Он будет содержать странички, описывающие результаты спорта и выступления вашей возлюбленной команды, а также ссылки на остальные футбольные веб-ресурсы.

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

Для того чтоб выбрать форму подачи и тип инфы, которая будет размещена на веб-сайте, нужно поначалу найти состав возможных гостей. Задумайся, кто бы они могли быть: Мужчины либо дамы, мастера либо любители, самоучки либо интересующиеся определенной темой. Как лишь вы узнали, для кого предназначен веб-сайт, вы сможете создать его дизайн с учетом интересов будущих гостей.

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

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

Задачки курсовой работы: — разработка веб-сайта с внедрением современных программных средств; — разработка дизайна дизайна, делающего веб-сайт наиболее симпатичным для клиентов; — создание комфортного интерфейса для способности удобного пребывания юзеров на сайте; — возможность юзеров бросить отзыв, жалобу либо предложение о работе центра красы и здоровья. Теоретическая часть 1. На сейчас веб-сайт выступает как средство коммуникации вербования мотивированной аудитории.

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

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

Создать веб-сайт значит показать свою современность и актуальность. Создать веб-сайт - для организации означает «быть на уровне», быть конкурентоспособным, ведь в любом деле применение инноваторских технологий влияет на образ и оценку организации. Конкретно потому, разработка веб-сайта сейчас является достаточно актуальной и нужной услугой. Цель сотворения веб-сайта состоит в передаче инфы юзеру.

Тема данной курсовой работы - разработка сайта «Центр красы и здоровья». Актуальность курсовой работы обоснована тем, что в современном мире все больше и больше людей, желающих заниматься спортом и вести здоровый образ жизни. Проанализировав цели, задачки курсовой работы, приступим конкретно к разработке веб-сайта. Denwer - набор дистрибутивов и программная оболочка, предназначенные для сотворения и отладки веб-сайтов на локальном ПК без необходимости подключения к сети Веб. Способности Denwer: Сходу опосля установки доступен на сто процентов работающий web-сервер Apache, работающий на локальном компе, на котором может работать неограниченное количество веб-сайтов, что чрезвычайно отлично для разработки и отладки сценариев PHP без загрузки его файлов на удаленный сервер.

При запуске создается виртуальный диск по умолчанию Z: , где хранятся все файлы проектов. Индивидуальностью, отличающей Denwer от остальных WAMP-дистрибутивов, является автоматическая правка системного файла hosts, являющегося локальным аналогом DNS-сервера, что дозволяет обращаться к локальным веб-сайтом, работающим под управлением Денвера, по именам, совпадающим с именованием папки, расположенной в каталоге home Denwerа [13]. Базисная функциональность программы может быть расширена как за счёт плагинов, так и посторониих модулей, таковых как компиляторы и препроцессоры [2].

Программный комплекс имеет обеспеченный набор серверного программного обеспечения, удачный, функциональный обмысленный интерфейс, владеет массивными способностями по администрированию и настройке компонентов.

Платформа обширно употребляется с целью разработки, отладки и тестирования web-проектов, а так же для предоставления web-сервисов в локальных сетях. Индивидуальности комплекса: - не просит установки портативность ; - возможность работы с usb накопителя; - одновременная работа с denwer, xampp и т. HTML от англ. Hyper Text Markup Language - «язык гипертекстовой разметки» - обычный язык разметки документов во Глобальной сети.

Язык HTML интерпретируется браузерами и отображается в виде документа в комфортной для человека форме. Текстовые документы, содержащие разметку на языке HTML такие документы обычно имеют расширение. Такие приложения, именуемые «браузерами» либо «интернет - обозревателями», традиционно предоставляют юзеру удачный интерфейс для запроса web - страничек, их просмотра и вывода на другие наружные устройства и, при необходимости, отправки введённых юзером данных на сервер.

CSS англ. Cascading Style Sheets - каскадные таблицы стилей формальный язык описания наружного вида документа, написанного с внедрением языка разметки. CSS употребляется создателями web - страничек для задания цветов, шрифтов, расположения отдельных блоков и остальных качеств представления наружного вида этих web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры web-страницы от описания наружного вида данной web-страницы.

Такое разделение может прирастить доступность документа, предоставить огромную упругость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Не считая того, CSS дозволяет представлять один и тот же документ в разных стилях[11]. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста»; сначало Personal Home Page Tools - «Инструменты для сотворения индивидуальных web - страниц» - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки web - приложений.

В настоящее время поддерживается подавляющим большинством хостинг - провайдеров и является одним из фаворитов посреди языков программирования, применяющихся для сотворения динамических web - веб-сайтов [4]. Более нередко используемые операции поддерживаются с помощью пользовательского интерфейса управление базами данных, таблицами, полями, связями, индексами, юзерами, правами, и т. AdobePhotoshop - функциональный графический редактор, разработанный и распространяемый компанией AdobeSystems.

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

Количество слоев и масок тут фактически ничем не ограничено, а к этому добавляются сотки эффектов, фильтров и остальных аксессуаров. Демоверсия Photoshop указывает большая часть из их. Доп преимуществом являются также прилагаемые приложения, как, к примеру, менеджер расширений Adobe Extension manager, а также просмотр файлов Adobe Birdge[5]. Более обширное применение находит в браузерах как язык сценариев для придания интерактивности web - страничкам.

Главные строительные черты: динамическая типизация, слабенькая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса. На JavaScript оказали влияние почти все языки, при разработке была цель сделать язык схожим на Java, но при этом лёгким для использования непрограммистами.

Языком JavaScript не обладает какая-либо компания либо организация, что различает его от ряда языков программирования, используемых в web-разработке [9]. Мотивированная аудитория веб-сайта - юзеры, владеющие хотя бы минимальными познаниями в IT разработках и привыкшие находить информацию в сети веб. Основная задачка веб-сайта - предоставлять подходящую информацию гостям, а так же возможность бросить комменты о избранной организации.

Исходя из поставленных задач, web-сайт должен предоставлять последующие возможности: - при первом посещении веб-сайта юзер должен осознать, для что служит данный веб-сайт, составить общее воспоминание о нем, узнать свои потребности в отношении веб-сайта. Для этого ему должен быть доступен список всех услуг; - ежели в предстоящем юзеру не понравилось сервис в избранной им организации, он может бросить собственный комментарий. Был реализован метод связи клиентов с администрацией сайта.

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

Изображение в окне браузера состоит из 3-х главных элементов: - заглавие сайта; - основное информационное меню слева страницы; Заглавие веб-сайта находится на каждой страничке и не меняется в зависимости от местонахождения на веб-сайте. Меню предназначается для навигации по веб-сайту, в нем показываются ссылки на все странички веб-сайта. Основное содержание странички изменяется в зависимости от местонахождения юзера. Основная страничка. Эта страничка отображается при первом входе на веб-сайт, ее оформление и содержание дает юзеру 1-ое представление о веб-сайте [6].

Практическая часть 2. Интерфейс-то, что лицезреет юзер в браузере: рамки, изображения, ссылки, надписи и т. В целях вербования большего числа клиентов и лучшего зрительного восприятия веб-сайта, нужно сделать интерфейс очень симпатичным и в то же время очень обычным, чтоб уютно воспользоваться веб-сайтом могли даже неопытные юзеры. Также нужно наполнить веб-сайт информацией и подходящим контентом, для того, чтоб сделать веб-сайт более информативным и симпатичным [8].

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

Набросок 1 - Основная страничка веб-сайта Как видно, на главной страничке веб-сайта содержится самая основная информация о центре спорта и красы и её услугах. Последующая страничка веб-сайта - это страничка «Тренерский состав» набросок 2. На данной нам страничке размещается информация о составе работников центра, и его должностей. Цель данной странички - познакомить клиента с тренерским составом и их способах работы приложение Б.

Статья создание html сайта урок извиняюсь, но

Хотя на почти всех веб-сайтах вы сможете встретить хвастливые уверения, что у их еще больше гостей, чем у соперников, но это не самый наилучший индикатор свойства выполнения. Наилучшим показателем является время: ежели юзеры остаются на вашем веб-сайте довольно долго для того, чтоб пройти по различным его уровням и разделам, то вы вправе быть уверенными в отлично выполненной работе. Это значит, что они могут отыскать то, что им необходимо, осмотреть остальное и без особенного труда возвратиться обратно.

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

Самые фаворитные Web-сайты — это те, которые привлекательно смотрятся, емко выражают основную идею и не принуждают юзеров ожидать получения инфы на их экранах очень долго. Некие условия для сотворения удачного сайта:. Верно сконструировать назначение веб-сайта. Нужно найти цели веб-сайта, стараться формулировать цели так верно, как это может быть. Я желаю, чтоб веб-сайт представлял продукцию компании Марс. Опосля этого необходимо задуматься о том, как продукция будет представлена, как позиционировать продукты на сетевом рынке.

Без верно определенной цели веб-сайт будет обречен на забвение кое-где на задворках Глобальной Сети. Непременно обмыслить аудиторию. Кто будет основной и вторичной аудиторией сайта? Какого они возраста? Чем они занимаются? Сколько времени они проводят на сайте? Употреблять быстро загружаемые элементы. Причина номер один, почему люди быстро уходят с веб-сайта либо не посещают его совсем — очень долгая загрузка инфы.

Большой размер графических файлов вызывает желание как-то воздействовать на ход событий, и самое обычное — это надавить на кнопкуStop, остановив загрузку. Сделать веб-сайт зрительно симпатичным. Непременно, в Internet много кислых веб-сайтов. Может быть, делает их неинтересными недочет цвета и контраста текста, заголовков. Создавая собственный свой веб-сайт, нужно держать в голове, что обмысленное форматирование страничек приблизит веб-сайт еще на один шаг к свещенной цели. Не пробовать расположить все на одной страничке.

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

Знакомое утверждение, что содержание первично, а форма вторична. И это правда, но форма подачи содержания тоже принципиальна. Сколько раз при посещении еще одного веб-сайта вы говорили себе: "Здесь нет ничего интересного"? Может быть, кое-где глубоко снутри и захоронено что-то ценное, но откопать это что-то можно, только случаем на него натолкнувшись. Информация, которую гости должны узреть, не необходимо прятать вглубь веб-сайта. Важную информацию нужно сделать так просто доступной, как это может быть.

Пользоваться картой веб-сайта. Карта веб-сайта может оказаться в особенности полезной, когда возникнут трудности с представлением инфы. Начните работу с главной странички и идите вглубь. Это зрительное представление поможет "увидеть" содержимое вашего веб-сайта, наиболее ясно организовать его и избежать глобальных конфигураций при модификации веб-сайта. Чем наиболее верно я смогу представить для себя структуру веб-сайта, тем больше у меня покажутся новейших идеи по его улучшению.

Для сотворения новейшей странички в Dreamweaver я избрала в меню Файл пункт Новый… либо. На экране покажется диалоговое окно Новейший документ. Шаблон — это особенным образом приготовленная и сохраненная Web-страница, где уже имеются некие элементы, которые могут пригодиться заголовок, сведения о авторских правах, элементы дизайна и т. Опосля того, как в главном окне программы покажется наш шаблон, нужно сохранить наш файл. На твердом диске нужно сделать отдельную папку дальше корневая папка , в которой будут находиться все файлы, нужные для сотворения файла.

Назовем эту папку Мой веб-сайт. Для сохранения файла избираем в меню Файл пункт Сохранить и в появившемся окне указываем путь сохранения Корневая папка. Задаем имя первой странички glavnaya. Сейчас мы можем отыскать сделанную страницу в правом окне экрана. По тому же принципу нужно сделать и сохранить еще 6 страниц. Имена новейших страничек задаются в согласовании с содержанием страничек веб-сайта это нужно для сотворения гиперссылок.

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

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

1-ая при нажатии удаляет знак, находящийся слева от текстового курсора, и совершенно подступает для удаления лишь что введенного неверного знака. 2-ая удаляет знак, находящийся справа от текстового курсора. Не считая того, в окне документа Dreamweaver доступны такие операции, как перемещение "вырезание" , копирование текста в буфер обмена Windows и следующая его вставка в место, где находится текстовый курсор.

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

Опосля того, как нужный текст набран и отформатирован, нужно поработать с цветом. Цветовые характеристики странички тоже можно отредактировать при помощи данной нам панели. Селектор цвета состоит из 2-ух частей. Справа находится поле ввода, где вводится код подходящего цвета в формате RGB. Пример задания цвета в формате RGB — это тускло-голубой цвет. Но вряд кто запомнит наизусть шестнадцатеричные коды цветов. Потому в левой части селектора цвета находится клавиша вызова окна выбора цвета, которое в раскрытом виде показано на след рисунке:.

Огромную часть этого окна занимает гамма, где, фактически, мы и ищем подходящий цвет. Найдя его, просто щелкаем по нему мышью, и окно выбора цвета закроется. Ежели же ни один цвет из палитры нам не подступает, мы можем с помощью того же курсора мыши имеющего вид пипетки "взять" подходящий цвет откуда угодно: с рабочего стола, из хоть какого окна, из хоть какого элемента управления, для этого довольно просто щелкнуть мышью по подходящему месту экрана. Зададим фон всей странице. Я избрала цвет F.

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

Опосля всей проделанной работы в главном окне программы мы увидим следующее:. Графические изображения, предназначенные для размещения на страничках и хранятся в отдельных файлах. А в коде HTML этих страничек с помощью особенных тегов ставятся собственного рода ссылки на эти файлы. Встретив такую ссылку, Web-обозреватель загружает подходящий файл и выводит содержащееся в нем изображение в соответственном месте Web-страницы.

Графические изображения и некие остальные элементы страничек, также хранящиеся в отдельных файлах, именуются внедренными элементами Web-страниц. Форматов графических изображений на свете существует чрезвычайно много. При разработке собственного веб-сайта я используя лишь формат JPEG.

Формат JPEG Joint Pictures Encoding Group, группа кодировки неподвижных изображений , напротив, замечательно подступает для хранения полутоновых изображений. Потому картины и сканированные фото хранят лишь в этом формате. Для начала, все графические изображения, которые я буду применять при разработке web-сайта, нужно скопировать в корневую папку. Ежели этого не сделать, при просмотре веб-сайта в Web обозревателе вы не увидите хотимых изображений.

Чтоб вставить изображение на страничку веб-сайта, необходимо в меню Вставить выбрать пункт Изображение , и в сплывающем окне отыскать тот файл, который я желаю расположить. Опосля данной нам операции Dreamweaver расположит графическое изображение в то место, где на данный момент находится текстовый курсор. Сейчас давайте щелкнем мышью по лишь что вставленному изображению, чтоб его выделить. Фактически, Dreamweaver автоматом выделит изображение сходу опосля его вставки.

Опосля этого вокруг изображения покажется узкая темная рамка, на правой и нижней границе которой покажутся маленькие темные квадратики. Это так именуемые маркеры конфигурации размера. Можено "захватить" мышью хоть какой маркер и перетащить его на новое место, изменив тем самым горизонтальный либо вертикальный размер изображения соответственно. Сейчас сохраним получившуюся страничку, выделим изображение, ежели оно не выделено, и поглядим на редактор параметров.

Вот, что мы там увидим. Поля ввода Ш и В разрешают нам задать размеры изображения, введя его, соответственно, ширину и высоту вручную. Это может быть полезно, ежели выделенное изображение — часть дизайна сайта; в других вариантах удобнее задавать размеры изображения, перетаскивая мышью маркеры конфигурации размера. Обсуждая отличие Web-страницы от Web-сайта, я узнала, что Web-сайт — это набор Web-страниц, связанных друг с другом.

Но вот как эти самые странички связываются, сказано не было. Пора прояснить данный вопросец. Для этого употребляются гиперссылки — особенные связи, ведущие от одной Web-страницы к иной. Они имеют вид фрагментов текста, выделенных особенным образом у меня они голубого цвета с подчеркиванием. Ежели по таковой ссылке щелкнуть мышью, Web-обозреватель загрузит страничку, интернет-адрес которой указан в параметрах гиперссылки. С правой стороны, в каждом окне программы Dreamweaver я заблаговременно сделала так именуемую карту веб-сайта.

С помощью нее на веб-сайте можно тихо передвигаться при помощи гиперссылок по страничкам и не бояться "заблудиться". Давайте сделаем на нашей первой Web-странице первую ссылку, указывающую на вторую страничку веб-сайта istoriya. Выделим слова История и поглядим на редактор параметров.

Огромное поле ввода Ссылка для задания интернет-адреса для гиперссылки приметно сходу. Опосля этого нужно выбрать инструмент Указатель на файл и, удерживая кнопку мыши, перетащить указатель на нужную страничку веб-сайта, которые мы можем узреть в примыкающем окне программы Dreamweaver:. В графе Ссылка покажется имя указанного мною файла.

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

Плохо Средне Отлично Непревзойденно. Банк рефератов содержит наиболее тыщ рефератов , курсовых и дипломных работ, шпаргалок и докладов по разным дисциплинам: истории, психологии, экономике, менеджменту, философии, праву, экологии. А также изложения, сочинения по литературе, отчеты по практике, топики по британскому. Всего работ: Курсовая работа: Создание структуры Web-сайта Название: Создание структуры Web-сайта Раздел: Рефераты по информатике, программированию Тип: курсовая работа Добавлен 10 мая Похожие работы Просмотров: Комментариев: 31 Оценило: 20 человек Средний балл: 4.

Проверила: Карпова М. К Пенза Содержание Введение 1. Базисные познания нужные для сотворения Web-сайта 1. Как выстроить неплохой веб-сайт 2. Разработка Web-сайта посвященного компании "Марс" 3. Тема моей курсовой работы: Разработка Web-сайта посвященного компании "Марс".

Предмет — создание структуры Web-сайта. Цель - создание Web-сайта компании "Марс". Для этого нужно решить последующие личные задачи: — ознакомиться с современными Интернет-технологиями и, по способности, употреблять их в собственной разработке; — изучить главные понятия и программный инструментарий, применяемый для разработки и сотворения Web-сайтов; — выявить и учитывать способы и методы представления на Web-страницах разных видов инфы текстов и изображений ; — ознакомиться с основными правилами и советами по разработке и созданию Web-сайтов и неукоснительно следовать им в собственной практике; — определиться со структурой Web-страниц; — представить пошаговую стратегию разработки web-сайта.

Два комплекта шрифтов. При разработке Web-страницы средствами базисного HTML есть два комплекта шрифтов; пропорциональный и шрифт фиксированной ширины. Неувязка заключается только в том, что непонятно, какой из их и какого размера будет применен при отображении. 3-ий конкурент, заслуживающий упоминания, формат PNG, борется за поддержку и внимание браузеров. Дальше — лаконичный обзор "большой тройки" онлайновых графических форматов.

Наиболее подробная информация представлена в главах, посвященных каждому из форматов. Его характеристики состоят в следующем: — поддерживает не наиболее цветов меньше можно и нередко необходимо ; — употребляет гамму цветов; — употребляет сжатие без утраты инфы по способу LZW который подобен применяемому в архиваторе PKZIP, и, следовательно, GIF-файлы в предстоящем фактически не сжимаются ; — поддерживает чересстрочную развертку; — является поточным форматом, то есть показ рисунки начинается во время перекачки; — дозволяет назначить одному из цветов в гамме атрибут прозрачный, что применяется при разработке так именуемых прозрачных GIFов; — имеет возможность сохранения в одном файле пары изображений, что находит свое применение при изготовлении анимированных GIFов; — поддерживает возможность вставки в файл управляющих блоков, которые разрешают вставлять комменты в файл к примеру, о авторских правах , осуществлять задержку меж показами изображений и т.

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

Веб-сайты образовательных газет и журналов содержат электронную версию определенного печатного повторяющегося издания, к примеру, www. Виртуальные музеи: schools. Виртуальные клубы кафе : сlub-edu. Веб-сайты методического объединения учителей по школьным предметам к примеру, www. Веб-сайты для тематических телеконференций и чатов в online-режиме по вопросцам образования: forum. Веб-сайты творческого взаимодействия учителей, педагогов в сети содействуют отработке методических приемов использования в учебном процессе имеющихся телекоммуникационных проектов, обмену опытом.

К примеру, school-sector. Веб-сайты для увеличения квалификации педагогических кадров: www. Консультативные веб-сайты для учителей и учеников, студентов и педагогов по общеобразовательным предметам: www. Веб-сайты для консультационной помощи научно-методическим центрам к примеру, www. В настоящее время стали появляться так именуемые образовательные порталы - огромные по размеру образовательной инфы веб-сайты, в которых совмещены различные функции и типы образовательных веб-сайтов.

Например: www. Его создание содействовало развитию активного сектора информационной образовательной среды для учителей-предметников из различных городов. Тут раз в неделю располагаются результаты проектной учебной работы школьников в том числе, web-странички различного типа, сделанные ими , размышления учителей и координаторов сетевой работы по поводу сетевой деятельности в школе, интеграции ее к учебной програмке, выступления профессионалов о образовательной деятельности школ в Сети.

Тут же представлена информация о семинарах, конференциях, новейших web-сайтах, педагогических изданиях и медиасредствах, которые могут посодействовать учителям-предметникам в их учебной деятельности и почти все другое. В г. Цель проекта — содействие увеличению свойства образования в сфере культуры и искусств. По плану инициаторов проекта и главных разрабов данного портала - Фонда развития информационного общества и Института развития информационного общества - портал должен стать одной из действенных инноваторских моделей использования ИКТ для увеличения свойства образования и уровня квалификации профессионалов, а также развития научного и образовательного контента в сфере культуры и искусств в Рф [10, 49].

В рамках портала создается многофункциональная подсистема «Консультационный центр», позволяющая регистрировать запросы на консультации по разным темам и предложения по оказанию консультаций, вести поиск вероятных клиентов либо поставщиков консультационных услуг, а также осуществлять контакты меж поставщиками и потребителями услуг. Еще один модуль портала, «Виртуальный университет», представляет собой открытую платформу для сотворения дистанционных курсов.

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

В большинстве случаев образовательные веб-сайты являются веб-сайтами смешанного типа. Большая часть образовательных веб-сайтов относятся сразу к двум и наиболее перечисленным выше типам. Структура веб-сайтов образовательных учреждений довольно монотонна и, как правило, включает последующие разделы:. Основная страничка. Дает юзеру представление о структуре веб-сайта.

Коме того, на главной страничке располагаются анонсы, новости мероприятий, то есть та информация, которая может интересовать разные категории юзеров в нашем случае это абитуриенты, студенты и педагоги. Анонсы учреждения и конкретно веб-сайта могут быть отдельной страничкой либо совмещаться с остальным разделом. Располагать раздел новостей стоит лишь в том случае, ежели в нем вправду есть необходимость и уверенность в его будущих обновлениях.

При этом устаревшая информация не постоянно бесполезна, просто размещаться она обязана под иной вывеской, к примеру, «архив». о учреждении история, сертификаты свойства, шефы, партнеры, известные выпускники. В неких учебных заведения работают кружки, музеи, центры творчества и т. Могут включать в себя почтовый адресок, схему проезда, телефоны, Е-mail либо форму отправки сообщения для администрации либо группы поддержки веб-сайта.

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

Такие работы могут быть представлены как личные страницы учащихся либо групп. Также в этом разделе могут приводится расписание занятий, текущая успеваемость. Форум, гостевая книжка. Гостевая книжка - это место на веб-сайте, где ваши гости могут оставлять свои сообщения: отзывы на веб-сайт, замечания, пожелания и т.

Тут же хранятся и ранее размещенные сообщения. В отличие от форума, гости гостевой книжки не могут отвечать на сообщения, оставленные иными посетителями, и тем самым завязывать дискуссию либо полемику по какому-то вопросцу. Но обладатель веб-сайта имеет возможность откомментировать хоть какое из сообщений гостевой книжки,. Что касается гостевых книжек, то следует учесть, что лишь активно обновляемый "живой" веб-сайт пользуется авторитетом и поддержкой учащихся. Ежели не обеспечено развитие веб-сайта, бессмысленно заводить гостевые книжки и остальные интерактивные формы общения.

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

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

Содержание этого раздела должен быть отлично обмыслено. Конкретно наружные ссылки "склеивают" странички Веба друг с другом. Некие поисковые системы не индексируют ресурс в случае отсутствия таких. При этом текст, предыдущий ссылке, должен давать чёткое представление о её назначении.

Очень огромное количество ссылок тоже создаёт задачи юзеру. Для неких учреждений является актуальным создание раздела на иностранном языке либо английской версии веб-сайта, а также поддержка контактов с забугорными сотрудниками и друзьями. Английская версия не непременно обязана быть копией русскоязычного веб-сайта на британском языке, а может быть иной версией, может быть, состоящей на первых порах из одной странички. Глава 2. Проектирование web -сайта образовательного учреждения и размещение его в сети Веб.

Разработка веб-сайта включает в себя целый комплекс действий, от которых зависит действенный конечный итог. Это 1-ый шаг разработки веб-сайта и к нему необходимо подступать с особенной ответственностью. Вот некие вопросцы, на которые нужно ответить на данном этапе:. Как будет реализована схема обновления пополнения материалов сайта? Кто будет несет ответственность за заполнение каждого раздела? Для начала определимся с аудиторией. В нашем случае ее представляют в основном студенты и сотрудники социально-гуманитарного факультета, абитуриенты.

Также может осуществляться вербование доп юзеров с помощью рубрики «Твой досуг» и журнальчика «Референт-аналитик». Соответственно, к главным функциям веб-сайта относятся организационная дозволит обеспечить стремительный и удачный доступ к расписанию занятий, сессий, разным объявлениям, что в особенности важно для студентов-заочников ; маркетинговая дозволит привлечь доп внимание абитуриентов к специальностям социально-гуманитарного факультета ; имиджевая дозволит повысить как стиль факультета в целом, так и непосредственно специальности «Библиотечно-информационная деятельность» ; образовательная размещение на веб-сайте методических советов, учебных материалов, а также ссылок на образовательные ресурсы дозволит внедрение веб-сайта в процессе обучения.

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

Проведенные в НИИ информационных технологий социальной сферы Кемеровского муниципального института культуры и искусств КемГУКИ исследования контента веб-сайтов образовательных учреждений вузов культуры и искусств, федеральных образовательных веб-сайтов , музеев, библиотек, органов исполнительной власти выявили ряд общих недочетов, существенно снижающих эффективность создаваемых Интернет-ресурсов.

Выявленные недочеты свидетельствуют о том, что неувязка свойства веб-сайтов носит полный нрав и включает вопросцы как программно-технического, организационного, так и семантического нрава. Итак, возможной аудитории нужна информация последующего рода: информация о факультете; о центрах «Байрам» и «Время читать»; проводимых мероприятиях, конференциях, соревнованиях эта информация может представлять энтузиазм не лишь для студентов, абитуриентов и служащих нашего факультета и университета, но и для широкого круга лиц; дозволит привлечь новейших партнеров; создаст доп рекламу ; информация о специальностях, на которые ведется прием студентов, работе приемной комиссии, зачислении и т.

Смысл этого шага в том, чтоб не повторить ошибок и слабеньких сторон имеющихся образовательных веб-сайтов. Может быть, что веб-сайты, подобные разрабатываемому, уже есть в Сети. На что сделать упор в сайте? Чему уделить наибольшее внимание?

Эти вопросцы решаются на данном шаге. Анализ методов и схем поиска схожих веб-сайтов либо сервиса мотивированной аудиторией поисковые системы, сборники, тематические веб-сайты и др. Анализу образовательных веб-сайтов посвящена 1-ая глава данной работы. Методы и схемы поиска веб-сайтов, а также средства увеличения его свойства будут рассмотрены чуток ниже.

Обратимся подробнее к доменному имени. Доменные имена могут относиться ко 2 либо 3 уровню. Ежели вы удовлетворяетесь доменным именованием 3 уровня, то хостинг для веб-сайта объемом до 50 Мбайт время от времени больше можно отыскать совсем безвозмездно, к примеру у Yandex'а на Народе. В нашем случае веб-сайт будет располагаться на платном хостинге см. Навигационная схема Web-сайта зависит от его структуры и описывает то, как юзер будет по нему передвигаться и получать доступ к инфы, которую Вы представляете.

Простота и удобство навигации является одним из принципиальных причин, определяющих посещаемость Web-сайта. Юзеры должны быстро и просто перейти на всякую страничку Web-сайта, в том числе на исходную. Конкретно на этом шаге закладываются главные принципы работы веб-сайта, его структура, формируется общее представление о предстоящей работе над проектом. Также на этом шаге нужно придумать наименования разделов веб-сайта, заглавия страничек, найти переходы меж ними, то есть обмыслить логическую структуру размещения инфы.

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

Почаще всего структура Web-сайта представляет собой иерархию. При этом поначалу делают категории высшего уровня, а потом материал в логическом порядке располагают в категории, которые находятся ниже. Иерархические структуры бывают 2-ух видов: узенькая глубочайшая и широкая неглубокая. Узенькая глубочайшая иерархия характеризуется тем, что на верхнем уровне она имеет не достаточно категорий.

Для получения подходящей инфы юзер обязан перебегать на несколько уровней вниз. Эта структура владеет довольно понятной навигацией, но подразумевает довольно длинный путь к нижним уровням, из-за что информация, размещенная там, часто не доходит до потенциального юзера. Ни 1-ый, ни 2-ой метод организации инфы не является хорошим. Лучше, когда иерархическая структура состоит из уровней. Есть ситуации, когда представить информацию одним из обрисованных выше способов не представляется вероятным.

В этом случае используют несколько схем сразу. Но таковой подход имеет недочет — он просит от юзера концентрации внимания и доп усилий. Чтоб посодействовать юзеру, составляют карту Web-сайта site-map. На данной карте схематически представляют структуру размещения инфы на Web-сайте. Наш веб-сайт будет представлять собой широкую иерархию с элементами нелинейной структуры. Тут нужно хорошо подобрать материал, отвечающий требованиям достоверности, информативности, доступности, понятности. Материал должен быть структурирован подходящим образом с учетом дидактических принципов построения.

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

Не считая решений задач по достижению имиджевой особенности веб-сайта, нужно учесть множество доп время от времени, чисто технических требований - usability практичность веб-сайта, «прозрачность» понятность навигации, применение разных технологий дизайна, скорость загрузки страничек, качество графики, а также требования эргономики. Под веб-дизайном понимается оформление веб-сайта. До этого всего, в графическом редакторе осуществляется разработка наружного вида веб-сайта главной странички и главных страничек , создание персональной графики, выбор цветового и шрифтового решения.

Чрезвычайно отлично представить, как будет смотреться страничка в готовом виде, и сделать несколько набросков на бумаге. Естественно, при проф подходе к созданию веб-сайта эти работы должен делать живописец либо человек с художественными возможностями. Плодами этих работ должны быть файлы эскизов страничек либо макет веб-сайта. На этом же шаге делается оптимизация графики для веб-страниц, с учетом которой наибольшее качество изображения обязано сохраняться при наименьшем размере файла.

На базе сделанной структуры веб-сайта в ходе разработки дизайна особенное внимание стоит уделить оформлению навигации веб-сайта на основании принципов простоты, удобства, читабельности. Юзеры должны быстро и просто перейти на всякую страничку сайта, в том числе на исходную. Следует учесть, что дизайн в смысле разумного устройства веб-сайта существенно важнее, чем его «красивость». На шаге реализации традиционно создают заполнение веб-сайта материалами на базе файлов, сделанных в процессе верстки, и с учетом программ управления веб-сайтом, ежели таковые имеются.

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

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

На шаге реализации веб-сайта непременно создают просмотр в различных веб-браузерах и при различных разрешениях экрана. При необходимости избавляют ошибки. Также в данный шаг входят: размещение веб-сайта на Интернет-сервере, пуск и отладка нужных программных решений, установка и пуск программ управления веб-сайтом. Процесс размещения веб-сайта также именуют время от времени публикацией веб-сайта. Этот процесс неразрывно связан с понятием «хостинг».

К примеру, можно приобрести карточку для доступа в Веб, на которой верно и ясно написано, что ее обладатель может безвозмездно получить на сервере провайдера почтовый ящик размером 10 МБ и место под сайт, также объемом 10 МБ. Тем не наименее, крайний вид хостинга является менее всераспространенным, так как понятно, что смена провайдера Dial-Up доступа автоматом значит утрату веб-сайта.

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

Из-за бессчетных особенностей бесплатного хостинга внедрение его для размещения официального веб-сайта организации каким и является наш веб-сайт не представляется вероятным. Кроме определения хостинга, на этом шаге делается выбор инструментальных средств для размещения веб-сайта в сети Веб в нашем случае это CuteFTP 7. На этом шаге проводится тестирование образовательного веб-сайта на предмет обнаружения вероятных ошибок, связанных с обыденным «человеческим фактором» в процессе разработки и интеграции программных решений в функциональность веб-сайта.

Наряду с тестированием в различных веб-браузерах и при различных разрешениях экрана чрезвычайно хорошо поглядеть, как просматривается веб-сайт в остальных операционных системах. При тестировании следует направить внимание на время загрузки страничек и при недостающем быстродействии продолжить оптимизацию графических частей и текста страничек и программ. Для тестирования на удобство использования интерфейсом большие компании приглашают особые группы людей.

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

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

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

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

Потому усилия, направленные на раскрутку веб-сайта в поисковых системах, окупаются чрезвычайно быстро. Поисковые машинки их еще именуют индексы - большие склады слов, повсевременно пополняемые методом повторяющегося автоматического сканирования виртуального информационного места и индексирования его содержания Рамблер, Google.

Все это добро с указанием ссылок на «полки» - хост-серверы, веб-сайты, отдельные странички, строчки и предложения бережно хранится в виде больших индекс-файлов, к которым юзер обращается при каждом запросе в поисковой машине.

Поисковые машинки употребляют для индексирования веб-сайтов так именуемых «поисковых роботов», спайдеров от британского слова «spider», что означает «паук». Бот - это маленькая программа, которая прогуливается по ссылкам на веб-сайте и регистрирует собирает и запоминает встреченную на пути информацию.

Принцип работы поисковых ботов приблизительно следующий: юзер предоставляет поисковой системе четкий адресок странички, которую необходимо зарегистрировать. Поисковая система инспектирует, существует ли по этому адресу страничка, и ежели да, то страница вносится в «график посещения».

Меж временем, когда юзер зарегистрировал страничку в поисковой системе и временем, когда страницу посетит поисковый бот может пройти от пары минут до пары недель. Так что не стоит торопиться сходу же инспектировать наличие зарегистрированной странички либо веб-сайта в поисковой системе. При посещении поисковым роботом происходит следующее: бот отыскивает файл robots. Некие останавливаются лишь на чтении заглавия странички и содержимого мета-тегов, остальные могут прочесть, скажем 1-ые знаков на страничке, а некие индексируют все содержание интернет-страницы ; потом бот может или удалиться или продолжить индексирование сайта; через какое-то время бот опять может посетить эту страницу, ежели существует тег «revisit» либо в согласовании с политикой, проводимой поисковой системой.

Сборники представляют собой совокупа веб-сайтов, собранных в тематические рубрики Апорт. Эти рубрики в свою очередь могут быть разбиты на подрубрики, которые тоже могут иметь еще наиболее маленькие подкаталоги и т. Отличие каталогов от поисковых машин заключается в том, что сборники не отправляют никаких ботов, чтоб регистрировать страничку либо сайт.

Более известным каталогом является Yahoo. Заполняются сборники людьми, которых традиционно именуют модерами каталогов. Желающим добавить собственный ресурс в каталог предлагается заполнить форму регистрации с заданием главных черт сайта: наименования; главных слов; аннотации; наименования рубрики, предполагаемой для размещения; URL Итог поиска также будет построен в порядке убывания релевантности.

Существует еще один вид поисковых систем — гибридный, сочетающий в для себя способности вышеназванных систем к примеру, поисковая система Yandex [14, 42]. Для регистрации в каталоге создателю веб-сайта нужно отыскать раздел, в который он хочет поместить свою страничку веб-сайт , отправить в веб-форме короткое описание веб-сайта и перечень главных слов не во всех каталогах для поиска странички веб-сайта в каталоге.

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

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

При регистрации употребляется составленное создателем описание веб-сайта в 2-3 предложениях и заголовок, в неких каталогах нужно внести перечень главных слов веб-сайта. Более популярными общими каталогами Руинтернета являются: yandex. В качестве специализированных образовательных каталогов можно разглядывать такие веб-ресурсы как rubook. Смысл подготовки веб-сайта к регистрации в поисковых системах заключается в оптимизации содержимого страничек, чтоб, во-1-х, существенно расширить круг поисковых запросов, по которым ссылки на странички веб-сайта будут показаны на наилучших позициях.

И, во-2-х, придать своим ссылкам в поисковиках достойный, симпатичный наружный вид, вызывающий желание щелкнуть по ним. Оптимизация веб-сайта для поисковых машин начинается с выбора главных слов для сайта, то есть слов, по которым юзеры будут отыскивать веб-сайт, либо слов, из которых состоит поисковый запрос для регистрации в неких каталогах тоже требуется ввести главные слова. Опосля того, как выбраны главные слова для веб-сайта, лучше включать их в название странички title , в описание главных слов каждой определенной странички keywords , в каждое описание самой странички description и естественно же в само содержание странички.

Разглядим подробнее эти моменты. Но сейчас почти все поисковые системы Rambler, Mail, Google игнорируют содержание этого поля. Результаты поиска определяются до этого всего поисковым запросом. До этого всего нужно найти по каким словам юзеры традиционно отыскивают представляемую веб-сайтом тему.

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

Также можно сопоставить свои главные слова с главными словами, которые употребляют идентичные по теме веб-сайты. Для этого нужно набрать интересующие слова в более фаворитных поисковых системах и каталогах и поглядеть, какие веб-сайты вышли на 1-ые странички и какие слова они употребляют. Проанализировав странички подобных веб-сайтов, нужно направить внимание на общее количество слов на страничке, на плотность главных слов, на их размещение. Этот тег является чрезвычайно принципиальным, так как тег title учитывают все поисковики и придают словам из него большой вес; с помощью него поисковые системы определяют то, о чем обязана вестись речь на данной страничке;.

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