วิธีสร้างเว็บไซต์ด้วยแฟลช

สารบัญ:

วิธีสร้างเว็บไซต์ด้วยแฟลช
วิธีสร้างเว็บไซต์ด้วยแฟลช

วีดีโอ: วิธีสร้างเว็บไซต์ด้วยแฟลช

วีดีโอ: วิธีสร้างเว็บไซต์ด้วยแฟลช
วีดีโอ: การสร้าง website ด้วย Flash ตอนที่ 2 2024, พฤศจิกายน
Anonim

ด้วยการใช้เทคโนโลยี Flash คุณสามารถทำให้ไซต์ของคุณสวยขึ้น เป็นต้นฉบับมากขึ้น และเร็วกว่าไซต์อื่นๆ ทั้งหมด Flash เปิดโอกาสกว้างสำหรับผู้ดูแลเว็บ - คุณสามารถสร้างการออกแบบที่ผิดปกติมากที่สุด โครงสร้างหน้าที่ผิดปกติ และทำให้ไซต์อิ่มตัวด้วยเอฟเฟกต์ภาพที่น่าดึงดูด การสร้างเว็บไซต์บนแฟลชนั้นไม่ยากเป็นพิเศษ - สำหรับสิ่งนี้ คุณต้องติดตั้งโปรแกรม Adobe Flash CS4

วิธีสร้างเว็บไซต์ด้วยแฟลช
วิธีสร้างเว็บไซต์ด้วยแฟลช

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

ในแผงเลเยอร์ ให้สร้างสี่เลเยอร์ ซึ่งหนึ่งในนั้นจะมีสคริปต์ อีกอันจะมีหน้าเว็บไซต์ เลเยอร์ที่สามจะมีส่วนของเมนู และที่สี่จะมีพื้นหลัง

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

จากนั้นเปิดเมนู Window และเลือกส่วนย่อยตัวตรวจสอบส่วนประกอบ ป้อนข้อความใหม่สำหรับปุ่มและชื่อของคุณ ทำเช่นเดียวกันกับปุ่มที่เหลือ

ขั้นตอนที่ 7

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

ขั้นตอนที่ 8

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

ขั้นตอนที่ 9

คลิกที่เมนูย่อย Copy Frames และเลือกเฟรมสามชั้น หลังจากนั้น ให้คลิกขวาที่พวกมันอีกครั้งแล้วคลิก Paste Frames ทำซ้ำจนครบจำนวนหน้าที่ต้องการ

ขั้นตอนที่ 10

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

ขั้นตอนที่ 11

หลังจากนั้นไปที่เลเยอร์สคริปต์แล้วกด F9 ที่เฟรมแรก ตัวแก้ไขสคริปต์จะเปิดขึ้น ซึ่งคุณต้องเขียนหยุด (); แล้วกดแป้นเว้นวรรค จากนั้นในบรรทัดใหม่ ให้ป้อนฟังก์ชันที่เปิดหน้านี้หรือหน้านั้น ขึ้นอยู่กับการกดปุ่มใดปุ่มหนึ่ง

ขั้นตอนที่ 12

สำหรับปุ่มแรกและหน้าแรก เขียนฟังก์ชันต่อไปนี้: function button1_clicked (e: MouseEvent): void {gotoAndStop ("page1"); } และสำหรับวินาที - ฟังก์ชั่น button2_clicked (e: MouseEvent): void {gotoAndStop ("page2"); }. เพิ่มรหัสให้กับปุ่มด้วย ปุ่มแรกสอดคล้องกับรหัส button1.addEventListener (MouseEvent. CLICK, button_clicked1); - เปลี่ยนตัวเลข ใส่รหัส ทุกปุ่ม ไซต์ของคุณพร้อมแล้ว เหลือเพียงการเผยแพร่โดยคลิกที่รายการการตั้งค่าการเผยแพร่ในไฟล์และเผยแพร่ไซต์ใน swf และ html