Mr.Warawut Khangkhan Mr.Warawut Khangkhan Facebook: http://www.facebook.com/AjWarawut Twitter: http://twitter.com/awarawut E-Mail: [email protected] Mobile: 089-461-9591
Nov 02, 2014
Mr.Warawut KhangkhanMr.Warawut KhangkhanFacebook: http://www.facebook.com/AjWarawut
Twitter: http://twitter.com/awarawutE-Mail: [email protected]
Mobile: 089-461-9591
��������������� ������������� ������������
� ��� ������� �������������
� �� ������ �� ������������������
� ��� !���"#�$��%�&�� ��'��� ������������� ��� !���"#�$��%�&�� ��'��� ������������
� %������������������
� �� �� �����������
� �#����� ������������
� ����(�)�*�)'��� ������������
Mr.Warawut Khangkhan 2�%%�& 2 �� �����*!�������������
Mr.Warawut Khangkhan 3�%%�& 2 �� �����*!�������������
������ �������������������������� ��������������������� (-�'����"�%.����!����������%�&������/���
� ���� '�����%�&�!)�������0�����%�&)-������.0���/ ����-*�����/�����������0��!� ��0��
� '����*���)�(*��0*!�������� '����*���)�(*��0*!�������
Mr.Warawut Khangkhan 4�%%�& 2 �� �����*!�������������
������ �������������������� ������ �������������������� (Cont.)(Cont.)� �� ��������������0�)����/12�*��34!������������������/�/0���)�/� ��0���&/���%�#���)��#���0�� �����)� 5����/ �� !�.�*.0�� 5����/ �� ��) !����-* �� � ��� !����������� �� ������������ ��� 12��� '��� �67� �� �*"�'���� �*!�� ��) - ��������3 �������#�/���������2�12���������0����*"�'���� �*!�� ��) - ��������3 �������#�/���������2�12���������0����"&�*���� ��)�(*�������� �)���0 ���)� .0��� ���� � ��)����������� � ����*!��/)���'� !�� ��� 12� Plug-in ���)�0��8 %�&(-�'����/-0 ��"&'��(-�'�����)�����2��'�%�&�!%0�� '�����������#�
� ��������%�&)-��/���� "��*-��*0������/��#� ���!��0���� 9��� ����%�&)����)� 1��������/����*!*-��*0���*0���#���0����!�����*��34!���������
� ���%��'��� ����'���0*!��������2#�/-0���� 5���/�*!*��34!���������
Mr.Warawut Khangkhan 5�%%�& 2 �� �����*!�������������
������ �������������������� ������ �������������������� (Cont.)(Cont.)����
� �� ������������%�&)� �" �� ����'������!���� 5����/�*!*��34!��������� �)/����2�12������!)��'��� '������(-�'��� 9��*���������� ��������%�&� 9� Search Engine ��� 5����/%�&�!'����-*%�&(-�'����� �������� ��������%�&� 9� Search Engine ��� 5����/%�&�!'����-*%�&(-�'����� /0�� �)� �� �*!��(-������'��� ��� �������-*� 9����������'���0*!��� )����#���&�%�&������'��� ������������ !�:%��#���" ���� 1��)���������/0�� �)� ����"&(-�'��� 7)����� �*!�� !���"������-*%�&�� !��%;�:�� ��"&'���)�(**��;�%�& �)� ��
Mr.Warawut Khangkhan 6�%%�& 2 �� �����*!�������������
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 7
����������� �������������������� ���������� ����� ���*�� �� � �������������0�)���*��)���#��������� ��0�!� �/��%�/��� � ���������������� ����� !���6���� �������� � �)/%�&�� ����� !��')8 ���)�#��)���!'����� ������� ����� (Software Development Life Cycle: SDLC) ��� Waterfall Model Cycle: SDLC) ��� Waterfall Model
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 8
<2�3������ 9�� �)�
���� �!��
����
� ����*!� ����
� ��������1-��������#�%�&(0����
� ��������1-��������#�%�&(0����
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 9
� ����*!%)��
�(/�� 0
��� .� ��3�
� ��������1-��������#�%�&(0����
� ��������1-��������#�%�&(0����
� ��������1-��������#�%�&(0����
����� �������� ���������������������� ������� waterfall model
���� ������� �� ������ �������������
<2�3������ 9�� �)�(Feasibility)
��)���'��0�������������� !� � "����%�&��/-0�*������� �� .�
• �%������ �� ����-* )��/��;��� ���:�34��.��*%�&/-0�*������� �� .�
!� 1���� ���!%���� !���� ����*!����
���:�34��.��*%�&���&/���
• �� ���� �!�� ����*!(*���� '���� �����4��(*���� ����� *�%.�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 10
����� �������� ���������������������� ������� waterfall model
���� ������� �� ������ �������������
���� �!��(Analysis)
�����)���1. !��������� �*.0�� 5����/ ��"#�� �*!6=���������%�&
• �%������ �� ����-*
• �� ���� �!�� ����*!��"#�� �*!6=���������%�&�!���)2#�'��������� ��&��"��)���'��0������ !� ����
• �� ���� �!�� ����*!(*����
• �)����)*�� �� �����"#�������������
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 11
����� �������� ���������������������� ������� waterfall model
���� ������� �� ������ �������������
�� ����(Design)
������������ (%�#��� �� ����*!�0����)���������) %�&� ����(*��
• �)����)*�� �� �����������
• HTML CSS ��������) %�&� ����(*�� ���� �!����������� ����#��� ���� �!��
• HTML CSS
JavaScript �*!�6���� ��� ��������� ��0� Adobe
Dreamweaver ���� ���� � �����������������
• �6���� �����0�:��Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 12
����� �������� ���������������������� ������� waterfall model
���� ������� �� ������ �������������
�� � ����*!�� %)��(Construction and Testing)
� ����*!%)����������%�#���� !����� ��#���%��� � ��8 ��� ��"&
• HTML CSS
JavaScript �*!�6���� ��� �����and Testing) %��� � ��8 ��� ��"&
5�����(�)�*�)'��� � �����������
�6���� ��� ��������� ��0� Adobe
Dreamweaver �*!Flash ���� ���� � �����������
• �6���� �����0�:��• �� %)���)�)/(-�������� ��(0�� internet
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 13
����� �������� ���������������������� ������� waterfall model
���� ������� �� ������ �������������
�� �(/�� 0(Launch)
�� ����*)���������2#�� ����� �6�� �:�/�*���� %)���������- 4�
• FTP
�� %)���������- 4��*�� ��%�#��(/�� 0����)��/
�� ��� .� ��3�(Maintenance)
�� �����(�)�*�) �� ���� ) �*!�� ���&����� !������������� 9�
• '��%.��� "&��"����#���%�&(0����
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 14
Mr.Warawut Khangkhan 15�%%�& 2 �� �����*!�������������
���������!�����"����"����������������������!�����"����"�������������• ������ ��������"#�������0� - :�� �2&�'���� �� ������ ��� 9��*�� ��"&'�0�������������� ��� �*! - :�� !��%�&����)�*��8
����������������%�&������ ��������"#��� 9��*��
• ��0���������:�/'�������� ��0�!����'��:��� �67�� 9��*�� �*!� ���*����%�&:��� /�������������"&�8 �2&���� ��������� �� �� �67��0��8 ��0� PhotoShop � 9����
����������������%�&����:��� �67�� 9��*��
• ��� - ���%�#�:���*!��"#����(����� �)/������ ��)���:���*!��"#�����!���*!��/���
����������������%�&��%�#�:���*!��"#��
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 16
��������"��������#�$��"�������������������%&��' �
������ ��������"#�������0� - :�� �2&�'�������0� - :�� �2&�'���� �� ������ ��� 9��*�� ��"&'�0�������������� ��� �*! - :�� !��%�&����)�*��8
Mr.Warawut Khangkhan 17�%%�& 2 �� �����*!�������������
��������"��������#�$��"�(�����)*��%&��' �
��0���������:�/'�������� ��0�!����'��������� ��0�!����'��:��� �67�� 9��*�� �*!� ���*����%�&:��� /�������������"&�8 �2&���� ��������� �� �� �67��0��8 ��0�PhotoShop � 9����
Mr.Warawut Khangkhan 18�%%�& 2 �� �����*!�������������
��������"��������#�$�# ��(���'+�������
��� - ���%�#�:���*!��"#����(����� �)/��"#����(����� �)/������ ��)���:���*!��"#�����!���*!��/���
Mr.Warawut Khangkhan 19�%%�& 2 �� �����*!�������������
Mr.Warawut Khangkhan 20�%%�& 2 �� �����*!�������������
����%�+�������,��#�$���-��������������%�+�������,��#�$���-������������������������1. �������� ��
(Simplicity)�" �� �"&�� ��"#��12�(-�'���)/�����)��� !���� ��%�&�)/�����)��� !���� ��%�&���&/�������� ������'����*"�@��!��&�%�&���� 9��%0���#�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 21
����%�+�������,��#�$���-��������������%�+�������,��#�$���-������������������������2. ������!����� (Consistency)
�" �� ������������'���� - ����)�/�����*)%�#���������
3. �����"�������#$� (Identity)�� �����������2�12�*��34!����� � 9��*�� ��"&���� - ������ �����������2�12�*��34!����� � 9��*�� ��"&���� - ���������������� 1�!%��12���*��34!�*!*��34!����� ��#��)�
4. ���������������%���� (Useful Content)�� ��)�� �/���"#���*!��-*%�&(-�'������� '��1-�����*!���- 4� �)/���� �� .��*!���&�����'��%���0���.�� 4�/-0��� ��"#��%�&������%�&�.)�" ��"#��%�&� ���2#����� �)/��0�#���������"&� �� �!�!� 9���&�%�&)2�)-)(-�'��'�������'���������/-0���
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 22
����%�+�������,��#�$���-��������������%�+�������,��#�$���-������������������������5. ������&����������� �� �� (User-Friendly Navigation)
�������'��(-�'�����'��0�/�*!'������)��!)�� �)/'��� �67�%�&�"&�������/ 0��������;���/%�&��)��� ��%�#��� - ����*!*��)��� �/�� %�&��&����� ��0� ������'�������0��)�/�����%.�8 ����������'�������0��)�/�����%.�8 ����
6. �����#$�� ����' (Visual Appeal)����������������!������������;�����.4:������ !���0��8 ��0� �.4:���� �67�%�&�!������- 4� ��0�� 0� /��������/��/� 9��.))0��� "���� 9��#�����)'������ ���)�����3 %�&0���0�/ �*!�%���%�&������/0����/��� � 9����
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 23
����%�+�������,��#�$���-��������������%�+�������,��#�$���-������������������������7. ������ �� ���� � (� '!���) (Compatibility)
�� ������������'��(-�'�0�0��'��0���12��)����%�&�.) �)/��0���� ������'��(-�'�������)��#�� �� �')8 ���&����� � "����*"�'��� ���� ����)')���)��2&��2��!���� 1���12���"#���)� ���� 1��)�(*�)�'�%.� !�� A������� �*!%�&�������� 1���12���"#���)� ���� 1��)�(*�)�'�%.� !�� A������� �*!%�&����*!��/)������0��8 ���/0����0�� =���
8. ��$*�+��������,�� (Design Stability)1��/��'��(-�'�� -��2��0������������.4:�� 1-���� �*!��"&1"�)� ���� '����������������� ������������/0����� ��0��)�/�����"& !�:%"&�8 %�&����� �����*!� �/�� �/���"#��/0�� ���
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 24
����%�+�������,��#�$���-��������������%�+�������,��#�$���-������������������������9. ���������� ������.��� (Functional Stability)
!���� %������0��8 '����������!�����������0���*!%������%�&�)�/0��1-����
10. ����.�����������&#�� (About the Company)10. ����.�����������&#�� (About the Company)� 9���-*�"#�$���� �3�%'�)����0��8 ��0� !�����*!����� 9��� � 5����/�� �3�% ��)�*!������&����� �3�% ������������� �*!����� "&�8 %�&���&/��� ��"&'��(-�'����������"&��&�'�����������*!� ��� �� �3�%
11. ���������)/�&*�$0� (Product Information)���� 9�������0��%�&'����-*���&/����(*��:�4B� � ��� � �� ����<3 �*!"&�8 %�&���&/��� 1��(*��:�4B�� 9��6���� � �-0�"�� '������*!�%�������<3�0��8 ��"&(-�'�� -��2���'��������/0���6���� �'��)������*)� �� �%)*�'��
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 25
����%�+�������,��#�$���-��������������%�+�������,��#�$���-������������������������12. � �����������,��� �'���������� (New/Press Releases)
�� ���0���0���� ��"&�"&'��(-���'��)� ��% ����-*%�&%�����.�� 4�/-0���
13. ����.������&) � (Contact Information)��"&'��*-����'��'��� ��)�0���� �3�% ��0� ���*��)�) � %�&/-0�� �3�% �� ���"&'��*-����'��'��� ��)�0���� �3�% ��0� ���*��)�) � %�&/-0�� �3�% �� ��% <��%��*!�% �� � 9����
14. �!������)�&�� (Frequently Asked Question: FAQ)�0�/'��(-���'��)� �������%�&����� /0�� �)� ��
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 26
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 27http://www.adobe.com/solutions/professionalvideo/
Mr.Warawut Khangkhan 28�%%�& 2 �� �����*!�������������
#����� ���������#����� ���������1. ��������� � (Web Master)
2. (-������)�� �� �����-* (Information Architect)
3. ����)����� (Web Designer)
4. ����� �� ��� � (Web Programmer)4. ����� �� ��� � (Web Programmer)
5. (-�)-�* !�� (System Administrator)
6. (-�� ������"#�� (Content Editor / Writer)
Mr.Warawut Khangkhan 29�%%�& 2 �� �����*!�������������
1. ��������� (Web Master)� �" (-�%�&)-�*�������� (-�%�&�!�/����.�%�<%�������������#�8 �0��!� '�%�<%��') ��#���0��"#��:�/'����� �*)��12���������������
� ��������� � ���!��0���%����%�#���)� "�!��0%���*/���)� �� �!��������� �� �/����"�(-�� ��� ���� ��2&� �" �/)-�* �����)���%�� �*! �/*!��/)%��� �/����"�(-�� ��� ���� ��2&� �" �/)-�* �����)���%�� �*! �/*!��/)%���%���� ��� 12���)����;�� ��������0���'�'������������� ��"&'����(-������'��� ��� ���8
� �� ������ -����&/����� !����� �������������*!���'��*���� %�#���)���&�%�&���&/��������������
� ��&�%�&��������� ���� -��*!���'���/0���"� "&�� Protocol, URL, FTP, Image, Web Server �*! Database
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 30
2. ��� ����� !�������"���� (Information
Architect)� %������%�&��) !���/���-*�*!%)�� !��%;�:���� '�������������
� ������0���#�� ���������'�'��� ��) !����-*�*! !���� '������0��8 �*!�������2�12����%���� /�/��)��������'��'��02#�'����� �)/��0� ������������'�����(-�'�� ��� 12���)��� 10�/����-*%�&������������;�������� 9������� '�����(-�'�� ��� 12���)��� 10�/����-*%�&������������;�������� 9������� (Site Map)
� ������0���#�� ���"#�$�����&/������ � ��� ��)�� ��-* � "�� !���� 4�� 9�� 4� ��3� � "��������"��������0�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 31
3. �����#$�� (Web Designer)� %������%�&� 9�(-�����*��34!������%�#���)���������
� �� ������ -�%��<�* !�*!���� 1'��� �� �� �67��0��8 �)�� 9�/0��)� ��0�PhotoShop � " Illustrator � 9���� ��%�#���� -������;��� ����)�6*�� �67�'�� �� ��0��8 ��0� Fireworks � " ImageReady � 9���� �*!� �67�'�� �� ��0��8 ��0� Fireworks � " ImageReady � 9���� �*!�� '������ �� ��0�/� ������� ��0� Dreamweaver � 9���� ��%�#���������� -����&/���� - ��������3 (Typography)
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 32
4. ��� %�& ����� (Web Programmer)� %������%�&��/��� � ���*!� �� ��� '������0��8 :�/'��������� �0�/����� !���� %�����%�&�� !�/���'�����(-�'�� �*!��������&/������ !��$����-* �� ������ -����&/���� HTML (XHTML), DHTML, JavaScript,
Cascading Style Sheets (CSS), Internet Protocol (IP), Cascading Style Sheets (CSS), Internet Protocol (IP), PHP, Database (DB) �*! AJAX � 9���� ��� 12��� � �����������)/�<�/� �� ����� �� - ��0� Dreamweaver � 9���� �*!�%������ � *�&/�� *���-*:�/'���������'�������� �)� �� ��%�#� -������ '������ �� �FTP '��� ����*)�6*���-*)��/
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 33
5. �����&����� (System Administrator)� %������%�&����.� )-�*������� �6�� � ��12�C� �)�� ��*!�6���� �"&�%�&���&/���
� ���� 1���� �!���*! ����#� !����"&�� %�����%�&�� !��%;�:��
� �� ������ -����&/���� Routing, Client/Server Programming ��� 12�%��3!���&/����:�3�%�&���� 9� ��0� Tk, Perl �*! Shell � 9����� 12�%��3!���&/����:�3�%�&���� 9� ��0� Tk, Perl �*! Shell � 9����
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 34
6. ����������'(�� (Content Editor /
Writer)� %������%�&'��� ��)�� �/���"#��%�#���)'��������� �)/ �� ����"#��%�&�� !�/����*!�0���'�'�����(-�'��/-0��� �������#/������/� ��������1-�����*!�.4:�����"#����0'�������(�)� "�����%�&0���*������� �2&�������0���#�!� �/��)����� 4�;��� �*!�����/��)����� 4�;��� �*!�����/�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 35
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 36
!�����"���������!�����"���������� �� �� ������� �/�*��)�� (Sequence)
� �� �� ������*��)����#� (Hierarchy)
� �� �� ������'/����.� (Web)
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 37
!�������&������������ (Sequence)� � 9��� �� ���%�&��������"#��� 9�*��)�� ����� � (-����'��� ��� Website �!���0����"#��'����%�*!�������*��)�� ��0���� 1������"#������"&��)� Web �!�*��/�*2������ �������%� �/�������� ��0�/����� Liner
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 38
!�������&������������ (Sequence)� �0��'��0�� ��������"#����� Sequence ��#�!� 9� !�:%� ��� $����-*��0� Search Engine �0��8 ��0� Google.com, Yahoo.com � " Search Engine %�&�"������-*'������.) *��34!�� ������� 9�)��:��������������
� �� ������ !)�� Main Page �!1-����������� �/�*��)�� �0�� !)�� �/*!��/) Detail Page �!������'� !)��*0��*��� /0��� ����� �������� �!)-��"#��'����� Main Page 1�)� �!��0���� 1%���)� �!���0���0�� Detail Page '����� "&���#�'�������/�0� )��:�����*0��
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 39
"���-"���� !�������&���������������)� �������� ����!���� ���� ������'� - ������ � ��� $����-* ��0� Search Engine �0��8 !��
� (-�'��� ��� �!������/��*�0��'�%.�8 ���� ��0���� 1���� � "&�"&�8 ����"&�8 %�&��'��)�� "�Search Engine �0��8 !��
$����-*�����.) !��$����-* Video on Demand �� �!��-*%.�����(-�'��� ��� �!���0��'������*!��/))-%.�������"&��0'���*�)��-*%�&���������
"&�8 ����"&�8 %�&��'��)�� "�������� Page %��%��)�
� ��0����!���� ���� ��������"& !��������;�� "��"&�� <2�3� �� �!(-�'��� ��� �!��0� 9��� !�! -��2����"�1-�������'��0�� ��0� Webpage �%�� ���� � 9����Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 40
!�������&����������(� (Hierarchy)� *��34!�� �������!� 9����"��#�����) �)/�!������'������*���0� �����#�(-�'��� ��� ���� 1�*"�����%�&������'�0���)��*!��0���0��%.�������0���� Sequence
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 41
!�������&����������(� (Hierarchy)� ��"&(-�'��� ��� �*"�����%�&������'��)��*�������� 1���0��'��0�� �/*!��/)
Page �)� '�4!%�&0�������� 1�������� �/*!��/)� �-0�����*���)���#�8 �)� �����#����*"�����%�&��'������*����#�8 �0�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 42
"���-"���� !�������&����������(����)� �������� (-�'��� ��� ���� 1�*"�0��'�����%�&��'��)� �)/��0���0��%.����� (-�'��� ��� �!��0 -��2��0���
� ����� Link ����')���/� �*!(-�'��� ��� %�&� 9�(-�'��� ��� '��0�!��0���� 1�) .D� Back �)��*!�!���� (-�'��� ��� �!��0 -��2��0���
��"#�� �/*!��/)%�&�!���0����� ��"&����'���%������ ������� 9��#�����) Sequence �*!(-�'��� ��� �!��0���)�� �*�%���� �!�!% ���1��!�����0�/-0 4 %�&')� Website ����!���� ����������"&�� � �/��� ��
��0���� 1�) .D� Back �)��*!�!���)�� �*�%��%��%� ���� 9�������� ���� Site Structure Design �0��2����� 1������'��%������#�)�)�
43
!�������&��*�&���+� (Web)� � 9��� ������%�&������/")�/.0��-���� �� �!����%.�������0�0��!� 9������*��� "���� �/*!��/)�!1-���"&��012������) (-�'��� ��� ���� 1����-0����')������2&��0����)� �*!��"&����� �� ����"&�8 ������ 1%���)�%��%�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 44
"���-"���� !�������&��*�&���+����)� �������� ��"&����%.�����1-���"&��0�������)(-�'��� ��� �2����� 1����-0�����0��/0�� �)� �� ����!���� ��
� ��"&������ ��"&�%.��������������� �������%.������2���0� 9�*��)�� (-�'��� ��� �!���)�� �*�%������������0��/0�� �)� �� ����!���� ��
Website %�&����� '��(-����'��� ��� '�*��34!�/�&/�����"&0����-*�����)�/0�� �)� ��
(-�'��� ��� �!���)�� �*�%���������"#���0������)�0��!� � �0��*������ ��0����!��� Website ��"&�� !��������;� �� �"&�� �� � �/��� ��
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 45
Mr.Warawut Khangkhan 46�%%�& 2 �� �����*!�������������
� ���������������������� ���������������������
4.
3. �����)�� �� �����-*
2. �����)� 5����/
1. �� �����)���
9. �6��*)��������
8. *�%!���/��"#�%�&��������
7. � ������������0*!�������%�&����
6. ��0��6 ��"#�%�&�� ��)�(*
5. � ���������� (Site Map)
4. �����)�� �"�%)��-*
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 47
1. �� �����"�"�� �� ���������������0�)����*���� � "�� �����)���%�&��/��� ��0�!2#�/-0���� 5����/�*!��������� '��� '���������������#��0�� �����"&!� ��0� ��"& !��������;�� �3�%� "��"&�/������ � 9����
� (-�������!���<2�3���������� �(-�'��/0��*!��/)�0� ��"&'��� 9����%��'�� (-�������!���<2�3���������� �(-�'��/0��*!��/)�0� ��"&'��� 9����%��'��� � �����������'������ 1�������������� �(-�'���)�/0��1-����
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 48
���&� "�(��� �� �����"�"�1. ���� ,/� (Strategy)
� 9��#������� �� ����-*���&/����� 5����/�*!��������� �(-�'�� �0��� ������������� ��0� �� �����)�� ���� %����� �� !��4%�&'�� % ��/�� �*!%������ "�.��*%�& ��(�)�� � 9�����*!%������ "�.��*%�& ��(�)�� � 9����
2. ���� ��%�� (Deliverable)� 9��#����� � ���*��)���(��� %����� ��"&��)�� !����� %�������#���0�������
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 49
���&� "�(��� �� �����"�"�3. ����!���)���&1�� (Assumption)
� 9��#����� �����)��"&���*!������)�0��8 %�&'�������)��� �*!� 5����/�� '���������������#�8
4. ���'�)�������� (Scope Management)4. ���'�)�������� (Scope Management)� 9��#����� ��)�� ������������%�&���� � *�&/�� *�'� !��0���� )��������� �*!��(*� !%��0���%�&�)������)���'���� � ��"&'������ 1)�������� ��������������0� �)�/0���0��"&�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 50
2. �����%,������ �����)� 5����/� "���1. !���� �!�0�/'��(-���������� 1�����)%�<%���� )��������� �� !��4 ��%�#� !/!��*��)�/0������!��
� �� �����)� 5����/ �� ����2��*!'��������������� =���/)���0� ��#�������� �������� – 1"� 9���&�������'��� )��������� (-�������!��� �� ��� �������� �������� – 1"� 9���&�������'��� )��������� (-�������!��� �� ����������� �*-����/0��*!��/)�0������ ������'� - ���')
� ��������������� – �0��� �������������(-���������% ��12�� 5����/� "���1. !�����*-�����0������ � �������������"&���%��)���')
� ������������ – ���)�� ���� � ������� � �� '������������� �*!�.) !������� � ����������� ��� 12��� ��/�� �� ���"&'����������%�����
� ������������ ������ – � 9���&�%�&(-���������������������2�12� �2&��� ������������'����/��� �*!�0���'���� 9����0����2&�%�&���� 1)2�)-)(-����/�&/����)�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 51
3. ����� !�������"����� �0�/'��(-���������� 1�����)*��)���� %������0��8 :�/'����������)��0�/ �*!�!)��/�&�2#� ��� 12�%��'��*-���������� �� ������������ ���%���� ���� �*! - ������ %������0��8 �2&��)/�0��'��0�!� 9������� !)�3�0�%�&�!���� ������ �������� ��
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 52
����-�� ����� !�������"����� �. 4�$� �����) ����� �0�����'��� ��������������� ����������-*:�/'� �. �)/����� '����)� �/*!��/)��-*� �. �)�%�#���) ��0� !���� ��/��/ ���;!��� (*��� �������*!� ��� � 9���� *-�������� 1��)�0���%��� �3�%(0��%�����������)� ��%�#����� 1��)��F34�������� "� ��� ��-*0���� �*! �/*!��/)�)� ��%�#����� 1��)��F34�������� "� ��� ��-*0���� �*! �/*!��/)�0��8 �� �3�%�)�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 53
����-�� ����� !�������"����� ������0� �)�<2�3���������� �*-����� �/� �/�*�� ���� 1�����)�� �� �����-*�*!�����"#��'����������)�)����#� ���� � (Index) ���� ����)� �/*!��/)� �.� �����)� !������ �0��#� �.� �����)� !������ �0��#� �.
� �����)���/��/ �*!���;!���� �.
� ���������(*���%�&�)� ��� �.
� �����)� �/*!��/)��������*!� ���
� ����� ��)�0 !��0��*-������� �.
� ���"&�8 %�&���&/���
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 54
55/����0���� 1 !�.�)��0���0*!����� /-0'��0��')���������
4. ����� ���'�.�"����� �� �����)�� �� �����-*�����������/�/0���)�/��!/����0���� 1����������������;����0*!����)� �2&�(-�������!���%���� � *�&/��� �� �����-*� � 9��� �"�%)��-* � " - ����� �� �����-*��������� (Tree Structure) �0��0�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 56
4. ����� ���'�.�"����� ��"&��0��*.0����"#���*���)��*���!%��'���������� �� ����� %��������������'� !)���0��8 �)��0�/2#� �������#/��������&����%�&���&/������&����%�&���&/���'���0*!�0������ )��/ ��"&'������ �/*!��/) �*!������������"#����0*!�0���)���)���/�&�2#�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 57
5. �����#$��&��% (Site Map)� � 9��� �����)�� �� ����� ��"&��/�����'��������� ��"&�����!)����"&�����!)��'��� ����� � "� 9��� ������ !��%�#���)'�������������)*��)��� 9�*��)����#�%�&���&/������
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 58
6. &�-�/���'(�.�0 ��&������ �� ��0��6 �� 9��� ��0��"#�%�&�� ��)���"#��������� - ���%�&����0������� ������������ �(-������� "*-�������/0�� �� ��0��6 ���� index.html ��������� �. 4�$� �����) �)/��0���-*%�&����� ����:�/'���� �)�)����#
(Logo)� �*��� (Logo) � �. 4�$� �����)� ���-�*�� (Menu) � "�� ��"&��/��**��� ��"#���*��� �� ��"&��/�%�&���&/���� �� ��"&��/�/0/� �F34��0��8 %�&����� ��)������� ��-**���%;�G
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 59
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 60
7. ����������&�-���������.�0 &��� � 9��#����� � �����������������%�&�)�������� )��/:�3�� "�� "&��"�0��8 ���%�&(-������������������� ��0� HTML, PHP, ASP.NET � "� �� �Dreamweaver � 9����
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 61
8. ��.�����"�'(�.�0���#$��� � 9��#����*������� ����#��� �������������
� � 9��#����� ������������ �(/�� 0���� "0�/���% ����� ��"&'��(-������� 1����������������)�
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 62
9. �/ ������#$��� � 9��#����.)%��/'��� ����6*���������%�#���)2#�� �������'��"#�%�&%�&�)���)�� �/����)��/� �� � FTP � "�� "&�"�%�&(-�'��� ��� �)���)�� �/����'��
Mr.Warawut Khangkhan �%%�& 2 �� �����*!������������� 63
Mr.Warawut Khangkhan 64�%%�& 2 �� �����*!�������������
��.�/�'�/-�������������������.�/�'�/-�����������������1. ���%�� ���� �����2���"������3�� – !���6 �� ������������'�����(-�'��
�*!��0���� 1%�&�! bookmark �� ��)��"&�6*�� url ��01-���� �� ��&������(**��;���0��0�� �������#�(-�'��/����0���� 1��)�� 4��)��0��!���)�� � *�&/�� *�2#�%�&�6 ���� �*������*��%�&*�����*��� *�&/�� *�2#�%�&�6 ���� �*������*��%�&*�����*��
2. ������%�%��������. %)�(� '!���"� – (-�'���0��'��0��'������"#���*!�� '����������0� �*!��0������� ��%�&�!'���%����*/��#��-�%�&�2&����*0��.) '��� '���%����*/��#��-�����!����*.0�(-�'��%�&�� !���� 4��-��%0���#�
3. ������� �������*�+����������(���)��� – '�����������0�� ����� !��%�&��*"&�����*)��*��������� ��0�0��!� 9� Scrolling
Text, Blink Text, Marquess
Mr.Warawut Khangkhan 65�%%�& 2 �� �����*!�������������
��.�/�'�/-�������������������.�/�'�/-�����������������4. �����. �2�(4����4��4��� (URL) – /���0�� �)����*!����� %�&/-0��������%�&
��������#����!/-0'� - ��"&%�&������/����� �!�)*����� �� '�������3 ������*��(�������������'��0 ��� 12��� '�������3 ���<3 ��0� _, - �*! ~ %�&����!%��'������� �������#%�&/-0����������� �"&12��� �� ������-*����!%��'������� �������#%�&/-0����������� �"&12��� �� ������-*:�/'���������)��/
5. (� �����,�) ����,�������. �� �2�(4��������2��+' – ��"&����(-�'��������!����-0����%�&� 9���-*(0�� !�������� " Search Engine �)/��0�)�(0�������C�������0� %��'��(-�'����0���� 1 -��)��0����*��'���������!� �*!�!�*�������'�����)�/0��� �� �!'�������#���0���"&� "%�&/-0���������'������
Mr.Warawut Khangkhan 66�%%�& 2 �� �����*!�������������
��.�/�'�/-�������������������.�/�'�/-�����������������6. ��������� ���������&�(� – %��'�����)��������������-*%�&�����������
����� ��������%�&������/������!%��'�����/��*�'��� ��*)��� �*!/��� ����������"&/*��'��� 0��'�������� �1����� �#����)��� ��*�/������&�%�&����� ��0������� ��0��
7. ��)������&��������������&�5&*�+ – ����������2&������� 9����'�� !������������*�/ - ��� 0����� ��"&����/�����!)��'�����(-�'�����%�&�.)
8. ������� �& ��(� ������� – ��� ��� *����%�&���� �-0����%�&/����0�)����� )-��#��!� 9����#������ �0��*����%�&�)����� ���� �*���!� 9����0�� �� � *�&/�� *�� "�*����)���*0��/0����0 ��� �!%��'��(-�'����0��0'��0��0������"*���� �*!*�������%�&�)��*������ �*������
Mr.Warawut Khangkhan 67�%%�& 2 �� �����*!�������������
��.�/�'�/-�������������������.�/�'�/-�����������������9. ����.��� �(� ������������ ���������� – �!���)������0��"&1"�*!��0/��
�*����'��� ��� ��
10. �2��+',�) /���� – � �67���)'��0�!��(*%��'�����������#����'����*�'��� )������*)���2#� �)/1��'����*������0� 15 ����%� 2#�� �����!%��'��(-�'���� )������*)���2#� �)/1��'����*������0� 15 ����%� 2#�� �����!%��'��(-�'���)������'� ��"&����(-�'��������)%� �� ��)�(*���������)������) �2&��� �/�������/���)��0� 1����*)������ 8 ����%� (-�'����0� 90% �!� *�&/�� )-����"&��%�
Mr.Warawut Khangkhan 68�%%�& 2 �� �����*!�������������
Mr.Warawut Khangkhan �%%�& 1 ���� -���"#�������&/�����C���� ������� �*!�������� 69
Web SiteWeb Site� !��<�� ��3������/. (2554). ������������������&�� ������,��,��+�6���2�(4�. �"������"& 7 ���/�/�, 2554, ���http://dit.dru.ac.th/home/004/tachakorn/WEBDE/Chapter2.pdfapter2.pdf
� Thai WBI, Website. (2554). Web Site Design. �"������"& 20 �J<����/�, 2554, ��� http://www.thaiwbi.com/course/WebDesign/index2.html
Mr.Warawut Khangkhan �%%�& 1 ���� -���"#�������&/�����C���� ������� �*!�������� 70
BookBook� �.��� 1� !��� . (2554). �2�(4�: �8#9�,���������. ����� ��� : ����������������%/�*�/����� ���.
Mr.Warawut Khangkhan �%%�& 1 ���� -���"#�������&/�����C���� ������� �*!�������� 71