WORDPRESS THEME DESIGN -Tanyaporn-ARTI3319

Page 1


ชื่อ Theme : Fashion cold weather. ที่มาของการออกแบบ : เนื่องดวยในการเรียนรายวิชา ARTI3319 ผศ.ประชิด ทิณบุตร ไดสอนโปรแกรม WordPress Thai เพื่อให นักศึกษาไดเรียนรูและใชงานจริงในโปรแกรม และเพื่อความเขาใจในการใชเครื่องมือและสรางเว็ปไซตของ WordPress Thai จึงไดทําการออกแบบ Theme ขึ้นมา มีเนื้อหาเกี่ยวกับแฟชั่นหนาหนาว ทีแ่ นะนําการแตงตัวให เขากับรูปรางลักษณะของแตละบุคคล ตั้งแตคนที่มีรูปรางเล็กไปจนถึงคนที่มีรูปรางใหญ โจทยและวัตถุประสงค : 1. เพื่อเรียนรูระบบงานของโปรแกรม WordPressThai3.0.4Portable 2. เพื่อการออกแบบเว็บไซต 3. เพื่อพัฒนาศักยภาพของตนเอง โปรแกรมที่ใชงาน : Adobe Photoshop CS3 , WordPress Thai3.0.4Portable


ขั้นตอนการทํางาน 1. เปดโฟลเดอร WordPressThai3.0.4Portable แลวคลิ๊กไฟลชื่อ USBWebserver เพื่อเปดระบบบริการ ฐานขอมูล

2. เมื่อปรากฏหนาตางของระบบ USBWebserver 8.0 แลว ใหคลิกปุมคําสั่ง Localhost


3. จากนั้นจะมีเว็ปของ WordPress Thai ขึ้น ใหคลิ๊กที่ลิ๊งคเพื่อเขาสูระบบ

4. เมื่อเปดหนาเว็บแลวตองทําการเลือก Theme ที่เราจะสรางกอน


5. เมื่อเลือกธีมเสร็จแลว จากนัน้ ทําการสรางสรรคการออกแบบ โดยการออกแบบสวนหัวของหนาเว็บไซต จากโปรแกรมที่ถนัด (ในที่นจี้ ัดทําจากโปรแกรม PhotoshopCs3)

6. ใสสวนหัวของหนาเว็บใซตโดยการปรับเปลี่ยนโคด ใน style


หนาเว็ปที่เสร็จสมบูรณ หนาแรก

หนาที่ 2


สรุปผลการออกแบบ : การออกแบบจะเนนโทนสีขาวดํา เพื่อทําใหรูปภาพที่ออกแบบดูเดน เนื่องจากการใชเว็ป ยังไมคุนเคย จึง เนนไปทางการทํารูปโดยใชโปรแกรม PhotoShop CS3 ที่ตนเองถนัด การออกแบบครั้งนี้มีดวยกัน 2หนา โดยทั้ง2 หนา จะมีรูปภาพและเนื้อหาของแฟชั่นหนาหนาวอยู จะแตกตางกันตรงที่หนาแรกจะแทรกภาพตนเองลงไปดวย ปญหาที่พบ : เนื่องจากเปนการทํางานกับโปรแกรม WordPressThai3.0.4Portable ครั้งแรก และตัวโปรแกรมมีความ ซับซอนคอนขางมาก การทํางานเปนไปดวยความลําบาก ทําใหผลงานออกมาไมดีเทาที่ควร




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.