ควบคุมระบบ-จัดการbanner เว็บ

การจัดการ banner ใน php-fusion v7 นี้ มี 2 จุดเลย จุดแรกคือจุดตั้งค่าหลัก ควบคุมระบบ-ตั้งค่าหลัก และจุดที่กำลังจะกล่าวถึงก็คือจุดที่สอง ที่ php-fusion ให้ความสำคัญกับ banner จนต้องออกมาให้เราจัดการกันทั้งสองจุดก็อาจจะเป็นเพราะว่า banner ก็เหมือนหน้าตาส่วนแรกๆของเว็บ ที่ผู้เข้าเยี่ยมชมสังเกต ด้วยตำแหน่งที่อยู่บนสุดด้วย

การจะใส่ banner จุดนี้ จะต้องอาศัยความรู้พื้นฐานในเรื่อง HTML บ้าง โดยเฉพาะคำสั่ง img เพื่อที่จะสามารถใช้งานได้

ผมจะกล่าวคร่าวๆก่อนการปรับแต่งเพื่อความเข้าใจครับ

ในการทำเว็บ ถ้าเราต้องการแสดงผลรูปใดๆในหน้าเว็บ เราต้องเขียนดังนี้

1. <img src="ที่อยู่ของรูป">

สำหรับ HTML หรือว่าเขียนแบบนี้

1. <img src="ที่อยู่ของรูป" />

สำหรับ XHTML
นี้คือโค้ด ที่สั้นที่สุด ที่จะเขียนเพื่อแสดงรูปภาพออกมาที่หน้าเว็บ ซึ่งโค้ดแสดงรูปภาพอาจะมี attribute อื่นๆเพิ่มเติมได้อีก เช่น

1. <img src='ที่อยู่รูปภาพ' style='margin:5px' align='left' />

เป็นคำสั่งแสดงรูปภาพโดยมีการเพิ่มส่วนของ style เข้าไปกำหนดให้มีระยะห่างจากวัตถุอื่น 5 px และ มีการจัดเรียงชิดซ้าย

ปัญหา สำคัญของเรื่องรูปภาพที่เจอกันประจำก็คือ การใส่ ที่อยู่ของรูป ผิด การใส่ที่อยู่ของรูปนั่น จะอ้างอิงจากตำแหน่งหน้าเว็บไปก็ได้ หรือว่าจะอ้างอิงแบบ URL เต็มๆเลยก็ได้ เช่น http://www.meewebfree.com/imagees/star.gif ซึ่งอันนี้แล้วแต่ความถนัด แต่ส่วนใหญ่ที่เจอผิดประจำคือเอา URL ของรูปในเครื่องมาใช้ ตอนที่ทดสอบเว็บในเครื่อง เช่น C:\\My Document..... บ้างล่ะ หรือว่า http://localhost...... บ้างล่ะ พอเวลาเอาขึ้นเว็บจริง มันก็ไม่แสดง หรือแสดงผลผิดพลาดนั่นเอง



เรื่องนี้ต้องอาศัยประสบการณ์การทำเว็บครับ แล้วเราอาจจะมีบทความกล่าวถึงอีกที ตอนนี้กลับมาเข้าเรื่องการจัดการแบนเนอร์เลย

เริ่มจากเข้าจัดการ banner ก่อน


จาก นั้นเราก็จะพบว่า มีช่องให้เราใส่โค้ด สองช่องเลย ความต่างของสองช่องนี้ก็คือ ช่องบน หรือว่า แบนเนอร์ 1 เป็นแบนเนอร์ที่แสดงผลแทนแบนเนอร์ข้างบนเว็บที่เรากำลังใช้งานในปัจจุบัน ครับ ลองดูที่ด้านซ้ายบนได้ครับ� ส่วน แบนเนอร์ 2 จะแสดงที่ระดับเดียวกันคือที่ header แต่ว่าจะแสดงอยู่ที่ฝั่งขวาขวาเว็บครับ� 1 ด้านซ้าย 2 ด้านขวานั่นเอง

ส่วน การใส่โค้ดก็มีให้เลือก ว่าเราจะใส่เป็น php ก็ได้ หรือว่าเราจะใส่เป็น HTML XHTML ก็ตามสะดวกกันล่ะครับ ถ้าเอาให้ง่ายก็เป็น XHTML ด้วยการกดที่ปุ่ม img

แล้วมันจะเขียนโค้ดให้เรา เราจะสังเกตเห็นว่า src='' โดยในระหว่างเครื่องหมาย ' นั้นยังไม่ได้ระบุอะไร ก็ให้เราระบุที่อยู่ของรูปภาพเข้าไปเลย เช่น images/smiley/smile.gif ก็จะได้

1. <img src='../images/smiley/smile.gif' style='margin:5px' align='left' />

โค้ดนี้เติม ../ เข้าไปที่ด้านหน้า เพื่อให้ถอยออกมา 1 ชั้น ไม่อย่างนั้นอาจจะแสดงผลแล้ว error ได้ แต่แนะนำว่าควรศึกษาเรื่องการอ้างอิงตำแหน่งไฟล์ และพื้นฐาน html หรือ xhtml จะได้แก้ไขได้อย่างถูกต้องครับ

และที่สำคัญ ที่ด้านล่าง จะมีให้เรากรอกรหัสสำหรับแก้ไขเว็บ นั่นคือรหัสสำหรับแก้ไขเว็บ ซึ่งเป็นคนละชุดกับรหัสที่ใช้ login เข้ามานะครับ ให้นึกย้อนไปตอนที่ติดตั้ง จะมีหน้าหนึ่งให้เราสร้าง account และให้กรอกรหัสผ่านสองชุดที่ต้องแตกต่างกัน จุดนั้นล่ะครับ เอารหัสชุดที่สองมาใช้ตรงนี้นั่นเอง