1

ค ำน ำ

บลอก คอ เวบไซตสรำงโดย admin ทเปนเจำของในกำรเขยนตกแตงเวบไซตเรองรำวตำงๆของตนเองหรอผอนไดตลอดเวลำ มทสรำงเวบไซตท ำไดฟรหรอไมฟรกมถำศกษำกไมยำกหรอซบซอนเกนไป จะมตวชวยเสรมใหเรำสะดวกในกำรใชสรำงเวบไซตใหหลำกหลำยมำกขน รำยงำนเลมน จดท ำขนเพอกำรศกษำกำรท ำเวบตกแตงภำยในเวบบลอกมทศกษำ Wordpress เปนกำรเรยนกำรสอนของรำยวชำ เทคโนโลยเพอกำรออกแบบนเทศศลป ARTI3319 ผสอน ผศ.ประชด ทณบตร หำกผดพลำดประกำรใดในรำยงำนเลมน ตองขออภยมำ ณ ทนดวย

ผจดท ำ นำงสำวสพตรำ จกอำโน

2

สำรบญ เรอง หนำ กำรจดกำร แตงเวบ Wordpress 3 - วธเปลยนภำษำ 3 - วธตดเนอหำยำวเปนสนลงเพยงกด “อำนเพมเตม” 4 - วธเปลยน Header เพม Widget 6 [เปลยนรปแบบบลอค เพม พนหลง] - วธจดรปหรอเพมขนำดภำพ 8 - วธท ำภำพเคลอนไหวตกแตงเวบไซต 11

3

การจดการ แตงเวบ Wordpress Wordpress คอ Open source web software เปนโปรแกรมเครองมอ ไวสรำง บลอค พฒนำเรอยมำจนสำมำรถสรำงเปนเวบไซต วธเปลยนภาษา เลอกไอคอน W หนำควบคมของ admin Wordpress

เปลยนภำษำไทยไดเลย แลวกดบนทกในกำรเปลยนแปลง

4

วธตดเนอหายาวเปนสนลงเพยงกด “อานเพมเตม” กดหนำควบคม

เขำเนอหำขอควำมทตองกำรยอ

5

ผลทได

6

วธเปลยน Header เพม Widget [เปลยนรปแบบบลอค เพม พนหลง] กำรเปลยนรปแบบบลอคนนจ ำเปนตองทรำบขนำดทใชกบบลอคใหมขนำดพอด จงจะดสวยงำมมวธดงน

เลอกรปแบบบลอค>พนหลง

7

8

วธจดรปหรอเพมขนาดภาพคลกทรปภำพ แลวเลอกไอคอนแกไขรปภำพบนมมซำย

เลอกปรบกำรจดหนำของรปภำพ

9

เลอกกำรตงคำขนสง สำมำรถปรบขนำดไดตำมควำมเหมำะสมไดมำกทสด

ผลทแสดงออกมำ

10

วธเพม Widgets ลง Sidebar

11

วธท าภาพเคลอนไหวตกแตงเวบไซต ใหสรำงภำพไวส ำหรบท ำภำพเคลอนไหวเตรยมไวหลำยๆเลเยอร เปนภำพ Inbetween ทเปลยนทศทำงของภำพทละซอตตำมตองกำร

กดท Window > Animation

จะมแถบขนมำดงภำพ

12

1.คอเวลำของภำพ Tineline สำมำรถ ยด หด ไดตำมตองกำรของเวลำในกำรเคลอนไหวแสดงผลออกมำเปนวนำท 2.คอแถบจ ำกดเวลำในกำรเคลอนไหวใหลำกมำหำเลเยอรสดทำย

วธกำรเซพไฟล ใหกด File เลอก Save for web & devices

13

***ส ำคญ เลอกไฟลนำมสกล .gif จำกนนใหปรบคำ Looping options ใหเปน Forever เพอใหภำพเคลอนไหวตอเนองตลอด

14