+ All Categories
Home > Education > Ch01 introduction-web

Ch01 introduction-web

Date post: 02-Nov-2014
Category:
Upload: warawut
View: 632 times
Download: 1 times
Share this document with a friend
Description:
ความหมายของโฮมเพจ เว็บเพจ และเว็บไซต์ ประโยชน์ของเว็บไซต์ ประเภทของเว็บเพจ วิธีการสร้างโฮมเพจและเว็บไซต์ ประเภทของเว็บไซต์ ขนาดของหน้าโฮมเพจ ส่วนประกอบในหน้าโฮมเพจ ข้อแนะนำในการจัดทำโฮมเพจ
Popular Tags:
69
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
Transcript
Page 1: Ch01 introduction-web

Mr.Warawut KhangkhanMr.Warawut KhangkhanFacebook: http://www.facebook.com/AjWarawut

Twitter: http://twitter.com/awarawutE-Mail: [email protected]

Mobile: 089-461-9591

Page 2: Ch01 introduction-web

��������������� ������������� � ����� � ������������ �����������������

� ������������� �

� �� !"��#�$���� ������������� �� !"��#�$���� ������������� ����������������

� ���%����$���� �

� #&�����"��'���$���� �

� �$�����(�'�"���)%�(���� �

Mr.Warawut Khangkhan 2���!* 1 �����,$��-.��$��"!*��")���� � ����� � �����������

Page 3: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 3

Page 4: Ch01 introduction-web

������� ����� ������ ����������������� ����� ������ ����������

� ������ (Home Page) �-� �(��!*'�$��!�"��$���"�����������!*���"����%$�����, �����-.����&�/ (��$��")���$��"����#��)

� ����� (Web Page) �-� ��$���"#���!*'�$�#%�$��,�'��,�����&�/ ���������� %��$��,���2,"#�$��3.���"��4� HTML (Hypertext Markup �������� %��$��,���2,"#�$��3.���"��4� HTML (Hypertext Markup Language) ��&������� � #����2���"��%$���$����� �,��� �#!� ����!%!�

� ���� � (Web Site) �-� �(��!*'�$��!�""�5&�������� � ���'������"����%$����$���� � �������� �

Mr.Warawut Khangkhan 4���!* 1 �����,$��-.��$��"!*��")���� � ����� � �����������

Page 5: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 5

Page 6: Ch01 introduction-web

���������� ����������������� �������� �(��#���&��������5"��6�'��7��5�)�

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 6

http://www.cnn.com/

Page 7: Ch01 introduction-web

���������� ����������������� ������� (Cont.)(Cont.)� '�$�����,$����$�#�5%

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 7

http://tdc.thailis.or.th/tdc/

Page 8: Ch01 introduction-web

���������� ����������������� ������� (Cont.)(Cont.)� ��8�"�������#)� )� ����"���-���&����

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 8

http://www.dusit.ac.th/sdu2011/

Page 9: Ch01 introduction-web

���������� ����������������� ������� (Cont.)(Cont.)� '�$�����)����

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 9

http://www.ew.com/ew/

Page 10: Ch01 introduction-web

���������� ����������������� ������� (Cont.)(Cont.)� ��8��������'�"����� "����5��� 5�"��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 10

http://www.settrade.com/

Page 11: Ch01 introduction-web

���������� ����������������� ������� (Cont.)(Cont.)� ��8����&�-.����#���$�������"��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 11

http://www.ebay.com/

Page 12: Ch01 introduction-web

���������� ����������������� ������� (Cont.)(Cont.)� '�$���"��%������%�$��,��&�/

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 12

http://www.thaiware.com/main/

Page 13: Ch01 introduction-web

���������� ����������������� ������� (Cont.)(Cont.)� '�$���"����%�&�#-*�#���$��,�

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 13

http://mail.google.com/

Page 14: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 14

Page 15: Ch01 introduction-web

����� �� ����������� �� ������

� Static Web Document

� Dynamic Web Document

� Active Web Document

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 15

Page 16: Ch01 introduction-web

Static Web Document� ��!��%$����4� HTML

� �!�)"46��%&� �-�� �$��,�����8� Text File ��-���8� HTML �).��%� �$��,�����������&���!*����"�&� 9,$��!�������"$���$��,� ����)���%�3.���'��&� �$��,�����������&���!*����"�&� 9,$��!�������"$���$��,� ����)���%�3.���'��&

� �#%9�9&�� Web Browser �%$������&��%�$��,����#%9���&��).� %� Web Browser ���$��!����#����2'�"��������9� ��4��!*'�$ �3*"��-� HTML

� ):���%$&�� ��4��!*'�$��&�)��$��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 16

Page 17: Ch01 introduction-web

Dynamic Web Document� ��!��%$����4� ASP, ASP.NET, JSP, PHP

� �!�)"46��%&� �-�� Server �$��!���"�� (Web Server) � -*�������9���4��!*'�$��!��

� "����!�"�����5"��). Web Server ���$�������9�"&���!*��#&�$��,����#%9��!*� "����!�"�����5"��). Web Server ���$�������9�"&���!*��#&�$��,����#%9��!*Web Browser 9��!*�%$�����&���-��")� �3.���,&")��$��,� ��&���!�"��";���$��,�, �$��,������� ��8��$� %�9��!*#&������8��,�����!* Web Browser �,$�)"�3*"��-���4� HTML

� ):����""�&���� Static Web Document � ���#&��'�=&����$�� -*���%�&��$��,������" ��&� ;���$��,�, �>�� ��8��$�

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 17

Page 18: Ch01 introduction-web

Active Web Document� ��8������ ��!*�!#&���� Java Applet, Active X ��8��$� %�#&��'�=&����$�

Java ��8���)" (De Facto Standard)

� �!�)"46��%&� �-�� "����%��������8�"����% ����#���"�� �������� �!*���-*��������� (Web

Browser)"����%��������8�"����% ����#���"�� �������� �!*���-*���������Browser)

� Web Browser �$��!�)�������9� ����#���"�� ��&� Java Runtime ��-��-*�/ ��"���-���" HTML

� #����2��!������#���"��'�$�!�>���? ���$��,��%$ %���&�$���%��$�������'��&���-��Dynamic Web

� ��-*�������9�9&�� Web Browser ����#���"�� #����2�(��%$�5"��&����'�"����!*Java Runtime "(���%

� ):����""�&��). 2 ���

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 18

Page 19: Ch01 introduction-web

������!"#� ���� ��$��������������!"#� ���� ��$��������� Static Web Document - �����")������)*����!*�$��,��&���$���* ��&�!

"�����!*����� �����&�$�"��������9�������8� ��@4 ��&� ��������)��#&���)�, �����#��9���, Resume ��8��$� (��%�)���&���&��")

� Dynamic Web Document - �����")������!*�$��,��!"��� Dynamic Web Document - �����")������!*�$��,��!"�����!*�����#�*(��#�� ��&��&�&����"�)" ��-�����!��%�&�")�;���$��,� ��-��(��$��,������"���#%9� ��&� �����!���������, ��������%� ��������� ����-*�/ �!"��"

� Active Web Document - �����")������!*�$��,��!"�����!*�����#�*(��#�� (Real Time) ����!��%�&�")�;���$��,�%$�� ��������#&��'�=&�!*��-�"'�$ Active Web Document �!*��������8������"!*��")���-*����/ ��/ ��&� �����������%�5$�, ���������&����#"5��&�/

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 19

Page 20: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 20

Page 21: Ch01 introduction-web

"��!�%� ���������������"��!�%� ���������������1. "��#�$���� �%$�����"���������#����. (Web Hosting)

2. "��#�$�%$�����"��#(���)�#�$���������

3. "��#�$���������%$�������������)%"����-.����������� ��-� CMS

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 21

Page 22: Ch01 introduction-web

1. ����������� �������������������������� Web Hosting �-� ���"��'�$��&� -.��!* ��-��)�A�"�������������������>�����

(Web Server) %��)*�������!�"�&� Web Host

� Web Host �(���$��!*��8�@,���"���"���$��,� #(���)���-*�����"���&�/ 9&����internet ��&� �,��� ����!%!�9&�������� ��8��$�internet ��&� �,��� ����!%!�9&�������� ��8��$�

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 22

Page 23: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 23

Page 24: Ch01 introduction-web

Blog Spot (http://khon-online.blogspot.com)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 24

Page 25: Ch01 introduction-web

������������� !� "����� ��#�������������� ���4)��!*'�$���"�� (Company)

� �����&���-*�2-� (Reliability)

� ����#����2'�"��'�$���"�� (Availability)

� �(�������&���'�"����-*���&������������� (Redundancy)� �(�������&���'�"����-*���&������������� (Redundancy)

� ����%�����!*'�$���"�� (Hardware)

� "������#�� (Monitoring)

� "��#(����$��,� (Backup)

� "��'�$���"���������� (Technical Support)

� ����'�$���"�������!*�!�7=�� (Support Hours)

� �����'�"��'�$���"�� (Policies)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 25

Page 26: Ch01 introduction-web

������������� !� "����$%���������&���������������� �����B��)��"�� (Operating System)

� -.��!*'�"��'�$���"�� (Disk Space)

� ����#����2'�"����$�23�$��,� (Data Transfer)

� "��'�$���"����%$���!���� (e-Mail)� "��'�$���"����%$���!���� (e-Mail)

� "��'�$���"��%$��;���$��,� (Database)

� ��4����"���!*'�$���"�� (Script Language)

� ������� IP Address �!*�%$�)� (Unique IP Address)

� �������%�)�'�"��'�$���"����� e-Commerce (Secure Server)

� "���(�������&����"�� (Payment Terms)

� �&�'�$�&��'�"��'�$���"�� (Price)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 26

Page 27: Ch01 introduction-web

�����-�������������������()����������������������� �������� 9,$'�$���"��#����2��C%���������%$��%����

�����&�$��#!��&�'�$�&��'�%$������%���� ��>������ ���9,$%,�� � ����!�&�'�$�&��

� 9,$'�$���"������!�,������$���� �'�$��-�"�$�� �����&#����2��"����)"46��%$����������$�"�� 2$���8�>�!������>������ ���9,$%,�� � ����!�&�'�$�&��

�? ���&���&� -.��!*���"����&��).��%$����������$�"�� 2$���8�>�!�����#����."��!��-.��!*'�$'�$���(�")% ��&���)�"���(�����4����"�� �����&�!�������%�)�'�"��'�$���"���-.�-�������"�����"#�(e-Commerce)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 27

Page 28: Ch01 introduction-web

2. �������������������*�+�,����������()���!��,&�������"�� "����-�"'�$���3.���,&")��,������-�����2�)%��9,$ ):��

� ���"���!*'�$��!���$%����� �%$����4�������) �����4�#������

� ���"���!*'�$#�$������ �����)%������"������$�����

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 28

Page 29: Ch01 introduction-web

��������� !�����"���������� ����-�.������,� �$�-�.��������� ��4�������) (Markup

Language) �-� ��4��!*'�$�� !"�����5��-.�������)%�,������#�$��$��,�%$�� Text File

GML

(Generalized Markup Language)

SGML

(Standard Generalized Markup Language)

� ��4�������) #����2�(������")���4�#�������!*�(�'�$����� ��!����#����2'�"����%�&�#-*�#�� ����$���")�9,$'�$�%$ ��&� PHP, ASP.NET, JSP ���JavaScript ��8��$�

� ���"�� Notepad, EditPlus

(Standard Generalized Markup Language)

HMTL

(HyperText Markup Language)

XML

(eXtensible Markup Language)

XHTML

(eXtensible HyperText Markup Language)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 29

Page 30: Ch01 introduction-web

�����-��������������������"���������� ����-�.������,� �$�-�.������������� �������� ��8����"���!*�!'�$'�$��>�! %�

���"�� Notepad ���!�� �$��")������B��)��"�� Windows #&��

� 9,$ ):�����$�'�$����#����2��������(���='�"����!�����"�� �#���� ��-*���"��8�"�� �� ��$%�(�#)*�!*�$�"�������B��)��"�� Windows #&��

EditPlus #����2%������%�%$��"������������

��-*���"��8�"�� �� ��$%�(�#)*�!*�$�"��������).��% ��"�).����"�����&��!.���(�"������$��,�'�$"�����8��� ��-��$������!*�$�"��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 30

Page 31: Ch01 introduction-web

��������� !������������ �$� ,������������"+"������� '�$���"��#(������,�'�"��#�$�

�������� %��(��,��� ����$������!*�$�"����������$������ � �����23�!���-*��-��!*�&���)%����$��������� 23�!���-*��-��!*�&���)%����$��������� ���� �*��,"��&��&�/ '�$")������ � ��&� �>���#!� ��-��� ���-*�����

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 31

Page 32: Ch01 introduction-web

�����-������������������� !������������ �$� ,������������"+"����������� �������� 9,$ ):����&�(���8��$���$�'���#�$� ���

�(�#)*����4� HTML / XHTML "�#����2#�$������ ��%$ � !���&#����2

� 9,$'�$����$��!�&�'�$�&���"�%�3.�'�#&�������#�� �E��>������

"�#����2#�$������ ��%$ � !���&#����2'�$�����-*��-��&�/ �!*��9,$9����%$�)%���!����$'�$�%$

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 32

Page 33: Ch01 introduction-web

3. ������������()�������������+�� ,�����"%��+�����()�� +�%� CMS� �����������)%"����-.����������� ��-� CMS (Content Management

System) ��8����"���!*9,$ ):������������"�)*��"�(���'�$#�$������������Dynamic �3*�&��'�$��$�����������#����2� �*�������-����!*�������-.����%$&�� #�%�" �����%���� %���&�$��#!�������")�"����!�����"�� �!"�).�(�'�$&�� #�%�" �����%���� %���&�$��#!�������")�"����!�����"�� �!"�).�(�'�$"���9�� �&�$��,�9&������������8�����&��!���#�� ��� ��"��*�3.�

� �7��5�)����"�� CMS �!'�$��-�"'�$�������)�%$��")� ��&� Mambo, XOOP, PHPNuke ��� Joomla �3*��&�����"��"��!����#����2�!*��"�&�")���"��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 33

Page 34: Ch01 introduction-web

CMS Drupal (http://thaiopensource.org)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 34

Page 35: Ch01 introduction-web

CMS Joomla (http://www.joomlacorner.com)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 35

Page 36: Ch01 introduction-web

CMS WordPress (http://awarawut.wordpress.com)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 36

Page 37: Ch01 introduction-web

CMS Mambo (http://www.mambohub.com)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 37

Page 38: Ch01 introduction-web

CMS PrestaShop (http://www.headict.com)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 38

Page 39: Ch01 introduction-web

�����-����������������������()������������ CMS

����� �������� #����2#�$����������%$��%���� %��!*

9,$ ):����&�(���8��$��!�����,$'�"����!����4��&�/ ��&� HTML /

� ���"�� CMS �)��&#����2#�$���������'�$�%$��")������$�"���%$�).��% 9,$ ):���)�$��#!�������4��&�/ ��&� HTML /

XHTML ��� PHP

� ��8���>�������!*�!'�$'�$��>�! (Open Source Software) �(�'�$�����)%������6������������%$'��������

�).��% 9,$ ):���)�$��#!�����%������%���"���#���(Extension) �&�����%�).� �*�����'�$")����� � -*�'�$�%$���������!*�$�"�� ��&� ��������% ��8��$� �3*�!�).�#!��&�'�$�&�� �����&�!�&�'�$�&��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 39

Page 40: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 40

Page 41: Ch01 introduction-web

����� �� ������������ �� �������� ��������#&���)���-���� �

� ��������'�$�����,$��������)����

� ��������� -*�"�����"��

� ��������� -*�"���$��� (Search Engine)� ��������� -*�"���$��� (Search Engine)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 41

Page 42: Ch01 introduction-web

����()���/�"�,�+�%����

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 42

http://awarawut.blogspot.com

Page 43: Ch01 introduction-web

����()�� +�����0��$�����,"����

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 43

http://www.kapook.com

Page 44: Ch01 introduction-web

����()�� +�����0��$�����,"���� (Cont.)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 44

http://www.sanook.com

Page 45: Ch01 introduction-web

����()����%�����������

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 45

http://www.one2car.com

Page 46: Ch01 introduction-web

����()����%����������� (Cont.)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 46

http://www.ebay.com

Page 47: Ch01 introduction-web

����()����%����������� (Cont.)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 47

http://www.unseentourthailand.com

Page 48: Ch01 introduction-web

����()����%�������"+� (Search Engine)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 48

http://www.google.co.th

Page 49: Ch01 introduction-web

����()����%�������"+� (Cont.)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 49

http://www.bing.com

Page 50: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 50

Page 51: Ch01 introduction-web

���&�� ��%���������&�� ��%������� ���% 800 x 600 Pixels

� ���% 1024 x 798 Pixels

�������������������������������� ���� ����!����"��!�� #$� �������������������������������� ���� ����!����"��!�� #$� 800 800 x x 600 600 PixelsPixels

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 51

�������������������������������� ���� ����!����"��!�� #$� �������������������������������� ���� ����!����"��!�� #$� 800 800 x x 600 600 PixelsPixels

Page 52: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 52

Page 53: Ch01 introduction-web

!$����"��'���%������!$����"��'���%������� �"$ (Logo)

� ���,��)" (Link Menu)

� �F��G46� (Banner)

� �� ���"�������-.��� (Images and Content)� �� ���"�������-.��� (Images and Content)

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 53

Page 54: Ch01 introduction-web

�$��� (Logo)� �"$ ��8�#�*#(��)=�!*���&��'�$9,$��$���#����2�%�(����������%$ ����).�(�'�$��������%,

�!��"�)"46�

� "��#�$��"$� -*�'�$���������������!�,�����!*��&�)��$���)" �-� ��$���'���%$��"����"����!*��!��&�� ���#����2�&���-*����������%$�)%���"����"����!*��!��&�� ���#����2�&���-*����������%$�)%���

� "���)%���"$��������$�!*�5����$������$���� � � ����&���8��5%�!*#����2#)�"������%$&��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 54

Page 55: Ch01 introduction-web

�$��� (Cont.)� ��"�����)� ��&�"�����(����&�"$�!*�5����$�����&��'�$9,$��$���#����2�%�(�

���������).��%$23 84% �#%�%$%)�����&����!.

%�&��'��(� � #�������)*�� �)���%�

���$�� (Upper Left) 84%

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 55

���$�� (Upper Left) 84%

����� (Upper Right) 6%

��"�� (Upper Center) 6%

�!*�-*�/ (Others Position) 4%

Page 56: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 56

Page 57: Ch01 introduction-web

�(� �

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 57

Page 58: Ch01 introduction-web

�"0+$,� (Link Menu)� ���,��)" 2-��%$�&���8�#�*#(��)=�!"��&���3*�!*�(���8��$��!��,&���'����������5"���%

� -*�'�$��8��5%��-*������)#&���&�/ '����������%!��")���-��&��������� �����23�&��'�$9,$��$����)��,$�%$�&����'����������!��-*���������$� %��,���������,�!*����'�$")����!�).����!*��8��������������). �3*�����,&'��,����$�������-��5H��&�/ '�$")����!�).����!*��8��������������). �3*�����,&'��,����$�������-��5H��&�/

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 58

Page 59: Ch01 introduction-web

���+&�����

���+&�

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 59

���+&�� �,�

&�����

Page 60: Ch01 introduction-web

�1���2.#� (Banner)� �F��G46� 2-��%$�&���8�#&��#(��)=�!"��&���3*��&��%!��")� � ������������!*�!

G46����&��#&�#����� �)"46� �����&���-*�2-� ���"���5$�����#�'���9,$��$����%$%!��*�3.� � ����!"��'�$�� ���-*����� ��-��,"��&��&�/ ���"��

� ��""�����)� ��&� �� ���-*��������&����������%,�&�#�'�� �*��3.��%$23 30% � ��""�����)� ��&� �� ���-*��������&����������%,�&�#�'�� �*��3.��%$23 30% ��&���"����"���&���'�$�!G46���"�"����

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 60

Page 61: Ch01 introduction-web

�-���./0�

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 61

Page 62: Ch01 introduction-web

-���������$��"%��+�(Images and Content)� �� ���"�������-.�����8�#&��#(��)=��&���*�!*���(�'�$9,$��$������"����$�����!*��

�� ���'�$���"������������&�#�*(��#�� 2$���������'%�!*�!"����)���5��-.���'�$�)�#�)���,&�#�� �!��-.����!*�&�#�'� �!�,����"���&���!*&�� ��-.�����&�����-���&#).��"���� �!�,��� ���"��"���������!*���2$�� #������$�"$���(�'�$�%$���!���"���� �!�,��� ���"��"���������!*���2$�� #������$�"$���(�'�$�%$���!�����������-*�/ �!*�(��#����-*����'�����%!��")�

� "��'�$�� ���"���!*#�������>�����!*�&��&�����&��'�$��-.��������������!�����&�#�'�� �*��3.��!" 40-45% �%$�!"%$��

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 62

Page 63: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 63

1���)2 � ���$,���

Page 64: Ch01 introduction-web

1���)2 � ���$,���

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 64

Page 65: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 65

Page 66: Ch01 introduction-web

�%�����(�'�"���#& (�������%�����(�'�"���#& (������� �($� ������������2�� – #!2-��&���8�#&����3*�!*�!��� � ��&��������� ��-*���"#!��&

��#!�).����!9��&�����6���������,$#3"��9,$��$����!*��"�&�")���"��

� ��#�����3��� (� /0� – ��"������ � ��-���������'�$�!������8���"�)"46� %�"����-�"'�$#!>��������� ���"���!*�!������$����3")�'��5"/ ��$�%�"����-�"'�$#!>��������� ���"���!*�!������$����3")�'��5"/ ��$�

� ����)*�����������'������2�� – #�$���-���"�����������'�$�!"��'�$���!*&�� ��&�)��$�����"����

� ����)*&���4(�����'��)���)� – '�"��#�$�����������"��"���(��323����#������$� "���#%9��$��,��!*��%����"�2-��&���8�#&��#(��)=��&���3*�!*�$��(��323

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 66

Page 67: Ch01 introduction-web

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 67

Page 68: Ch01 introduction-web

Web SiteWeb Site� �����@�� �4��(��)�. (2554). �� ��)�)2 � �)����5�� �)�� &&(2��6������ �. #-��$���-*� 7 ")�����, 2554, ��"http://dit.dru.ac.th/home/004/tachakorn/WEBDE/Chapter1.pdfapter1.pdf

� NextProject.net, Website. (2554). &'��)2�1����� � ��)+�&��#���(�� ����'���). #-��$���-*� 13 J@��"���, 2554, ��" http://www.nextproject.net/contents/default.aspx?00052

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 68

Page 69: Ch01 introduction-web

BookBook� ������ ��!��#��. (2554). �)��)& )����$,�� ��. "�5�� ������ :

@,�����)#-� ���������)�����)B#��%5#��.

Mr.Warawut Khangkhan ���!* 1 �����,$��-.��$��"!*��")���� � ����� � ����������� 69


Recommended