Инфоурок / Информатика / Статьи / Статья по информатике на тему "Создание Flash сайта"

Статья по информатике на тему "Создание Flash сайта"

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов

СТАТЬЯ

СОЗДАНИЕ FLASH САЙТА


Савчук Татьяна Сергеевна

Государственное бюджетное общеобразовательное учреждение средняя общеобразовательная школа № 342 Невского района Санкт-Петербурга


Материал статьи «Создание Flash сайта» ориентирован на формирование практических навыков создания страниц сайтов, используя Flash – технологии.

В современном сайтостроении большой популярностью пользуются сайты, созданные с использованием Flash технологий. Для примера рассмотрим задание, связанное с созданием сайта в котором было бы 3 кадра. Во всех 3 кадрах присутствовали 3 кнопки: «Главная», «Цветы», «Животные». В первом кадре рядом с кнопками была фотография природы, во втором кадре фотография цветов, в третьем кадре фото животного. По щелчку по кнопке «Главная» осуществлялся переход в первый кадр (где фото природы), по щелчку по кнопке «Цветы», был переход на второй кадр (где фото цветов), а по щелчку по кнопке «Животные» был переход на третий кадр.


Ход работы:

  1. Создаём кнопки. Для этого в строке меню выбираем Insert New SymbolButton, в Name пишем Главная, ОК.

hello_html_m4e0e4536.png

  1. На экране появляется вид для создания кнопок, в котором вместо кадров будут названия UP – стандартный вид кнопки, Over – вид кнопки после наведения на неё мышью, Down – вид кнопки после щелчка мышью, Hit - область всей кнопки.



  1. Кhello_html_m3c63ad7a.pngликнем по кадру Up, выберем в инструментах круг, сменим цвет и нарисуем овал по центру там, где крестик. Затем выберем инструмент «А» (написание слов) и растянем область написания внутри овала. Для того, чтобы поменять шрифт воспользуемся панелью Character, (если она не установлена, то в строке меню выберем WindowPanels- Character. Необходимо перейти на русский шрифт и выбрать Arial Cyr . Написать «Главная».

  2. Перейдём в Over, нажмём F6, чёрной стрелкой кликнем по белому фону, выберем другой цвет и зальём кнопку другим цветом

  3. Перейдём в Down, нажмём F6, чёрной стрелкой кликнем по линии и Delete.

  4. Перейдём в Hit, нажмём F6 чёрной стрелкой кликнем по белому фону, выберем инструмент круг и растянем овал так, чтобы наша кнопка оказалась внутри нового овала.

  5. Наверху рядом с названием кнопки нужно кликнуть по слову Scene1 На экране появится чистая страница с пустыми кадрами.


  1. Вhello_html_76946794.pnghello_html_m5e9c267d.gif строке меню выбираем WindowLibrary.

  2. Справа появляется окно, в котором ниже слова Name, будет указательный палец и написано название кнопки «Главная». Перетаскиваем её на белый лист.

  3. Для копирования кнопки нужно Щёлкнуть правой клавишей мыши по названию кнопки в окне Library под словом Name и выбрать Duplicate. В строке Name дать новое название кнопке «Цветы» и нажать ОК. Повторить копирование и создать ещё одну кнопку «Животные».

  4. Для того, чтобы скопированные кнопки назывались соответственно «Цветы» и «Животные» нужно изменит название Главная. Для этого в окне Library кликаем 2 раза по «указательному пальцу», соответствующему кнопке Цветы. Появляется окно с кадрами Up, Over, Down, Hit. Поочерёдно заходим в каждое из положений (не забывать каждый раз кликать чёрной стрелкой по белому фону) и изменяем название «Главная» на «Цветы». После этого кликаем по Scene 1 и перетаскиваем кнопку «Цветы» под кнопку «Главная». А потом то же самое делаем для кнопки «Животные».

  5. Оказавшись в первом кадре, необходимо добавить в него фото природы, для этого в строке меню выбираем FileImport и вставляем фото природы. Для уменьшения фото нужно выбрать Scale (масштаб) и уменьшить фото, поместить её рядом с кнопками. (если после вставки фото появились помимо первого кадра ещё несколько, то все другие кадры кроме первого надо удалить. Для этого кликаем в ненужный кадр и нажимаем Delete, а потом ещё раз Delete. После этого переходим в следующий ненужный кадр, щёлкнув по нему мышью и тоже нажимаем Delete, а потом ещё раз Delete.


  1. Вhello_html_2158ccb2.png первом кадре кликаем чёрной стрелкой по белому фону, затем кликаем по первому кадру правой клавишей мыши и выбираем ActionStop (2 раза)

  2. Кликаем по кнопке «Главная» правой клавишей мыши и выбираем Action - Go To (2 раза), в строке Frame прописываем номер кадра, который будет открываться по клику по кнопке «Главная! (Это должен быть первый кадр). Убираем галочку «Go to and Play».

  3. Кликаем по кнопке «Животные» правой клавишей мыши и выбираем Action - Go To (2 раза), в строке Frame прописываем номер кадра, который будет открываться по щелчку по кнопке «Главная! (Это должен быть второй кадр). Убираем галочку «Go to and Play»

  4. Кликаем по кнопке «Цветы» правой клавишей мыши и выбираем Action - Go To (2 раза), в строке Frame прописываем номер кадра, который будет открываться по щелчку по кнопке «Главная! (Это должен быть третий кадр). Убираем галочку «Go to and Play»

  5. Переходим во второй кадр и нажимаем F6, кликаем чёрной стрелкой по белому фону, удаляем рисунок и вставляем новый с фото животного. (FileImport). Правой клавишей по второму кадру, выбираем ActionStop ( 2 раза)


hello_html_6825c74c.png

  1. Переходим в третий кадр и нажимаем F6, щёлкаем чёрной стрелкой по белому фону, удаляем рисунок и вставляем новый с фото цветов. (FileImport). Правой клавишей по второму кадру, выбираем ActionStop ( 2 раза)




  1. Запускаем программу, нажав Ctrl + Enter и проверяем.

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

4


Самые низкие цены на курсы переподготовки

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Общая информация

Номер материала: ДБ-357040
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>