คุณอาจไม่รู้ว่าคุณสามารถใช้ Photoshop เพื่อสร้างหน้าเว็บ xhtml+css แบบง่ายๆ ได้ มาลองใช้กันดู!
1. เปิดแบบร่างการออกแบบภาพของเว็บไซต์ที่ออกแบบใน Photoshop cs2 ตัดด้วยเครื่องมือหั่น 
2. คลิก "ไฟล์-" บันทึกเป็นรูปแบบเว็บ" ปุ่มลัดคือ ctrl+alt+shift+s คลิกภาพเล็กๆ ของสามเหลี่ยมกลับหัวที่มุมขวาบน และเลือกแก้ไขการตั้งค่าเอาต์พุต
3. ดังที่แสดงในรูปภาพ เลือก Slices ในเมนูแบบเลื่อนลงที่สอง เลือก Generate CSS จากนั้นเลือก By ID ในเมนูแบบเลื่อนลงถัดไป
4. คลิก ตกลง เพื่อบันทึกและปิดหน้าต่างการตั้งค่า คลิกปุ่ม บันทึก ในหน้าต่าง บันทึกสำหรับเว็บ เลือก Html และรูปภาพ ในประเภทการบันทึก และคลิก บันทึก
5. ทำภารกิจให้สำเร็จ ลองดูโค้ดครับ xhtml+css หรือเปล่า?
คุณไม่ได้คาดหวังสิ่งนั้นเหรอ? การสร้างหน้า xhtml+css เป็นเรื่องง่ายมาก แน่นอนว่าในการใช้งานจริง เพจที่สร้างขึ้นโดยอัตโนมัติประเภทนี้ยังไม่มีมาตรฐานมากนัก ขอแนะนำให้คุณยังคงใช้ Dreamweaver 8 หรือ Editplus เพื่อปรับโค้ด