|
คำศัพท์ |
ความหมาย |
|
สัปดาห์ที่ 1: หลักการออกแบบและพัฒนาเว็บไซต์สำหรับพาณิชย์อิเล็กทรอนิกส์ |
|
|
โฮมเพจ (Home Page) |
คำที่ใช้เรียกหน้าแรกของเว็บไซต์ที่ประกอบไปด้วยเมนู และเนื้อหาต่างๆ คล้ายกับหน้าปกนิตยสาร ซึ่งถ้ามีการออกแบบหน้าโฮมเพจให้สวยงาม และน่าสนใจ ก็สามารถดึงดูดผู้ชมให้เข้ามาอ่านข้อมูลภายในโฮมเพจได้อีกทางหนึ่งด้วย |
|
เว็บเพจ (Web Page) |
หน้าเอกสารที่ใช้แสดงข้อมูลในรูปแบบต่างๆ บนเว็บไซต์ โดยข้อมูลจะถูกสร้างขึ้นจากภาษา HTML (Hypertext Markup Language) แต่ละเว็บเพจสามารถประกอบด้วย ข้อความ รูปภาพ เสียง และวิดีโอ ซึ่งจะเปรียบเสมือนหน้ากระดาษแต่ละหน้าที่มีเรื่องราว เนื้อหาต่าง ๆ บรรจุอยู่ในหลังหนังสือ หรือนิตยสาร เพียงแต่จะแตกต่างกันตรงที่จะมีการแสดงผลผ่านทางเว็บบราวเซอร์บนอินเทอร์เน็ต และสามารถเชื่อมโยง (Link) ถึงกันได้ ทั้งในเว็บเพจเดียวกัน หรือต่างเว็บเพจ |
|
เว็บไซต์ (Web Site) |
คำที่ใช้เรียกกลุ่มของเว็บเพจ ภายในจะประกอบไปด้วย หน้าโฮมเพจ และเว็บเพจ ส่วนใหญ่มักใช้เรียก เว็บไซต์ที่มีขนาดใหญ่และมีการจดทะเบียนชื่อเว็บไซต์ไว้แล้ว |
|
การพาณิชย์อิเล็กทรอนิกส์ (e-Commerce) |
เทคโนโลยีที่ใช้เป็นสื่อกลางสำหรับแลกเปลี่ยนสินค้าและบริการระหว่างผู้ที่เกี่ยวข้อง ได้แก่ ตัวบุคคล องค์กร หรือตัวบุคคลกับองค์กร ทั้งนี้ เพื่อช่วยสนับสนุนและอำนวยความสะดวกในการดำเนินกิจกรรมต่าง ๆ ทั้งภายในและนอกองค์กร |
|
สัปดาห์ที่ 2: พื้นฐานความรู้เกี่ยวกับการออกแบบกราฟิกสำหรับเว็บไซต์และศิลปะการออกแบบ |
|
|
การออกแบบกราฟิก (Graphic Design) |
การออกแบบพื้นผิว 2 มิติ เพื่อเป็นสื่อกลางสำหรับถ่ายทอด ข้อความ ความรู้สึกนึกคิด และอารมณ์ จากบุคคลหนึ่งไปยังอีกบุคคลหนึ่งเพื่อให้เข้าใจและรู้เรื่องโดยใช้ประสาทตาในการรับรู้เป็นส่วนใหญ่ |
|
บิทแมพ (Bitmap) |
การประมวลผลภาพแบบอาศัยการอ่านค่าสีในแต่ละพิกเซล เมื่อนำมาขยายจะทำให้ความละเอียดของภาพลดลง |
|
เวคเตอร์ (Vector) |
การประมวลผลภาพที่มีการสร้างให้แต่ละส่วนของภาพเป็นอิสระจากกัน อาศัยหลักการความสัมพันธ์ทางคณิตศาสตร์ในการแสดงผล เมื่อนำมาขยายจะไม่เสียรูปทรงและไม่ถูกลดความละเอียด |
|
ศิลปะ (Arts) |
ศาสตร์แห่งการแสดงออกจากจินตนาการและอารมณ์เพื่อสร้างความสุขทางใจ |
|
วิจิตร์ศิลป์ (Fine Arts) |
ศิลปะที่ตอบสนองทางด้านจิตใจ |
|
ประยุกต์ศิลป์ (Applied Arts) |
ศิลปะที่มุ่งเน้นประโยชน์ทางการใช้สอยมากกว่าความสวยงาม |
|
ทัศนศิลป์ (Visual Arts) |
ศิลปะที่รับสัมผัสความงามได้ด้วยสายตา จากการมองเห็น |
|
โสตศิลป์ (Audio Arts) |
ศิลปะที่รับสัมผัสความงามได้ด้วยหู จากการฟังเสียง |
|
โสตทัศนศิลป์ (Audiovisual Arts) |
ศิลปะที่รับสัมผัสความงามทางศิลปะได้ทั้งจากการมองเห็นและจากการฟัง |
|
พาณิชย์ศิลป์ (Commercial Arts) |
ศิลปะที่สร้างสรรค์ขึ้น เพื่อประโยชน์ทางการค้า ธุรกิจ การสื่อสาร |
|
มัณฑณศิลป์ (Decorative Arts) |
ศิลปะที่เกี่ยวกับการตกแต่งภายในและภายนอกอาคาร ให้มีความสวยงามควบคู่ไปกับประโยชน์ใช้สอย |
|
ศิลปหัตถกรรม (Art and Crafts) |
ศิลปะที่ทำด้วยมือ สร้างขึ้นเพื่อการใช้สอยหรือประกอบพิธีกรรมตามประเพณี |
|
อุตสาหกรรมศิลป์ (Industrial Arts) |
ศิลปะการออกแบบเพื่อการผลิตผลิตภัณฑ์ สิ่งของเครื่องใช้ต่างๆ ให้สวยงามและเหมาะสมกับประโยชน์ใช้สอย ด้วยวิธีการในระบบอุตสาหกรรม |
|
จุด (Point) |
องค์ประกอบที่ชี้ให้เห็นตำแหน่งในที่ว่าง ไม่มีมิติใดๆ ทั้งความสูง ความกว้าง ความยาว และความลึก |
|
เส้น (Line) |
องค์ประกอบที่เกิดจากการเคลื่อนที่ของจุด มีความยาว |
|
ระนาบ (Plane) |
องค์ประกอบที่เกิดจากการเคลื่อนที่ของเส้น มีความกว้าง ไม่มีความหนา แต่มีตำแหน่ง และทิศทางที่กำหนดขอบเขต |
|
ปริมาตร (Volume) |
องค์ประกอบที่เกิดจากการเคลื่อนที่ของระนาบ สามารถลวงตาได้เป็น 3 มิติ |
|
รูปร่าง (Shape) |
องค์ประกอบที่ทำให้เห็นถึงลักษณะของรูปทรงต่างๆ |
|
ขนาด (Size) |
สิ่งที่กำหนดสัดส่วนของรูป |
|
สี (Color) |
สัญลักษณ์ที่ชัดเจนที่สุดในการแยกองค์ประกอบต่างๆ จากสภาพแวดล้อม |
|
ผิวสัมผัส (Texture) |
ลักษณะของพื้นผิวมีผลต่อการสัมผัส และการมองเห็น |
|
ทิศทาง (Direction) |
แนวการวางตัวของรูปร่างขึ้นอยู่กับความสัมพันธ์กับผู้ดู กรอบที่บรรจุ |
|
ตำแหน่ง (Position) |
การวางตัวของรูปร่าง พิจารณาโดยความสัมพันธ์ของรูปร่างกับกรอบ |
|
ที่ว่าง (Space) |
ระยะห่างหรือช่องว่าง จะมีลักษณะแบนราบ หรือสร้างภาพให้เกิดการลวงตาเห็น |
|
แรงดึงดูด (Gravity) |
องค์ประกอบที่ต้องอาศัยความรู้สึกของผู้ชมในการตัดสิน เช่น แรงโน้มถ่วง |
|
เอกภาพ (Unity) |
ความเป็นอันหนึ่งอันเดียวกันขององค์ประกอบ |
|
ความใกล้ชิด (Proximity) |
การจัดวางองค์ประกอบในงานให้ติดหรืออยู่ใกล้กัน |
|
ความซ้ำ (Repetition) |
การจัดวางองค์ประกอบในงานให้เหมือนหรือคล้ายกัน ในตำแหน่งที่แตกต่าง |
|
ความต่อเนื่อง (Continuation) |
การจัดวางองค์ประกอบในงานให้มีลักษณะเป็นเส้นที่สัมพันธ์กัน มีทิศทางเดียวกัน ไม่หลุดออกจากกัน |
|
การเน้น (Emphasize) |
การสร้างจุดสนใจในงาน |
|
กฎสามส่วน (Rule of Third) |
การวางตำแหน่งของวัตถุหลัก ไม่ให้อยู่ตรงจุดกึ่งกลางภาพ ซึ่งจะทำให้แข็งทื่อ ไม่ชวนมอง ตำแหน่งที่เหมาะสมต่อการวางวัตถุ ควรอยู่ในตำแหน่งที่เกิดจากจุดตัดของเส้น |
|
สมดุล (Balance) |
การจัดวางและถ่วงน้ำหนักขององค์ประกอบทั้งหมดในภาพ |
|
สัปดาห์ที่ 3: หลักการใช้สี, ตัวอักษร (Type) และการออกแบบภาพสัญลักษณ์ (Symbolism Design) |
|
|
เนื้อสี (Hue) |
คุณสมบัติของสีบริสุทธิ์ ที่สามารถมองเห็นและแยกความแตกต่างเรียกเป็นสีได้ |
|
น้ำหนักของสี (Value/Brightness) |
ค่าความสว่าง มืด ของโทนสี หรือการเติมขาว เทา ดำ ลงในเนื้อสีที่มีอยู่ |
|
ความสดของสี (Intensity / Saturation) |
ความอิ่มตัวของสี หรือความบริสุทธิ์แท้ของสี เมื่อถูกเจือด้วยขาว เทา ดำ หรือสีซีเปีย |
|
สีของแสง (Colored Light) |
ส่วนประกอบของสเปคตรัม ซึ่งมีความยาวคลื่นแสงแตกต่างกันไป |
|
สีของสาร (Colored Pigment) |
สีที่เรามองเห็นบนวัตถุต่างๆ ซึ่งเกิดจากการดูดซึมและสะท้อนความยาวของคลื่นแสง |
|
วงล้อสี (Color Wheel) |
แผนภาพแสดงลำดับการผสมสี เพื่อการเลือกใช้สีตามหลักการใช้สี |
|
สีเดียว (Monochrome) |
การใช้เนื้อสี (Hue) สีเดียว แต่ทำการปรับน้ำหนักสี (Value) |
|
สีข้างเคียง (Analogous) |
การใช้สีข้างเคียงที่อยู่ติดกัน 2 สี หรือ 3 สี หรือ 4 สีในวงล้อสี |
|
สีคู่ตรงข้าม (Dyads) |
การใช้สี 2 สี ที่อยู่ตรงกันข้ามในวงล้อสี |
|
สี 3 สี (Triads) |
การใช้สี 3 สี ที่อยู่ในระยะห่างเท่ากันและไม่เท่ากันในวงล้อสี |
|
สี 4 สี (Tetrads) |
การใช้สี 4 สี ที่อยู่ในระยะห่างเท่ากันและไม่เท่ากันในวงล้อสี |
|
สี 6 สี (Hexads) |
การใช้สี 6 สี ที่อยู่ในระยะห่างเท่ากันในวงล้อสี |
|
ตัวอักษรแบบมีเชิง (Serif) |
ตัวอักษรแบบโรมัน หรือแบบโบราณ จุดเด่นจะมีหัว มีเท้า ตัวอักษรมีความหนาบางไม่ต่างกันมากนัก |
|
ตัวอักษรแบบหัวตัด (San Serif) |
ตัวอักษรที่มีพื้นฐานมาจาก Serif แต่ตัดหัวและเท้าออก ทำให้ทันสมัยมากขึ้น |
|
ตัวอักษรแบบลายมือ (Script) |
ตัวอักษรที่เลียนแบบลายมือ ตัวเขียน |
|
ตัวอักษรแบบคัดลายมือ (Text Letter) |
ตัวอักษรที่เลียนแบบการคัดลายมือ |
|
ตัวอักษรแบบประดิษฐ์ (Display) |
ตัวอักษรที่ได้รับการตกแต่งให้โดดเด่น อาจเป็นภาพสัญลักษณ์ |
|
ภาพสัญลักษณ์ (Symbolism) |
ภาพแทนสิ่งที่เรามองเห็นได้จริง โดยทำให้ดูง่ายขึ้น และมีความชัดเจน |
|
พิคโตกราฟ (Pictographs) |
การสื่อสารด้วยภาษาภาพ ไม่มีตัวอักษรในองค์ประกอบ |
|
ซิมบอล (Symbol) |
สัญลักษณ์ที่ไม่เน้นตัวอักษรในการสื่อความหมาย |
|
มาสคอต (Mascot) |
ตุ๊กตาสัญลักษณ์ ส่วนใหญ่เป็นสัตว์ หรือพืช หรือสิ่งสมมติอื่นๆที่กำหนดให้เป็นตัวแทนของการจัดกิจกรรมใดกิจกรรมหนึ่งเพื่อความเป็นสิริมงคล |
|
โลโก้ (Logo) |
ภาพสัญลักษณ์ที่เน้นการใช้ตัวอักษร สามารถอ่านออกเสียงได้เป็นคำ หรือเป็นประโยค |
|
เลทเทอร์มาร์ค (Letter Mark) |
ภาพตัวอักษรซึ่งมีการดัดแปลงตัวอักษรตัวใดตัวหนึ่ง หรือทั้งหมดจากชื่อเต็ม ชื่อย่อ หรือสโลแกน |
|
คอมพิเนชั่นมาร์ค (Combination mark) |
เครื่องหมายที่ผสมผสานกันระหว่างภาพ และตัวอักษรอย่างลงตัว |
|
เครื่องหมายการค้า (Trade Mark) |
เครื่องหมายที่ใช้เป็นที่หมายเกี่ยวข้องกับสินค้าเพื่อแสดงว่าสินค้าที่ ใช้เครื่องหมายนั้นแตกต่างกับสินค้าที่ใช้เครื่องหมายการค้าของบุคคลอื่น |
|
เครื่องหมายบริการ (Service Mark) |
เครื่องหมายที่ใช้เป็นที่หมายหรือเกี่ยวข้องกับบริการ เพื่อแสดงว่าบริการที่ใช้เครื่องหมายนั้นแตกต่างกับบริการที่ใช้เครื่องหมาย บริการของบุคคลอื่น |
|
เครื่องหมายรับรอง (Certification Mark) |
เครื่องหมายที่เจ้าของเครื่องหมายรับรองใช้เป็นที่หมายหรือเกี่ยวข้องกับ สินค้าและบริการของบุคคลอื่น เพื่อเป็นการรับรองคุณภาพของสินค้า หรือบริการนั้น |
|
เครื่องหมายร่วม (Collective Mark) |
เครื่องหมายการค้าหรือเครื่องหมายบริการที่ใช้โดยบริษัทหรือวิสาหกิจในกลุ่ม เดียวกัน หรือโดยสมาชิกของสมาคม กลุ่มบุคคล หรือองค์กรอื่นใดของรัฐหรือเอกชน |
|
การลดทอนรายละเอียดของภาพ (Symbolization) |
หลักการทำให้ภาพมีรายละเอียดน้อยที่สุด แต่ยังคงความหมายของภาพ |
|
สัปดาห์ที่ 4: ทำความรู้จักกับ HTML5 และ Element/Tag พื้นฐานของ HTML5 |
|
|
HTML ((Hyper Text Markup Language) |
ภาษาคอมพิวเตอร์ที่ใช้ในการแสดงผลของเอกสารบนเว็บไซต ถูกพัฒนาและกำหนดมาตรฐานโดยองค์กร World Wide Web Consortium (W3C) |
|
แท็ก (Tag) |
รูปแบบคำสั่งของภาษา HTML เพื่อใช้ในการกำหนดรูปแบบการแสดงผลต่าง ๆ บนเว็บเพจ |
|
อิลิเมนต์ (Element) |
ส่วนประกอบของแท็ก ที่ช่วยให้สามารถกำหนดคุณสมบัติเพิ่มเติมเกี่ยวกับคำสั่งนั้น เพื่อให้ทำงานได้ตามที่ต้องการได้ |
|
มัลติมีเดีย (Multimedia) |
การนำองค์ประกอบของสื่อชนิดต่าง ๆ มาผสมผสานเข้าด้วยกัน ซึ่งประกอบด้วย ตัวอักษร (Text) ภาพนิ่ง (Still Image) ภาพเคลื่อนไหวหรืออนิเมชั่น (Animation) เสียง (Sound) และวิดีโอ (Video) โดยผ่านกระบวนการทางระบบคอมพิวเตอร์เพื่อสื่อความหมายกับผู้ใช้อย่างมีปฏิสัมพันธ์ (Interactive Multimedia) และได้บรรลุผลตามวัตถุประสงค์การใช้งาน |
|
สัปดาห์ที่ 5: การใช้งาน CSS3 การปรับแต่งส่วนแสดงผล และ การจัด Layout ด้วย CSS3 และตาราง |
|
|
CSS (Cascading Style Sheet) |
มักเรียกโดยย่อว่า "สไตล์ชีต" คือภาษาที่ใช้เป็นส่วนของการจัดรูปแบบการแสดงผลเอกสาร HTML โดยที่ CSS กำหนดกฎเกณฑ์ในการระบุรูปแบบของเนื้อหาในเอกสาร อันได้แก่ สีของข้อความ สีพื้นหลัง ประเภทตัวอักษร และการจัดวางข้อความ ในรูปแบบของการแยกเนื้อหาเอกสาร HTML ออกจากคำสั่งที่ใช้ในการจัดรูปแบบการแสดงผล |
|
เลย์เอาต์ (Layout) |
การจัดวางตัวของสิ่งต่าง ๆ ในหน้าเว็บตามตำแหน่งที่เหมาะสม |
|
สัปดาห์ที่ 6: รู้จักและติดตั้ง Joomla & VirtureMart เพื่อพัฒนาเว็บไซต์ e-Commerce |
|
|
ระบบจัดการเนื้อหา (Content Management System : CMS ) |
ระบบที่ช่วยในการสร้างและบริหารเว็บไซต์แบบสำเร็จรูป |
|
สำรองข้อมูล (Backup) |
การคัดลอกข้อมูลเพื่อทำสำเนา เพื่อหลีกเลี่ยงความเสียหายที่จะเกิดขึ้นหากข้อมูลเกิดการเสียหายหรือสูญหาย |
|
กู้คืน (Restore) |
การนำข้อมูลที่สำรองไว้กลับมาใช้งาน |
|
สัปดาห์ที่ 7: การปรับแต่งส่วนของการใช้งานต่าง ๆ บนเว็บไซต์ Joomla |
|
|
การปรับแต่งและเลือกรูปแบบ (Template) |
ต้นแบบเว็บไซต์ สามารถนำมาใช้งานได้โดยทันที จะมีเตรียมไว้ให้และสามารถดาวน์โหลดมาติดตั้งเพิ่มเติมเองได้ |
|
บทความ (Article) |
งานเขียนที่เผยแพร่ในบนเว็บไซด์ |
|
คอมโพเนนต์ (Component) |
ส่วนประกอบต่าง ๆ ของเว็บไซต์ |
|
มอดูล (Module) |
โปรแกรมเฉพาะทาง เฉพาะด้าน ที่มีความสามารถแตกต่างกัน สามารถติดตั้งเพิ่มเติมและปรับแต่งให้ตรงกับความต้องการได้ |
|
สัปดาห์ที่ 8: การบริหารจัดการร้านค้าบนเว็บไซต์ e-Commerce ด้วย VirtueMart |
|
|
เวอร์ทูมาร์ท (VirtueMart) |
เป็นโปรแกรมเสริมของ Joomla ที่ใช้ในการสร้างร้านค้าออนไลน์ที่มีระบบตะกร้าสินค้า ทำให้ลูกค้าสามารถเข้าชมและเลือกซื้อสินค้าได้ตลอดเวลา |
|
ระบบตะกร้าสินค้า (Shopping Cart) |
ซอฟต์แวร์ที่ทำหน้าที่เป็นเสมือนตะกร้าหรือรถเข็นสินค้าที่ลูกค้าใช้ระหว่างการเลือกสินค้าบนเว็บไซต์ ซึ่งจะเก็บข้อมูลต่าง ๆ ของสินค้าทุกชิ้นที่ถูกเลือกไว้แล้ว เช่น รหัสสินค้า ราคา และจำนวนสินค้า ในขณะที่ลูกค้ากำลังเลือกสินค้าอื่นอยู่หรืออยู่ระหว่างรอชำระเงิน ระบบนี้จะเอื้ออำนวยให้ลูกค้าสามารถตรวจดูรายการสินค้า เพิ่มสินค้าใหม่ ย้ายสินค้าเดิมออก หรือเปลี่ยนแปลงจำนวนสินค้าตามที่ต้องการ |
|
การขนส่ง (Transportation) |
การเคลื่อนย้ายคน (People) สินคัา (Goods) หรือบริการ (Services) จากตำแหน่งหนึ่งไปยังอีกตำแหน่งหนึ่ง |
|
สัปดาห์ที่ 9: การทำให้เว็บไซต์ e-Commerce ติดอันดับการค้นหาด้วย Search Engine มีความเป็นมืออาชีพ และน่าเชื่อถือ |
|
|
สื่อสังคมออนไลน์ (Social Media) |
สื่อดิจิทัลที่เป็นเครื่องมือในการปฏิบัติการทางสังคม (Social Tool) เพื่อใช้สื่อสารระหว่างกันในเครือข่ายทางสังคม (Social Network) ผ่านทางเว็บไซต์และโปรแกรมประยุกต์บนสื่อใดๆ ที่มีการเชื่อมต่อกับอินเทอร์เน็ต โดยเน้นให้ผู้ใช้ทั้งที่เป็นผู้ส่งสารและผู้รับสารมีส่วนร่วม (Collaborative) อย่างสร้างสรรค์ ในการผลิตเนื้อหาขึ้นเอง (User-Generate Content: UGC) ในรูปของข้อมูล ภาพ และเสียง |
|
เสิร์ชเอนจิน (Search Engine) |
หรือ เรียกว่า โปรแกรมค้นหา คือ โปรแกรมที่ช่วยในการสืบค้นหาข้อมูล โดยเฉพาะข้อมูลบนอินเทอร์เน็ต โดยครอบคลุมทั้งข้อความ รูปภาพ ภาพเคลื่อนไหว เพลง ซอฟต์แวร์ แผนที่ ข้อมูลบุคคล กลุ่มข่าว และอื่น ๆ ซึ่งแตกต่างกันไปแล้วแต่โปรแกรมหรือผู้ให้บริการแต่ละราย |
|
นโยบายคุ้มครองความเป็นส่วนบุคคล (Privacy Policy) |
สิ่งที่ผู้ประกอบธุรกิจออนไลน์หรือผู้ประกอบธุรกิจผ่านทางเว็บไซต์บอกกล่าวหรือแจ้งกับลูกค้าที่เข้ามาใช้บริการเว็บไซต์เพื่อให้ลูกค้ามีความเชื่อมั่นว่าเจ้าของเว็บไซต์ที่จัดทำนโยบายการคุ้มครองความเป็นส่วนตัวจะดูแลให้ความคุ้มครอง รักษาความลับหรือความปลอดภัยสำหรับข้อมูลส่วนบุคคลของตนอย่างไร |