จะใส่ข้อความบนรูปภาพใน Dreamweaver ยังไง

[amba5555]

คือว่าผมทำเว็บไซต์ด้วย Photoshop น่ะครับ แล้วก็พิมพ์ข้อความต่าง ๆ ลงไป
พอ slice มาเป็นไฟล์ HTML แล้วตัวหนังสือมันก็เป็นไฟล์รูปภาพไปด้วยน่ะครับ
เลยอยากหาวิธีพิมพ์ข้อความลงไปในรูปด้วย Dream หรือมีวิธีไหนที่ทำให้ save จาก Photoshop แล้วตัวหนังสือไม่เป็นไฟล์รูปภาพ

ช่วยแนะนำมือใหม่ด้วยนะครับ

[MaMa.Killer]

ตัดจากใน PS ก็ลบตัวหนังสือออก แล้วค่อยมาพิมพ์ใน DW ครับ 

[rabbitch]

 :Pเอาเทคนิคแบบโบราณ ๆ เลยนะ
1. ใน photoshop สร้างไฟล์แบบไม่มีพื้นหลัง(Transparent) ขนาด 1x1 pixel
2. บันทึกรูปภาพเป็น .gif ให้เป็นแบบไม่มีพื้นหลังไปด้วย(transparent)


โดยปกติ Slice ของ Photoshop(รุ่นที่เคยใช้) จะจัดการวางรูปต่าง ๆ ในไฟล์ .html โดยใช้ตาราง พอเรา Slice ภาพเราออกมาแล้วเราจะได้ .html 1 ไฟล์ และโฟลเดอร์เก็บรูปอีก 1 โฟลเดอร์ ให้ทำต่อไปดังนี้
1. copy ไฟล์ที่ทำจากข้างบนไปไว้ในโฟลเดอร์ที่เก็บรูปที่ slice
2. เปิดไฟล์ html ที่ได้จาก Slice ขึ้นมา
3. เลือกตรงตำแหน่งที่เราต้องการพิมพ์ ที่ขณะนี้เป็นภาพอยู่ ให้ดูความกว้างของภาพเอาไว้
4. ลบภาพนั้นออก
5. สั่งแทรกรูป .gif ที่เราสร้างขึ้นมาลงไปแทนตรงที่เราลบ โดยกำหนดความสูงให้เป็น 1px ให้ความกว้างเท่ากับความกว้างของรูปที่ลบไป (ทำเพื่อเอารูปใส ๆ ว่าง ๆ นี้มาค้ำโครงสร้างตารางไม่ให้เบี้ยว) อย่าลืมเซ็ต Vertical Align เป็น Top นะเวลาพิมพ์ก็จะได้อยู่ติดด้านบนไล่ลงมา
6. เท่านี้ช่องนั้นก็จะกลายเป็นช่องว่าง ๆ ให้พิมพ์อะไรก็ได้ ใส่รูปอะไรก็ได้ตามที่ต้องการ
7. กรณีรูปที่เราลบไปเราต้องการเอามาไว้เป็นพื้นหลังตัวหนังสือ ก็ให้เอารูปนั้นมาเซ็ตเป็น background ของตารางช่องที่เราลบรูปทิ้งไปได้

เพิ่มเติม บางทีที่ทำงานใน dreamweaver กับงานที่ Slice มาจะเห็นไฟล์ชื่อ spacer.gif อยู่ที่จริงก็คือไฟล์เดียวกันกับที่เราสร้างตอนแรก

[mango]

เข้ามาเก็บความรู้ครับ

[Pirates of the Amazon]

ทำรูปภาพเป็น background สิครับ