ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingจะใส่ข้อความบนรูปภาพใน Dreamweaver ยังไง
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: จะใส่ข้อความบนรูปภาพใน Dreamweaver ยังไง  (อ่าน 12886 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
amba5555
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 1



ดูรายละเอียด
« เมื่อ: 17 สิงหาคม 2011, 23:37:19 »

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

ช่วยแนะนำมือใหม่ด้วยนะครับ
« แก้ไขครั้งสุดท้าย: 17 สิงหาคม 2011, 23:38:06 โดย amba5555 » บันทึกการเข้า
MaMa.Killer
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 642
ออฟไลน์ ออฟไลน์

กระทู้: 3,555



ดูรายละเอียด
« ตอบ #1 เมื่อ: 18 สิงหาคม 2011, 00:09:09 »

ตัดจากใน PS ก็ลบตัวหนังสือออก แล้วค่อยมาพิมพ์ใน DW ครับ  wanwan011
« แก้ไขครั้งสุดท้าย: 18 สิงหาคม 2011, 00:09:20 โดย Oops!xxx » บันทึกการเข้า

รับโมฯ & แก้ไข และสร้าง Theme SMF, Wordpress และงานออกแบบ
Add Line Id : sodeclub
rabbitch
คนรักเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 111



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 18 สิงหาคม 2011, 01:19:46 »

 :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
สมุนแก๊งเสียว
*

พลังน้ำใจ: 83
ออฟไลน์ ออฟไลน์

กระทู้: 952



ดูรายละเอียด
« ตอบ #3 เมื่อ: 18 สิงหาคม 2011, 03:09:37 »

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

Pirates of the Amazon
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 200
ออฟไลน์ ออฟไลน์

กระทู้: 2,364



ดูรายละเอียด
« ตอบ #4 เมื่อ: 18 สิงหาคม 2011, 03:52:08 »

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

หน้า: [1]   ขึ้นบน
พิมพ์