Upload
nuthapol-jullawan
View
1.130
Download
2
Embed Size (px)
Citation preview
CMS คื�ออะไร CMS ย่�อมาจาก Content Management System เป็�นระบบที่��น�ามาช่�วย่ในการสร�างและบร�หารเว�บไซต์"แบบส�าเร�จร#ป็ โดย่ในการใช่�งาน CMS
น&'นผู้#�ใช่�งานแที่บไม�ต์�องม�ความร# �ในด�านการเขี�ย่นโป็รแกรม ก�สามารถสร�างเว�บไซต์"ได� ต์&วขีอง CMS เองจะม�โป็รแกรมแถมมาและสามารถแที่รกเองได�มากมาย่เช่�น webboard , ระบบจ&ดการป็,าย่โฆษณา , ระบบน&บจ�านวนผู้#�ช่ม แม�แต์�กระที่&�งต์ระกร�าส�นค�า และอ0�นๆอ�กมากมาย่ CMS เป็�นเหม0อนโป็รแกรม โป็รแกรมหน3�ง ที่��ม�ผู้#�พั&ฒนามาจากภาษาคอมพั�วเต์อร"ที่��ใช่�ในเว�บไซต์"เช่�น PHP , Python , ASP , JSP ซ3�งในป็7จจ8บ&นม�คนใจด�พั&ฒนา CMS ฟร�ขี3'นมามากมาย่อย่�างเช่�น Mambo , Joomla , Wordpress แน�นอนว�าผู้#�พั&ฒนาระบบ CMS ฟร� ที่��กล�าวมาขี�างต์�นน&'นล�วนเป็�นม0ออาช่�พัที่��ม�ฝี;ม0อในเร0�องขีอง เว�บไซต์"เป็�นอย่�างย่��ง ที่&'งการเขี�ย่นโป็รแกรมที่��ร &ดก8ม การออกแบบเนว�เกช่&�นที่��ด� ที่�าให�ภาพัรวมขีองเว�บไซต์"ที่��ใช่� CMS น&'นออกมาในแนวม0ออาช่�พัอย่�างมาก
ข้�อดีข้อง CMS
1.ผู้#�ใช่�งานไม�จ�าเป็�นต์�องม�ความร# �เร0�องการที่�าเว�บไซต์" เพั�ย่งแค�เคย่พั�มพั" หร0อเคย่โพัสขี�อความในอ�นเที่อร"เนต์ ก�สามารถม�เว�บไซต์"เป็�นขีองต์&วเองได� 2.ไม�เส�ย่เวลาในการพั&ฒนาเว�บไซต์" ไม�เส�ย่เง�นจ�านวนมาก 3.ง�าย่ต์�อการด#แล เพัราะม�ระบบจ&ดการที่8กอย่�างให�เราหมด 4.ม�ระบบจ&ดการที่��เราสามารถหามาใส�เพั��มได�มากมาย่ อย่�างเช่�น ระบบแกลลอร�� 5.สามารถเป็ล��ย่นหน�าต์าเว�บไซต์"ได�ง�าย่ๆ เพั�ย่งแค�โหลดที่�ม (Theme)
ขีอง CMS น&'นๆ
ข้�อเสียข้อง CMS
1.ในกรณ�ที่��ผู้#�ใช่�ต์�องการออกแบบที่�ม (หน�าต์าขีองเว�บ) เอง จะต์�องใช่�ความร# �มากกว�าป็รกต์� เน0'องจาก CMS ม�หลาย่ๆระบบมารวมก&นที่�าให�เก�ด
ความย่8�งย่าก ส�าหร&บผู้#�ที่��ไม�ม�ความร# � 2.ผู้#�ใช่�จะต์�องศึ3กษาระบบ CMS ที่��ผู้#�พั&ฒนาสร�างขี3'นมา เช่�นจะต์�องใส�ขี�อความลงต์รงไหน จะต์�องแที่รกภาพัอย่�างไร ซ3�งจะล�าบากเพั�ย่งแค�ช่�วงแรกเที่�าน&'น 3.ในการใช่�งานจร�งน&'นจะม�ความย่8�งย่ากในการ set up คร&'งแรกก&บ web server แต์�ป็7จจ8บ&นก�ม�ผู้#�บร�การ web server มากมาย่ที่��เสนอลงและ set up ระบบ CMS ให�ฟร�ๆ โดย่ไม�เส�ย่ค�าใช่�จ�าย่
Joomla เป็�นโป็รแกรม open source ที่��เป็�นระบบจ&ดการเน0'อหาบนเว�บไซต์" (Content Management Systems หร0อ CMS) ซ3�งถ#กพั&ฒนาด�วย่ PHP และใช่�ฐานขี�อม#ลขีอง MySQL ในการจ&ดเก�บขี�อม#ล โดย่ม�เที่คน�คการเขี�ย่นโป็รแกรมขี&'นส#งภาย่ใต์�มาต์รฐาน XHTML สามารถที่�างานได�หลาย่แพัลต์ฟอร"มที่��รองร&บ PHP และ mySQL ที่&'งน�' Joomla
จะแบ�งเว�บไซต์"ออกเป็�น 2 ส�วนหล&ก ๆ ค0อ
สี�วนหน�า ซ3�งก�ค0อหน�าต์าขีองเว�บไซต์"น&�นเอง ซ3�งเราสามารถดาวน"โหลดร#ป็แบบ Template หน�าเว�บได�ฟร�จากแหล�งต์�างๆ
สี�วนหลั�ง (CMS) ค0อ ส�วนการจ&ดการเน0'อหาและโครงสร�างเว�บ
เม0�อเว�บที่&'งส�วนหน�า-ส�วนหล&ง รวมก&บการให�บร�การพั0'นที่��เว�บไซต์"และการจดช่0�อเว�บไซต์"แล�ว เว�บไซต์"น&'นๆก�จะถ#กน�าไป็เผู้ย่แพัร�บนอ�นเที่อร"เน�ต์ให�บ8คคลที่&�วไป็สามารถเขี�ามาด#เน0'อหาในเว�บไซต์"ได�
ก่�อนจะมาเป็�นจ�มลั�าในป็�จจ�บั�น
Mambo หร0อช่0�อเด�ม Mambo Open Source (MOS) เป็�นระบบจ&ดการเน0'อหาเว�บ (Content Management System) แบบโอเพันซอร"สที่��ม�ผู้#�ใช่�จ�านวนมาก Mambo เคย่ช่นะการป็ระกวดซอฟต์"แวร"ขีองน�ต์ย่สาร Linux Format ในป็; 2004 และ LinuxWorld เม0�อป็; 2005
Mambo เป็�นซอฟต์"แวร"ที่��ม�ความสามารถมากมาย่ เช่�น ป็ฏิ�ที่�น,
RSS, เว�บล�อก ป็7จจ8บ&นม�กล8�มน&กพั&ฒนาจ�านวนมากสร�างโป็รแกรมเสร�มให�ก&บ Mambo การต์�ดต์&'ง Mambo จ�าเป็�นต์�องใช่� Apache HTTP
Server, MySQL และ PHP เด�ม Mambo พั&ฒนาโดย่บร�ษ&ที่ Miro
Corporation ป็ระเที่ศึออสเต์รเล�ย่ แต์�ภาย่หล&ง Miro ได�ต์&'ง Mambo
Foundation ขี3'นมาร&บหน�าที่��แที่น ใช่�ส&ญญาอน8ญาต์การใช่�งานแบบ GPL
หล&งจากการเป็ล��ย่นร#ป็แบบการพั&ฒนามาอย่#�ใต์� Mambo Foundation
น&กพั&ฒนาเด�มส�วนหน3�งได�แย่กไป็ต์&'งโครงการใหม�ช่0�อว�า Joomla จ#มลา! (Joomla!) เป็�นระบบจ&ดการเน0'อหาเว�บแบบโอเพันซอร"ส ที่��เขี�ย่นด�วย่ภาษาพั�เอช่พั�และใช่�ฐานขี�อม#ล MySQL เวอร"ช่&น 1.0 ออกเม0�อว&นที่�� 16
ก&นย่าย่น ค.ศึ. 2005 ที่�มงาน พั&ฒนาจ#มลา! แย่กต์&วออกมาจากการพั&ฒนา Mambo ซ3�งเป็�นระบบจ&ดการเน0'อหาเว�บที่��ได�ร&บความน�ย่มอ�กต์&วหน3�ง เน0�องจากม�ความค�ดเห�นไม�ต์รงก&บบร�ษ&ที่ Miro Corporation ในป็ระเที่ศึออสเต์รเล�ย่ ซ3�งเป็�นผู้#�สน&บสน8นหล&กและเจ�าขีองเคร0�องหมาย่การค�า Mambo เม0�อว&นที่�� 17 ส�งหาคม ค.ศึ. 2005
ทฤษฎีก่ารออก่แบับัเว%บัไซต์(1. ทฤษฎีก่ารออก่แบับัเว%บัไซต์(การสร�างเว�บไซต์"ให�ป็ระสบความส�าเร�จน&'น จ�าเป็�นต์�องม�การจ&ดเต์ร�ย่มขี�อม#ล ออกแบบหน�า
เว�บเพัจต์�างๆ ให�ม�ร#ป็แบบที่��สวย่งาม สามารถใช่�งานได�ง�าย่ และม�ความสะดวกต์�อการเขี�าถ3งขี�อม#ล การออกแบบเว�บไซต์"จ3งม�ความส�าค&ญในการสร�างความป็ระที่&บใจให�ก&บผู้#�ที่��เขี�ามาใช่�บร�การ ส�งผู้ลให�เก�ดความร# �ส3กอย่ากกล&บมาใช่�อ�ก ด&งที่��ดวงพัร เก�@ย่งค�าและวงศึ"ป็ระช่า จ&นที่ร"สมวงศึ" (2546:26) ได�กล�าวถ3งหล&กการออกแบบเว�บไซต์"ที่��ด� ซ3�งสามารถสร8ป็เป็�นขี&'นต์อนในด�านต์�างๆ ด&งน�'1.1 ดี�านก่ารออก่แบับั1.1.1 ควรม�จ8ดเด�นหร0อม�เอกล&กษณ" เน0�องจากเว�บไซต์"แต์�ละแห�งม�เป็,าหมาย่ที่��แต์กต์�างก&นเช่�น ถ�าเป็�นเว�บไซต์"ที่��เน�นที่างด�านธุ8รก�จ จะต์�องหาจ8ดเด�นหร0อเอกล&กษณ"ที่��ม�ความได�เป็ร�ย่บเหน0อกว�าค#�แขี�ง เพั0�อให�ผู้#�เขี�ามาใช่�บร�การสามารถจดจ�าภาพัล&กษณ"หร0อเอกล&กษณ"เฉพัาะขีองหน�วย่งานน&'นๆ ได�1.1.2 ควรม�การจ&ดวางขี�อม#ลที่��เร�ย่บง�าย่ เพั0�อให�ผู้#�ที่��เขี�ามาใช่�บร�การสามารถอ�านเน0'อหาที่��อย่#�ภาย่ในแต์�ละเว�บเพัจได�ง�าย่ สบาย่ต์า การจ&ดวางขี�อม#ลภาย่ในเว�บไซต์"ต์�องไม�ซ&บซ�อน ม�การจ&ดหมวดหม#�ให�ก&บขี�อม#ล ภาพักราฟCก ต์&วอ&กษรอย่�างเหมาะสม เพั0�อให�ผู้#�เขี�ามาใช่�บร�การสามารถเขี�าถ3งเน0'อหาที่��ต์�องการใช่�งานได�อย่�างสะดวกรวดเร�ว1.1.3 ควรม�การจ&ดระบบขี�อม#ลที่��ด� เน0�องจากร#ป็แบบความส&มพั&นธุ"ระหว�างกล8�มขี�อม#ล จะม�ผู้ลต์�อความสะดวกในการใช่�งานขีองผู้#�เขี�ามาใช่�บร�การ ระบบขี�อม#ลที่��ม�โครงสร�างด�จะช่�วย่เพั��มความช่&ดเจนให�ก&บเน0'อหา โครงสร�างหล&กขีองระบบขี�อม#ลส�าหร&บเว�บไซต์"สามารถแบ�งออกเป็�น 3 ร#ป็แบบ
ค0อ แบบล�าด&บช่&'น (Hierarchy) แบบขี�อความหลาย่ม�ต์� (Hypertext)
และแบบฐานขี�อม#ล (Database model) โครงสร�างแต์�ละแบบจะม�จ8ดเด�นและจ8ดด�อย่แต์กต์�างก&นไป็ อย่�างไรก�ต์ามการออกแบบโครงสร�างขีองระบบขี�อม#ลจะขี3'นอย่#�ก&บล&กษณะขีองเน0'อหาภาย่ในเว�บไซต์"น&'นๆ เป็�นหล&ก ซ3�งในที่างป็ฏิ�บ&ต์�น& 'นเราสามารถใช่�โครงสร�างร#ป็แบบเด�ย่วก&นที่&'งหมด หร0ออาจใช่�โครงสร�างมากกว�า 1 ร#ป็แบบภาย่ในเว�บไซต์"เด�ย่วก&นก�ได� ไม�ม�ขี�อก�าหนดต์าย่ต์&ว แต์�เว�บไซต์"ส�วนใหญ�จะใช่�โครงสร�างที่&'ง 3ร#ป็แบบร�วมก&นแบบแผู้นระบบขี�อม#ลสามารถแบ�งออกเป็�น 3 แบบ ค0อ1.1.3.1 แบบแผู้นระบบขี�อม#ลแบบแน�นอน (Exact organizational
schemes) เก�ดจากการแบ�งขี�อม#ลออกเป็�นกล8�มที่��แน�นอนไม�ม�การเหล0�อมล�'าขีองขี�อม#ลในแต์�ละกล8�ม ระบบขี�อม#ลช่น�ดน�'ย่&งถ#กแบ�งย่�อย่ออกเป็�นระบบขี�อม#ลต์ามต์&วอ&กษร (Alphabetic) ซ3�งเป็�นร#ป็แบบการจ&ดระบบพั0'นฐานขีองพัจนาน8กรม สาราน8กรม สม8ดโที่รศึ&พัที่" ห�องสม8ด และด&ช่น�ที่��อย่#�ด�านหล&งหน&งส0อ ส��งเหล�าน�'ล�วนใช่�ป็ระโย่ช่น"จากการล�าด&บต์&วอ&กษรในการจ&ดเร�ย่งขี�อม#ล แต์�ว�ธุ�น�'ม�ขี�อด�อย่ค0อ ส��งที่��อย่#�ใกล�เค�ย่งก&นอาจไม�ม�ความส&มพั&นธุ"ก&นแต์�อย่�างใดระบบขี�อม#ลต์ามล�าด&บเวลา (Chronologic) เป็�นร#ป็แบบที่��ม�ความเหมาะสมก&บขี�อม#ลบางป็ระเภที่ที่��ม�ความส&มพั&นธุ"ก&บเวลา เช่�น ขี�าว หน&งส0อพั�มพั" น�ต์ย่สาร วารสาร และราย่การโที่รที่&ศึน" ซ3�งจ�าเป็�นต์�องน�าเสนอขี�อม#ลต์ามล�าด&บเวลาระบบขี�อม#ลต์ามพั0'นที่�� (Geographic) ซ3�งม�ล&กษณะเฉพัาะขีองแต์�ละพั0'นที่��ย่กต์&วอย่�างเช่�น ขี�าว พัย่ากรณ"อากาศึ เศึรษฐก�จ การเม0อง หร0อการป็กครอง
1.1.3.2 แบบแผู้นระบบขี�อม#ลแบบไม�แน�นอน (Ambiguous organization
schemes) เก�ดจากการแบ�งขี�อม#ลโดย่ไม�ม�การก�าหนดที่��แน�นอน ระบบขี�อม#ลช่น�ดน�'ม�ความย่ากในการออกแบบ การด#แล และการใช่�งาน อย่�างไรก�ต์ามระบบขี�อม#ลช่น�ดน�'กล&บม�ความส�าค&ญและเป็�นที่��น�ย่มใช่�มากกว�า เน0�องมาจากผู้#�เขี�ามาใช่�บร�การในเว�บไซต์"ส�วนใหญ�ไม�ร# �แน�ช่&ดถ3งส��งที่��ต์นก�าล&งค�นหา หร0ออาจร# �เพั�ย่งบางส�วนแต์�ไม�แน�ใจ ในระบบขี�อม#ลช่น�ดน�'ม�การรวบรวมขี�อม#ลต์ามล&กษณะที่��คล�าย่ก&นหร0อใกล�เค�ย่งก&น ซ3�งในกระบวนการค�นหาขี�อม#ล ผู้#�เขี�ามาใช่�บร�การสามารถเร�ย่นร# �ราย่ละเอ�ย่ดขีองส��งที่��ต์นก�าล&งค�นหาเพั��มขี3'นได� ต์ามจ�านวนคร&'งในการค�นหา เป็ร�ย่บเสม0อนก&บการค�นหาขี�อม#ลโดย่ใช่�ค�าที่��ม�ความหมาย่ที่��กว�างก�อน และผู้ลขีองการค�นหาที่�าให�ร# �ถ3งส��งที่��ม�ความหมาย่เฉพัาะเจาะจงมากขี3'นเร0�อย่ๆและสามารถน�าขี�อม#ลน&'นๆ มาใช่�ค�นหาต์�อเพั0�อค�นหาขี�อม#ลให�ต์รงก&บความต์�องการขีองผู้#�เขี�ามาใช่�บร�การมากที่��ส8ด อ8ป็สรรคขีองการค�นหาขี�อม#ลแบบน�' ค0อ ต์�องใช่�เวลานานและอาจจะต์�องที่�าการค�นหาหลาย่คร&'งจ3งจะพับขี�อม#ลที่��ต์�องการจร�งๆ ระบบขี�อม#ลแบบไม�แน�นอนสามารถแบ�งย่�อย่ออกเป็�นระบบขี�อม#ลต์ามห&วขี�อ (Topic) ซ3�งเป็�นระบบขี�อม#ลที่��น�ย่มใช่�ก&นมาก โดย่จะที่�าการก�าหนดห&วขี�อต์�างๆ ให�ส0�อความหมาย่และเขี�าใจได�ง�าย่ ม�ขีอบเขีต์ไม�กว�างหร0อแคบจนเก�นไป็ระบบขี�อม#ลต์ามผู้#�เขี�ามาใช่�บร�การ (Audience
specific) ในกรณ�ที่��ม�กล8�มผู้#�เขี�ามาใช่�บร�การที่��ช่&ดเจน และเขี�ามาใช่�บร�การในเว�บไซต์"อย่�างสม��าเสมอ เราสามารถแบ�งขี�อม#ลออกเป็�นพัวกๆ ต์ามความสนใจขีองผู้#�เขี�ามาใช่�บร�การแต์�ละกล8�มได� เพั0�อให�เก�ดความสะดวกในการค�นหาขี�อม#ลมากที่��ส8ดระบบขี�อม#ลต์ามการที่�างาน (Task oriented) การจ&ดระบบขี�อม#ลแบบน�'เป็�นการแบ�งเน0'อหาและการที่�างานต์�างๆ ให�อย่#�ในร#ป็ขีองกระบวนการ หน�าที่�� และงานย่�อย่ ในป็7จจ8บ&นเว�บไซต์"ที่��ใช่�การจ&ดระบบขี�อม#ลแบบน�'ม�น�อย่มาก เน0�องจากขี�อม#ลในเว�บไซต์"ส�วนใหญ�ม&กจะเป็�นเน0'อหามากกว�ากระบวนการที่�างานระบบขี�อม#ลแบบจ�าลอง (Metaphor driven) การจ&ดระบบขี�อม#ลใน
ล&กษณะน�'ม&กใช่�ก&บการแนะน�าส��งใหม�ๆ โดย่จะที่�าการเช่0�อมต์�อความส&มพั&นธุ"ก&บส��งที่��ผู้#�เขี�ามาใช่�บร�การค8�นเคย่อย่#� ในขี&'นน�'เราสามารถใช่�แบบจ�าลองการจ&ดระบบ (Organization metaphor) เพั0�อช่�วย่ให�ผู้#�เขี�ามาใช่�บร�การเขี�าใจส��งใหม�ได�ด�และช่&ดเจนขี3'น การใช่�งานระบบขี�อม#ลแบบน�'ขี�อส�าค&ญต์�องแน�ใจว�าแบบจ�าลองที่��เล0อกมาใช่�น&'นเป็�นส��งที่��ค8�นเคย่ต์�อผู้#�เขี�ามาใช่�บร�การส�วนใหญ�แล�ว1.1.3.3 แบบแผู้นระบบขี�อม#ลแบบผู้สม (Hybrid schemes) เป็�นการน�าแบบแผู้นระบบขี�อม#ลแบบแน�นอน และแบบไม�แน�นอนมารวมก&นเพั0�อจ&ดที่�าเว�บไซต์" เช่�นเด�ย่วก&นก&บโครงสร�างระบบขี�อม#ล การออกแบบเว�บไซต์"ในป็7จจ8บ&นไม�ม�การน�าแบบแผู้นระบบขี�อม#ลแบบใดแบบหน3�งมาใช่�ในการออกแบบแต์�เพั�ย่งอย่�างเด�ย่ว เน0�องจากม�ขี�อม#ลที่��หลากหลาย่ ด&งน&'นการออกแบบเว�บไซต์"ควรแย่กส�วนแบบแผู้นระบบขี�อม#ลที่��แต์กต์�างก&นให�อย่#�ก&นคนละที่�� และควรที่�าให�ม�ล&กษณะที่��แต์กต์�างก&น
หลั�ก่ก่ารหร�อทฤษฎีท)น*ามาใช้�ในก่ารออก่แบับัเว%บัเพจ
หลั�ก่ก่ารหร�อทฤษฎี
คืวามหมาย
1. ทฤษฎีสี ที่ฤษฎี�ส� หมาย่ถ3ง ล&กษณะกระที่บต์�อสาย่ต์าให�เห�นเป็�นส�ม�ผู้ลถ3งจ�ต์ว�ที่ย่า ค0อม�อ�านาจให�เก�ดความเขี�มขีองแสงที่��อารมณ"และความร# �ส3กได� การที่��ได�เห�นส�จากสาย่ต์าสาย่ต์าจะส�งความร# �ส3กไป็ย่&งสมองที่�าให�เก�ดความร# �ส3ก ต์�างๆต์ามอ�ที่ธุ�พัลขีองส� เช่�น สดช่0�น ร�อน ต์0�นเต์�น เศึร�า ส�ม�ความหมาย่อย่�างมากเพัราะศึ�ลป็Cนต์�องการใช่�ส�เป็�นส0�อสร�างความป็ระที่&บใจในผู้ล งานขีองศึ�ลป็ะ และสะที่�อนความป็ระที่&บใจน&'นให�บ&งเก�ดแก�
ผู้#�ด#มน8ษย่"เก��ย่วขี�องก&บส�ต์�างๆ อย่#�ต์ลอดเวลาเพัราะที่8กส��งที่��อย่#�รอบต์&วน&'นล�วนแต์�ม�ส�ส&นแต์กต์�างก&นมากมาย่
2. ทฤษฎีแรงจ-งใจ (Incentive Theory)
การจ#งใจ เป็�นกระบวนการที่��บ8คคลถ#ก กระต์8�นจากส��งเร�าโดย่จงใจ ให�กระที่�าหร0อด�'นรนเพั0�อให�บรรล8ว&ต์ถ8ป็ระสงค"บางอย่�าง ซ3�งจะเห�นได�ว�า พัฤต์�กรรมที่��เก�ดจาก การจ#งใจ เป็�นพัฤต์�กรรมที่��ม�ใช่�เป็�นเพั�ย่งการต์อบสนองส��งเร�าป็กต์�ธุรรมดา แต์�ต์�องเป็�นพัฤต์�กรรมที่��ม�ความเขี�มขี�น ม�ที่�ศึที่างจร�งจ&ง ม�เป็,าหมาย่ช่&ดเจนว�าต์�องการไป็ส#�จ8ดใด และ พัฤต์�กรรมที่��เก�ดขี3'น เป็�นผู้ลส0บเน0�องมาจาก แรงผู้ล&กด&น หร0อ แรงกระต์8�น ที่��เร�ย่กว�า แรงจ#งใจ ด�วย่
3. ทฤษฏีก่ารร�บัร-�แลัะก่ารเข้�าใจ
- ที่ฤษฏิ�การศึ3กษาภาพัส&ญล&กษณ"(Se
miotics)
ส&ญล&กษณ" หมาย่ถ3ง ภาพัที่��เป็�นต์&วแที่นขีองส��งต์�าง ๆ ซ3�งถ#กสร�างขี3'นเพั0�อส0�อ
ความหมาย่ต์ามว&ต์ถ8ป็ระสงค"ให�กล8�มคนจ�านวนมากสามารถเขี�าใจได�อย่�างต์รงก&น ภาพัส&ญล&กษณ"ที่��เป็�นต์&วแที่นในการส0�อความหมาย่ สามารถแบ�งออกได�เป็�น 3 ป็ระเภที่หล&ก ๆ ค0อ
1. ภาพัส&ญล&กษณ"ไอคอน (Icon Sign)
2. ภาพัส&ญล&กษณ"ช่�'น�า(Indexical Sign)
- ที่ฤษฏิ�การเขี�าใจภาพั (Cognitive)
3.ภาพัส&ญล&กษณ"ต์&วแที่น(Symbols)
ที่ฤษฏิ�การเขี�าใจภาพั เก�ดขี3'นหล&งจากที่��ผู้#�ร &บสารมองเห�นภาพั และเก�ดความเขี�าใจในภาพัส&ญล&กษณ"น&'น ๆ การที่��เราจะเขี�าใจในส��งต์�าง ๆ รอบต์&วเราได�จะต์�องอาศึ&ย่ความร# �พั0'นฐานหร0อป็ระสบการณ"เด�มที่��ม�อย่#� ป็ระกอบก&บความสามารถในการต์�ความหมาย่ภาพัขีองแต์�ละบ8คคล
4. หลั�ก่ก่ารออก่แบับัเว%บัไซต์(
- หล&กการออกแบบหน�าเว�บจะต์�องม�ส�วนป็ระกอบขีองหน�าเว�บ จ�าแนกออกเป็�น 4 ส�วน ได�แก� ส�วนห&วขีองหน�าเว�บ (Page Header), ส�วนเน0'อหา (Page
Content), ส�วนคอล&มน"การเช่0�อมโย่ง (Page
Sidebar) และส�วนที่�าย่ขีองหน�าเว�บ (Page
Footer)
- การก�าหนดร#ป็แบบต์&วอ&กษร ไม�ควรก�าหนดช่น�ดขีองต์&วอ&กษรที่��ใช่�แสดงผู้ลบนเว�บเพัจมากกว�า 2
ช่น�ด แต์�ถ�าต์�องการสร�างความแต์กต์�างให�ก&บขี�อความสามารถก�าหนดร#ป็แบบอ0�นได� ควรเล0อกใช่�ช่น�ดขีองต์&วอ&กษรที่��เป็�นมาต์รฐาน และจ&ดล�าด&บต์&วอ&กษรที่��ต์�องการไว�ในล�าด&บแรก (ไม�ควรใช่�ว�ธุ�ขี�ดเส�นใต์� : Underline เพัราะอาจส&บสนก&บ Link)
- การก�าหนดขีนาดต์&วอ&กษร ไม�ควรก�าหนดขีนาดขีองต์&วอ&กษรที่��แน�นอนต์าย่ต์&วไว� (เว�บบราวเซอร"
ที่&�วไป็จะม�เคร0�องม0อส�าหร&บป็ร&บขีนาดต์&วอ&กษร[Text
Size] ควรให�ผู้#�ช่มม�โอกาสเล0อกขีนาดต์&วอ&กษรที่��เหมาะก&บผู้#�ช่ม)