Основы проектирования интерфейсов сайта

Размещено на http://www.allbest.ru/

Содержание

Введение

Глава 1. Проектирование и дизайн интерфейса

1.1 Принципы проектирования интерфейсов

1.2 Проектирование интерфейса

1.3 Преимущества использования грамотно созданного интерфейса

Глава 2. Технологии разработки сайтов

2.1 Типы сайтов

2.2 Возможности PHP для создания HTML страниц

2.3 CMS "Система управления содержимым"

2.4 Возможности JavaScript для создания HTML страниц

Глава 3. Практическая часть



Введение

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

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

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

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

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

В современном мире создание пользовательских интерфейсов стало одной из самых популярных и востребованных профессий в мире IT и занимает второе место. Создатели пользовательских интерфейсов (графики) являются важным звеном в создании программ и веб-сайтов. Большинство создателей программного обеспечения и в том числе сайтов все больше уделяет внимания тому, чтобы пользователи чувствовали себя комфортно при работе с их приложениями и соответственно сайтами. Именно поэтому одним из важнейших этапов создания программных средств является разработка проектирование и создание интерфейса.

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



Глава 1. Проектирование и дизайн интерфейса

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

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

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

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

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

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

1.1 Принципы проектирования интерфейсов

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

Знакомство с пользователем

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

Учёт опыта пользователя

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

Согласованность элементов интерфейса

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

Визуальная иерархия

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

Обратная связь

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

Лояльность

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

Доверие

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

Язык интерфейса

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

Простота

Лучший дизайн интерфейса - это дизайн, который работает на содержание. Чем меньше ненужных элементов, тем лучше. Как только у веб-дизайнера возникает желание добавить в интерфейс новомодную фишку, он должен задать себя вопрос: «А нужно ли это пользователю?» Изощряться веб-дизайнеру позволено на отдельном экспериментальном сайте, а не на сайте, за удобство пользования которым ему платят деньги. Осваивать новые приёмы и развивать навыки вёрстки нужно и нужно обязательно, но при этом важно помнить, что личные вкусы при создании пользовательского интерфейса веб-сайта - дело даже не десятое.

1.2 Проектирование интерфейса

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

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

На этапе проектирования создается тестовая версия сайта, т.е. весь функционал распределяется по страницам. На этапе проектирования веб-дизайнер:

принимает решение относительно того, где именно будут находиться кнопки и текстовая составляющая;

определяет, каким образом будут сгруппированы элементы;

продумывает поведение элементов и микротекст.

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

Грамотное проектирование включает в себя:

анализ аудитории. Составив портрет среднестатистического юзера, можно создать такие условия, которые будут наиболее удобными;

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

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

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

оформление интерфейса. Именно на этом этапе к процессу подключается дизайнер;

тестирование. Если обнаруживаются какие-то ошибки, выполняется работа по их устранению.

Когда проверка закончена, сайт можно запускать в Интернет.

1.3 Преимущества использования грамотно созданного интерфейса

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

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

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



Глава 2. Технологии разработки сайтов

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

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

Как уже было сказано, визуальные редакторы делятся на две большие группы, сильно отличающиеся друг от друга. Первый вид -- онлайновые редакторы. Онлайновые редакторы -- это специальные механизмы для создания сайтов (как правило, очень простых), располагающихся непосредственно в Интернете, чаще всего на сервисах, предоставляющих хостинг (платный или бесплатный). Например, Narod.ru и Boom.ru.

Второй вид -- программы-клиенты (офлайновые), устанавливаемые на компьютер. Офлайновые редакторы позволяют создать достаточно сложные проекты. Среди наиболее известных редакторов можно отметить: Microsoft FrontPage, DreamWeaver (Macromedia), NamoWEbEditor, Adobe GoLive и др.

HTML (HyperText Markup Language) является стандартным языком, предназначенным для создания гипертекстовых документов в Интернет среде. Суть языка HTML - в разметке текста с помощью управляющих символов - тегов, которые располагаются в угловых скобках.

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

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

Html-тэги могут быть условно разделены на две категории:

тэги, определяющие, как будет отображаться браузером тело документа в целом;

тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

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

Также к программируемым способам относится написание сайтов на языках веб-программирования и Фреймворках: ASP.NET, Java, PHP, Perl, Ruby и т. д., но в основе любого кода сайта лежит язык гипертекстовой разметки Html. Его должны знать все разработчики.

Необходимо понимать разницу между языком программирования и Фреймворком. Язык программирования -- это некоторый базовый синтаксис (возможно со стандартными библиотеками), с помощью которого можно создавать некоторые приложения. Фреймворк же предоставляет разработчику различные библиотеки, значительно упрощающие создание программ и сайтов. Некоторые языки и Фреймворки представляют собой неразрывное целое (например, ASP.NET и JSP). Другие языки могут использоваться без Фреймворка (PHP и Perl).

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

Среди клиентских языков веб-программирования надо выделить JavaScript, который, также как и HTML, лежит в основе многих веб-технологий (например, в основе популярной в последнее время технологии AJAX) и умение программировать на нем относится к базовым знаниям веб-разработчика.

Самым популярным языком веб-программирования является, безусловно, PHP. Его основными преимуществами являются: простой синтаксис, высокое быстродействие, поддержка большинством хостингов. Очень весомым преимуществом является то, что на PHP написаны многие популярные CMS(Content Management System) (например, самая популярная CMS для stand alone блогов - WordPress).

JSP (Java Server Pages) - это часть технологии J2EE, предназначенная для создания сайтов с помощью языка Java. JSP имеет очень много общего с ASP.NET и выбор между этими двумя технологиями чаще всего основывается на субъективных предпочтениях, а не на каких-либо преимуществах или недостатках этих платформ.

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

2.1 Типы сайтов

Разделяют так же и типы сайтов, на данный момент веб- программистами рассматриваются следующие типы:

Сайт - визитная карточка

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

Фактически, разработка такого сайта включит в себя только создание графического дизайна, перекликающегося с фирменным стилем, и наполнением текстом этих 5-10 страничек.

Продвигающие сайты

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

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

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

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

Управляющие сайты

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

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

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

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

2.2 Возможности PHP для создания HTML страниц

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

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

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

В настоящий момент PHP является самым популярным скриптовым языком, поэтому для будущего разработчика его изучение является обязательным.

Если сайт сделан только на PHP, то это означает, что сайт состоит из множества отдельных PHP-файлов. Отличие PHP-сайта от HTML-сайта заключается в том, что в случае с сайтом на PHP можно поменять общий элемент сайта (например, меню, баннер, шапку и т.д.) одним разом и не нужно менять каждый файл в отдельности, как это происходит в случае с сайтом на HTML. Но сайт, сделанный на PHP, не так удобен, как сайт, сделанный на CMS. CMS , он же движок -- это система управления сайтом, которая позволяет добавлять и менять информацию на сайте через систему администрирования сайта. Т.е. Вам не надо создавать отдельную HTML- или PHP-страничку и каждый раз заливать её на хостинг (место хранения файлов сайта) по FTP (протокол передачи файлов), чтобы выложить новую статью, а также Вам не надо копаться в HTML-коде, чтобы сделать изменения на сайте. С движком работа с сайтом становится проще и быстрее. С помощью PHP и MySQL (MySQL -- система управления базами данных, которая используется совместно с PHP), конечно, можно создать свой движок сайта, но чтобы это сделать профессионально, нужно достаточно долго учиться, поэтому лучше использовать готовые решения, а знания PHP и MySQL пригодятся в дальнейшей работе с движком сайта.

Команды PHP легко внедряются в HTML страницы. Именно это свойство является важным преимуществом языка PHP перед такими языками, как Perl и C.

Синтаксис PHP

PHP код сценария начинается после открывающего тэга <? и заканчивается закрывающим ?>. Текст между этими двумя тэгами считывается программой, находящейся на сервере, а в HTML-документ выводится полученный результат.

Вставляем HTML код в страницы сайта

Как правило боковые колонки (sidebar) и подвал (footer) остаются неизменными на всех страницах сайта. Следовательно коды <div id="sitebar">.....</div> и <div id="footer">.....</div> можно вынести в отдельные htm страницы "sidebar.htm" и "footer.htm" и вставлять в страницы сайта при помощи команды include. Если при этом вынести в отдельный файл и главное содержимое - <div id="content">.....</div>, то код нашей страницы будет иметь вид

<html>

<head>

<title>Пример</title>

</head>

<body>

<?

include("sidebar.htm");

include("content.htm");

include("footer.htm");

?>

</body>

</html>

содержимое sidebar.htm

<div id="sitebar">

Здесь

Содержимое

Вашего

сайд-бара

</div>

Аналогично с файлами content.htm и footer.htm .

Данный код является , кодом страницы представленной ниже.

При такой генерации страниц Вам достаточно внести изменения в один файл "sidebar.htm", что бы изменились все страницы сайта. Что очень удобно если Ваш сайт состоит из сотни или тысячи страниц.

PHP на Вашем компьютере

Чтобы Вы могли работать с PHP-скриптами и просматривать результаты выполнения в браузере, вам нужно установить работающий веб сервер с PHP на Вашем локальном компьютере .
Лучше всего для таких задач подойдёт Денвер. (официальный сайт предоставляет всё необходимое бесплатно) В комплект установки входит - Apache, php и MySQL. Другими словами на Вашем компьютере будет находиться полнофункциональный сервер для хостинга сайтов.

Для того, что бы PHP код работал в HTML страницах необходимо открыть файл .htaccess в любом текстовом редакторе и прописать следующее:

AddHandler application/x-httpd-php .html (Сохранить и отправить на сервер)

Данная запись разрешает выполнение PHP скриптов в HTML страницах.

Или изменить расширение файла .html на .php

2.3 CMS "Система управления содержимым"

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

Современная система управления контентом представляет собой конструктор, с помощью которого можно создавать и сопровождать свой сайт (обновлять и добавлять материалы, заводить новые рубрики).

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

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

В любой CMS предусмотрены различные виды доступа. Администратор имеет доступ к любым разделам и может менять структуру сайта, и любой рубрики. Редактор может менять любой текст на сайте, но не может изменять структуру рубрик, добавлять их или удалять. Пользователь имеет доступ только к определённой рубрике (или конкретным материалам из неё), и может работать только с ней. Таким образом, CMS является многопользовательской системой, позволяющей давать соответствующий доступ к механизму сайта различным группам.

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

2.4 Возможности JavaScript для создания HTML страниц

JavaScript - современный язык программирования предназначенный для использования его скриптов (созданных на нём программ) в составе создаваемых HTML-документов и их структурированных объединений, значительно расширяя возможности стандартных средств web-мастера, а именно, - это язык для создания динамических сайтов. JavaScript позволяет придавать сайтам интерактивность и добавлять спецэффекты.JavaScript в настоящее время активно используется разработчиками сайтов, и авторами многочисленных блогов.

Имеет смысл приступать к изучению языка JavaScript, когда Вы уже знакомы с HTML и средствами CSS. Однако познакомиться с возможностями этого языка желательно уже в начале Вашей практики по созданию web-страниц, так как Вы можете с самого начала внедрять в свои проекты и сайты многие скрипты (небольшие программы) созданные на JavaScript (их великое множество распространено в сети Интернет, в том числе - в свободном доступе), решая определённые локальные задачи.

Код JavaScript может быть внедрён в тело самого html-документа, с использованием того же редактора в котором создаётся web-страница. Либо в html-документе может содержаться ссылка на использование стороннего JS-файла. Оба эти способа активно применяются. Для воспроизведения программ созданных с использованием JavaScript, как и для html-документов служит Интернет-браузер. Сохранённое изменение в исходном коде html-документа в части JS-составляющей (либо в JS-файле) влечёт немедленное изменение интерпретации кода браузером.

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

Недостатки языка JavaScript заключаются в том, что разные браузеры могут по-разному интерпретировать код программы написанной на этом языке в составе html-документа, браузером пользователя также может блокироваться или приостанавливаться выполнение некоторых JS-скриптов, например, могут быть заблокированы всплывающие окна, тоже касается и поисковых систем (их роботов), которые не очень доверяют сайтам, на которых содержится большое количество JS-скриптов. Кроме того,JavaScript естественно уступает традиционным языкам программирования, таким, как Java, Delphi, Pascal, С, С++, которые, однако, используются в своей основе для создания локальных компьютерных приложений.

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



Глава 3. Практическая часть

На этом этапе будет показа пример простого проектирования сайта, с основными элементами. Сайт будет разрабатываться с использованием PHP. Почему я выбрал именно его ? До появления PHP создание сайтов сводилось к написанию относительно простого HTML кода, который в наших браузерах превращался в статические Интернет страницы. После появления PHP постепенно владельцы сайтов стали все больше и больше переводить свои статические HTML страницы на динамические PHP. Я думаю вряд ли найдется какой либо владелец динамического сайта пожелавший видеть его в статическом виде. Преимущество динамики по сравнению со статикой очевидна. Я выбрал PHP среди других языков Web-программирования и потому что нание PHP или просто понимание его открывает большие возможности для твоего сайта. Ты даже можешь скачивать разные уже готовые скрипты необходимы для твоего сайта. Использование PHP позволяет добавлять многие интерактивные характеристики как например обратная связь, гостевая книга, «оставить сообщение», счетчики, и более развитые характеристики твоего сайта как управление контентом своего сайта, продвинутое управление сообщений и администрирование своего сайта в целом.

Размещено на Allbest.ru

...