HTML Text Formatting เป็นการจัดรูปแบบต่างๆ ให้กับข้อความ ไม่ว่าจะเป็นตัวหนา ตัวเอียง หรือตัวขีดเส้นใต้เป็นต้น ซึ่งมีรูปแบบคำสั่งในการใช้งานต่างๆ ดังต่อไปนี้ HTML Formatting Elements คำสั่งสำหรับจัดรูปแบบข้อความมีดังนี้ HTML <b> และ <strong> <b> เป็นการแสดงข้อความแบบตัวหนา <strong> จะแสดงข้อความเป็นตัวหนาเหมือนกับ <b> แต่จะใช้กับข้อความที่มีความสำคัญ และส่งผลต่อการทำ SEO HTML <i> และ <em> <i> จะแสดงข้อความเป็นตัวเอียง ส่วนใหญ่จะใช้ในเรื่องของการแสดงอารมณ์หรือคำพูด Tag <i> มักจะใช้ระบบคำศัพท์ทางเทคนิค, วลี, ข้อความจากภาษาอื่น, ความคิด หรือชื่อเรื่อง เป็นต้น Tag <em> แสดงข้อความตัวเอียง ใช้เพื่อกำหนดข้อความที่มีความสำคัญมาก และส่งผลต่อการทำ SEO โปรแกรมอ่านหน้าจอจะออกเสียงใน Tag <em> โดยจะเน้นเสียงข้อความใน Tag […]
การใส่ข้อความใน WordPress
เว็บไซต์ที่พัฒนาด้วย WordPress ผู้พัฒนาเว็บไซต์ สามารถกำหนดรูปแบบหรือหน้าตาของหน้า Page หรือ Post ได้ตามที่ต้องการ ในบทความนี้เราจะมาดูวิธีการสร้างข้อความหรือ Paragraph ในหน้า Page หรือ Post ซึ่งมีขั้นตอนการทำ ดังนี้ เมื่อคุณสร้างหน้าเพจขึ้นมาแล้ว ให้คลิกที่เครื่องหมาย + ที่ Tab Blocks จากนั้นเลือก Paragraph รายละเอียดของการตั้งค่าของ Heading มีดังนี้ ที่เมนูด้านขวามือ ยังสามารถกำหนดการตั้งค่าของ Heading เพิ่มเติมได้ ซึ่งแต่ละตัวมีการใช้งาน ดังนี้ Color จะมีตัวเลือกการตั้งค่าดังนี้ Typography จะมีตัวเลือกการตั้งค่าดังนี้ SIZE DEFAULT: การกำหนดขนาดตัวอักษรสามารถเลือกขนาดใหญ่ เล็กตามต้องการได้
HTML Paragraphs
ใน HTML การจัดการย่อหน้าของข้อความจะใช้ <p> หรือ Paragraph ซึ่งคำสั่ง <p> จะเป็นคำสั่งให้ขึ้นย่อหน้าใหม่ แต่เราจะไม่สามารถกำหนดผลลัพธ์ของข้อความได้ แม้ว่าจะออกแบบอย่างไร รูปแบบนั้นจะถูกตัดออกหมด HTML Paragraphs คำสั่ง <p> ของ HTML จะเป็นคำสั่งที่ใช้จัดการเกี่ยวกับย่อหน้า ซึ่งเมื่อพิมพ์คำสั่งนี้จะเป็นการขึ้นย่อหน้าใหม่เสมอ เพราะเบราว์เซอร์จะทำการเพิ่มระยะห่างของข้อความทั้งก่อนและหลังให้โดยอัตโนมัติ ตัวอย่างการใช้งาน HTML Display คุณไม่มีทางรู้ได้เลยว่า HTML จะแสดงผลของข้อความอย่างไร ขนาดของหน้าจอเล็ก หรือใหญ่ก็แสดงผลลัพท์ที่แตกต่างกัน ถึงแม้ว่าคุณจะมีการจัดรูปแบบข้อความมาอย่างดี ในหน้าแสดงผล เบราว์เซอร์ก็จะลบช่องว่างและบรรทัดออกไปโดยอัตโนมัติ ตัวอย่างการจัดรูปแบบข้อความ HTML Horizontal Rules Tag <hr> จะเป็นคำสั่ง HTML ที่จะสร้างเส้นตรงแนวนอนเพื่อแยกข้อความหรือเนื้อหาในหน้า HTML <hr> เป็น Tag ที่ไม่ต้องมี Tag ปิด ตัวอย่างการใช้งาน HTML […]
การใส่ Header ใน WordPress
เว็บไซต์ที่พัฒนาด้วย WordPress ผู้พัฒนาเว็บไซต์ สามารถกำหนดรูปแบบหรือหน้าตาของหน้า Page หรือ Post ได้ตามที่ต้องการ ในบทความนี้เราจะมาดูวิธีการสร้าง Heading หรือหัวข้อในหน้า Page หรือ Post ซึ่งมีขั้นตอนการทำ ดังนี้ เมื่อคุณสร้างหน้าเพจขึ้นมาแล้ว ให้คลิกที่เครื่องหมาย + ที่ Tab Blocks จากนั้นเลือก Heading รายละเอียดหรือการตั้งค่าของ Heading มีดังนี้ ที่เมนูด้านขวามือ ยังสามารถกำหนดการตั้งค่าของ Heading เพิ่มเติมได้ ซึ่งแต่ละตัวมีการใช้งาน ดังนี้ Color จะมีตัวเลือกการตั้งค่าดังนี้ Typography จะมีตัวเลือกการตั้งค่าดังนี้
ขั้นตอนการสร้างหน้าเพจบน WordPress
เมื่อติดตั้ง WordPress เรียบร้อยปกติแล้ว WordPress จะมีติดตั้ง Theme มาให้แล้ว โดย Theme ที่ติดตั้งคือ Twenty-Twenty-Three ซึ่งคุณไม่ต้องติดปลั๊กอินหรือ Theme ใดๆ เลย คุณก็สามารถสร้างหน้าเว็บได้เลย สำหรับขั้นตอนการทำก็ไม่ยุ่งยาก มีดังนี้ พิมพ์ URL เพื่อ Login เพื่อเข้าสู่หลังบ้านของ WordPress โดยให้พิมพ์ ชื่อโดเมน/wp-admin จากตัวอย่างโดเมนที่ใช้คือ demo.sandbox.in.th ดังนั้น ก็ต้องพิมพ์ demo.sandbox.in.th/wp-admin ระบบจะเข้าสู่หน้า Login ของ WordPress ให้ใส่ Username และรหัสผ่าน จากนั้นกดป่ม Log In เพื่อเข้าสู่หน้า Dashboard ของ WordPress ที่เมนูด้านซ้ายมือ เลือก Pages จากนั้นคลิกที่ Add […]
HTML Attributes
HTML Attributes เป็นการใส่หรือกำหนดลักษณะพิเศษให้กับ Tag ต่างๆ โดยจะอยู่ภายใน Elements หรือ Tag โดยจะมีกฎ ดังนี้ href Attributes Tag <a> จะเป็น Tag ที่เกี่ยวกับลิงก์ href จะเป็น Attributes ที่ใช้ระบุ URL หน้าเพจที่จะไป ตัวอย่างการใช้งาน คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับการลิงก์ได้ในบทเรียน HTML Links src Attribute Tag <img> จะใช้ในกรณีที่มีการใส่ภาพลงในหน้าเพจ ส่วน src จะเป็นการระบุที่อยู่ของภาพ ตัวอย่างการใช้งาน สำหรับการระบุ URL ใน src Attribute มี 2 แบบ width and height Attributes ภายใต้ […]
Microsoft Teams ฟรี vs เสียเงิน
ในตอนนี้หากจะพูดถึงแอพพลิเคชันที่ใช้สำหรับประชุมออนไลน์หรือ Video Conference ซึ่งถ้าเป็นเมื่อก่อนอาจจะใช้งานผ่านทางไลน์, Facebook หรือผ่านทางแอพพลิเคชันอื่นๆ แต่ในปัจจุบันนี้มีอีกแอพพลิเคชันหนึ่งที่เพิ่มเข้ามา ที่จะช่วยให้สะดวกสบายมากขึ้น นั่นก็คือ Microsoft Team ซึ่งก็มีก็มีทั้งแบบเสียเงินและแบบฟรี ดังนั้น ในบทความนี้จะบอกถึงความแตกต่างระหว่าง Microsoft Team แบบฟรีและแบบเสียเงินว่ามีความแตกต่างกันอย่างไร Microsoft Team คือ Microsoft Team คือแอพพลิเคชันที่ใช้สำหรับการติดต่อสื่อสาร ซึ่งส่วนใหญ่ตะใช้สำหรับการประชุมออนไลน์หรือ Video Conference ซึ่งสามารถประชุมออนไลน์ผ่านการแชทและวิดีโอคอล อีกทั้งยังสามารถทำงานร่วมกันระหว่างการประชุมได้อีก ทำให้การประชุมเป็นไปอย่างง่ายและราบรื่น เปรียบเทียบระหว่าง Microsoft Team แบบฟรีและแบบเสียเงิน ตารางเปรียบเทียบ Feature ของ Microsoft 365 แบบฟรี VS เสียเงิน การ Support สำหรับผู้ที่ใช้งาน Microsoft Team แบบฟรีจะได้รับการ Support ผ่านทางกระดานถามตอบหรือ Microsoft […]
HTML Editors
ในบทเรียนนี้จะเรียนเกี่ยวกับการสร้าง Text หรือข้อความใน HTML โปรแกรมที่ใช้ในการเรียน HTML สำหรับผู้ที่เริ่มเรียนโปรแกรม HTML แนะนำให้ใช้โปรแกรมง่ายๆ อย่าง Notepad หรือ TextEdit หรือจะเป็น Notepad++ ก็สามารถใช้เรียนเพื่อสร้างและแก้ไขหน้าเว็บ โดยให้ทำตามขั้นตอนดังต่อไปนี้ ขั้นตอนที่ 1 กรณีใช้งาน Windows ให้เปิดโปรแกรม Notepad สำหรับผู้ที่ใช้โปรแกรม Windows 8 เป็นต้นไป ให้ไปที่ปุ่มค้นหา จากนั้นพิมพ์คำว่า “Notepad” แล้วทำการคลิกที่รูป Notepad ดังภาพ แต่สำหรับใครที่ใช้ Windows ตั้งแต่เวอร์ชัน 7 ลงไปให้ไปที่ปุ่ม Start > Programs > Accessories > Notepad ขั้นตอนที่ 1 กรณีใช้งาน Mac ให้เปิดโปรแกรม […]
HTML Basic Examples
ในบทเรียนนี้ คุณจะได้เรียนเกี่ยวกับคำสั่งพื้นฐานของ HTML ซึ่งอาจจะมีหลายๆ Tag ที่คุณยังไม่เคยรู้มาก่อน ก็ไม่ต้องกลัวไปนะคะ เพราะเรามีคำอธิบายและบอกความหมายของ Tag ต่างๆ ให้นะคะ HTML Documents ตัวอย่างการเขียนโปรแกรมด้วย HTML The <!DOCTYPE> Declaration การประกาศด้วย <!DOCTYPE> จะเป็นการบอกเว็บเบราว์เซอร์ให้ทราบว่าเอกสารที่กำลังเปิดนั้นเป็น HTML ประเภทไหน ซึ่งจะช่วยให้เว็บเบราว์เซอร์แสดงผลหน้าเพจนั้นได้อย่างถูกต้อง ซึ่ง <!DOCTYPE> จะถูกใช้แค่เพียงครั้งเดียว โดยจะวางไว้บนสุดของหน้าเพจ ก่อน Tag HTML โดยจะเขียนด้วยตัวพิมพ์เล็กหรือตัวพิมพ์ใหญ่ก็ได้ <!DOCTYPE> สำหรับ HTML5 คือ HTML Headings Heading เป็น Tag ที่ใช้กำหนดหัวข้อต่างๆ ว่าข้อความไหนเป็นหัวข้อหลัก หรือข้อความใดเป็นหัวข้อรองในหน้าเพจนั้นๆ โดยมีขนาดตั้งแต่ <h1> ไปจนถึง <h6> ซึ่ง <h1> […]
วิธีการจ่ายเงินผ่าน QR code
สำหรับผู้ใช้งานบริการกับทางโฮสอะตอม สามารถชำระเงินผ่านระบบ QR Code ของโฮสอะตอมได้เลยนะคะ สำหรับขั้นตอนการทำก็ไม่ยุ่งยาก ซึ่งขั้นตอนการทำมีดังนี้ 1. Login เข้าส่วนบริการลูกค้า โดยพิมพ์ www.hostatom.com จากนั้นคลิกที่ Client Login ใส่อีเมลที่ลงทะเบียน และรหัสผ่าน จากนั้นคลิกที่ปุ่ม Login เพื่อเข้าสู่ระบบ เมื่อเข้าส่วนบริการลูกค้าของเรา ให้เลือก ใบแจ้งค่าบริการ -> ใบแจ้งค่าบริการของฉัน คลิก Invoice ที่ค้างชำระ ที่ Payment Method เลือก Credit Card / QR Payment คลิกที่ Pay Now คลิกที่ “คิวอาร์โค้ด” ระบบจะแสดงคิวอาร์โค้ด ดังภาพ จากนั้นให้สแกนคิวอาร์โค้ดเพื่อชำระเงินผ่านแอพธนาคาร เมื่อชำระเรียบร้อยแล้ว ระบบจะ Paid ให้อัตโนมัติ ดังภาพ