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

Теоретические основы веб-программирования. Web-дизайн и браузеры. Обеспечение доступности Web-страницы. Средства разработки сайта: язык разметки гипертекстовых страниц HTML, PHP, Macromedia Flash (его преимущества и недостатки), элементы SwishMAX.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 22.10.2017
Размер файла 337,0 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Outline (см. рис.4)

Рисунок 4 - Панель Outline

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

Layout (см. рис.5)

Рисунок 5 - Окно Layout

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

Scene (см. рис.6)

Рисунок 6 - Окно Scene

Это окно содержит в себе настройки сцены и отдельных объектов. Оно имеет несколько закладок:

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

Shape (Text) - название этой вкладки изменяется в зависимости от типа выделенного объекта. На ней находятся настройки этого объекта.

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

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

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

Debug - на этой вкладке программа ведет статистику ошибок, которые вы сделали в процессе работы.

Tint - на этой закладке можно выбрать цвет для выделенного объекта (параметр Color), а также установить для него степень прозрачности (параметр Alpha color)

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

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

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

Теперь рассмотрим команды главного меню:

File

Как и во многих других программах, в этом пункте меню размещены команды для создания (New), открытия (Open), сохранения проектов (Save и Save As). Далее идут команды сохранения проекта в виде шаблона (Save AS Template) и создания нового проекта на основе темплейта (New From Template). Стоит заметить, что шаблоны можно использовать как пользовательские, так и заготовленные разработчиками программы. Список доступных шаблонов можно увидеть в списке Samples.

В пункте меню File также находятся команды для импорта и экспорта файлов. Список доступных форматов для экспорта хоть и не очень велик, но вполне достаточен для программы такого рода. Это - Swf, Html+Swf, Exe и Avi. Наконец, последняя команда Test дает возможность предспросмотра проекта в плеере или в браузере. Этой опцией очень удобно пользоваться перед сохранением проекта.

Edit

В этом пункте меню помещены привычные для приложений Windows команды вырезать (Сut), копировать (Copy), вставить (Paste), которые предназначены для работы со скриптом. Также есть команда удаления скрипта (Delete Script), выделения всех объектов в проекте (Select All) и, соответственно, снятия выделения (Deselect All).

Для более удобной работы с отдельными объектами предусмотрены опции Hide и Hide All Except. Эти команды позволяют спрятать выделенный объект или же спрятать все объекты, кроме выделенного. Таким образом, с их помощью мы сможем сосредоточиться на создании отдельного элемента.

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

View

В этом пункте меню размещены команды, которые отвечают за отображение объектов и сцены в общем в окне программы. С помощью команд Zoom In и Zoom Out можно приблизить или отдалить сцену, указать расположение сцены или объектов относительно окна (Fit), установить отображение в окне Layout линейки, сетки и линий, помогающих следить за расположением объектов. Тут также можно выбрать варианты отображения сцены в рабочем окне. При включенной опции Smooth Edges and Images объекты будут выглядеть более сглажено. Когда проект, над которым мы работаем, достаточно сложен, и его отображение занимает много времени, эта опция очень удобна.

Insert

Команды этого пункта главного меню позволяют осуществлять вставку самых разных объектов в проект - изображений (Image), звуковых фрагментов (Soundtrack), кнопок (Button), текстовых элементов (Text). Тут мы также можем выбрать один из многочисленных эффектов программы (Effect), которые разбиты по категориям (см. рис.7).

Рисунок 7 - Команды пункта Insert

Appear into position - эффекты этой группы предотвращают появление объекта в сцене, т.е. определяют, каким образом он должен возникнуть.

Disappear from position - эффекты этой группы определяют, как будет исчезать эффект из сцены.

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

One off - эффекты этой группы не имеют четкого начала и завершения.

Return to start - эффекты, представленные в этой категории, похожи на эффекты Looping countinuously, но они всегда начинаются и заканчиваются в определенно месте.

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

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

Modify

При помощи команд этого пункта меню мы сможем сгруппировать несколько элементов сцены в один объект (Grouping), осуществить преобразование (Convert) в объект Button или Sprite, а также проделать обратную операцию (Break).

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

Control

Команды, представленные в этом пункте меню, полностью повторяют кнопки панели инструментов Control Toolbar

Tools

Этот пункт меню содержит три команды:

Preferences - отвечает за общие настройки программы

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

Keyboard Map - выводит на экран окно со списком используемых в программе горячих клавиш (см. рис.8).

Рисунок 8 - Окно Keyboard Map

Panels

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

На этом рассмотрение настроек программы можно считать завершенным.

Теперь можно подвести итог.

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

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

Для нормальной работы с данным программным продуктом требуется IBM-совместимый компьютер следующей конфигурации:

тактовая частота процессора не менее 85 МГц;

оперативная память не менее 16 МВ;

видеоадаптер SVGA;

объём свободного места на жёстком диске не менее 50 МВ;

операционная система Microsoft Windows 95/98/NT/2000/XP;

установленный flash player;

желательно наличие манипулятора типа «мышь».

Чтобы обеспечить удобство для работы с данным программным продуктом, желательно произвести следующие настройки экрана: минимальное разрешение экрана 800600 точек на дюйм, цветовая палитра не ниже 16 бит, частота кадров монитора не менее 85 Гц.

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

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

При этом мною были решены следующие частные задачи:

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

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

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

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

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

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

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

Безопасность жизнедеятельности

Техника безопасности при работе с персональным компьютером

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

Напряжение питания персонального компьютера (220 В) является опасным для жизни человека. В связи с этим в конструкции блоков компьютера, межблочных соединительных кабелях предусмотрена достаточно надежная изоляция от токопроводящих участков. Пользователь практически имеет дело с несколькими выключателями питания и, казалось бы, застрахован от поражения электрическим током. Однако в практической работе встречаются непредусмотренные ситуации, и чтобы они не стали опасными для пользователя, необходимо знать и четко соблюдать ряд правил техники безопасности. Это поможет не только избежать несчастных случаев и сохранить здоровье, но и гарантирует сохранность аппаратуры [2].

Особенно внимательным надо быть при работе с дисплеем, электронно-лучевая трубка которого использует высокое напряжение и является источником электромагнитного излучения. Неправильное поведение с дисплеем и другой электронной аппаратурой может привести к тяжелым поражениям электрическим током, загоранию аппаратуры. В связи с этим строго ВОСПРЕЩАЕТСЯ:

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

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

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

класть на аппаратуру посторонние предметы;

работать на компьютере во влажной одежде и с влажными руками.

Во время работы на компьютере НЕОБХОДИМО:

строго соблюдать положения инструкции по эксплуатации аппаратуры;

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

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

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

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

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

Электроопасность и защита от поражений током

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

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

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

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

Действие тока на человека как на биологическую систему проходит четыре стадии:

начало ощущения (0,5-1,5 мА переменного и 5-7 мА постоянного тока) - зуд. жжение, легкое покалывание;

судороги (8-16 мА переменного и 40-80 мА постоянного тока), из-за которых человек не может самостоятельно освободиться от соприкосновения с токоведущими частями, а вследствие судорог голосовых связок - позвать на помощь;

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

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

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

Заключение

В процессе достижения поставленной в работе цели необходимо было решить ряд следующих частных задач:

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

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

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

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

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

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

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

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

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

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

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

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

Каймин В. А., Жданов В. С. «Информатика» для поступающих в ВУЗы.: - М.: АСТ, 1996.

Фигурнов В.Э. IBM PC для пользователя.: - М., 1996. - 432с.

Кузнецов М.В., Симдянов И.В. Самоучитель PHP. - 2-е изд., перераб. и доп. - СПб.: БХВ-Петербург, 2006.

http://www.w3.org/WAI/References/HTML4-access

http://www.w3.org/TR/REC-html40

http://ru.wikipedia.org/wiki/Контент

http://ru.wikipedia.org/wiki/PHP

http://www.webmasteram.ru

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

...

Подобные документы

  • Сравнение языка Php с другими языками программирования web-приложений. Язык разметки гипертекстовых страниц Html. Технология Macromedia Flash, её преимущества и недостатки. Этапы создания флеш-сайта, руководство пользователя и листинг программы.

    дипломная работа [2,3 M], добавлен 04.10.2013

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

    дипломная работа [86,7 K], добавлен 25.03.2013

  • Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.

    дипломная работа [3,3 M], добавлен 21.06.2013

  • Основные принципы работы с Macromedia Flash, структура программы, использование векторной графики, передача данных в потоковом режиме в Macromedia Flash, разделение данных и их представление. Разработка макета, информационной структуры и дизайна сайта.

    дипломная работа [394,3 K], добавлен 12.07.2010

  • Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.

    реферат [374,0 K], добавлен 19.01.2011

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

    контрольная работа [54,8 K], добавлен 24.05.2015

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

    статья [202,1 K], добавлен 01.05.2010

  • Основные понятия и определения мультимедийных технологий. Возможности программы для создания интерактивной векторной анимации, ориентированной на создание web-сайтов и презентаций Macromedia Flash. Этапы создания мультимедийных презентационных программ.

    дипломная работа [73,2 K], добавлен 15.04.2013

  • Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.

    презентация [1,3 M], добавлен 28.11.2015

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

    реферат [503,5 K], добавлен 30.06.2014

  • Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.

    методичка [1,9 M], добавлен 06.07.2011

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

    дипломная работа [471,5 K], добавлен 23.04.2015

  • Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.

    дипломная работа [1,1 M], добавлен 05.03.2013

  • Программа Flash компании Macromedia. Создание обучающей системы по Macromedia Flash 7. Структура программы Flash. Базовые моменты, подлежащие описанию для включения их в обучающую систему, реализованную в виде web-узла. Реализация обучающей системы.

    курсовая работа [23,3 K], добавлен 21.02.2009

  • Процесс создания простейшей мультипликации в приложении в Macromedia Flash путем применения автоматической и покадровой анимации. Пример использования Action Script. Пошаговое описание выполнения данной работы со всеми комментариями и изображениями.

    контрольная работа [4,2 M], добавлен 06.05.2011

  • Понятие и виды Web-хостинга. Анализ рынка хостинговых компаний. Языки Web-программирования: HTML, PHP, Water, Clear Methods Steam. Web-дизайн и браузеры. Возможности современных визуальных HTML-редакторов. Создание сайта "Каталога хостинговых компаний".

    курсовая работа [537,6 K], добавлен 15.01.2012

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

    дипломная работа [4,6 M], добавлен 10.11.2015

  • Рассмотрение методических особенностей изучения курса "Macromedia Flash" и создание электронного учебника для изучения этого курса учащимися. Достоинства и недостатки, структура учебного пособия. Принципы подготовки к созданию электронных учебников.

    дипломная работа [1,9 M], добавлен 23.04.2015

  • Создание локальной версии Web-сайта компании, оказывающей услуги в сфере "Дизайн помещений". Логическая структура сайта – набор тематических рубрик с распределенными по разделам документами. HTML–коды Web-страниц. Теоретические аспекты создания сайта.

    курсовая работа [94,0 K], добавлен 10.05.2011

  • Изучение основных приемов создания анимационных роликов средствами пакета Macromedia Flash-5 для оформления страниц web-узлов. Анимация движения с помощью автоматического заполнения кадров. Плавное изменение формы объекта (морфинг), узловые точки.

    лабораторная работа [25,6 K], добавлен 12.06.2010

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.