วิธีเขียนเว็บไซต์แฟลช

สารบัญ:

วิธีเขียนเว็บไซต์แฟลช
วิธีเขียนเว็บไซต์แฟลช

วีดีโอ: วิธีเขียนเว็บไซต์แฟลช

วีดีโอ: วิธีเขียนเว็บไซต์แฟลช
วีดีโอ: สิ่งที่ต้องรู้สำหรับมือใหม่ก่อนเริ่มสร้างเว็บไซต์ มีอะไรบ้าง ไปดูกัน! 2024, อาจ
Anonim

ด้วยการใช้เทคโนโลยี Flash คุณสามารถสร้างเว็บไซต์ที่สวยงามและเป็นต้นฉบับด้วยเอฟเฟกต์ภาพที่น่าสนใจ Adobe Flash CS4 เหมาะที่สุดในการสร้าง

วิธีเขียนเว็บไซต์แฟลช
วิธีเขียนเว็บไซต์แฟลช

คำแนะนำ

ขั้นตอนที่ 1

ดาวน์โหลดและติดตั้ง Adobe Flash CS4 เปิดและเลือก "ใหม่" จากเมนู "สร้าง" โดยทำเครื่องหมายที่ "ไฟล์ Flash" (Actionscript 3.0) หาปุ่ม "Essentials" ที่มุมขวาบน คลิกที่มันและเลือกอินเทอร์เฟซผู้ออกแบบ ไปที่ส่วนคุณสมบัติของไฟล์และระบุขนาดและสีเติมของพื้นหลัง

ขั้นตอนที่ 2

ไปที่แผงเลเยอร์ สร้างสี่เลเยอร์: - สำหรับสคริปต์ - สำหรับหน้าเว็บไซต์ - สำหรับส่วนเมนู - สำหรับพื้นหลัง

ขั้นตอนที่ 3

ตั้งชื่อให้กับแต่ละสี่ชั้น ไปที่เมนูไฟล์และเลือกแท็บนำเข้าไปยังสเตจ ระบุรูปภาพสำหรับพื้นหลังในหน้าต่างที่เปิดขึ้น โหลดลงในเลเยอร์ที่เหมาะสม ล็อกรายการอื่นๆ ทั้งหมดชั่วขณะหนึ่ง (ยกเว้นอันที่สร้างขึ้นสำหรับบล็อกเมนู) เพื่อไม่ให้เกิดการเปลี่ยนแปลงโดยไม่ได้ตั้งใจ ในเลเยอร์เมนู เลือกส่วน "หน้าต่าง" ในแผงด้านบน จากนั้นเลือก "ส่วนประกอบ" ไปที่แท็บ "ส่วนต่อประสานผู้ใช้" และดับเบิลคลิกที่ "ปุ่ม"

ขั้นตอนที่ 4

วางปุ่มที่ปรากฏบนพื้นที่ที่เลือกของหน้า คุณจะต้องมีปุ่มมากเท่าที่มีรายการที่คุณจะสร้างในเมนูของไซต์ของคุณ ปรับแต่งโดยไปที่ส่วน "หน้าต่าง" และเปลี่ยนชื่อ (เช่น "Button1" เป็น "Home")

ขั้นตอนที่ 5

เลือกการตั้งค่าข้อความจากแถบเครื่องมือและระบุขนาด ประเภท และสีของแบบอักษร สร้างส่วนหัวสำหรับเว็บไซต์ของคุณ ไปที่เลเยอร์สำหรับหน้า วาดด้วยเครื่องมือ Rectangle สี่เหลี่ยมที่มีสีและความทึบที่ต้องการ ก็จะกลายเป็นกล่องข้อความ

ขั้นตอนที่ 6

เลือกเลเยอร์ที่ประมวลผลทั้งสามเลเยอร์ (ยกเว้นเลเยอร์สคริปต์) คลิกที่พวกเขาด้วยปุ่มเมาส์ขวา เลือกเมนูย่อย "คัดลอกเฟรม" และกำหนดเฟรมสามชั้น คลิกขวาที่พวกเขาอีกครั้ง เลือกและคลิก "วางเฟรม" หลายๆ ครั้งตามจำนวนหน้าที่คุณต้องการ

ขั้นตอนที่ 7

เลือกเฟรมแรกในเลเยอร์แล้วคลิก ไปที่แท็บ "ป้ายกำกับ" ในการตั้งค่า ป้อนค่า "page1" ในบรรทัด "ชื่อ" วางเนื้อหาที่ต้องการด้วยเครื่องมือข้อความบนสี่เหลี่ยมที่เตรียมไว้ กรอกข้อความในลักษณะเดียวกันกับส่วนที่เหลือของหน้า

ขั้นตอนที่ 8

อ้างถึงเลเยอร์สคริปต์ กด F9 ที่เฟรมแรก ป้อนตัวแก้ไขสคริปต์และป้อนค่า: หยุด (); และหลังจากนั้นกดแป้นเว้นวรรค ในบรรทัดใหม่ ให้ป้อนฟังก์ชันที่จะเปิดหน้านี้หรือหน้านั้น ขึ้นอยู่กับว่าจะเลือกปุ่มใดในเมนู ดังนั้น ปุ่มแรกจะตรงกับฟังก์ชัน: function button1_clicked (e: MouseEvent): void {gotoAndStop ("page1"); }

ขั้นตอนที่ 9

ระบุรหัสด้วย: button1.addEventListener (MouseEvent. CLICK, button_clicked1); …