• knife set
  • feed

    บล็อกนี้เป็นซีรีส์ของ คู่มือปรุงเว็บไซต์ฉบับ non-programmer โดยนำเคสของ stylelurf.com มาให้ดูกันครับ จะเป็นการเล่าของการทำเว็บไซต์ยากๆ โดยไม่จำเป็นต้องรู้โค้ด PHP หรือ MySQL ซักนิดเดียว

    อุปกรณ์ที่ใช้ในการทำก็ไม่ต่างจากทำเว็บทั่วไป โดย

    1) โปรแกรมเหมือน Notepad ซึ่งหากใครจะใช้ Notepad ที่มาพร้อมวินโดวส์เลยก็ได้ ทำได้เหมือนกัน แต่สำหรับผมใช้  Notepad++ ซึ่งจะมีการไฮไลต์สีให้ แล้วมีการนับบรรทัดเพิ่ม รวมถึงลูกเล่นอีกนิดหน่อย และที่สำคัญก็เป็นโปรแกรมฟรีที่หาโหลดได้จากเน็ต นอกจากนี้พวกโปรแกรมเมอร์อาจจะใช้ไอดีอีตัวอื่นแล้วแต่ความถนัด

    2) โปรแกรมสำหรับตรวจสอบโค้ด และช่วยในการออกแบบ ก็ตามลิสต์เลยครับ

    • Firefox - ขาดไม่ได้เว็บเบราว์เซอร์ตัวนี้
      • Firebug - ไว้ตรวจสอบโค้ด รวมถึงพวก CSS
      • Web Developer - ไว้อ่านค่า ช่วยตรวจสอบ วัดขนาดทำ CSS ด้วย
      • ColorZilla -ไว้อ่านค่าสีจากหน้าเว็บ
      • Drupal for Firebug - ตัวนี้อาจจะไม่จำเป็นถ้าไม่ได้แก้ธีม เป็นไฟร์บั๊กสำหรับอ่านค่าตัวแปรดรูปัล
    • IE Tester - ตัวนี้เป็นโปรแกรมโหลดลงเครื่องเอาไว้ทดสอบเว็บเรา ว่าดูดีแค่ไหนใน IE6, IE7, IE8 สะดวกดีแต่แฮงก์บ่อย

    3) โปรแกรมตัดต่อภาพ อันนี้ก็เลือกใช้กันตามสะดวก ไม่ว่า

    • Photoshop โปรแกรมเทพสุดแล้ว แต่ราคาเต็มมันกินใจเกิน (ที่อธิบายมาทั้งหมดเป็นโปรแกรมฟรี เว้นตัวนี้ที่"ไม่ฟรี")
    • Pixlr.com - เว็บนี้เอาไว้ตัดต่อภาพได้ คุณสมบัติค่อนข้างดีเลยทีเดียว ทำผ่านเว็บออนไลน์ สะดวกง่ายดาย และมีคำสั่งภาษาไทยด้วย (ไม่ใช่ภาษาไทยแปลไทยด้วย )
    • ... นอกจากนี้ก็เลือกใช้ตามสะดวก
    เยี่ยมมากเลยครับ มี add on firefox ให้ใช้ด้วย

    #2 By nonnyboom (58.136.126.25) on 2009-10-24 14:44

    Pixlr.com เค้าแปลไทยเองแหละ อ๊ายอาย แปลผิดๆ ถูกๆ ฮือๆ

    #1 By katopz (203.146.79.144) on 2009-06-04 12:06