Разработка информационного сайта на базе PHP Fusion SF

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

Разработка информационного сайта на базе PHP Fusion SF

Содержание

Введение

1. Общесистемный раздел

1.1 История создания web-страниц

1.2 Общие понятия и теория web-разработки

1.2.1 Кодировка страниц

1.2.2 Средства разработки web-страниц, приложений и их содержимого

1.2.3 Графика на web-сайтах

1.2.4 Система управления сайтом CMS (движок сайта)

1.3 Цели и задачи выполнения работы

2. Специальный раздел

2.1 Выбор системы управления контентом сайта

2.2 Описание CMS PHP Fusion SF

2.3 Работа с сайтом на локальном компьютере. Пакет "Денвер"

2.4 Разработка web-сайта

2.4.1 Описание инструментария CMS

2.4.2 Настройка стиля сайта

2.4.3 Решение задач проекта

3. Экономико-организационный раздел

3.1 Экономическое обоснование разработки и использования программного средства вычислительной техники (ПС ВТ)

3.1.1 Определение трудоёмкости разработки программного средства

3.1.2 Определение стоимости разработки и освоения ПС ВТ

3.1.3 Расчёт показателей экономической эффективности ПС ВТ

3.2 Должностная инструкция технического администратора сайта

4. Безопасность и экологичность

4.1 Охрана труда в помещениях с ПЭВМ (ЭВТ)

4.1.1 Общая характеристика помещения с ПЭВМ (ЭВТ)

4.1.2 Гигиеническая сертификация используемого оборудования (ПЭВМ, ЭВТ) и аттестация рабочих мест с ПЭВМ

4.1.3 Санитарно-гигиенические и психофизиологические факторы условий труда в помещении с ПЭВМ (ЭВТ), мероприятия для снижения их негативного влияния

4.1.4 Характеристика выполняемой на ПЭВМ работы и рекомендации по ее улучшению

4.1.5 Профессионально-обусловленные заболевания и медицинское обслуживание работников с ПЭВМ(ЭВТ)

4.1.6 Характеристика помещения с ПЭВМ (ЭВТ) по электроопасности и обеспечение электробезопасности в данном помещении

4.1.7 Характеристика помещения с ПЭВМ (ЭВТ) по взрывопожароопасности и обеспечение пожаровзрывобезопасности в данном помещении

4.2 Мероприятия и технические средства по предупреждению чрезвычайных ситуаций и ликвидации их последствий

4.3 Мероприятия и технические средства по охране окружающей среды в районе расположения объекта исследования

4.4 Микроклимат на рабочем месте

Заключение

Список источников

Приложения

web кодировка графика сайт

Введение

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

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

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

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

1. Общесистемный раздел

1.1 История создания web-страниц

С развитием информационных технологий и созданием персонального компьютера появилась проблема хранения информация и доступа к ней других пользователей. Это привело к развитию сети и позже к созданию World Wide Web - Всемирной паутины Интернет. Она, прежде всего, использовалась научными учреждениями, правительствами и военными, как средство обмена простой информацией "старого" образца. Так что документы тех времен были очень простыми. В конце концов, ученым и академикам нет особого дела до привлекательности web-страниц. Но Интернет развивался, вскоре и "простые" пользователи стали пользоваться его услугами. Встал вопрос о том, как размещать информацию в сети. Был разработан язык HTML - язык гипертекстовой разметки страниц, который позволил размещать информацию структурировано, удобно для поиска и красиво с эстетической точки зрения.

Сразу после создания Всемирной паутины, Первый в мире web-сайт появился 6 августа 1991 года. http://info.cern.ch/ Его создатель Тим Бернерс-Ли опубликовал на нём описание новой технологии World Wide Web (WWW), основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы веб-серверов и web-браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Первые сайты были либо примитивны - аршинные красные буквы на бирюзовом фоне (такие сейчас делают школьники на различных бесплатных host-ресурсах, вроде narod.ru), либо очень красивы, но малофункциональны и тяжелы. И поэтому на долгие годы именно функциональность, а не красота стала целью многих дизайнерских работ. Основной призыв был таков - "дизайн должен быть незаметен". Дизайн не должен отвлекать от функций сайта. Даже возможности языка HTML использовались лишь для указания что, заголовок - это заголовок, а текст начинается с красной строки и разбит на абзацы. Развитию web-дизайна мешала неразвитая технология, низкая производительность персональных компьютеров и примитивность специального программного обеспечения. До сих пор в Интернете принимаются новые стандарты, расширяющие свободу деятельности для web-дизайнеров. Это и html 5, и CSS 3, а также развиваются такие технологии как Adobe Flash, Adobe Air, Microsoft Silverlight. Но тогда это все было недоступно из-за ограниченности технологий.

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

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

В этот момент пришло осознание того, что при создании сайта необходимо думать об удобстве пользователя. Началось приложение моделей HCI (Human-Computer-Iteraction, человеко-компьютерное взаимодействие) в web. Это стало началом понятия юзабилити сайтов, основанной на психологии.

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

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

· Пример создания фото-галереи, используя Flickr

· Пример интеграции сервиса статистики Google Analytics и CakePHP

· Список открытых API

· Использование AJAX, javascript и различных Фреймворков (напр., Microsoft Silverlight, Adobe Flash)

· Поддержка сайтами различных мобильных устройств

· Использование медиа-информации (потоковое видео, подкасты)

· Унификация авторизационных сервисов в крупных компаниях. Нарастающая популярность OpenID выводит это решение в лидеры. Однако используются и прочие решения, такие как SAML, Liberty и MS Passport.

1.2 Общие понятия и теория web-дизайна

1.2.1 Кодировки страниц

К сожалению, web-дизайн еще не достиг такой ступени развития, когда технические средства реализации идей отойдут на второй план. На настоящий момент, сайты должны отвечать духу и букве соответствующих стандартов и спецификаций. Стандарты появились в результате распространения web-дизайна и расширения средств и методов их реализации - например на сегодняшний день существует несколько основных браузеров - в России это Internet Explorer, Opera, Mozilla FireFox и Google Chrome - и эти браузеры получили распространение только в последние годы. Существуют также и другие, каждый со своими особенностями.

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

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

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

Виды кодировок. [9]

· Однобайтная кодировка используется для представления в компьютере текстовых данных.

· Семи- или восьмибитная таблица ASCII позволяет закодировать 128 или 256 разных знаков.

· Стандартная кодировка ASCII использует 7 битов для представления всех прописных и строчных букв, чисел от 0 до 9, знаков препинания и специальных управляющих символов, применяемых в английской раскладке для США.

· Современные системы на базе процессоров x86 поддерживают расширенную кодировку ASCII.

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

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

Первые 32 позиции в кодировке ASCII заняты так называемыми управляющими символами (control characters), предназначенными не для передачи собственно текстовой информации, а для управления устройством, читающим (или получающим по линии связи) текстовый файл. Лишь немногие из этих символов -- возврат каретки, перевод строки, табуляция -- до сих пор используются в более-менее общепринятых значениях; остальные, давно уже вышедшие из употребления, в былые времена выполняли для "голого" ASCII-текста те же функции, которые сейчас возложены на разнообразные форматы данных и протоколы связи.

Однобайтовые кодировки: задействовав в кодировке ASCII старший бит, мы получаем дополнительные 128 знакомест, которых должно хватить для кодирования, например, кириллического алфавита или набора каких-нибудь специальных символов. К сожалению, восьмибитных кодировок на свете существует гораздо больше, чем наборов символов, которые они кодируют. Очень характерна в этой связи ситуация с русским языком -- анархия компьютеризации в нашей стране, наложившаяся на всемирную анархию конкурирующих компьютерных платформ и операционных систем, привела к тому, что для кириллицы существует сразу несколько однобайтовых кодовых таблиц. Хронологически одним из первых стандартов кодирования русских букв на компьютерах был КОИ8 ("Код обмена информацией, 8-битный"). Эта кодировка применялась еще в доисторические советские времена на компьютерах ЕС ЭВМ, и когда в середине 80-х появились первые русифицированные версии операционной системы UNIX, они унаследовали эту кодировку у своих "предков". Сеть Релком, открывшая в начале 90-х эпоху российского Интернета, в те годы состояла в основном из компьютеров с UNIX и потому также приняла кодировку КОИ8 в качестве стандартной. В результате КОИ8 является сейчас единственно допустимой кодировкой в русскоязычной электронной почте и телеконференциях Usenet и одной из кодировок, которые обязательно должна поддерживать любая русская web-страница.

Вторая по значению в русском Интернете (и, безусловно, первая по употребимости на персональных компьютерах) кодировка -- это стандартная кириллическая кодировка Microsoft Windows, обозначаемая аббревиатурой СР1251 ("СР" расшифровывается как "Code Page", "кодовая страница"). Все Windows-приложения, работающие с русским языком, обязаны понимать эту кодировку без перевода. Благодаря распространенности Windows кодировка СР1251, вместе с КОИ8, входит в абсолютный минимум кодировок, которые приходится поддерживать русскоязычным сайтам.

Реликтом эпохи MS DOS остается так называемая "альтернативная" кодировка, в терминологии фирмы Microsoft -- кодировка СР866. И хотя в Интернете компьютеры с MS DOS -- большая редкость, кодировка эта сохраняет определенный авторитет благодаря тому, что она принята в качестве стандартной в операционной системе OS/2 и в некоммерческой сети Фидо. Поэтому изредка можно встретить сайты, предлагающие посетителям в качестве одного из вариантов и альтернативную кодировку MS DOS.

Однако первой фирмой, выпустившей русифицированную операционную систему, была все-таки не Microsoft, а Apple. И, разумеется, русифицированные Макинтоши, появившиеся в конце 80-х, имели свою собственную, ни с кем не совместимую кодировку кириллицы. Хотя в нашей стране компьютеры этой марки так и не приобрели популярности, сравнимой с их популярностью на Западе, в Сети можно встретить и кириллическую кодировку для Макинтошей. Так и срослось. Зачем, однако, вообще понадобилось создавать разные кодировки для одного и того же алфавита? Помимо соображений конкуренции, вообще способствующих появлению несовместимых решений, изобретателями кодировок в первую очередь двигал чисто практический расчет. Как правило, еще до того, как операционная система русифицируется, за символами из верхней половины таблицы ASCII (с кодами от I28 до 255) уже закреплено то или иное употребление, и чтобы разместить в этом же диапазоне кириллический алфавит, приходится чем-то жертвовать. Разумеется, наименее ценные кодовые позиции, замещение которых нанесет меньше всего ущерба функциональности системы, в каждом случае свои, и чаше всего необходимые для полного набора кириллицы 66 знакомест (включая букву "ё", которая традиционно выносится за пределы основного алфавита) не удается расположить подряд. Этим и объясняется тот факт, что ни в одной из кодировок, кроме ISO 8859-5 и Unicode, русские буквы не идут сплошным блоком. В некоторых кодировках допускаются даже отклонения от алфавитного порядка -- в частности, в КОИ8 расположение русских букв определяется, как это ни смешно, алфавитом тех латинских букв, которые на клавиатурах советского производства располагались на одних клавишах с соответствующими буквами кириллицы: например, буква "Ю" стояла на одной клавише с символом "@", идущим в ASCII перед латинской "А", и потому стала в КОИ8 "первой буквой алфавита".

Семейство 8859: Похожая ситуация с конкурирующими платформами и операционными системами и, как следствие, с конкурирующими несовместимыми кодировками наблюдается и в других языках, пользующихся своим собственным алфавитом или даже латинским алфавитом с расширениями. Международная организация по стандартизации (International Standards Organization, ISO) попыталась навести порядок в восьмибитных кодировках, создав серию кодировок ISO 8859, расширяющих таблицу ASCII для латинских букв с диакритикой и лигатур (кодировка ISO 8859-1), кириллицы (ISO 8859-5), арабского ISO 8859-6), греческого (ISO 8859-7), иврита (ISO 8859-8) и других алфавитов.

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

По аналогии с ASCII первые 32 позиции во второй половине кодировок серии ISO 8859 (коды со 128 по 159 включительно) объявлены "неиспользуемыми". На сей раз, однако, производители программ решили обойти этот запрет. Так, большинство шрифтов для Windows соответствуют кодировке ISO 8859-1, начиная с позиции 160 до конца таблицы, но в диапазоне 128--159 размещают некоторые дополнительные символы. Поскольку HTML обязан соответствовать стандарту Latin-1 (а начиная с версии 4 -- Unicode), числовые подстановки не могут ссылаться на коды из этого диапазона.

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

В 1991 году была предпринята попытка создать единую универсальную двухбайтовую кодировку, охватывающую все алфавиты и иероглифические системы мира. Результатом стал стандарт под названием Unicode, покрывающий не только системы письменности всех живых и большинства мертвых языков мира, но и множество музыкальных, математических, химических и прочих символов. Хотя массовое применение Unicode в документах и программах остается делом будущего, для web-дизайнера эта кодировка имеет особое значение, так как именно она объявлена "стандартной кодировкой документа" в HTML начиная с версии 4.

ISO 10646 и UTF-8: предвидя неизбежное рано или поздно исчерпание и двухбайтового кодового пространства (пока еще до этого далеко, так как около 30% кодов в Unicode до сих пор не заняты), ISO уже застолбила стандарт четырехбайтовой, совместимой с Unicode кодировки под названием ISO 10646. Пока что вместо этого обозначения, которое то и дело попадается в стандартах, вы можете с чистой совестью подставлять "Unicode", так как никаких новых символов, выходящих за границы совпадающих с Unicode первых 65536 знакомест, в ISO 10646 еще не определено.

По-видимому, в ближайшее время все более важную роль будет играть особый формат Unicode (и ISO 10646) под названием UTF-8. Эта "производная" кодировка пользуется для записи символов цепочками байтов различной длины (от одного до шести), которые с помощью несложного алгоритма преобразуются в Unicode-коды, причем более употребительным символам соответствуют более короткие цепочки. Главное достоинство этого формата -- совместимость с ASCII не только по значениям кодов, но и по количеству бит на символ, так как для кодирования любого из первых 128 символов в UTF-8 достаточно одного байта (хотя, например, для букв кириллицы нужно уже по два байта).

При создании новой web-страницы кодировка и язык новых страниц, как правило, определяется установками языка клавиатуры. Кодировка определяет способ сохранения данных в файле. Символы, не принадлежащие к текущей кодировке, сохраняются как числовые ссылки в формате Юникод (например, &#20AC;). Использование числовых ссылок в формате Юникод увеличивает размер файла и затрудняет читаемость HTML-кода.

· Кодировка страницы для русского языка, по умолчанию, указывается с помощью следующего HTML-тега:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

· для английского языка, как правило, используется:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

· для центральноевропейских языков:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

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

<meta http-equiv="Content-Language" content="ru">

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

1.2.2 Средства разработки web-страниц, приложений и их содержимого

Языки пассивной текстовой разметки:

HTML (HyperText Markup Language) - язык разметки гипертекста страниц. Является языком, использующимся в большинстве случаев, так как появился на заре web-дизайна и имеет на настоящий момент все возможности для разработки современных, качественных и красивых сайтов. Этот язык является приложением языка SGML (Standard Generalized Markup Language - стандартный обобщенный язык разметки) и соответствует стандарту ISO 8879. Первые версии этого языка придерживались идеологии SGML - только разметка текста: заголовков, абзацев, а визуальное форматирование являлось нерекомендованным, хоть язык и имел соответствующие теги. Но, по прошествии некоторого времени, Консорциум всемирной паутины, при содействии корпорации Microsoft, был вынужден изменить стандарты языка, разработав приложение к нему CSS, которое позволяло создавать более красивые и разнообразные сайты. На сегодняшний день язык HTML имеет огромное количество тегов и их свойств для разработки web-страниц.

Версии языка HTML:

· RFC 1866 -- HTML 2.0, одобренный как стандарт 22 сентября 1995 года;

· HTML 3.2 -- 14 января 1997 года;

· HTML 4.0 -- 18 декабря 1997 года;

· HTML 4.01 (изменения, причём более значительные, чем кажется на первый взгляд) -- 24 декабря 1999 года;

· ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) -- 15 мая 2000 года.

· HTML 5 -- в разработке.

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

CSS (Cascading Style Sheets - каскадные таблицы стилей) - технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления web-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG (масштабируемые векторные страницы) и XUL (динамические пользовательские интерфейсы). [12]

CSS - это одно из широкого спектра одобрений консорциума W3C, получивших общее название "Стандарты Web". В 90-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и web-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML и стандарт CSS.

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

В середине 90х Конcорциум Всемирной Паутины (W3C) стал проявлять интерес к CSS, и в декабре 1996 года была издана рекомендация CSS1.

Версии CSS:

CSS1. Уровень 1.

Рекомендация W3C принята 17 декабря 1996, откорректирована 11 января 1999. Среди возможностей, предоставляемых этой рекомендацией были:

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

· Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы.

· Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (то есть межстрочные отступы)

· Выравнивание для текста, изображений, таблиц и других элементов.

· Свойства блоков, такие как высота, ширина, внутренние (padding) и внешние (margin) отступы и рамки. Так же в спецификацию входили ограниченные средства по позиционированию элементов, такие как float и clear. И другое.

CSS2. Уровень 2.

Рекомендация W3C принята 12 мая 1998. Построена на CSS1 с сохранением обратной совместимости.

Добавление к функциональности:

· Блочная верстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной верстки

· Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК)

· Звуковые таблицы стилей. Определяет голос, громкость и т. д. для звуковых носителей (например для слепых посетителей сайта)

· Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати

· Расширенный механизм селекторов

· Указатели

· Генерируемое содержание. Позволяет установить текст или картинку, который будет отображаться до или после нужного элемента. И другое.

CSS2.1. Уровень 2.1

Рабочая версия W3C от 6 ноября 2006. Построена на CSS2, содержит исправления ошибок.

CSS3. Уровень 3.

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

XHTML (Extensible Hypertext Markup Language -- расширяемый язык разметки гипертекста) - язык разметки web-страниц на базе языка XML, по возможностям сопоставимый с языком HTML. Как и HTML, XHTML соответствует спецификации SGML, поскольку XML является её подмножеством. Вариант XHTML 1.1 одобрен в качестве Рекомендации Консорциума Всемирной паутины (W3C) 31 мая 2001 года. [11]

Различия между XHTML и HTML:

· Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например, <img> или <br>) должны иметь на конце / (например, <br />).

· Булевы атрибуты записываются в развёрнутой форме. Например, следует писать <option selected="selected"> или <td nowrap="nowrap">.

· Имена тегов и атрибутов должны быть записаны строчными буквами (например, <img alt="" /> вместо <IMG ALT="" />).

· XHTML гораздо строже относится к ошибкам в коде; < и & везде, даже в URL, должны замещаться &lt; и &amp; соответственно. По рекомендации W3C браузеры, встретив ошибку в XHTML, должны сообщить о ней и не обрабатывать документ. Для HTML браузеры должны были попытаться понять, что хотел сказать автор.

· Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по умолчанию является ISO 8859-1).

Версии XHTML:

· XHTML 1.0 Переходный (Transitional): предназначен для лёгкой миграции из HTML 3.2 и для тех, кто использует инлайн-фрэймы.

· XHTML 1.0 Строгий (Strict): полностью отделяет содержание документа от оформления (которое теперь задаётся только через CSS), многие атрибуты (такие как, например, bgcolor и align) более не поддерживаются, их поведение можно задавать только через таблицу стилей.

· XHTML 1.0 Фрэймовый (Frameset): используется, если необходимо разделить окно браузера на несколько фреймов.

· XHTML 1.1 Модульный (Module-based): авторы могут импортировать дополнительные свойства в их разметку.

· XHTML Основной (Basic): специальная облегчённая версия XHTML для устройств, которые не могут использовать полный набор элементов XHTML -- в основном используется в миниатюрных устройствах, таких как мобильные телефоны. Подразумевается, что он заменит WML и C-HTML.

· XHTML мобильного профиля (Mobile Profile): основанный на XHTML Basic, добавляет специфические элементы для мобильных телефонов.

· XHTML 2.0. Пока в разработке. Синтаксис еще больше приближен к синтаксису XML. Также является модульным языком.

XML (Extensible Markup Language -- расширяемый язык разметки) - рекомендованный Консорциумом Всемирной паутины язык разметки, фактически представляющий собой свод общих синтаксических правил. XML -- текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки (например, XHTML), иногда называемых словарями. XML является упрощённым подмножеством языка SGML. [10]

Стандартом определены два уровня правильности документа XML:

· Правильно построенный (Well-formed). Правильно построенный документ соответствует всем общим правилам синтаксиса XML, применимым к любому XML-документу. И если, например, начальный тег не имеет соответствующего ему конечного тега, то это неправильно построенный документ XML. Документ, который неправильно построен, не может считаться документом XML; XML-процессор (парсер) не должен обрабатывать его обычным образом и обязан классифицировать ситуацию как фатальная ошибка.

· Действительный (Valid). Действительный документ дополнительно соответствует некоторым семантическим правилам. Это более строгая дополнительная проверка корректности документа на соответствие заранее определённым, но уже внешним правилам, в целях минимизации количества ошибок, например, структуры и состава данного, конкретного документа или семейства документов. Эти правила могут быть разработаны как самим пользователем, так и сторонними разработчиками, например, разработчиками словарей или стандартов обмена данными. Обычно такие правила хранятся в специальных файлах -- схемах, где самым подробным образом описана структура документа, все допустимые названия элементов, атрибутов и многое другое. И если документ, например, содержит не определённое заранее в схемах название элемента, то XML-документ считается недействительным; проверяющий XML-процессор (валидатор) при проверке на соответствие правилам и схемам обязан (по выбору пользователя) сообщить об ошибке.

Языки разработки активного содержимого страниц:

Visual Basic Scripting Edition (обычно просто VBScript) -- скриптовый язык программирования, интерпретируемый компонентом Windows Script Host. Он широко используется при создании скриптов в операционных системах семейства Microsoft Windows. Используется очень редко ввиду наличия более мощных средств разработки.

JavaScript -- скриптовый язык, чаще всего использующийся при создании сценариев поведения браузера, встраиваемых в web-страницы. Является одной из реализаций языка ECMAScript. Общим заблуждением является то, что JavaScript аналогичен или тесно связан с Java, это не так. Оба языка имеют C-подобный синтаксис, являются объектно-ориентированными и как правило широко используются в клиентских web-приложениях, на этом их сходство заканчивается. Его используют чаще чем VBScript. [13]

Adobe Flash (ранее известная как Macromedia Flash), или просто Flash-- мультимедийная платформа, используемая для создания векторной анимации и интерактивных приложений (в том числе, игр), а также для интеграции видеороликов в веб-страницы. Как правило Flash используется для более удобного и быстрого создания динамических web-страниц, для создания красивого интерфейса, но при этом такие страницы "тяжелы" и медленно загружаются на слабых ПК. Flash использует язык программирования ActionScript, основанный на ECMAScript.

OLE (Object Linking and Embedding) -- технология связывания и внедрения объектов в другие документы и объекты, разработанные корпорацией Майкрософт. [1]

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

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

Идея внедрения широко используется при работе с мультимедийным содержанием на web-страницах (пример -- web-ТВ), где используется передача изображения, звука, видео, анимации в страницах HTML (язык гипертекстовой разметки) либо в других файлах, также использующих текстовую разметку (например, XML и SGML). Однако, технология OLE использует архитектуру "толстого клиента", то есть сетевой ПК с избыточными вычислительными ресурсами. Это означает, что тип файла либо программа, которую пытаются внедрить, должна присутствовать на машине клиента. Например, если OLE оперирует таблицами Microsoft Excel, то программа Excel должна быть инсталлирована на машине пользователя.

ActiveX - в 1996 году Microsoft переименовала технологию OLE 2.0 в ActiveX. Были представлены элементы управления ActiveX, ActiveX документы и технология Active Scripting. Эта версия OLE в основном используется веб-дизайнерами для вставки в страницы мультимедийных данных.

jQuery -- библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API (интерфейс прикладного программирования) по работе с Ajax (один из подходов к построению интерактивных приложений, заключающийся в том, что элементы, повторяющиеся на страницах не перезагружаются, что делает работу страниц более быстрой).

Языки и технологии сервера:

PHP (Hypertext Preprocessor) - скриптовый язык, созданный для генерирования web-страниц на сервере и работы с базами данных. В области программирования для сети, PHP -- один из популярнейших скриптовых языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP. PHP отличается наличием ядра и подключаемых модулей, "расширений": для работы с базами данных, сокетами, динамической графикой, криптографическими библиотеками, документами формата PDF и т. п. Любой желающий может разработать своё собственное расширение и подключить его. Существуют сотни расширений, однако в стандартную поставку входит лишь несколько десятков хорошо зарекомендовавших себя. Интерпретатор PHP подключается к web-серверу либо через модуль, созданный специально для этого сервера (например, для Apache или IIS), либо в качестве CGI-приложения (стандарт интерфейса, используемого для связи внешней программы с сервером). [4]

ASP (Active Server Pages) - технология, разработанная корпорацией Microsoft, позволяющая легко создавать приложения дл World Wide Web. ASP не является языком программирования -- это лишь технология предварительной обработки, позволяющая подключать программные модули во время процесса формирования web-страницы. Относительная популярность ASP основана на простоте используемых языков сценариев (VBScript или JScript) и возможности использования внешних COM-компонентов. [3]

Ruby on Rails -- объектно-ориентированный программный каркас для создания web-приложений, написанный на языке программирования Ruby. Ruby on Rails предоставляет архитектурный образец Model-View-Controller (модель-представление-контроллер) для web-приложений, а также обеспечивает их интеграцию с web-сервером и сервером базы данных.

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

Ruby on Rails определяет следующие принципы разработки приложений:

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

· Язык Ruby позволяет использовать легко читаемую нотацию для определения семантики приложений (таких как отношения между таблицами в базе данных).

· Ruby on Rails предоставляет механизмы повторного использования, позволяющие минимизировать дублирование кода в приложениях (принцип Don't Repeat Yourself).

· По умолчанию используются соглашения по конфигурации, типичные для большинства приложений (принцип Convention over configuration). Явная спецификация конфигурации требуется только в нестандартных случаях.

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

1.2.3 Графика на web-сайтах

Существует два основных вида графики, применяемых в дизайне и других областях:

Растровая - изображение сохраняется, разделенным на сеть, состоящую из множества маленьких точек - пикселей. Формат удобен для хранения и представления фотографий, но имеет ряд недостатков - в частности невозможно изменить размер рисунка без потери качества. Файлы, хранящие растровую графику это jpg, gif, bmp, tiff, png, psd и прочие.

Векторная - изображение хранится в виде массива чисел и математических формул, отражающих построение кривых и линий. Его размер можно изменять сколько угодно без потери качества. Но формат рекомендуется именно для работы с нарисованными картинками, а не фотографиями, поскольку фотографии состоят из слишком большого количества деталей - размер фотографий в векторе слишком велик. Форматы векторной графики - swf, cdr, max, ai, частично pdf.

В практике web-дизайна используются форматы jpg и gif. Реже используются форматы swf и png.

Форматы jpg и gif различаются алгоритмами сжатия изображения. Так как в web размер файла до сих пор играет весьма существенное значение в силу ряда причин, следовательно малый вес графического файла существенно повышает скорость загрузки изображения. Для разных "видов" картинок подходит тот или иной формат графики. Определение необходимого формата - основное умение web - дизайнера. Для фотографий, портретов, картинок большого размера, насыщенных сложными деталями - лучше всего подходит формат jpeg. Алгоритм сжатия этого формата работает таким образом, что при уменьшении размера картинки, а следовательно качества, изображение как бы "размывается", становятся плохо различимы четкие переходы между цветами, и появляются паразитные цветные пиксели как побочный эффект действия алгоритма. Степень компрессии файла определяется каждый раз дизайнером исходя из его нужд, но оптимальным соотношением размер\качество изображения считается процент сжатия равный 65.

Формат gif наилучшим образом подходит для изображений небольшого размера, там где необходима прозрачность (альфа-канал), и для анимированной растровой графики. Алгоритм сжатия этого формата основывается на том, что изображению задается фиксированная цветовая палитра (от 2 до 256 цветов), а все близкие оттенки выкидываются либо заменяются соседними цветами. Также алгоритм просчитывает изображение линиями - слева направо, и хранит информацию не о каждом пикселе в отдельности, а считает сколько пикселей одинакового цвета стоят в ряд, и сохраняет информацию только о цвете и количестве пикселей. Это существенно снижает размер файла. Нетрудно заметить, что вертикальный градиент (сверху-вниз) будет весить в таком случае намного меньше градиента горизонтального (слева-направо). Это следует учитывать при создании изображений, особенно при создании анимированных баннеров, где вес складывается еще и из количества кадров и идет буквально война за каждый байт.

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

Формат flash - один из самых "модных" и популярных в вебе. Этому служат несколько его особенностей. Во-первых, за счет того, что это векторный формат, возможно создание относительно сложных и красочных изображений при достаточно малом весе файла. Во-вторых, за счет использования встроенного скриптового языка Action Script во flash есть возможность создавать интерактивные баннеры, приложения, писать различные сценарии, создавать онлайн системы расчета, игры, отдельные приложения и тому подобное. [15]

1.2.4 Система управления сайтом CMS (движок сайта)

Система управления содержимым/контентом -- компьютерная программа или система, используемая для обеспечения и организации совместного процесса создания, редактирования и управления текстовых и мультимедиа документов (содержимое или контента). Обычно это содержимое рассматривается как неструктурированные данные предметной задачи в противоположность структурированным данным, обычно находящимися под управлением СУБД.

В общем случае CMS делятся на:

· ECMS -- Enterprise Content Management System (Система управления контентом масштаба предприятия)

· WCMS -- Web Content Management System (Система управления Web-контентом).

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

· Генерация страниц по запросу. Системы такого типа работают на основе связки "Модуль редактирования > База данных > Модуль представления". Модуль представления генерирует страницу с содержанием при запросе на него, на основе информации из базы данных. Информация в базе данных изменяется с помощью модуля редактирования. Страницы заново создаются сервером при каждом запросе, что в свою очередь создаёт дополнительную нагрузку на системные ресурсы. Нагрузка может быть многократно снижена при использовании средств кэширования, которые имеются в современных web-серверах.

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

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

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

1.3 Цели и задачи выполнения работы

Цели выполнения работы:

Разработка Интернет-сайта в соответствии с потребностями компании.

Разрабатываемый web-ресурс предназначен для свободной гейм-студии. Ресурс предназначен для общения между собой и обмена материалами для разработки компьютерной игры. Любой желающий должен иметь к нему свободный доступ в любое время. Должен быть реализован форум и система обмена файлами, а также лента новостей.

Задачи проекта:

· Выбрать систему управления контентом, отвечающую целям проекта;

· Настроить и внести необходимые изменения, отвечающие целям проекта:

- работа ленты новостей;

- работа форума;

- возможность добавления и скачивания файлов;

- регистрация на сайте;

- рекламная панель.

2. Специальный раздел

2.1 Выбор системы управления контентом сайта CMS

В соответствии с целями проекта была выбрана система PHP Fusion SF - это система управления контентом (CMS) с открытым исходным кодом, написанная на PHP. Выбранная CMS использует mySQL базу данных, для хранения данных и мощную встроенную систему администрирования контента. PHP-Fusion SF является модифицированной версией PHP-Fusion.

Параметры выбора:

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

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

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

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

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

Надежность и безопасность системы - система достаточно старая, постоянно совершенствуется, улучшая безопасность.

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

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

Устойчивость к нагрузкам - выдерживает нагрузку более 1000000 посетителей в сутки и обеспечивает надежную и бесперебойную работу web-проекта (данные тестирования).

Технические требования системы и ее платформа - система работает на платформе Windows и ~nix-систем. Техническим требованиям соответствует большинство хост-площадок.

2.2 Описание CMS PHP Fusion SF

Общая схема сайта:

Cайт на основе PHP-Fusion состоит из пяти основных частей: заголовка (header), левой и правой части (left & right side), подвала (footer) и центральной части, находящейся по середине между четырьмя остальными.

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

Надо заметить, что эти колонки существуют постольку, поскольку существуют панели расположенные в них. Администратор может удалять, добавлять панели, временно отключать видимость и регулировать доступ к панелям для разных групп пользователей. Если администратор отключит все панели правой колонки, то колонка, как бы исчезнет (безо всякого вмешательства в программный код!). Или еще пример: допустим, в левой колонке администратор расположил только панели с доступом "пользователь". Тогда незарегистрированный гость увидит сайт с одной (правой) колонкой и не даже не будет подозревать, что зарегистрированный пользователь видит этот сайт с двумя колонками.