Создание веб-сайта по технологии flash

 

Создание веб-сайта по технологии flash

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

. ОБЩАЯ ОРГАНИЗАЦИОННО-ЭКОНОМИЧЕСКАЯ ХАРАКТЕРИСТИКА ОРГАНИЗАЦИИ

. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ВЕБ-ПРОГРАММИРОВАНИЯ

.1 WEB-ДИЗАЙН И БРАУЗЕРЫ

.2 ОБЕСПЕЧЕНИЕ ДОСТУПНОСТИ WEB-СТРАНИЦЫ

. СРЕДСТВА РАЗРАБОТКИ САЙТА И ИХ СРАВНИТЕЛЬНЫЙ АНАЛИЗ

.1 ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТОВЫХ СТРАНИЦ HTML

.1.1 ТЕГИ ЯЗЫКА РАЗМЕТКИ ГИПЕРТЕКСТОВЫХ СТРАНИЦ HTML

.2 ЯЗЫК ПРОГРАММИРОВАНИЯ PHP

.2.1 СРАВНЕНИЕ ЯЗЫКА ПРОГРАММИРОВАНИЯ РНР С ДРУГИМИ ЯЗЫКАМИ ПРОГРАММИРОВАНИЯ WEB-ПРИЛОЖЕНИЙ

.2.2 ДОСТОИНСТВА ЯЗЫКА ПРОГРАММИРОВАНИЯ РНР

.2.3 НЕДОСТАТКИ ЯЗЫКА ПРОГРАММИРОВАНИЯ РНР

.3 ТЕХНОЛОГИЯ MACROMEDIA FLASH

.3.1 ПРЕИМУЩЕСТВА ТЕХНОЛОГИИ FLASH

.3.2 НЕДОСТАТКИ ТЕХНОЛОГИИ FLASH

. ТЕХНИЧЕСКОЕ ЗАДАНИЕ

.1 НАЗНАЧЕНИЕ И ОБЛАСТЬ ПРИМЕНЕНИЯ

.2 ТРЕБОВАНИЯ К ПРОГРАММЕ

.3 УСЛОВИЯ ЭКСПЛУАТАЦИИ

. СОЗДАНИЕ ФЛЕШ-САЙТА

.1 ПРОГРАММА SWISHMAX

.1.1 ЭЛЕМЕНТЫ SWISHMAX

.1.2 ГЛАВНОЕ МЕНЮ

.2 ЭТАПЫ СОЗДАНИЯ САЙТА

.2.1 ИСТОРИЯ СОЗДАНИЯ ПЕРВОГО В МИРЕ САЙТА

.2.2 КЛАССИФИКАЦИЯ ВЕБ-САЙТОВ

.2.3 АНАЛИЗ ЦЕЛЕЙ

. ПРОЕКТИРОВАНИЕ САЙТА

.1 ПРОЕКТИРОВАНИЕ И СОЗДАНИЕ ОСНОВНЫХ ЭКРАНОВ

.2 ПРОЕКТИРОВАНИЕ И СОЗДАНИЕ ВТОРОСТЕПЕННЫХ ЭКРАНОВ

.3 ЗАЩИТА ФЛЕШ-САЙТА ОТ ДЕКОМПИЛЯТОРОВ

. РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ

. ВЫВОДЫ И ПРЕДЛОЖЕНИЯ

. БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ

.1 ТЕХНИКА БЕЗОПАСНОСТИ ПРИ РАБОТЕ С ПЕРСОНАЛЬНЫМ КОМПЬЮТЕРОМ

.2 ЭЛЕКТРООПАСНОСТЬ И ЗАЩИТА ОТ ПОРАЖЕНИЙ ТОКОМ

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

ПРИЛОЖЕНИЕ А

ВВЕДЕНИЕ

Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах. Действительно, пользователь, который приобрел и установил на своей машине 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.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" дисплей или маленький черно-белый экран сотового телефона.

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

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

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

Создание веб-сайта по технологии flash СОДЕРЖАНИЕ ВВЕДЕНИЕ . ОБЩАЯ ОРГАНИЗАЦИОННО-ЭКОНОМИЧЕ

Больше работ по теме: