Флэш веб-сайтты кантип жазса болот

Мазмуну:

Флэш веб-сайтты кантип жазса болот
Флэш веб-сайтты кантип жазса болот

Video: Флэш веб-сайтты кантип жазса болот

Video: Флэш веб-сайтты кантип жазса болот
Video: 1-сабак. Веб-сайттар кантип жасалат? Frontend деген эмне? 2024, Ноябрь
Anonim

Flash технологиясын колдонуп, сиз кызыктуу визуалдык эффекттер менен кооз жана оригиналдуу сайтты жасай аласыз. Аны түзүү үчүн Adobe Flash CS4 ылайыктуу.

Флэш веб-сайтты кантип жазса болот
Флэш веб-сайтты кантип жазса болот

Нускамалар

1 кадам

Adobe Flash CS4 жүктөп жана орнотуңуз. Аны ачып, "Түзүү" менюсунан "Жаңы" баскычын тандаңыз, ал жерде "Flash File" (Actionscript 3.0) текшерилет. Оң жактагы жогорку бурчтан "Essentials" баскычын табыңыз. Аны чыкылдатып, Дизайнер интерфейсин тандаңыз. Файлдын касиеттери бөлүмүнө өтүп, фондун көлөмүн жана толтуруу түсүн көрсөтүңүз.

2-кадам

Катмарлар панелине өтүңүз. Төрт катмар түзүңүз: - сценарийлер үчүн; - сайт баракчалары үчүн; - меню бөлүмү үчүн; - фон үчүн.

3-кадам

Төрт катмардын ар бирине ат коюңуз. Файл менюсуна өтүп, Сахнага импорттоо табулатурасын тандаңыз. Ачылган терезеде фон үчүн сүрөттү көрсөтүңүз. Аны тиешелүү катмарга жүктөңүз. Башкаларын кокустан өзгөртпөө үчүн бир азга бекитип коюңуз (меню блогу үчүн түзүлгөндөн башкасы). Меню катмарында үстүңкү панелдеги "Терезе" бөлүмүн, андан кийин - "Компоненттерди" тандаңыз. "Колдонуучунун интерфейси" өтмөгүнө өтүп, "Баскычты" эки жолу чыкылдатыңыз.

4-кадам

Барактын тандалган аймагына пайда болгон баскычты коюңуз. Сиздин сайтыңыздын менюсунда канча элемент түзсөңүз, ошончо баскыч керек болот. Аларды "Терезе" бөлүмүнө өтүп, алардын аталыштарын өзгөртүү менен өзгөчөлөштүрүңүз (мисалы, "Button1" "Үйгө").

5-кадам

Куралдар панелинен текст орнотууларын тандап, көлөмүн, түрүн жана шрифтин түсүн көрсөтүңүз. Сайтыңыз үчүн баш ат түзүү. Баракчалар үчүн катмарга өтүңүз. Тик бурчтук куралы менен керектүү түстөгү жана тунуктуктагы төрт бурчтукту тартыңыз. Бул текст кутучасы болуп калат.

6-кадам

Бардык иштетилген катмарлардын бардыгын тандаңыз (сценарийлер катмарынан тышкары). Чычкандын оң баскычы менен аларды чыкылдатыңыз. "Кадрларды көчүрүү" кичи менюну тандап, үч катмардагы алкактарды белгилеңиз. Аларды кайрадан оң баскыч менен чыкылдатыңыз. Каалаган барактарыңыздын санына жараша "Кадрларды чаптоо" баскычын тандап, чыкылдатыңыз.

7-кадам

Катмардагы биринчи кадрды тандап, аны чыкылдатыңыз. Орнотуулардагы "Этикетка" өтмөгүнө өтүңүз. "Аты" сабына "page1" маанисин киргизиңиз. Даяр болгон тик бурчтукка текст куралы менен керектүү мазмунду коюңуз. Калган беттерге дагы ушундай эле жол менен текстти толтуруңуз.

8-кадам

Сценарий катмарына кайрылыңыз. Биринчи кадрда F9 баскычын басыңыз. Скрипт редакторун киргизип, маанисин киргизиңиз: stop (); жана андан кийин боштук тилкесин басыңыз. Жаңы сапка, менюдагы кайсы баскыч тандалгандыгына жараша тигил же бул барак ачыла турган функцияны киргизиңиз. Ошентип, биринчи баскыч функцияга туура келет: function button1_clicked (e: MouseEvent): void {gotoAndStop ("page1"); }

9-кадам

Кодду да көрсөтүңүз: button1.addEventListener (MouseEvent. CLICK, button_clicked1); …

Сунушталууда: