header2.jpg  (47958 bytes)
Tutorials
โดย acaz
อนุมัติบทความเมื่อ : วันที่ 17 เดือน กรกฎาคม ค.ศ. 2006
ปริ๊น    อีเมลล์

ในนี้จะมีไฟลล์ PSD อ่ะนะครับ มี.....

 

lauout.psd -- ไฟลล์นี้จะเป็นธีมทั้งตัวเลยครับยังไม่ได้ทำการใดๆทั้งสิ้นแต่มี เส้น Guides และ Slices
พร้อมทำการ Save for web ได้ทันที
header.psd -- เมื่อตัดมาแล้วจะมาทำ header,html
footer.psd -- เมื่อตัดมาแล้วจะมาทำ footer.html
blocks.psd -- เมื่อตัดมาแล้วจะมาทำ blocks.html
story.psd -- เมื่อตัดมาแล้วจะมาทำ story_home.html และ story_page.html

 

**ไฟลล์ทั้ง 4 ส่วนตัดมาจาก layout.psd ทั้งหมด แต่ผมตัดออกมาให้เรียบร้อยแล้ว
เพื่อลดส่วนของการอธิบายของ photoshop ลงไปเพื่อลดปัญหาการสับสัน(ของผมเอง)
**ฉะนั้นติวเตอร์ครั้งนี้จะเน้นในส่วนของ โค็ด เท่านั้น (ผม) จะได้ไม่สับสน
ผมเข้าใจว่าการเริ่มต้นด้วยวิธีนี้จะเข้าใจง่ายที่สุดสำหรับผู้เริ่มต้น
(เมื่อคุณมีความชำนาญวิธีนี้จะดูยุ่งยากสำหรับที่ทำธีมบ่อยๆ)

 

เอาล่ะครับเมื่อดาวน์โหลดไฟลล์เรียบร้อยแล้วเปิดด้วยโปรแกรม photoshop จะเห็นตามรูปครับ


ใช้คำสั่ง crop หรือกด C แล้วตัดออกเป็นส่วนต่างๆตามที่ท่านเห็นตามไฟลล์ตัวอย่างที่ผมได้ตัดให้ไปดูเรียบร้อย
เปิดไฟลล์ header.psd, footer.psd, blocks.psd, story.psd ด้วยโปรแกรม photoshop ท่านจะพบรายละเอียดต่างๆ
ที่สร้างเส้น Guides และ Slices พร้อมทำการ Save for web ( Ctrl+Shift+Alt+S ) ลองศึกษารายละเอียดต่างๆได้เลยครับ
เมื่อ Save for web ( Ctrl+Shift+Alt+S ) มาเรียบร้อยแล้วก็มาเริ่มกันเลย เปิด Dreamwever ขึ้นมาเลยครับ

เอาละครับเริ่มเข้าสู่บทเรียน

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



« ย้อนกลับ | หน้า 2 จาก 10 | หน้าต่อไป »


ส่งบทความ - ดูข้อความทั้งหมด (0)
บทความล่าสุด
Workshop

Tutorials

TrendyFlash Site Builder

Gamebox Theme

TrendyFlash Intro Builder

ToKyo Drfit

ROBOT THEME

Welcome to cazdesign!
สมาชิกออนไลน์
สมาชิกออนไลน์ขณะนี้ 3
2 สมาชิก | 1 บุคคลทั่วไป
krusombat, stronger

ออนไลน์ สูงสุด ทั้งหมด 7 คน เมื่อ วันที่ 13 เดือน มิถุนายน ค.ศ. 2006 เวลา 15:29 PM.