Tag Archives: Web Design

Web Designer ที่คุณรู้จัก เรียนจบมาจากสายใด ?

เอ.. แล้ว Web Designer นี่เค้าทำอะไรกันบ้างนะ?
Posted in Web Design | Also tagged , , | 2 Comments

การนำเสนอข้อมูลรูปแบบ Timeline บนเว็บ

เมื่อเช้าวันศุกร์ตื่นขึ้นมาทราบข่าวการเสียชีวิตของไมเคิล แจ็กสัน (Michael Jackson) รู้สึกใจหายกับการจากไปจริงๆ ความตายนั้นจะเป็นจุดเริ่มต้นของการเดินทางเหมือนที่ในหนังเรื่อง Departures บอกไว้หรือเปล่านะ.. สำนักข่าวทั่วโลกต่างก็รีบนำเสนอข่าวนี้เป็นข่าวใหญ่กัน พอดีได้ผ่านเข้าไปดูที่เว็บไซต์ของ CNN เห็นว่ามีการนำประวัติของไมเคิลมานำเสนอในรูปแบบ Timeline ได้น่าสนใจ ใช้งานง่าย และเข้าใจได้รวดเร็ว ก็เลยนำมาให้ดูกันครับ สำหรับเว็บไซต์ของไทยที่มีการนำระบบ Timeline มาใช้นำเสนอข้อมูลบนเว็บก็มีเหมือนกัน ลองดูตัวอย่างได้ที่ลิงค์ด้านล่างนี้ครับ ลำดับเหตุการณ์ปิดโรงแรมรอยัล คลิฟ บีช พัทยา ในช่วงเดือนเมษายน 2552 ช่วงเวลาดำเนินการแผนพลิกฟื้นเศรษฐกิจของรัฐบาล ปล. สัญญากับตัวเองว่าจะอัพบล็อกบ่อยๆ
Posted in Web Design | Also tagged , , , , | 1 Comment

เว็บไทยรัฐกับ sIFR

เพิ่งเห็นเว็บไซต์หนังสือพิมพ์ไทยรัฐออนไลน์โฉมใหม่ เป็นที่น่าตื่นตาตื่นใจกับผู้ใช้อินเตอร์เน็ตในบ้านเรามากเลยทีเดียว ทำได้ดีทั้งในด้านการนำเสนอข้อมูล และการออกแบบเว็บไซต์ตามเทรนการออกแบบเว็บไซต์สมัยใหม่ และที่สำคัญยังเห็นการนำเทคนิค sIFR มาใช้ด้วย sIFR ย่อมาจาก Scalable Inman Flash Replacement ซึ่งก็คือเทคนิคการแทนที่การแสดงผล Font บนหน้าเว็บที่เป็น HTML ธรรมดาด้วย Font สวยๆ ตามต้องการ โดยใช้ JavaScript กับ Flash เข้ามาช่วย
Posted in Diary, Web Design | Also tagged , , , , , | 3 Comments

RSS Feed icon ในช่อง Address bar

ถ้าอยากให้มีไอคอน RSS Feed โผล่ขึ้นมาในช่อง Address bar ก็ให้เอาโค้ดนี้ไปใส่ในส่วน head ได้เลยครับ [code lang="html"] [/code]
Posted in Web Design | Also tagged , , , , , | 1 Comment

Chat กับ Call Center

เมื่อกี้จะเข้าไปจ่ายค่าโทรศัพท์ในเว็บ แต่รู้สึกงงๆ นิดหน่อย.. พอดีเห็นลิงค์ Ais Call Center ก็เลยลองกดดู.. โอ้โห.. เดี๋ยวนี้มีระบบแบบนี้ด้วย สะดวกดีจัง !! ทำได้หลายอย่างเลย ที่เด็ดๆ ก็สามารถ Chat กับ Call Center ได้ มีแบบเปิด WebCam เห็นหน้ากันได้ด้วยครับ แถมยังมีบริการภาษามือสำหรับบริการผู้พิการอีกด้วย เจ๋งจริงๆ !! สรุปว่า.. ก็สะดวกดีครับ คุยกันรู้เรื่อง รวดเร็วทันใจดีกว่าโทรไป 1175 ที่ต้องรอสายค่อนข้างนาน กว่าจะได้คุยกับคนจริงๆ ก็ต้องเสียเวลากดเมนูนู่นนี่ซับซ้อนมากมาย
Posted in Diary | Also tagged , | 14 Comments

ซ่อน/แสดงเนื้อหาในเว็บเพจ โดยใช้ JavaScript

การทำ Link ให้ผู้ใช้กดเพื่อ ซ่อน/แสดง เนื้อหาในเว็บเพจ สามารถทำได้โดยใช้ JavaScript และเนื้อหาที่อยู่ในแท็บ DIV ดังนี้ครับ ตัวอย่าง: ลองกดดูสิครับ !! สวัสดีครับพระเจ้าจอร์ช.. มันยอดมาก !!
Posted in Web Design | Also tagged , , , | 6 Comments

รวมเครื่องมือออนไลน์ช่วยทำเว็บ

เดี๋ยวนี้มีเว็บดีๆ อยู่มากมายที่ให้บริการเครื่องมือ และเครื่องทุ่นแรงสำหรับนักออกแบบและพัฒนาเว็บไซต์ ลองไปใช้งานกันดูนะครับ แต่ละเว็บเจ๋งๆ ทั้งนั้น มีประโยชน์และช่วยอำนวยความสะดวกในการทำเว็บได้มากเลย !! เครื่องมือสร้าง XML Sitemap เครื่องมือสร้างไฟล์ Robots.txt เครื่องมือสร้าง Password เครื่องมือสร้าง META Tags เครื่องมือสร้างไฟล์ htaccess เครื่องมือสร้าง Form สวยๆ เครื่องมือสร้างรูป Favicon.ico เครื่องมือสร้างกราฟิก E-mail เครื่องมือสร้าง CSS เครื่องมือสำหรับเลือกโทนสีในการออกแบบเว็บ
Posted in Web Design | Also tagged , , , | 3 Comments

PHPform.org เครื่องมือสร้าง HTML Form

สวัสดีครับ วันนี้มีเครื่องมือช่วยสร้าง HTML Form มาแนะนำครับ phpform.org เป็นเว็บไซต์ที่ให้เราสามารถเข้าไปสร้าง Form ได้เองตามรูปแบบที่เราต้องการ สามารถเลือกสี และเพิ่ม Field ได้ทุกประเภทได้อย่างรวดเร็ว สะดวก และสวยงามมากครับ เมื่อออกแบบ Form เรียบแล้วก็สามารถ Preview และ Download โค้ด HTML มาใช้กับเว็บของเราได้เลยครับ ทำให้ Form ของเราดูดี สวยงาม เป็นมาตรฐาน และดูเป็นมืออาชีพเลยทีเดียว :)
Posted in Web Design | Also tagged , , | 9 Comments

อนาคตเว็บคณะฯ

มีโอกาสได้รับหน้าที่เป็นผู้ดูแลเว็บคณะฯ มาตั้งแต่อยู่ปี 1 จนถึงตอนนี้ก็ปี 4 แล้วครับ (เริ่มแก่..) และเมื่อเดือนสิงหาคมที่ผ่านมานี้เอง ที่ได้ทำการเปลี่ยนแปลงเว็บครั้งใหญ่ รวมทั้งอัพเกรด Software ของเครื่อง Server ด้วย โดยให้โอมมาช่วยทำเครื่องให้ครับ (เครื่อง Server เว็บไซต์คณะ และหน่วยงานต่างๆ ของมหา’ลัย ตั้งอยู่ที่ศูนย์คอมฯ สนามจันทร์) แล้วก็เปลี่ยนระบบเว็บใหม่เลย จากเดิมที่เป็นเว็บธรรมดา ก็เปลี่ยนมาใช้ CMS แทน ส่วนระบบเว็บบอร์ดนั้นก็เปลี่ยนยี่ห้อจาก phpBB มาใช้ SMF ครับ ระบบเว็บบอร์ดน่าจะเป็นส่วนที่สำคัญที่สุดของเว็บคณะฯ เพราะตั้งแต่ไหนแต่ไรมา ข่าวสาร ประเด็นร้อนต่างๆ รวมถึงการบ้าน จะถูกรวมอยู่ที่นี่ที่เดียวเลย ตลอดระยะเวลาอันยาวนาน 3 ปีที่ผ่านมา เว็บบอร์ด phpBB นั้นเต็มไปด้วย Spam Comment มากมายมหาศาล.. จึงลองเปลี่ยนมาใช้ SMF แทนบ้าง ผ่านไปแล้ว 4 เดือน ผลที่ได้ก็โอเคดีกว่า phpBB [...]
Posted in Works | Also tagged , , , , | 6 Comments

ตัวอย่างการทำ CSS Menu สำหรับเว็บไซต์

วันนี้เรามาลองศึกษาการทำ CSS Menu กันดีกว่าครับ CSS Menu ก็คล้ายๆ กับการทำ Rollover Image ใน Dreamweaver จะต่างกันที่ Rollover Image นั้นเป็นการใช้ HTML + JavaScript ส่วนการนำ CSS มาใช้ทำ Navigation หรือเมนูของเว็บไซต์นั้น จะเป็นการนำค่าต่างๆ ที่เรากำหนดไว้ในไฟล์ CSS มาควบคุม Style ของแท็ก ul, li ในไฟล์ HTML ซึ่งจะทำให้โค้ด HTML ที่ได้นั้นสะอาด เบา และเป็นมาตรฐานกว่าครับ วันนี้ผมผ่านไปพบกับเว็บ 13Styles.com ซึ่งมีตัวอย่าง CSS Menu ให้เราดาวน์โหลดไปใช้ได้ฟรีๆ โดยเมนูแต่ละรูปแบบจะมีไฟล์ .css, .html และไฟล์รูปภาพมาให้ด้วย หากสนใจลองดาวน์โหลดมาศึกษาดูนะครับ  
Posted in Web Design | Also tagged , , | 14 Comments