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

ͧ���Сͺ�ͧ����� Dreamweaver

Adobe Dreamweaver CS6 �������������㹡�����ҧ���䫵� ��������������Ѻ�ѡ�Ѳ�����䫵��������

������ö���ٻ�Ҿ���͢�ͤ����һ�Сͺ�����ྨ �ա�ѧ�����١��蹵�ҧ � �� ���§ �Ҿ����͹��� �մ���

��������繵�ͧ�����ѡ�����¹������������� HTML ������ö���ҧ���䫵���

��ǹ��Сͺ�ͧ˹�Ҩ������

1.  Application bar ��ᶺ����ء�� ��Сͺ����ᶺ����ͧ��� Application bar ��Сͺ����

·       ����ͧ�������Ѻ���͡�ٻẺ����ʴ���鹷������Ѻ���ҧ˹�����ྨ �� Code Split ���� Design �繵�

·       ����ͧ�������Ѻ���� ��еԴ������������� 

·       ����ͧ�������Ѻ�����èѴ���䫵� �����ҧ䫵�����

2.  Menu bar �繷���������觷������ͧ����� Dreamweaver �����㹡�èѴ��áѺ������ྨ

     Menu bar ��Сͺ������������ �ѧ���

          2.1 File �����٤��������Ѻ�Ѵ��áѺ������ྨ �� ���ҧ���ྨ���� �ѹ�֡���ྨ �Դ���ྨ �ʴ����ྨ��ҹ�������� �����͡�ҡ����� �繵�

          2.2 Edit �����٤��������Ѻ������ �� �Ѵ�ͧ �Ѵ �ҧ ���� ����֧��õ�駤�ҡ�÷ӧҹ (Preference) ��ҧ � �繵�

          2.3 View �����٤��������Ѻ��Ѻ����¹����ͧ�ͧ���ྨ��зӧҹ �繵�

          2.4 Insert �����٤��������Ѻ�á�ѵ�ص�ҧ � �� �ٻ�Ҿ ���§���ҧ �������ҧ � ŧ�����ྨ �繵�

          2.5 Modify �����٤��������Ѻ����ѵ�ص�ҧ� �����ྨ �� �������ٻẺ����ѡ�� �������ٻ�Ҿ ��èѴ��õ��ҧ ���͡�á�˹��س���ѵԢͧ���ྨ �繵�

          2.6 Format �����٤��������Ѻ����¹�ٻẺ������ͧ��ͤ��������ྨ �� ��èѴ�ٻẺ��ͤ��� ������ҧ��Ǣ����¡�� �繵�

          2.7 Command �����٤��������Ѻ�Ѵ��áѺ�ش����觵�ҧ� �����ྨ���ӧҹ����

          2.8 Site �����٤��������Ѻ�Ѵ��áѺ Site �� ���ҧ Site ������� Site ���ӧҹ ����֧��õ�Ǩ�ͺ�ԧ���ҧ� � Site �繵� 

          2.9 Window �����ٷ����㹡���Դ���ͻԴ���ŷ��ӧҹ����

          2.10 Help �����ٷ����㹡�âͤ�����������ͼ�ҹ���䫵� Adobe       

3. Workspace �繻�������Ѻ����¹����ͧ��鹷��ӧҹ (Workspace) ������ö���͡����ҵ�ͧ�����ҹ�ٻẺ��ѡɳ�� ���� Adobe Dreamweaver CS6 ��������͡�� 11 Ẻ

4. Toolbar ��ᶺ����ͧ��ͷ���������������觷����繵�ͧ��ҹ�繻�Ш� ����ö �Դ/�Դ�����ҹ�� Tool bars ��Сͺ����ᶺ����ͧ��ʹѧ���

4.1 Document Toolbar �繷�ź������Сͺ仴��»��������㹡�á�˹�����ͧ����ʴ����ྨ ����ʴ����������´�ͧ˹�����ྨ ����͹������� ���͡�á�˹���͸Ժ�����ྨ

4.2 Standard Toolbar �繷�ź������Сͺ仴��»�������觾�鹰ҹ�����㹡�èѴ������ �� ������ҧ��� �ѹ�֡��� �Դ��� �Ѵ�͡ ���� �����ҧ������ ��ʹ�����¡��ԡ���ͷӫ�Ӥ���觴���

4.3 Style Rendering Toolbar �繷�ź������͡Ẻ����������ʴ���÷ӧҹ�ͧ˹�����ྨ����� Style Sheet ������»�������ҧ� �� ��˹�Ҩͤ��������� ������ͧ����� ���������� ������ �������/Ŵ��Ҵ����ѡ�� ��ʹ������ʴ��բͧʶҹ��ó�������§

5. Insert panel �繾��ŷ���Ǻ������������觷��������Ѻ���ҧ����á�ͺ�礵�ҧ� �¨����͡�繡���� ���������ҹ���дǡ ������ҧ���������觷����ҹ

Common �繡�������������Ѻ�ҧ�ͺ�� ����ͧ��ҹ�繻�Ш� �� �ٻ�Ҿ ���ҧ �����ŵ������ �����ԧ�� �繵�

Layout �繡�������������Ѻ�ҧ�ͺ�礷����Ѵ˹�����ྨ �� AP Element ���͵��ҧ �繵�

Forms �繡�������������Ѻ�ҧ�ͺ�礷���繿�����Ѻ������

Text �繡�������������Ѻ�Ѵ�ٻẺ��ͤ��� �蹷ҵ��˹� ���§ ������� list ��¡�� �������á�ѭ�ѡɳ����ɵ�ҧ �

Data �繡�������������Ѻ�Ѵ��ðҹ������ ��д֧�����Ũҡ�ҹ���������ʴ������ྨ

6. Panel Group �繾���˹�ҵ�ҧ��Ҵ��� ����Ǻ�������ͧ�������繡�������˹�ҷ�� ����Ѻ��ҹ੾������ͧ��� ������ö�Դ���ͻԴ���š�÷ӧҹ���¤�ԡ���٤���� Window ���Ǥ�ԡ���͡ ���ŷ���ͧ���

CSS Styles Panel �繾��ŷ��������Ѻ�Ѵ��áѺ����

CSS �� ������ҧ ������ ���ź ���͡�á�˹��س���ѵԵ�ҧ�ͧ CSS

File Panel

�繾��ŷ��������Ѻ�Ѵ��áѺ��� ���ྨ �������ٻ�Ҿ ��� HTML �����ŵ������

����������������䫵� ��������ö���ͺ��÷ҧҹ�ͧ���ྨ��ҹ�����������

Database Panel �繾��ŷ��������Ѻ���ҧ��ШѴ���������ྨ����ö �������͡Ѻ�ҹ������

7. Document Area  �繾�鹷������Ѻ���ҧ˹�����ྨ �������������� ���ͧ���Сͺ�ͧ���ྨ �� �Ҿ��ҿԡ �к���ŵ������ ����鴵�ҧ � �������ö����ʴ���鹷�������ͧ�� 3 ����ͧ ��� ����ͧ�� (Code View) ����ͧʻ�Է (Split View) �������ͧ�͡Ẻ (Design View)

          7.1 ����ͧ�� (Code View)

          7.2 ����ͧʻ�Է (Split View)

          7.3 ����ͧ�͡Ẻ (Design View)

8.  Status bar ��ᶺ��������ҹ��ҧ�ͧ˹�ҵ�ҧ��÷ҧҹ ���ʴ������������������ǡѺʶҹ� ��÷ҧҹ�ͧ���ྨ�����ѧ������ �� �ʴ�������͡�� HTML ��û�Ѻ��Ҵ����ʴ��� ��á�˹���Ҵ˹�ҵ�ҧ ��Ҵ�ͧ���������ҷ����㹡����Ŵ ��С���ʴ��������Ңͧ���ྨ �����ѧ��ҹ

9.  Panel Property  �繾��ŷ�������ҹ��ҧ�ͧ˹�Ҩ������ ����ǹ����ͧ��ҹ���·���ش ������㹡�û�Ѻ����������´��С����䢤س���ѵԵ�ҧ � �� ��Ҵ ���˹� ������ �繵� �¾��Ź�������¹仵���ѵ�ط�����͡��ҹ�����ྨ ������ҧ���Ťس���ѵ�

���Ťس���ѵ���������͡��÷ӧҹ�Ѻ��ͤ��������ྨ

���Ťس���ѵ���������͡��÷ӧҹ�Ѻ�Ҿ��Сͺ�����ྨ

���Ťس���ѵ���������͡��÷ӧҹ�Ѻ���ҧ�����ྨ

������ҧ����ҹ

��͹�����Ҩ����ҧ��纴�������� Adobe Dreamweaver CS6 ���繵�ͧ���ҧ��������������红����ŷء������

�����Ҩ����ٻ�Ҿ��ҧ� ��������� ����֧�����䫵���������ҧ�����

�Ըա�����ҧ�������ѧ���仹��

1. ���͡��� �� Drive D:
2. ��ԡ������͡ New
3. �ҡ������͡ Folder
4. �ҡ������ӡ������¹���ͷ����ҵ�ͧ���

����������ҧ�ҹ����

1. �Դ�����Adobe Dreamweaver CS6
2. ���͡���ҷ�����㹡����¹ ���͡ HTML

�Ըա�úѹ�֡�ҹ

�ء���駷��ӧҹ���稨е�ͧ�ѹ�֡�ҹ������ͷ�������ҷӧҹ��������级ҹ������Ըա�úѹ�֡�ҹ����ö����ѧ���

1. ���͡��� File
2. ���͡ Save Ass
3. ���͡���������кѹ�֡�ҹ���
4. ��駪��ͷ�� File Name
5. �� Save