Web-дизайн и основы создания Flash сайтов

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

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РФ

РОСТОВСКИЙ ГОСУДАРСТВЕННЫЙ ЭКОНОМИЧЕСКИЙ УНИВЕРСИТЕТ (РИНХ)

Кафедра экономической информатики и автоматизации управления

специальности «Информационные технологии в дизайне»

КУРСОВОЙ ПРОЕКТ

по дисциплине «Технологии дизайн-проектирования»

на тему: «Web-дизайн и основы создания Flash сайтов»

Выполнил студент группы 331 ДИЗZS

Аннакулиев Артур Мурадович (фамилия, имя, отчество)

Руководитель курсового проекта

доцент кафедры Орлова Н.В.

Ростов-на-Дону, 2012

Содержание

Введение

1. Общая организационно-экономическая характеристика организации

2. Теоретические основы веб-программирования

2.1 Web-дизайн и браузеры

2.2 Обеспечение доступности Web-страницы

3. Средства разработки сайта

3.1 Язык разметки гипертекстовых страниц HTML

3.1.1 Теги HTML

3.2 PHP

3.3 Macromedia Flash

3.3.1 Flash и его преимущества

3.3.2 Flash и его недостатки

3.4 Элементы SwishMAX

3.5 Главное меню

4. Руководство пользователя

Выводы и предложения

Заключение

Библиографические записи

Введение

программирование гипертекстовый flash сайт

Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах. Действительно, пользователь, который приобрел и установил на своей машине Microsoft Office, становится обладателем Internet-технологии в готовом виде, независимо от того, подключен его компьютер к Сети или нет.

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

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

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

Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать Web -сайт и разместить его в Сети. Но как это сделать?

Для этого необходимо решить следующие частные задачи:

- ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

- изучить программный инструментарий, применяемый для разработки и создания Web-сайтов;

- выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

- ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

- определиться со структурой Web-страниц;

- выбрать стратегию разработки и создания Web-сайта.

1. Общая организационно-экономическая характеристика организации

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

На данном предприятии были выявлены следующие преимущества:

полный пакет федеральной лицензионно-разрешительной документации по профилю деятельности;

комплексное предоставление строительных услуг по желанию заказчика;

применение только проверенных зарубежных и отечественных материалов;

успешный опыт производства и возведения зданий;

изготовление изделий по чертежам заказчика;

предоставление дополнительных услуг (доставка, сборка, установка).

Главной целью компании «САМ» является лидерство в строительстве металлических зданий и изделий и совершенствование в работе со своими потенциальными заказчиками, постоянно повышая при этом качество строительных услуг.

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

Компания «САМ» специализируется на осуществлении широкого спектра строительно-монтажных работ и услуг в области изготовления металлоконструкций и строительстве быстровозводимых зданий.

Команда профессионалов в кратчайшие сроки выполнит:

проектирование металлоизделий;

изготовление металлоконструкций;

строительство быстровозводимых зданий;

доставку металлических конструкций;

монтаж и демонтаж металлоизделий;

фундаментные работы;

земляные работы и другие виды работ.

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

Основными задачами предприятия являются:

разработка новой продукции и технологических решений в сегменте строительства зданий и металлоизделий;

постоянное улучшение качества путём обновления технологической базы предприятия, закупки новых станков и оборудования ведущих российских и иностранных производителей;

увеличение объема производства металлоконструкций;

использование передовых методов работы при изготовлении металлоизделий, ориентированных на удовлетворение потребностей самых требовательных заказчиков;

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

Данная организация стремительно идёт к достижению своей стратегической цели - завоеванию ведущих позиций на строительном рынке!

2. Теоретические основы веб-программирования

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

Перед созданием сайта для данной организации необходимо предусмотреть несколько проблем.

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

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

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

Рассмотрим несколько браузеров и их основные особенности.

2.1 Web-дизайн и браузеры

Браузеры Netscape Navigator и Microsoft Internet Explorer.

На рынке доминируют два основных браузера: Netscape Navigator и Microsoft Internet Explorer. Вместе они, включая все их версии, представляет примерно 90 % (или более) используемых сегодня браузеров.

Эти два браузера конкурируют между собой за господство на рынке. Результатом их борьбы стала коллекция фирменных HTML-тегов, а также несовместимые реализации различных технологий (печально известный Dynamic HTML, а также JavaScript и Cascading Style Sheets - каскадные таблицы стилей). С другой стороны, конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web.

Большинство Web-авторов в своей работе ориентируются на Navigator и Internet Explorer, поскольку они занимают львиную долю рынка. Тем не менее, существует ряд других браузеров, которые мы должны принимать во внимание.

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

Некоторые документированные различия включают: отсутствие поддержки встраиваемых шрифтов; отсутствие поддержки фильтров CSS и переходов (визуальных эффектов, таких как тени, отбрасываемые объектом, которые используются для элементов текста); отсутствие элементов управления мультимедиа (эффекты переходов и анимации, обычно создаваемые авторскими мультимедийными программными средствами); проблемы с реализацией DHTML.

Несмотря на заявления Microsoft, что DHTML поддерживается всеми платформами, он особенно ненадежен на компьютерах платформы Масintosh.

WebTV.

WebTV приводит в наши квартиры Web через обыкновенный телевизор с пультом дистанционного управления (также, по желанию, можно использовать клавиатуру). Для просмотра Web-страниц WebTV использует собственный специализированный браузер. Он осуществляет синтаксический анализ в соответствии - со стандартом HTML 3.2, но не предоставляет возможностей отображения фреймов, Java, JavaScript, ActiveX или любого другого формата, который требует встраиваемых приложений (за исключением встроенных Shockwave и RealAudio 3.0). Также создано много новых фирменных HTML-тегов, которые используются только в WebTV.

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

Opera.

Opera - это маленький и простенький браузер, созданный норвежской компанией Opera Software в Осло. Этот браузер обладает исключительно малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т. д.), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером. Opera 9.0 поддерживает Java, каскадные таблицы стилей и DHTML.

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

Lynx.

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

Люди действительно используют Lynx, поэтому не стоит удивляться, если клиент закажет разработку сайта для Lynx. Этот браузер также важен для инвалидов по зрению: они используют Lynx вместе с речевыми устройствами.

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

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

2.2 Обеспечение доступности Web-страницы

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

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.

Все большее число разработчиков считает стандартным разрешение 800x600. И совсем единицы разрабатывают страницы для еще более высоких разрешений.

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

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

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

HTML 4.0 предлагает следующие новые возможности, обеспечивающие доступность:

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

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

- рекомендации, касающиеся новой клиентской карты-изображения, объединяющей графические и текстовые ссылки;

- новые теги <abbr> и <acronym>, которые помогают речевым и другим устройствам интерпретировать аббревиатуры и акронимы;

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

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

- улучшенный механизм создания альтернативного текста. Атрибут alt теперь обязателен для тега <img>. Чтобы обеспечить связь с более длинными текстовыми пояснениями к изображениям, введен атрибут longdesc.

Для добавления информации о любом элементе, можно использовать атрибут title.

Каскадные таблицы стилей или CSS (от английского Cascading Style Sheets) являются следствием дальнейшего развития HTML и дают нам возможность перейти на следующий уровень представления информации. Таблицы стилей позволяют разделить смысловое содержимое странички и его оформление.

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

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

Тогда была предпринята широкомасштабная стандартизация. В результате чего на свет явился стандарт HTML 3.2. Он не был революционным, а лишь расставил по местам все нововведения и выработал общие рекомендации для производителей браузеров. Революционные изменения были введены в новом стандарте - HTML 4.0 или, как его стали называть, Dynamic HTML. В обращение были введены слои, таблицы стилей и универсальная объектная модель браузера.

В новом стандарте попытались вернуться к истокам концепции HTML. Четвертая версия, как и первая, рекомендует создавать странички таким образом, чтобы они могли быть воспроизведены на любом устройстве - будь это 21" дисплей или маленький черно-белый экран сотового телефона.

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

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

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

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

CSS2 (Cascading Style Sheets, Level 2) - самая последняя рекомендация по каскадным таблицам стилей, предоставляет механизмы для улучшенной интерпретации страниц неграфическими и не визуальными устройствами. Усовершенствования включают:

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

- специализированная поддержка для загружаемых шрифтов - таким образом уменьшается тенденция помещать текст в графику для улучшения внешнего вида страницы;

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

- средства управления для звукового вывода доставленной по Web информации;

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

3. Средства разработки сайта

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

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

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

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

Объём предоставленной информации напрямую зависит от заказчика. Чем больше будет предоставлено информации о компании, тем выше будет качество изготовляемого сайта. Затраты при изготовлении сайта могут быть как минимальные, так и большими. В частых случаях, при создании web-проекта затрачивается время на сбор материала, уточнения конкретных целей с заказчиком, поставленных перед разработкой, а также обсуждение объема и наличия информации в контенте [5] сайта.

На сегодняшний день создать сайт можно различными средствами и на разных платформах. Рассмотрим подробнее основные технологии:

язык разметки гипертекстовых страниц HTML

PHP

Macromedia Flash

3.1 Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых страниц (HTML - Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

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

Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров. Компендиум HTML находится на сайте http://www.htmlcompendium.org.

3.1.1 Теги HTML

Документ HTML содержит текст (содержимое страницы) и встроенные теги - инструкциями о структуре, внешнем виде и функции содержимого. Документ HTML разделяется на две основные части: заголовок - head и тело - body. Заголовок содержит такие сведения о документе, как его название и методическая информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне браузера).

Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега. Как правило, имя и атрибуты внутри тега не чувствительны к регистру. Тег <BODY BGCOLOR=white> будет работать так же, как <body bgcolor=white>. Однако значения определенных атрибутов могут быть чувствительны к регистру. Это относится, в частности, к именам файлов и URL.

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

The weather is <I>gorgeous</I>today.

Результат: The weather is gorgeous today.

Конечный тег имеет то же имя, что и начальный, но перед ним стоит слеш (/). Его можно рассматривать как "выключатель" тега. Конечный тег никогда не содержит атрибутов.

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

Некоторые теги не имеет завершающих тегов, потому что они используются для размещения отдельных (автономных) элементов на странице. Одним из них является тег изображения <img>, он просто помещает графику в поток страницы. Другие автономные теги - это разрыв строки (<br>), горизонтальная линия (<hr>) и теги, содержащие информацию о документе и не влияющие на содержимое, выводимое на экран, такие как <meta> и <base>.

Атрибуты добавляются в тег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных). Правила записи значения следующие:

- если значение представляет собой одно слово или число и состоит только из букв (a-z), цифр (0-9) и специальных символов (точка <.> или дефис <->), то можно поместить его после знака равенства без кавычек;

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

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

The Weather is <B><I>gorgeous</I></B> today.

Результат: The weather is gorgeous today.

Часто встречающейся ошибкой является перекрытие тегов. Хотя часть браузеров отображают содержимое, отмеченное таким образом, многие не разрешают нарушать правило, поэтому важно размешать теги правильно. Следующий пример показывает неверное вложение тегов (заметьте, что тег <В> закрывается перед закрытием <I>):

The weather is <B><I>gorgeous</B></I>today - данная информация, игнорируется браузерами.

Некоторая информация будет игнорироваться при просмотре браузерами. В ее состав входят:

- разрывы строк. Символы конца строк в документе HTML игнорируются. Текст и элементы будут переноситься до тех пор, пока в потоке текста документа не встретится тег <р> или <br>. Разрывы строк выводятся, если текст обозначен как текст с заданным форматом (<рrе>);

- символы табуляции и множественные пробелы. Когда браузер встречает в документе HTML символ табуляции и несколько последовательных символов пробела, он выводит только один пробел. Таким образом, если документ содержит: "far, far away", браузер выведет "far, far away". Дополнительные пробелы можно добавить в текстовый поток, используя символ неразрывного пробела (Snbsp;). Кроме того, все пробелы выводятся, если текст является форматированным (находится в тегах <рrе>);

- множественные <р>-теги. Последовательность тегов <р>, не прерываемых текстом, всеми браузерами интерпретируется как избыточная. Содержимое будет выводиться так, как если бы был только один тег <р>. Большинство браузеров выведет несколько тегов <Br> в виде нескольких переходов на новую строку;

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

- текст в комментариях. Браузеры не выводят текст между специальными элементами <! и ->, которые используются для обозначения комментариев. После символов начала комментария и перед символами окончания обязательно должен находиться пробел. В сам комментарий можно помещать практически все. Комментарии нельзя вкладывать. В Microsoft Internet Explorer имеется фирменный тег, обозначающий комментарии <com-ment>...</comment>. Однако, он не поддерживается другими браузерами.

3.2 PHP

РНР изобретен Расмусом Лердорфом в конце 1994 года. Первая версия выпущена в 1995 году под именем «Инструментарий Персональных Домашних Страниц», затем она была переработана и названа PHP/FI Version 2 (FI -- модуль обработки данных для форм). Также была добавлена поддержка баз данных mSQL. С этого момента в разработке стали принимать участие добровольцы.

Статистика используемости РНР приблизительна, но, согласно исследованию, проведенному Netcraft, в начале 2001 года РНР использовался на более чем 5 300 000 сайтах по всему миру. Для сравнения: в это время число IIS серверов было примерно таким же (5 млн). Разработка интерпретатора РНР приняла форму организованного командного процесса, ядро интерпретатора разрабатывает компания Zend.com. При этом РНР распространяется свободно: его последнюю версию можно загрузить с сайта PHP.net. Модули РНР поставляются в комплекте с сервером Apache, в комплектах систем Linux.

Изначально аббревиатура РНР означала Preprocessor of Home Pages -- препроцессор домашних страниц. Это язык внедряемых в HTML-страницы сценариев, исполняемых на сервере. По большей части его синтаксис заимствован из таких языков, как С, Perl, Java, и при этом добавлена масса возможностей, которых этим языкам недостает. Проще говоря, синтаксис РНР -- это разумная альтернатива и строгости С, и «беспредельности» Perl.

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

Основными конкурентами РНР являются технологии JSP (Java Server Pages и Java Scriptlets), ASP (Active Server Pages), Perl, SSI (Server Side Includes), Cold Fusion Server Pages.

Рассмотрим те недостатки, которые присущи указанным технологиям. JSP -- достаточно сложный для изучения и использования язык. ASP, основанный на синтаксисе VBScript (Visual Basic), имеет всего несколько десятков собственных функций и поэтому вынужден использовать СОМ-объекты; кроме того, он ориентирован исключительно на работу под Windows. Perl -- язык головоломный, и его вольности затрудняют его понимание. SSI позволяет всего лишь компоновать HTML-страницу из нескольких файлов. CF -- коммерческий продукт, что является его основным недостатком.

Основные достоинства РНР:

бесплатен;

постоянно совершенствуется;

работает на UNIX и Windows платформах;

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

< title>< ? print "Hello world!"; ?>< /title>

< /html>

Сообщение "Hello world!" выводится в заголовке web-страницы. Интересно то, что команда print внутри конструкции, которая обычно называется экранирующими последовательностями РНР (< ?...?>), представляет собой законченную программу. Ни длинного кода инициализации, ни включения библиотек -- программа состоит лишь из того кода, который непосредственно решает поставленную задачу!

допускает работу с большинством СУБД;

имеет широкий набор функций (более 3 тыс.);

допускает объектно-ориентированное программирование;

способен использовать протоколы HTTP, FTP, ШАР, SNMP, NNTP, РОРЗ, net sockets и другие;

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

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

Основные недостатки РНР:

Несогласованный синтаксис функций и неортогональность

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

Отсутствие обратной совместимости между версиями языка

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

Отсутствие поддержки Unicode в ядре языка

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

Отсутствие многопоточности

В языке не предусмотрена возможность создания многопоточных приложений. Есть различные обходные решения с использованием curl и сокетов. Для POSIX-совместимых систем можно использовать функции с префиксом pcntl_. Справедливости ради, следует отметить, что PHP распространен главным образом в области Web-разработки, где зачастую проблему многопоточности берет на себя веб-сервер.

Отсутствие прямого обращения к возвращаемому массиву

В языке PHP массив, возвращаемый функцией или методом, необходимо предварительно занести в переменную, чтобы применить оператор […].

Пример:

function odds($N)

{

return range(0, $N, 2);

}

print odds(10)[2]; //ошибка

$tmp = odds(10);

print $tmp[2]; // работает

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

3.3 Macromedia Flash

World Wide Web (Всемирная паутина) развивается очень стремительно. Традиционные Web-сайты (Web-sites) со статическими информационными страницами уже не привлекают как прежде внимание конечных пользователей. Поэтому Web-дизайнеры и разработчики пытаются придать своим страницам неотразимый вид, вводя графику и файлы анимационного формата GIF. Несмотря на то, что применение графики в традиционных форматах сжатия изображений GIF, JPEG и PNG придает сайту некоторый эффект, тем не менее, загрузка таких страниц может отнять много времени из-за больших размеров графических файлов. Альтернативным инструментом создания анимации является программный продукт-- Macromedia Flash, который поможет добиться поставленных при Web-разработке целей.

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

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

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

Интерактивность во Flash может состоять из самых разных свойств. Помимо неограниченных возможностей применения простой графики, анимации или крупных заголовков, в любой объект или область сайта можно вводить полноценные навигационные свойства: кнопки, меню или фрагменты анимации, с помощью которых конечный пользователь перемещается по сайту. А задавая действия (actions), можно создавать интерактивные фильмы. Для создания интерактивных элементов управления во Flash предоставляется язык создания сценариев - ActionScript.

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

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

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

3.3.1 Flash и его преимущества

Flash-технология предоставляет cвободу развития

Flash-технология позволяет достичь такой свободы развития, которую вы не найдете больше нигде. Flash позволяет дизайнерам помещать объекты там, где они хотят, не беспокоясь об абсолютном и относительном размещении, проблемами с шаблонами, z-индексами, проблемах таблицы-в-таблице, разрешениях экрана и так далее. Используя Flash-технологию, вы просто помещаете объект на канву там, где хотите, и свободно перемещаете его. HTML / CSS никогда не смогут делать того, что доступно Flash - никогда.

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

Flash-технология обеспечивет большую интерактивность

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

Flash-технология - это не единственный способ включить видео в web-страничку. Существуют и другие инструменты, такие как Windows Media Player, Real-Player и QuickTime. И все же, Flash используют около 97% пользователей (по сравнению с Windows Media Player - 59%, Real-Player - 56% и QuickTime player - 41%). HTML/CSS такой опции не предоставляют.

Flash-технология гарантирует большую гибкость

Flash-технология оперирует векторными объектами, и поэтому она позволяет регулировать размеры экрана, базирующиеся на размере браузера, и таким образом ваши рисунки и текст остаются четкими. Это преимущество приобретает все большее значение, так как люди все чаще заходят в сеть не со своих компьютеров, а с альтернативных источников, таких как "карманный" компьютер (PDA), мобильный телефон или наручные часы.

Улучшенная интеграция с помощью Flash-технологии

Flash-технология позволяет интегрировать любой мультимедийный формат. Например, во Flash можно вставить растровые форматы рисунков (такие, как GIF, JPEG, PNG, PCT, TIF), векторные форматы (включая FreeHand, EPS, Illustrator) и, как уже говорилось, звуковые форматы (WAV, AIF, MP3).

Flash-технология и шрифты

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

Моделирование фреймов

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

Без обновлений

Flash-технология дает возможность выводить новые данные без обновления страницы.

3.3.2 Flash и его недостатки

Специальный модуль для Flash-технологии

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

Худшее качество изображения

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

Проблема индексации Flash-технологии

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

Проблемы при печати Flash

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

SWiSHmax

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

Создание сайта с использованием Flash требует наличия определенных знаний, в частности ActionScript, многочисленных настроек MacromediaFlash MX и т.д. Для многих начинающих пользователей это является серьезным препятствием, так как у некоторых не хватает времени на изучение сложных программ, а у некоторых - терпения. Однако, в последнее время появились и альтернативные продукты для создания flash-анимации, которые являются более простыми в освоении и при этом позволяют получить хорошие результаты. Об одной из таких программ - SwishMAX - и пойдет речь ниже.



Рисунок 1 - Логотип программы SwishMAX

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

3.4 Элементы SwishMAX

Окно SwishMAX состоит из нескольких элементов. Рассмотрим их по порядку.

Панели инструментов (см. рис.2)



Рисунок 2 - Панели инструментов

По умолчанию отображены три панели инструментов:

Standard Toolbar - панель с основными командами: вырезать, копировать, вставить, удалить, найти, создать новый проект, открыть, сохранить и пр.

Insert Toolbar - панель с командами вставки основных объектов: текста, изображения, кнопки, новой сцены.

Control Toolbar - панель управления анимацией.

Кроме этого, при необходимости можно добавить еще две панели:

Export Toolbar - панель с командами, позволяющими экспортировать сцену в один из поддерживаемых программой форматов Swf, Html, Exe и Avi. Кроме этого, на этой панели расположены кнопки, позволяющие сделать предпросмотр проекта в браузере или плеере.

Grouping Toolbar - тут расположены команды группирования элементов и конвертирования одних видов объектов в другие.

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

Timeline (см. рис.3)

Рисунок 3 - Панель Timeline

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

...