ว ธ เพ ม flash ใน dreamweaver cs6

What's hot (20)

Similar to การใช งานโปรแกรม Dreamweaver cs6 (20)

การใช งานโปรแกรม Dreamweaver cs6

  • 1. CS6 การเปิดโปรแกรม วิธีที่ 1 คลิก start -> All Programs -> Adobe Dreamweaver CS6 ดังตัวอย่างด้านล่าง วิธีที่ 2 ดับเบิล คลิกไอคอน ที่ หน้าจอ Desktop ส่วนประกอบของ welcome screen หลังจากเปิดโปรแกรมขึ้นมาจะปรากฏหน้าต่าง welcome screen ซึ่งแบ่งออกเป็น 3 กลุ่มหลัก ดังภาพด้านล่าง ดังนี้ A B C A. เปิดไฟล์งานเก่าที่เคยเรียกใช้ งาน (open a recent ltem) B. สร้างงานใหม่ (create new) ใช้สำาหรับสร้างไฟล์งานใหม่ ซึ่ง สามารถเลือกสร้างไฟล์งานได้ หลายชนิด ไม่ว่าจะเป็น ไฟล์ html,
  • 3. แถบเมนูหลัก (Menu bar) เป็นแถบรวมรวมคำาสั่งทั้งหมดของ โปรแกรม โดยแบ่งคำาสั่งทั้งหมดออกเป็นหมวดหมู่ตามลักษณะของการ ใช้งาน 2. แถบเครื่องมือ (Insert Bar) เป็นแหล่งรวมเครื่องมือซึ่งใช้ในการวางอ อบเจ็กต์ชนิดต่าง ๆ ลงบนหน้าเว็บเพจ เช่น ข้อความ รูปภาพ ลิงค์ รูป เคลื่อนไหว เป็นต้น โดยจะแบ่งเป็นกลุ่มคำาสั่งเพื่อให้ใช้งานได้สะดวก ซึ่งจะประกอบด้วยกลุ่มคำาสั่งดังนี้ 1.เมนู 3. พื้นที่สร้างเว็บ 2. แถบ 5.กลุ่ม หน้าต่ าง 6.แถบ4.หน้าต่าง properties
  • 4. ๆ เช่น รูปภาพ ตาราง ไฟล์มัลติมีเดีย เป็นต้น - Layout ใช้วางออบเจ็กต์ที่ใช้จัดโครงสร้างของเว็บเพจ เช่น ตาราง เฟรม และ AP element (หรือเลเยอร์) - Forms ใช้วางออบเจ็กต์ที่ใช้ในการสร้างแบบฟร์อมรับข้อมูล เช่น ช่องรับข้อความ ปุ่มตัวเลือกต่าง ๆ เป็นต้น - Data ใช้วางคำาสั่งที่ใช้การจัดการฐานข้อมูล และดึงข้อมูลจาก ฐานข้อมูลมาแสดงบนเว็บเพจ - Sary ใช้วางออบเจ็กต์ที่ใช้เทคโนโลยีของ Ajax - jQuery Mobile ใช้สร้างหน้าเพจที่แสดงบนอุปกรณ์มือถือและ แท็บเล็ตโดยใช้เทคโนโลยีแบบ jQuery - InContextEdting ใช้สร้างออบเจ็กต์ที่ช่วยอำานวยความสะดวกให้ ผู้ใช้งานสามารถแก้ไขเว็บเพจได้ - Text ใช้สำาหรับจัดปรับแต่งหรือจัดรูปแบบของตัวอักษรและ ข้อความสะดวกให้ผู้ใช้งาน เช่น หัวเรื่อง ตัวหน้า ตัวเอียง รวมทั้ง แทรกสัญลักษณ์พิเศษต่าง ๆ เช่น $ (Dollar) © (Copyright) เป็นต้น - Favorites เป็นกลุ่มที่สามารถเพิ่มปุ่มคำาสั่งที่ใช้บ่อยจากกลุ่มอื่น ๆ เข้ามาเก็บไว้ใช้งานเอง เพื่อความสะดวกในการใช้งาน 3. พื้นที่สร้างงาน (Document area)เป็นส่วนที่ใช้สร้างหน้าเว็บเพจ ใส่ เนื้อหา และองค์ประกอบต่าง ๆ ของเว็บเพจ ซึ่งสามารถเลือกเปิดพื้นที่สร้างงานได้ด้วยกัน 4 มุมมอง - มุมมองออกแบบ (Design View)ใช้แก้ไขและจัดวางเนื้อหาต่าง ๆ ลงบนเว็บเพจ
  • 5. View) ใช้สำำหรับเปิดดูคำำสั่งต่ำง ๆ เช่น HTML PHP ASP และ JSP และสำมำรถแก้ไขคำำสั่งต่ำง ๆ ได้ ตำมต้องกำร - มุมมองโค้ดและออกแบบ (Code and Design View หรือ Split) แสดงทั้งแบบมุมมองออกแบบ และมุมมองโค้ดพร้อมกัน สำมำรถ ปรับขนำดพื้นที่ของแต่ละส่วนได้โดยคลิกลำกที่เส้นแบ่งระหว่ำง ทั้ง 2 ส่วนนี้ - มุมมองแสดงเว็บเพจเหมือนดูบนเบรำเซอร์ (Live View) แสดง หน้ำเว็บเพจเหมือนดูบนเบรำเซอร์ทั้งในส่วนของ JavaScript และ Plugin 4. หน้ำต่ำง properties inspector เป็นหน้ำต่ำงเล็ก ๆ ที่อยู่ด้ำนล่ำงสุด ของหน้ำจอโปรแกรม เป็นส่วนที่ใช้งำนมำกที่สุด เนื่องจำกเป็นส่วนที่ใช้ กำำหนดคุณสมบัติสำำคัญ ๆ ของออบเจ็กต์ที่วำงในหน้ำเว็บเพจ เช่น ตำำแหน่ง ขนำด และสี 5. กลุ่มหน้ำต่ำงพำเนล (Panels) เป็นหน้ำต่ำงเล็ก ๆ ที่รวบรวมเครื่องมือ ไว้เป็นกลุ่มตำมหน้ำที่ที่เกี่ยวข้อง ทำำให้ใช้งำนได้สะดวกขึ้น 6. แถบสถำนะ (Status Bar) เป็นแถบที่อยู่ทำงด้ำนล่ำงของหน้ำต่ำง ๆ Document ประกอบด้วย 2 ส่วน คือ ด้ำนซ้ำยเป็น Tag Selector ส่วนด้ำนขวำเป็นเครื่องมือต่ำง ๆ หลักสำำคัญก่อนกำรสร้ำงเว็บเพจ 1. เลือกรูปแบบพื้นที่ทำำงำน(Workspace) ให้เหมำะสม 2. จัดกำรกับหน้ำต่ำงไฟล์ 3. เตรียมโฟลเดอร์สำำหรับสร้ำงเว็บไซต์
  • 6. Site เพื่อจัดระบบให้ข้อมูล
  • 7. > Save (หรือกดคีย์ลัด Ctrl+S) - ถ้าต้องการบันทึกเว็บเพจเดิมให้เป็นชื่อใหม่ เลือกคำาสั่ง Save As - ถ้าต้องการบันทึกเว็บเพจทั้งหมดที่เปิดใช้งานอยู่ เลือกคำาสั่ง Save All 2. เปิดเข้าไปยังโฟลเดอร์หลักที่จัดเก็บเว็บไซต์และโฟลเดอร์ย่อย ที่จะใช้เก็บไฟล์ 3. ตั้งชื่อไฟล์ที่ต้องการ (กรณีหน้าแรกของเว็บไซต์ ต้องตั้งเป็น Index.html เท่านั้น นอกจากนั้นตั้งชื่อตามชนิดของไฟล์งาน) 4. เลือกประเภทไฟล์ที่จะบันทึกเป็น html 5. คลิกปุ่ม Save

Report as inappropriate

Select your reason for reporting this presentation as inappropriate.**Required

Copyright Complaint

1 like

views

Total views20,673

On Slideshare0

From embeds0

Number of embeds0

This saved item is also in a list.

Removing from saved will also delete the item from your lists

Add to a new list

ว ธ เพ ม flash ใน dreamweaver cs6

What would you like to name this list?*

Make list private

Photoshop ��������Ӥѭ����Ѻ����͡Ẻ˹�����ྨ��ҧ� ��ШѴ������繢�鹵͹�á�ͧ��þѲ�����䫵� �س�֧���繵�ͧ������ѡ �������Ըա����ҹ���ͧ������Ѻ����͡Ẻ �ѧ��� ����͸Ժ����������´����ʴ�������ҧ��ѡɳ� Workshop ������������Ѻ����������������������¹������ҧ���

  • ����͡Ẻ�Ǵ��©ҡ��ѧ
  • ����͡Ẻ˹�����ྨ
  • ���ҧ��������Ѻ���������������� (Rollover)
  • ��õѴ�Ҿ (Slice) ������ Dreamweaver
  • �͡Ẻ˹�����ྨ About US
  • �͡Ẻ˹�����ྨ News and Event

����� 2 ���¹���ͧ���Сͺ��鹰ҹ

����� Dreamweaver CS5 ������ա�û�Ѻ��ا����ͧ��͵�ҧ� �ҡ�ѡ ������Ѻ�����������ջ��ʺ��ó�Ѻ�����ҹ�����ѹ��͹˹�ҹ�� ����÷������¹���������㨾�鹰ҹ�����ҹ���ͧ���Сͺ��ҧ� �ͧ����� �������¡�͹

  • ͧ���Сͺ��鹰ҹ㹡�����¡��ҹ
  • ���ѡ��ǹ��Сͺ��鹰ҹ㹡�þѲ�����䫵�
  • �Ӥ������ѡ�Ѻ INSERT Panel
  • �Ӥ������ѡ�Ѻ PROPERTIES Panel
  • �Ӥ������ѡ�Ѻ FILES Panel
  • �Ӥ������ѡ�Ѻᶺ Status
  • ����ͧ㹡�����ҧ���ྨ
  • ������ҧ䫵�����Ѻ�Ѵ�����
  • ������ҧ���������������������

����� 3 ��鹰ҹ�����ҹ����� Dreamweaver

�Ըա����ҹ��鹾�鹰ҹ����Ѻ����͡Ẻ��оѲ�����䫵� ����觷��е�ͧ�������Ӥѭ ���ͧ�ҡ������á���س�е�ͧ��㹡�èѴ�ҧ���������͢����ŵ�ҧ� ��˹�����ྨ �ѧ��鹼��֧���Ǻ������������ͧ�����Ф��������ҹ�� �������س�����¹������ҧ�١��ͧ

  • ���͡��������´������ҧ������ྨ���µ��ͧ
  • ����Դ��ҹ������ྨ
  • ��èѴ�����ྨ
  • ����ʴ��ż�ҹ�������
  • ��鹰ҹ��û�Ѻ��˹�����ྨ
  • �������ͤ��������ྨ
  • ������͡�ٻẺ����ѡ������
  • �����������ٻẺ����ѡ��
  • �������ٻ�Ҿ��˹�����ྨ
  • ��ù��ٻ�Ҿ�����ҧ�繩ҡ��ѧ
  • ��û�Ѻ��Ҵ�ٻ�Ҿ
  • �������ͺ�ٻ�Ҿ
  • ��õѴ�ٻ�Ҿ��������੾����ǹ����ͧ���
  • ��û�Ѻ��� Brightness/Contrast
  • ��û�Ѻ�Ҿ����Դ�������Ѵ

����� 4 ������ҧ�������ԧ������������§˹�����ྨ

������㹺����س�������¹�������ǡѺ�Ըա��������§˹�����ྨ��ҧ� �������䫵���Ҵ��¡ѹ ���˹�㹡��������§��� ������¡��� “�������ԧ��” (hyperlink) ����շ���������ԧ�����������繢�ͤ���, �������ԧ�������ٻ�Ҿ ��ʹ��෤�Ԥ��ù��ٻ�Ҿ�����ҧ��Ẻ��ͺ�Ѻ�����Ҫ�����ա����

  • ������ҧ�������ԧ��ҡ��ͤ���
  • ���ѡ�ѡɳТͧ���������§���ྨ
  • �������¹���������ԧ��� Properties
  • ������ҧ�������ԧ��ҡ�ٻ�Ҿ
  • ������ҧ�������ԧ������ٻ�ҾẺ�ҧ��ǹ
  • ������ҧ�������ԧ����ѧ�����
  • ������ҧ�������ԧ��Ẻ��ǹ���Ŵ������
  • ������ҧ�������ԧ������˹�����ྨ���ǡѹ
  • ������ҧ�������ԧ���������¡������Դ���
  • ������ҧ�������ԧ��Ẻ Rollover Image
  • ���¡��ԡ�������ԧ��

����� 5 ෤�Ԥ��èѴ�ҧ���˹觴��� AP Div Layout

AP Div Layout ������ͧ��ͷ��������Ѻ��èѴ�ҧ���˹觢����ź�˹�����ྨ ��觡���������ҹ����������������ҹ�ѹ���ҧ������� �·��س�������¹���֧�����ҹ���ҧ�����´�ҡ���������㹺���� ��͹���е�����ͧ�Ѻ�����෤�Ԥ�ͧ���ҧ㹡�èѴ�ҧ������

  • �����ҹ AP Div Layout
  • ��èѴ��áѺ AP ELEMENTS
  • ����ʴ����ͫ�͹ apDiv
  • �������ͤ���
  • �������ٻ�Ҿ
  • ���ѡ�Ѻ�س���ѵԢͧ�������ҡ PROPERTES
  • ��èѴ���§�ӴѺ��л�Ѻ��Ҵ�ͧ�������
  • ������ҧ����ҧ��͹�ӴѺ� AP ELEMENTS
  • ���ź apDiv �������ͧ���
  • ����ŧ AP Div Layout �繵��ҧ
  • ����ŧ���ҧ��Ѻ�� AP Div Layout

����� 6 ෤�Ԥ��èѴ�ҧ�����Ŵ��µ��ҧ

���ҧ ������Ըա���͡Ẻ��ШѴ�ҧ���˹觢��������������Һ�˹�����ྨ����դ����Ӥѭ�ҡ����ش (��ҹ����㹡�èѴ�ҧ������) ����Ѻ�ѡ�͡Ẻ���䫵�����Ҫվ �������͡���Ըչ�����ͺѧ�Ѻ���˹觢ͧ������㹡���ʴ� ������Դ��Ҵ�������ʴ��ż�ҹ������������

  • ������ҧ���ҧ
  • ������-���¢�Ҵ���ҧ
  • �������ͤ���ŧ㹵��ҧ
  • ��èѴ���˹觢�����㹵��ҧ
  • ����á�����ͤ������
  • ���ź�����ͤ������
  • ��èѴ���§���������㹵��ҧ
  • ����������㹵��ҧ��Ҵ��¡ѹ
  • ¡��ԡ����������
  • ��õ�������, �� ���ͤ������
  • ��˹��������ʴ����������
  • ������ҧ���ҧ��͹���ҧ

����� 7 �����˹�����ྨ�͡��ྨ����� �������

��� ���Ըա����˹�����ྨ�͡����ǹ����� ����������ǹ����ö��˹�����÷ӧҹ������е�͡ѹ�� ������͸Ժ���Ըա����ҹ������ҧ�����´ �������س��任���ء����ҹ�����Ѻ����ͧ������෤�Ԥ��ҧ� ��������¹�������Ǩҡ������ҹ��

  • ������͡Ẻ˹�����ྨ����෤�Ԥ���
  • ���ѡ��ǹ��Сͺ�ͧ���
    • ��˹��س���ѵԢͧ�����ѡ
    • ��˹��س���ѵԢͧ�������
  • ������ҧ�����͹���
  • ��û�Ѻ��Ҵ���
  • ���ź���
  • ��úѹ�֡���ྨẺ���
  • ��úѹ�֡੾���������

����� 8 ����͡Ẻ������������Ѻ-�觢����ź�˹�����ྨ

����� �պ��ҷ�Ӥѭ����䫵����ͧ�����������纡�͡�����ŵ�ҧ� �� �ӵԪ����͢���ʹ��� �������ҧ��Ẻ�ͺ�������͡��������´�µç�ҡ���䫵� ����ͧ��͵�ҧ� �ͧ���������ҡ���»����� �������Ǻ�����͸Ժ�����㹺�����������ҧ�ú��ǹ

  • ���ѡ����������Ѻ�����Ţͧ�����
  • ���ѡ�Ѻ Input Tag Accessibility Attributes
  • ������鹡�����ҧ�����
  • ��þ�����ͤ������� Label
  • ������ҧ��ͧ�Ѻ��ͤ��� (Text Field)
  • ���ҧ��ͧ�Ѻ��ͤ������º�÷Ѵ (Textarea)
  • ������ҧ�����������͡Ẻ���� (List/Menu)
  • ������ҧ������͡Ẻ���͡����§ 1 ������͡
  • ������ҧ������͡Ẻ���͡���ҡ���� 1 ������͡
  • ������ҧ��������� (Button)
  • ˹�ҷ��ͧ Spry �������ҧ��Ŵ��Ẻ�����
    • ��á�˹����͹����Ѻ Spry Validation Text Field
    • ��á�˹����͹����Ѻ Spry Validation Textarea
    • ��á�˹����͹����Ѻ Spry Validation Checkbox
    • ��á�˹����͹����Ѻ Spry Validation Select
    • ��á�˹����͹����Ѻ Spry Validation Password
    • ��á�˹����͹����Ѻ Spry Validation Confirm
    • ��á�˹����͹����Ѻ Spry Validation Radio Group

����� 9 �Ǻ�������ʴ���ͤ�����˹�����ྨ���� CSS

CSS ���Ըա�äǺ�������ʴ��Ţͧ��ͤ�������ҡ���˹�����ྨ��ҧ� �����������㹺����й��ʹ��Ըա�����ҧ, ���¡�� ��ШѴ��áѺ CSS ����ʹ���ͧ�Ѻ˹�����ྨ��ҧ� ���������ҧ�����

  • ���ѡ�Ѻ CSS
  • ���˹���ç���ҧ HTML ����Ѻ���������
  • ���ѡ�Ѻ CSS STYLES PANEL
  • ������ҧ�� (Rule) ���������
  • ��ùӡ��������ҹ
  • ����ԧ����� .css ��ҡѺ���ྨ
  • ��á�˹��� (Rule) Ẻ Inline
  • �Ըա������¹���͡� (Rule) - ��������
  • ��öʹ - ¡��ԡ�� (Rule)
  • ���ź��
  • �����䢤�� CSS

����� 10 ��û�Ѻ�觡�÷ӧҹ�������Ǣ�ͧ�Ѻ����������

��������ྨ�ʴ��ż�ҹ�ҧ���������������� ���ʴ���ͤ�������෤�Ԥ�ҧ���ҧ����˹���ҡ����� Dreamweaver ���������㹺�����繡����ػ෤�Ԥ��С��������ͧ���������㹡�û�Ѻ��˹�����ྨ

  • ������������������Ѻ෤�Ԥ Search Engine
  • �������ͤ����й����䫵�
  • ���˹�ǧ�������͡��ⴴ��ѧ���ྨ���
  • ���¡���ྨ���᷹��������ྨ�������ö�ӧҹ��
  • ��˹����������Ѻ�س���ѵ� Search Engine

����� 11 ��������� Flash Animation ��˹�����ྨ

Flash Animation ���Ըա�������١�������෤�Ԥ����������˹�����ྨ �������������ྨ�ٹ�����ͨ��Թ� �¡�����ҧ��� Animation �ҡ����� Flash (����ö�Դ�����㹺�����)

  • ����������Ū������ SWF
  • ����á����Ի�Դ��ͻ����� .FLV

����� 12 ������ҧ������ҧ͹����ѹ���� Adobe Flash

�س��������������ҧ��ä�ҹ͹����ѹ��������� Flash �����ҧ��Сͺ��˹�����ྨ �¨�����鹡�����ҧ�����ɳ� (ẹ����) ��ѡɳе�ҧ� ��觤س����վ�鹰ҹ�����ҹ����� Flash �Һ�ҧ���� ���ͤ����Ǵ����㹡�����¹��������觢��