FINAL PROJECT “THEME : WORD PRESS THAI” ชื่อ Theme : Foodland ที่มาของการออกแบบ : เนื่องดวยในการเรียนรายวิชา ARTI3319 อาจารยไดมี โปรแกรม WordPress Thai มาใหนักศึกษาไดเรียนรู และฝกใชงาน เพื่อที่จะเขา ใจในการสรางเว็บและเขาใจในโครงสราง ของเว็บไซต จึงไดเกิดโครงการออกแบบ Theme นี้ขึ้นมา ในการออกแบบ theme ครั้งนี้จะเปนเรื่อง ราวเกี่ยวกับ แนะนําเว็บ ขอมูลแหลงทองเที่ยว รานอาหาร และขาวคราวกิจกรรมตาง ๆ ในกรุงเทพฯ โจทย และวัตถุประสงค : 1.เพื่อศึกษาการใชงาน WordPressThai3.0.4Portable 2.เพื่อฝกฝนการออกแบบเว็บไซต โปรแกรมที่ใชงาน : Adobe Photoshop , WordPressThai3.0.4Portable
ขั้นตอนการออกแบบและปฏิบัติงาน : 1.เปด WordPressThai3.0.4Portable แลวไปที่ usbwebserver
2.เมื่อเขาระบบมาแลวใหทําการเลือกThemeโดยเลือกเปน Altantis
3.แลวเขาไปแกไขรูปแบบของThemeที่ Style
4.หลักจากไดภาพแลวก็นําไฟลไปไวที่ WordPressThai3.0.4Portable >> root>> wordpressthaiedition>>wp-content>>themes>>Atlantis>> images หลังจาก นําภาพไปวางเรียบรอยแลว ก็ไปเปลี่ยนขอมูลที่ Stye โดยเปลี่ยน ชื่อภาพเปนรูป ภาพของเราที่จัดทําขึ้น home{ body {
background:#ffffff url(images/HEADER02.png) top no-repeat; margin:0 auto; padding:0px 0px 0px 0px; background:#ffffff url(images/HEADER02.png) top no-repeat; font-family:Verdana,Arial,Tahoma, Century gothic,sans-serif; font-size:12px;
5.ภาพที่ทําการเปลี่ยนแปลงสวนหัวเรียบรอยแลว
6.ทําการแกไขสีของเมนูดานขางที่ Style
7.ภาพแสดงการแกไขเมนูดา นขางที่สมบูรณ
8.ทําการเพิ่มขอมูลและใสเนื้อหาภายในเว็บ
หนาเว็บที่เสร็จสมบูรณประกอบดวย 1.หนาเว็บหลัก HOME : ซึ่งจะเปนหนาเว็บที่แสดงการโพสขอมูลทุกครั้งที่เราไดทํา การโพส ลงไปและยังรวมขอมูลการโพสทั้งหมดของเราไวอีกดวย และยังสามารถลิงค ไปยังหนาตางๆได
2.Gallery : สําหรับแสดงรูปภาพตางๆ
3.หนาเว็บที่ลิงคตอจากหนาหลัก
สรุปผลการออกแบบ จากการออกแบบสามารถสรุปไดวาการออกแบบธีมครั้งนี้ จะเนนความเรียบงายดูแลว สบายตา จึงใชสีในโทนสวาง ขาวและสม ธีมนี้เปนธีมเกี่ยวกับอาหารและรานอาหาร สีสมจะชวยในการกระตุนใหผูชมที่ดูใหเกิดอาการ การอยากอาหาร ทําใหผูที่ชมมี อารมณรวมไปดวย ทําใหดูเหมาะสมนาคนหา ซึ่งตรงกับการออกแบบเว็บในครั้งนี้ และไดทําการออกแบบเว็บเปนสามหนาหลักดวยกันคือ 1.หนาหลัก 2.หนาที่ลิงค ตอจากหนาหลักจะมีการเพิ่มขอมูลและใสเนื้อหามากขึ้น และ3.หนาGallery สําหรับ แสดงรูปภาพตางๆ ใหผูชมไดชมบรรยากาศรานอาหารตางๆที่ทางเว็บนําเสนอ ปญหาที่พบ เนื่องจากการใชงานนี้เปนการใชงานครั้งแรกจึงทําใหยังไมคุนเคยกับโปรแกรมจึงยัง ทําใหไมสามารถใชงานไดเต็มที่ ตองใชเวลาในการศึกษามากกวานี้เพื่อที่จะทําให งานมีประสิทธิ ภาพมากขึ้น