Skip to main content

Color Scheme Designer

พอดีมีคนถาม Hex color ค่าสี สำหรับเอาไปใช้งานในเว็บไซต์ เลยลองๆ หาดูก็มีหลายเว็บที่ให้บริการ และบางเว็บก็มีบริการให้ดาวน์โหลดโปรแกรมมาใช้ในเครื่องได้ด้วย (แต่ต้องจ่ายเงินซื้อ) Color Scheme ลองดูตามนี้ครับ - www.colorschemedesigner.com - www.colorschemer.com - www.colorcombos.com -

Late Congratulations in SlideShare

เพิ่งเข้าไปเช็คข้อความใน inbox ที่เว็บไซต์ SlideShare.net เจอข้อความที่แจ้งว่าสไลด์ที่เคยโพสต์ได้รับการคัดเลือกให้โชว์ใน spotlighted ของหน้าแรกของเว็บ SlideShare Congratulations!

Web Accessibility (update)

ผมได้ทำการนำเสนอสไลด์เกี่ยวกับ Web Accessibility (update) เกี่ยวกับพื้นฐานของการทำเว็บให้ผ่านมาตรฐาน WAI Web Accessibility Initiative (โดยสไลด์ของผมมุ่งเน้นไปที่ Level-A เป็นพิเศษ) คลิกดูแบบเต็มๆ ที่นี่ (slideshare.net)

ปชป.แฉ 5 เว็บหมิ่นสถาบัน + 24 เว็บโจมตีปชป.

ปชป.แฉเครือข่าย 5 เว็บไซต์อัปรีย์ จ้องล้มสถาบันกษัตริย์ นายเทพไท เสนพงศ์ ผู้ช่วยเลขาธิการพรรคประชาธิปัตย์ เรียกร้องให้รัฐมนตรีว่าการกระทรวงเทคโนโลยีสารสนเทศและการสื่อสาร ตรวจสอบการเผยแพร่ข้อมูลเว็บไซด์จำนวน 5 เว็บ ที่เป็นประเภทล้มล้างสถาบัน ประกอบด้วย 1.เว็บไซต์ยูทูปที่มีการ แสดงภาพการตัดต่อพระบรมฉายาลักษณ์ ที่ไม่เหมาะสม 2. เว็บไซต์ 2519me ที่มีการมีการปลุกระดมมวลชนให้สร้างเครือข่ายคอมมิวนิสต์ทำลายสถาบันพระมหากษัตริย์ ภายใต้ชื่อ “สำนักคิดไทยใหม่” 3. เว็บบล็อก hello-siam ใน blogspot มีเนื้อหาเกี่ยวกับทรัพย์สินส่วนพระองค์ของพระมหากษัตริย์ 4.

Slide: Web Accessibility - BarCamp Bangkok 2008

ตอนแรกเอารวมไว้ในบล็อกก่อนหน้านี้ แต่คิดว่าน่าจะแยกออกมา เผื่อมีใครสนใจจะได้หาเจอง่ายหน่อย ----- สไลด์ที่ผมนำเสนอในงาน BarCamp Bangkok 2008 หัวข้อ Web Accessibility (อัพโหลดไว้ที่ slideshare.net)

Accessibility ต้นทาง vs. ปลายทาง

เมื่อสัปดาห์ก่อนเข้าไปคุยกับสมาคมคนตาบอดแห่งประเทศไทย เกี่ยวกับการพัฒนาเว็บไซต์ของทางสมาคมฯ เพิ่มเติม (เริ่มทำมาตั้งแต่ 2-3 ปีก่อน) ได้คุยกับพี่ๆ ที่เค้าต้องคลุกคลีกับการดูแลข้อมูลในเว็บไซต์ ก็ได้คุยกันเรื่องการเข้าถึงของคนตาบอด และโปรแกรมช่วยต่างๆ ในการอ่านข้อมูลหน้าจอคอมพิวเตอร์นั้น มีโปรแกรมที่ช่วยให้อ่านตัวอักษร ข้อความ อ่่านคำอธิบายภาพ ปัจจุบันมีการพัฒนาโปรแกรมเสริม (plug-in) ชื่อ TATIP (ตาทิพย์) ให้สามารถอ่านภาษาไทยได้เป็นอย่างดี แต่ปัญหา(ที่หลายคนอาจมองข้าม) คือ ในประเทศไทยได้พัฒนาแต่ตัว plug-in ไม่ได้พัฒนาไปที่ตัวโปรแกรมหลัก (application) ซึ่งต้องทำงานร่วมกับตัวอ่านหน้าจอของ OS แต่ละตัว ปัจจุบันโปรแกรมที่ได้รับความนิยมมากคือ Jaws for Windows (ไม่ฟรี) และข่าวล่าสุดตอนนี้มีคนพัฒนาโปรแกรมอ่านหน้าจอขึ้นมาอีกอันเป็นฟรีแวร์ และโอเพ่นซอร์ซ ชื่อว่า NVDA จากข้อมูลเบื้องต้นเลยลองปรึกษากับกลุ่มที่แลกเปลี่ยนความรู้กัน ว่าจะมีทางเป็นไปได้ไหมที่จะให้ TATIP กับ NVDA นั้นรวมกัน (หรือพัฒนาให้สัมพันธ์กัน) เพื่อที่จะช่วยลดต้นทุนของการหาโปรแกรมมาช่วยในการอ่านหน้าจอคอมพิวเตอร์ได้หรือไม่ และเคยได้รู้มาอีกว่า ถ้าคนตาบอดจะซื้อคอมพิวเตอร์สักตัว ต้องจ่ายค่าโปรแกรมอ่านหน้าจอสูงเกือบเท่าราคาเครื่องเลยทีเดียว เมื่อได้คุยกันผ่านอีเมล ก็วนกลับมาที่ ถ้ามีโปรแกรมที่หาได้ง่าย ไม่มีค่าใช้ง่าย (หรือจ่ายน้อยลง) แล้วจะทำให้คนตาบอดเข้าถึงข้อมูลได้มากขึ้นหรือไม่ คำตอบคือ ถ้าระบบการจัดการเว็บไซต์ส่วนใหญ่ในปัจจุบันยังไม่ได้มาตรฐาน การที่โปรแกรมอ่านหน้าจอ อ่านข้อมูลได้ ก็ไม่สามารถอธิบายข้อมูลเหล่านั้นได้อยู่ดี ยกตัวอย่างเช่น ถ้าเราเอารูปภาพใส่ในเว็บไซต์ โดยไม่เขียนคำอธิบายว่ารูปภาพนั้นๆ เป็นรูปอะไร โปรแกรมอ่านหน้าจอก็จะบอกแค่ว่า "นี่คือรูปภาพ" แค่นั้น! แล้วตกลงมันคือรูปอะไร ? มาร์คเคยเขียนเคสแบบนี้ไว้นานแล้ว : Accessibility for Disability ล่าสุดอาท เขียนเรื่องนี้ในบล็อก : Web Accessibility Thailand ก็คงต้องบอกว่า ขอให้ช่วยกันทั้งต้นทาง (คนทำเว็บไซต์ หรือมีหน้าที่เกี่ยวข้องกับเว็บไซต์ต่างๆ) และ ปลายทาง (องค์กรที่เกี่ยวข้อง หรือโปรแกรมเมอร์ที่สนใจ) ช่วยให้คนตาบอดไทย (และคนตาบอดทั่วโลก) สามารถเข้าถึงเว็บไซต์ได้ ง่าย และ ถูก อย่างเสมอภาคและเท่าเทียม (โดยเบื้องต้นขอเน้นเว็บไซต์ของหน่วยงานราชการเป็นอันดับแรกๆ) เว็บไซต์ที่เกี่ยวข้อง - www.w3.org - astec.nectec.or.th ตรวจสอบเว็บไซต์ของคุณว่าผ่านมาตรฐานหรือไม่ - validator.w3.org/check?uri=referer - astec.nectec.or.th/web_check

Web Standard, W3C, XHTML, CSS !!

ทำไมต้องผ่านมาตรฐาน W3C ? ในฐานะคนดูเว็บไซต์ .... ความจริงแล้วคนที่ต้องการใช้งานเว็บไซต์ที่ผ่านมาตรฐานมีน้อยมาก ถ้าเทียบกับจำนวนประชากรที่เข้าถึงอินเตอร์เนต/เว็บไซต์ ซึ่งก็คือคนตาบอด หรือคนที่มีอุปสรรคในการมองเห็น แต่ทำอย่างไรให้คนส่วนน้อยเหล่านี้ สามารถเข้าถึงและให้โปรแกรมช่วยอ่าน (Screen Reader) สามารถอ่านได้ทุกอย่างบนหน้าจอ ไม่ว่าจะเป็นข้อความหรือรูปภาพ และประโยชน์ด้านอื่นกับคนสายตาดีทั่วไป ก็จะสามารถที่จะใช้เบราว์เซอร์อะไรก็ได้ ในการเปิดดูข้อมูลในเว็บไซต์ที่เราจัดทำขึ้น เพราะมันจะแสดงผลได้เหมือนกันในทุกเบราว์เซอร์ ในฐานะคนทำเว็บไซต์ ...

ในห้วงเวลาสัปดาห์ที่ผ่านมา

ช่วงนี้กำลังทำโครงการ BLOGservice ขึ้นมาเล่นๆ บวกกับได้รับการอนุเคราะห์ให้ลองใช้ host ฟรี ตอนนี้เลยวุ่นๆ กะโครงการพิเศษนิดหน่อย และเร็วๆ นี้จะมีเปิดตัวเว็บที่ไปรับทำกะเค้าอีก 2 เว็บ ความคืบหน้าจะมาโพสในหน้า about อีกรอบนึง เมื่อวันจันทร์ไปติดต่อธุระที่กระทรวงสาธารณสุข ตอน 10.00-12.00 ขากลับไปทำงาน ฝนตกปรอยๆ แต่พอมาได้กลางทางฝนกลับตกหนักขึ้น จนทำให้ต้องเบี่ยงเบนเป้าหมายกลับมาตั้งหลักที่บ้านก่อน - เนื่องจากว่าทุกอนุในร่างกายเปียกชุ่มไปด้วยน้ำ - กว่าจะออกไปทำงานอีกรอบก็ปาเข้าไป 5 โมง ไหนใครนะบอกว่า อากาศช่วงนี้มีฝนแค่ประมาณ 20-30% ไงล่ะ -_-!! ... ได้อ่านเจอบทความน่าสนใจเกี่ยวกับคนที่สนใจทำเว็บไซต์โดยเฉพาะ ยิ่งผมเป็นคนหนึ่งที่ไม่ได้ใช้ IE เป็นหลักในการชมเว็บซะด้วยยิ่งน่าสนใจยิ่งขึ้น จากเว็บของ isriya.com มี link ของเอกสาร สไลด์การพัฒนาเว็บให้อ่านได้ทุกเบราเซอร์ (pdf) นี้อยู่ เนื้อหาบางส่วนมีดังนี้
ข้อแนะนำในการเขียนเว็บให้อ่านได้ทุกเบราว์เซอร์
  • อย่าเช็คว่าเป็นเบราว์เซอร์อะไร แล้วปฏิเสธถ้าไม่ใช่เวอร์ชั่นที่ตั้งใจ
  • ใส่ เสมอ
    • ใช้ TIS-620 หรือ UTF-8 ก็ได้ เป็น charset ที่จดทะเบียนกับ IANA
    • ISO-8859-11 ก็ได้ แต่ยังไม่ได้จดทะเบียน IANA
    • ไม่ควรใช้ Windows-874 เพราะไม่ได้จดทะเบียนกับ IANA แต่เบราว์เซอร์ทั่วไปน่าจะรู้จัก
  • อย่าใช้ VBScript หรือ ActiveX ให้ใช้ JavaScript และ Java ซึ่งใช้ได้ทุกเบราว์เซอร์
  • เวลาเขียน เช็คว่า HTML tag, CSS property และ JavaScript ที่ใช้ทำงานได้ถูกต้องในเบราว์เซอร์ใดบ้าง อาจตรวจสอบได้ที่ HTML/CSS reference ที่ www.w3schools.com
  • อย่าใช้ pop-up เพราะจะถูก block โดย pop-up blocker ซึ่ง built-in ใน Firefox และ Opera และ IE ก็ลงเพิ่มเติมได้
  • อาจใช้ CSS Hack เพื่อให้เขียนบาง rule ที่ทำงานเฉพาะเบราว์เซอร์
  • ทดสอบกับเบราว์เซอร์หลายๆ ตัว อย่างน้อย IE กับ Firefox หรือรวมถึง Opera และ Konquerer/Safari
  • บางครั้งอาจเป็นไปไม่ได้ที่จะให้เป็นเหมือนกันทุกเบราว์เซอร์ แต่ควรทำให้ใช้งานและอ่านได้ทุกเบราว์เซอร์
  • การเขียนเว็บให้ดูได้ cross-browser ทำให้ยุ่งยากขึ้น แต่คุ้มเพราะเป็นการเพิ่มผู้เข้าชม ไม่ว่าจากผู้ใช้ Firefox, Linux หรือ MacOSX
  • หน่วยงานที่ต้องเขียนให้ cross-browser คือหน่วยงานสาธารณะ มิฉะนั้น จะเป็นการกีดกันการเข้าถึงข้อมูลสาธารณะ
ActiveX เนื่องจากการทำงานด้านหลังของ IE และ Firefox แตกต่างกันในบางส่วนคือ Firefox จะไม่มีคำสั่ง ActiveX ในการควบคุม JavaScript ที่ทีมงานใช้ในการเขียนโปรแกรมในส่วนนี้ ซึ่งตัวนี้เองเป็นตัวที่ทำให้ Firefox ทำงานได้เร็วกว่า IE เพราะเวลาเปิดหน้าหนึ่งๆ ขึ้นมา IE จะทำการ scan หน้านั้นๆ ก่อนแล้วค่อยแสดงผล แต่ Firefox จะแสดงผลเลยไม่มีการ scan กว่าว่าหน้านั้นๆ มีการเรียก Function ActiveX ด้วยหรือไม่ ซึ่งตรงนี้เป็นข้อจำกัดของ Firefox เอง หากทำให้สนับสนุน Firefox IE ก็ไม่สามารถใช้ Function บางส่วนที่มีประสิทธิภาพมากกว่า Firefox
... วันเสาร์ที่ผ่านมาได้ไปร่วมลงชื่อถอดถอนกะเค้ามาด้วย บรรยากาศหลังฝนตกปรอยๆ มีคนพลุกพล่านพอสมควร ณ ตอนที่ไปรวมลงชื่อน้องๆ ที่เค้ารับลงทะเบียนบอกว่า ได้รายชื่อแล้วประมาณกว่า 25,000 - เร็วเหมือนกันนะ - สำหรับคนที่ยังไม่ได้ร่วมกิจกรรมนี้ ก็สามารถอ่านเพิ่มเติมได้ที่ blog นี้ หรือเว็บ tuthaprajan.org ... เหมือนจำได้ว่า เคยบอกกับคนรู้จักว่าจะแนะนำการเขียน script php เบื้องต้น แต่ยังไม่ได้ทำเลย ติดเอาไว้ก่อนนะครับ อย่าเพิ่งน้อยใจนะครับ เดี๋ยวจัดการให้(ถ้าว่าง) :p

มาลองใช้ Gmail + Google Personalized กันดีกว่า

ถ้าใครได้เคยใช้ Gmail กันแล้วบ้างก็คงยิ้มหน้าบานกันเป็นแถวๆ - ก่อนหน้านี้คนที่จะใช้ Gmail (บริการฟรีอีเมล์ของ Google) จะต้องได้รับ invite (บัตรเชิญ) จากสมาชิกที่ใช้งานกันอยู่แล้ว - เพราะได้ขนาดพื้นที่สำหรับเก็บอีเมล์ได้มากถึง 2.6 GB เลยทีเดียว (ถ้าเทียบกับ Yahoo 1GB กับ Hotmail 25MB หรือ 250MB ดูแต่ละอันดูน้อยไปถนัดตา) แต่คราวนี้เรามาลองสมัครใช้บริการกันเลยดีกว่า ... แต่ก่อนที่จะมาดูวิธีการสมัคร Gmail ขอแวะเรื่องโลโก้ของ Google สักหน่อย เพราะเมื่อเช้านี้เข้าไปค้นข้อมูลใน Google (เว็บสำหรับหาข้อมูลตัวเลือกแรกสำหรับผม - เพราะมันมีช่อง Search ใน Safari เลย :p) ไปเจอกับโลโก้ของ Google ที่เปลี่ยนไป เป็นแบบอักษรเบรลล์ (อักษรประดิษฐ์สำหรับคนตาบอด) - ตามภาพ - แบบว่า Google ให้ความสำคัญกับวันต่างๆ แล้วเอามาทำเป็นโลโก้อยู่เรื่อยๆ ไม่เชื่อลองไปดูกันสิว่า 4-5 ปีที่ผ่านมา คุณได้เห็นโลโก้ Google มากี่แบบแล้ว - Google's Holiday Logos อันนี้ประวัติหลุยส์ เบรลล์แบบย่อ ใน th.wikipedia.org ... เอาล่ะกลับมาเรื่องการสมัครใช้ Gmail กันต่อ ตอนนี้ Gmail เปิดให้บริการสมัคร Gmail ได้ด้วยตนเองแล้วไม่ต้องรอ invite จากคนอื่น (เรียกว่า invite ตัวเองได้เลย) แต่จำเป็นต้องมีโทรศัพท์มือถือที่รองรับ SMS ได้นะ ไม่งั้นก็อดเหมือนกัน :p ขั้นแรกก็เข้าที่ไปเว็บไซต์ Google ภาษาไทย (www.google.co.th/en) (ถ้าหน้า Google ยังเป็นภาษาไทยอยู่ให้คลิกที่ แสดง Google.co.th ใน : English) จะเห็นข้อความ Less spam, fast search, 2.6GB. Gmail, now in Thai. เราก็คลิกตรงคำว่า Gmail ได้เลย ตอนนี้จะทำการ invite ตัวเองแล้วนะครับ หน้าตาเข้าใจง่าย เพียงเลือกประเทศ ใส่เบอร์โทรศัพท์ (เบอร์โทร 8 ตัว ตัด 0 ตัวหน้าสุดออก เช่น 01374XXXX ก็ใส่แค่ 1374XXXX) จากนั้นก็ใส่ code ที่โชว์ให้ดู เพื่อเช็คว่าคุณมีสายตาปกติหรือไม่ เลือก send code แล้วรออึกใจนึง รอได้เลยครับ - เห็นว่าค่าโทรศัพท์สำหรับรับโค้ดในแต่ละครั้งคิดว่าบริการเหมือนกับการรับ SMS ตามแต่ละโปรโมชั่นที่คุณใช้อยู่ (Gmail Help Center) หลังจากได้ code แล้วก็นำมาใส่ในช่อง Invitation code เลือกคลิก Next คราวนี้ก็มาถึงหน้ากรอกข้อมูลครั้งแรก ก็ให้ใช่ ชื่อ-นามสกุล เลือกชื่ออีเมล์ที่ต้องการ - สามารถทดสอบได้ว่าชื่ออีเมล์ที่่เราเลือกนี้มีคนใช้แล้วหรือยังโดยการพิมพ์ แล้วเลือก Check availability! ถ้าซ้ำ Gmail จะมีตัวเลือกใกล้เคียงมาให้ แต่ถ้าไม่ต้องการก็สามารถเลือกใหม่ได้ และถ้าหากยังว่างอยู่ระบบจะบอกว่าชื่ออีเมล์นี้ใช้ได้ - ก็ค่อยกรอกข้อมูลอื่นๆ ตามที่ Gmail ต้องการให้ครบ เท่านี้ก็ได้อีเมล์ Gmail 2.6GB มาใช้แล้ว :D หลังจากกรอกข้อมูลครบ ก็จะเข้าหน้าต้อนรับของ Gmail อธิบายการใช้งานในส่วนต่างๆ ของ Gmail หากเราจะใช้งานเลยก็เลือก I'm ready - show me my account เพื่อเข้าสู่ Gmail Inbox คราวนี้ก็คิดว่าคงจะใช้งานกันไม่ยากแล้ว แต่ถ้าหากใครไม่สันทัดภาษาอังกฤษ ก็สามารถเลือกเปลี่ยนภาษาที่ใช้ใน Gmail ได้นะ โดยเลือกเมนู Settings ด้านบนสุด ในหัวข้อ Language ให้เลือกภาษาไทย เท่านั้นเมนูต่างๆ ก็จะเป็นภาษาไทยอ่านออกไม่งงกันแล้ว :D สำหรับการใช้งานครั้งหน้าก็พิมพ์ url เหล่านี้ เช่น www.google.co.th/mail หรือ www.gmail.com ทั้งหมดจะเปลี่ยนไปหน้า Sign in อันเดียวกันหมด ... คราวนี้มาต่อกันที่ Google Personalized ในระหว่างที่เราใช้งาน Gmail อยู่นั้นเราสามารถเข้าเว็บ Google โดยให้ Google แสดงข้อมูลที่เราสนใจเป็นพิเศษได้ด้วย (คล้ายบริการ My Yahoo ในเว็บ Yahoo เหมือนกัน แต่จากที่ลองใช้ดูง่ายกว่าเยอะ) - แต่ต้องเป็น www.google.com (ดอทคอม) เท่านั้นนะครับ www.google.co.th (ดอทซีโอ ดอททีเอช) ยังใช้ไม่ได้นะครับ :p - เลือกหัวข้อ Personalized Home ด้านบนสุด เพื่อเข้าหน้าส่วนตัวได้เลย แต่ถ้าลองแล้วไม่ชอบก็ กลับมาเป็นหน้าโล่งๆ ได้เหมือนเดิมโดยเลือก Classic Home เท่านี้ก็เหมือนเดิมแล้ว :D หน้าตาของ My Yahoo อาจจะดูรกๆ ไปนิด :D หลังจากเข้ามาหน้าแรกของ Personalized ก็จะเห็นหัวข้อต่างๆ โดยทั่วไปหัวข้อเบื้องต้นจะมี Quotes of the Day, Top Stories, Weather และ Word of the Day หากเราต้องการเพิ่มข้อมูล (อ้างอิงจาก rss ทั่วโลก - เราสามารถดึง rss ของเว็บไซตืที่เราสนใจมาไว้ในหน้า Personalized ได้เลย) - RSS คืออะไร? - เพียงแค่เรารู้ keyword ที่เราต้องการ ก็สามารถ Search มาใส่ได้ทันที หากไม่ทราบก็เลือก Add Content (ด้านซ้ายมือ) เพื่อเปิดส่วนเพิ่หัวข้อที่ซ่อนอยู่ ก็จะได้หัวข้อข่าวสาร เรื่องที่อยากรู้ มาไว้ในหน้านี้แล้ว เมื่อเลือกได้เรียบร้อย ก็จัดการย้ายตำแหน่งให้ตรงใจเรา อันไหนให้ความสนใจมากก็ไว้ด้านบน บางอันก็ไว้ด้านล่าง จับย้ายไปมาซ้ายขวาทำได้เลย โดยคลิกที่หัวข้อของแต่ละอันแล้วลากย้ายตำแหน่งได้ทันที และเมื่อเจอหัวข้อที่สนใจก็คลิกเข้าไปอ่านได้ด้วย เป็นไงบ้างครับ คงได้เป็นแนวทางกันบ้างนะ เผื่อจะได้เว็บที่ใช้งานง่ายตรงใจ แถมยังมีอีเมล์พื้นที่ขนาดยักษ์ให้ใช้งานอีก คงอาจจะลืมอีเมล์อื่นไปเลยก็ได้นะ :p ... เรื่องเกี่ยวกับ Google ที่เคยเขียนมาก่อนหน้านี้ • ใช้บริการของ Google ครบทุกอันหรือยัง?Google desktop super-search in my comp ;)

สองขั้วระหว่างมาตรฐานกับความชอบ

ก่อนหน้านี้เคยเขียนถึงความเป็นมาตรฐานของการทำเว็บไซต์ (W3C) มาแล้วครั้งหนึ่ง แต่จากการได้ลองทำให้เป็นมาตรฐาน (ก่อนหน้านี้ ทำตามความรู้ที่เคยทำมาไม่สนใจมาตรฐานเลย) มันทำให้เห็นถึงข้อจำกัดบางอย่างที่ความเป็นมาตรฐานไม่สามารถแสดงผลได้ อันนี้คงต้องทำใจ เช่น ขนาดตัวอักษร สี (ในบางส่วน) เมื่อเรากำหนดรูปแบบเอกสารของเว็บไซต์ การแสดงผลจะแตกต่างจากเดิมทันที ทั้งที่คำสั่งต่างๆ ยังอยู่เหมือนเดิม มันก็เลยกลายเป็นว่าเราต้องเอารูปแบบเอกสารออกไป เพื่อให้การแสดงผลได้ตามที่เราต้องการ มันก็คงต
Subscribe to Web