markyoyoyo โพสต์ 2012-3-31 11:28:34

การทำเว็บบทเรียนที่ 2

แก้ไขครั้งสุดท้าย 2012-3-31 11:49 โดย markyoyoyo

แก้ไขครั้งสุดท้าย 2012-3-31 11:38 โดย markyoyoyo

แก้ไขครั้งสุดท้าย 2012-3-31 11:34 โดย markyoyoyo

แก้ไขครั้งสุดท้าย 2012-3-31 11:30 โดย markyoyoyo

บทเรียนที่ 1http://forum.discuzthai.com/forum.php?mod=viewthread&tid=33006&page=1&extra=#pid356012
การสร้างปุ่มเข้าเว็บนะครับ

จากบทเรียนแรก ที่ สร้าง แชทบล๊อกหรือคลิปจากยูปทูปนะครับจะสอนการสร้างปุ่ม

แล้วคลิปขวาเลือก สีเหลี่ยมมุมโค้ง

แล้วสร้างตามขนาดที่อยากได้ [สีขาวหรือสีอื่นที่ผสมแล้วสวย]

ไปที่เมนูสีแล้วเลืิอกสีที่ใกล้เคียงกัน

กดที่เราสร้างปุ่มเอาไว้บริเวนลูกศรสีแดงชี้ไป

จะเปิดหหน้าต่างแบบนี้ แล้วไปที่ เมนู Gradient overlay
แล้วปรับค่าตามภาพด้านล่าง

แล้วไปที่inner Glow ปรับตามภาพด้านล่าง


ยังจากนั้นทำตามบทเรียนแรกที่ตัดกรอบแดงในบทเรียนแรก
เซฟก็เหมือนบทเรียนแรก
หลังจากนั้น เปิดด้วยโปรแกรม Dreamweaver จะเป็นแบบภาพด้านล่าง


แล้วไปที่เมนู [คลิกที่ภาพทั้งหมดก่อน]
ปรับเป็นcenter เหมือนบทเรียนแรก

แล้วกดที่ปุ่มที่เราสร้างเอาไว้

ดูที่เมนู [วงกลมดีแดงที่วงไว้ในภาพ]

แล้วนำไปสร้างตรงปุ่ม ที่เราสร้างเอาไว้
แล้วแก้ลิงค์ตามภาพด้านล่าง

มีอะไรถามได้นะครับ {:9987gag:}
ต้นฉบับครับ ไม่ต้องเข้าไปก็ได้^^
http://tip-wise.net/board/forum.php?mod=viewthread&tid=42&extra=
บทเรียนที่ 2.1http://forum.discuzthai.com/forum.php?mod=viewthread&tid=33012&page=1&extra=#pid356122

markyoyoyo โพสต์ 2012-3-31 11:38:27

อ๊าก บทเรียน 3 สอนทำไรดี sm926dz

icemanz โพสต์ 2012-3-31 12:19:28

อ้างอิงจาก markyoyoyo เมื่อ 2012-3-31 11:38 static/image/common/back.gif
อ๊าก บทเรียน 3 สอนทำไรดี

-ขนาดภาพแสดงผลในจอต่างขนาดกัน เช่นเริ่มทำที่ 1024*768 พอเอาเครื่องที่จอขนาดเปิดที่ 1280*1024 ปุ่มที่เรามาร์คลิงค์ไว้มันจะเพี้ยนครับ ตัวนี้แก้ยังงัยน้อ sm953dz

markyoyoyo โพสต์ 2012-3-31 12:27:40

อ้างอิงจาก icemanz เมื่อ 2012-3-31 12:19 static/image/common/back.gif
-ขนาดภาพแสดงผลในจอต่างขนาดกัน เช่นเริ่มทำที่ 1024*768 พ ...

ดูที่กระทู้ที่บทเรียนแรกยังอะครับ มันต้องตัดแบ่งภาพ อะครับ

icemanz โพสต์ 2012-3-31 17:13:53

อ้างอิงจาก markyoyoyo เมื่อ 2012-3-31 12:27 static/image/common/back.gif
ดูที่กระทู้ที่บทเรียนแรกยังอะครับ มันต้องตัดแบ่งภ ...

ตอนนี้ผมตัดแบ่งแล้วครับ export ออกมาแล้ว ทีนี้ติดตรงที่ผมจะทำยังงัยให้จอขนาดใหญ่แสดงผลได้เต็มจอพอดีครับ ภาพเดิม 1024*768 เอามาเปิดใน 1366*768 หรือขนาดอื่นๆครับ

markyoyoyo โพสต์ 2012-3-31 19:18:25

อ้างอิงจาก icemanz เมื่อ 2012-3-31 17:13 static/image/common/back.gif
ตอนนี้ผมตัดแบ่งแล้วครับ export ออกมาแล้ว ทีนี้ติดตรงท ...

แนะนำ 1024*768 เพราะมันจะไม่น่าเกลียดอะครับเวลาเจอกับขนาดอื่นๆ แต่พอ ใช้ขนาดใหญ่ๆ คนที่ปรับน่าจอเล็กๆจะเห็นใหญ่มากไม่เต็มจอครับ:curse:

hirako โพสต์ 2012-4-2 09:59:31

แก้ไขครั้งสุดท้าย 2012-4-2 10:00 โดย hirako





จากที่ได้ลองทำดู
ทำไปทำมาทำเพลิน
กำลังหาลูกเล่นใหม่

markyoyoyo โพสต์ 2012-4-2 12:41:13

อ้างอิงจาก hirako เมื่อ 2012-4-2 09:59 static/image/common/back.gif
แก้ไขครั้งสุดท้าย 2012-4-2 10:00 โดย hirako




ทำแหลกเลยหรอ - -*

fun โพสต์ 2012-4-2 14:07:41

การทำเว็บดีไซนื สวยไม่สวย อยู่ที่ photoshop นี้เเหละ

l3eil3oy โพสต์ 2012-4-4 02:24:41

เดว จะลอง เอามา ลงมัง
หน้า: [1] 2
ดูในรูปแบบกติ: การทำเว็บบทเรียนที่ 2