ออกแบบเว็บในโฟโต้ช็อป

สำหรับวีดีโออันนี้จะบอกวิทีการออกแบบเว้บบนbrowser ครับ เพื่อเป็น ตัวอย่างหรือ mockup เพื่อให้ลูกค้าหรือ เป็นตัวอย่างงานก่อนทำเว้บจริงครับลองดูนะครับ หลังจากทำแล้วเราก็ไปตัดใส่ในโปแกรม dreamweaver ฮะ

การใช้กริด กับการออกแบบเว็บ

ลองแปลมาคร่าวๆๆนะครับน่าจะมีประโยชน์บ้างนะครับ การใช้กริด กับการออกแบบเว็บ ข้อดีของการใช้ Grid ผู้ใช้เว็บสามารถ ทำการค้นหา อ่านและเข้าใจ เว็บเพจได้อย่างรวดเร็ว ดูสะอาดตาและเรียบร้อย ใช้ ระบบการวางกริด สำหรับ การจัดวางหรือ การจัดรูปแบบ ของการออกแบบเว็บเพจ

การทดสอบ การแสดผล ของเว็บไซค์

การออกแบบเว็บไซค์ต้องคำนึงถึงหลายอย่างอยู่เหมือนกัน และอีกอย่างที่ขาดไม่ได้ คือการแสดงผล  การแสดงผล ของเว็บเมื่อเราทำมาแล้ว แล้วได้ทำการอัพโหลดเว็บขึ้นสู้ เซิฟเวอร์ต้องทำการ ทดสอบว่า มี การแสดงผลไม่ปิดพลาด ในแต่ละ browser ครับ
บราวเซอร์ ยอดอฺตก็มีอยู่หลายอัน เช่น Firefox, internet explopler 6,7,8  ซึ่งมีการอ่านโค็ตที่แตกต่างกัน ของแต่ละเบราเซอร์ ดังนั้นเราต้องทำการทดสอบ  ถ้าเครื่องเรา ลง Ie7 ก็ จะไม่รุ็เลยว่าแสดงผล ie6 เป้นยังไงใช่ไหมครับ  ผมแนะนำโปรแกรม IE tester ครับ สามารถ แสดงผล IE ได้หลาย เวอร์ชั้น ลองดุครับ แล้วดาวดหลดไปใช้ได้ ฟรี!
ดาวโหลด
http://www.my-debugbar.com/ietester/install-ietester-v0.4.2.exe

หน้าตาโปรแกรม แสดงผล