1. การสร้าง Hyperlink Dreamweaver
สร้างลิงค์ในเว็บไซต์เดียวกันเป็นการสร้างลิงค์หากันในเว็บไซต์เดียว จากเว็บเพจหนึ่ง ไปอีกเว็บเพจหนี่ง ขั้นตอนการสร้างมีขั้นตอนดังนี้
1.เปิดหน้าเอกสารที่ต้องการสร้างลิงค์ ใน Dreaweaver
2.เลือกตัวอักษร หรือรูปภาพ ที่ต้องการให้เป็นลิงค์ จากนั้นไปที่สัญลักษณ์ตามภาพ
3.จะมีหน้าต่างขึ้นมาดังรูป
3.1 ช่อง Text คือคำที่เราเลือกไว้ให้เป็นลิงค์
3.2 ช่อง link คือ ไฟล์ที่เราต้องการลิงค์ไป โดยการคลิกที่รูป folder สีเหลืองด้านหลัง
ไฟล์ที่ลิงค์ไปจะเป็นเว็บเพจ ไฟล์รูป หรือเป็นไฟล์อะไรก็ได้ที่อยู่ใน local root folder
3.3 ช่อง Target มีรายละเอียดดังนี้
1.target='_blank' เป็นคำสั่งให้เปิด link ในหน้าใหม่
2.target='_parent' เป็นคำสั่งให้เปิด link ในหน้าเดิม (ถ้าไม่เลือกจะเป็นค่านี้อัตโนมัติ)
3.target='_self' เป็นคำสั่งให้เปิด link ใน frame ปัจจุบัน (อ่านรายละเอียดในหัวข้อเรื่อง frame)
4.target='_top'เป็นคำสั่งให้เปิด link ทับหน้าเดิมทั้งหมด ซึ่งจะปิด frame ทั้งหมดเช่นเดียวกัน (อ่านรายละเอียดในหัวข้อเรื่อง frame)
4.คลิกโอเคก็จะสร้างลิงค์เรียบร้อย
2.การทำ Counter นับจำนวนผู้เข้าชม
สำหรับผู้ที่ทำเว็บเพจการใช้
counter ฟรีที่มีให้บริการตามที่ต่าง ๆ ก็ดูสวยดี
แต่หากต้องการที่จะทำการนับจำนวนผู้ที่เข้าชมเว็บเพจของเราในแต่ละหน้าแยกจำนวนออกจากกันจะทำอย่างไร
พอดีไปเจอ CGI ทำcounter แบบง่ายๆ
และเห็นว่าน่าใช้งานดีเลยถือโอกาสนี้นำมาฝากกัน ก็สำหรับผู้ที่ใช้โฮสต์แบบที่รองรับ
CGI เช่น Hypermart.net เท่านั้นโดยได้นำมาจาก http://www.utilmind.com
ซึ่งมีความสามารถพิเศษคือเป็นcounter
แบบตัวเลขที่ทำงานโดยการเรียกCGI โดยไม่ต้องระบุอะไร
โปรแกรมจะทำการตรวจสอบชื่อของไฟล์
html ที่เรียกและสร้างฐานข้อมูลสำหรับการนับ
พร้อมทั้งแสดงผลเป็นตัวเลขได้ทันที ดูตัวอย่างการทำงานได้จากการนับจำนวนผู้เข้าชมในแต่ละหน้าที่ด้านล่างขวามือ
การใช้งานและติดตั้งก็ง่ายมากๆ
โดยทำตามขั้นตอนต่อไปนี้2. ไฟล์ข้างในจะประกอบด้วย
counter.cgi คือไฟล์ที่เป็น cgi สำหรับรัน
counter.txt คือไฟล์สำหรับเก็บข้อมูลการนับ
index.html คือตัวอย่างการใส่code สำหรับการเรียกcounter.cgi
3. ทำการupload ทั้งหมดไปเก็บไว้ที่Server ของhypermart โดยใช้ FTP Program
4. ไฟล์ counter.cgi ขณะที่ Upload ต้องเลือก mode แบบ ASCII
ด้วยและเปลี่ยน mode เป็น 755 ก่อน
5. ที่หน้าเว็บเพจไหน หากต้องการทำการนับจำนวนให้หาที่ว่างๆใส่ code นี้ลงไปจำนวนผู้เข้าชม
ครั้ง
6. ตรวจสอบใน source code ของไฟล์ html ก่อนนะครับว่าไม่มี สัญญลักษณ์ต่างๆ ปะปนอยู่ด้วยหรือดูตัวอย่างจากไฟล์ index.html ที่ดาวน์โหลดไปก็ได้
7. หลังจากนั้นโปรแกรมจะทำงานโดยอัตโนมัติเมื่อมีผู้เรียกดูหน้าเว็บเพจ
โดยที่เราไม่ต้องระบุชื่อไฟล์ html เลย
8. สามารถตรวจสอบจำนวนของ counter ได้โดยการเรียกดูไฟล์ /cgi-bin/counter/counter.txt
3.การทำการขยายบลอคให้กว้าง
ใครกำลังประสบปัญหาเนื้อที่การเขียนเอ็นทรีในบล็อกน้อยไปหรือเปล่า วันนี้จะมานำเสนอวิธีขยายความกว้างพื้นที่แสดงข้อความในเอ็นทรีกันเป้นวิธีปรับแต่งความกว้าง สำหรับธีมเวอร์ชั่นใหม่ของเอ็กทีนโดยเฉพาะเลย ในตัวอย่างจะขยายความกว้างขึ้นอีก 100px (pixels) เพราะง่ายต่อความเข้าใจครับ
ให้ไปที่ Tab ชื่อ Theme
คลิกที่ปุ่ม Edit ของธีมที่ต้องการ
หน้าจอ CSS Editor จะโผล่ขึ้นมา
ให้แก้ไขข้อมูลของธีมที่ถูกเลือกในจุดต่าง ๆ ตามนี้
เสร็จแล้วในส่วนของการกำหนดค่าตัวเลข แต่ยังไม่เสร็จทั้งหมดครับ
เพราะถ้าสังเกตในธีม จะเห็นว่ามีไฟล์รูปในส่วนที่เป็นขอบของบล็อก
ซึ่งจะเกิดจากไฟล์รูป 3 ไฟล์ประกอบกัน คือ header footer และ belly
ให้รูปมีขนาดความกว้างสูงสุดตามที่เรากำหนดไว้ ซึ่งในที่นี้ก็คือขนาด 880px
ซึ่งจะต้องนำรูปที่แก้ไขแล้วมาอัพโหลดเก็บไว้ในพื้นที่ในบล็อก
แล้วจึงนำเอา url ของแต่ละภาพไปใส่ในตำแหน่งที่กำหนดไว้
และข่าวดีก็คือ ผมทำรูปพวกนั้นมาให้โหลดกันแล้ว ก๊อปเอาไปใช้กันได้เลย
header.png ขนาด ความกว้าง 880 pixels [ PNG | GIF ]
belly.png ขนาดความกว้าง 880 pixels [ PNG | GIF ]
footer.png ขนาดความกว้าง 880 pixels [ PNG | GIF ]
หมายเหตุ: ไฟล์ PNG จะมีการสร้างเงาใต้กรอบรูป ส่วนไฟล์ GIF จะไม่มีเงาครับ
คำเตือน: การใช้ไฟล์ PNG ในบล็อก อาจส่งผลข้างเคียงอย่างรุนแรงกับผู้ที่ใช้ IE ได้
หรือถ้าคุณคิดว่าขนาด 880 นั่นยังกว้างไม่พอสำหรับบล็อกคุณ เอาไปเลย 980 pixels
header.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
belly.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
footer.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
ถ้าเป็นเตียงก็คงเป็นขนาดคิงไซส์กันเลยทีเดียว นอนสบายไม่ตกเตียงขาหัก
ซึ่งน่าจะพอเพียงสำหรับการทำ sidebar แบบสองฝั่งคลองได้ครับ
เสร็จแล้วล่ะ แค่นี้บล็อกของคุณก็จะกว้างขึ้นทันตาเห็น สามารถอัพเอ็นทรีกันได้กว้างจุใจ
ใครกำลังประสบปัญหาเนื้อที่การเขียนเอ็นทรีในบล็อกน้อยไปหรือเปล่า วันนี้จะมานำเสนอวิธีขยายความกว้างพื้นที่แสดงข้อความในเอ็นทรีกันเป้นวิธีปรับแต่งความกว้าง สำหรับธีมเวอร์ชั่นใหม่ของเอ็กทีนโดยเฉพาะเลย ในตัวอย่างจะขยายความกว้างขึ้นอีก 100px (pixels) เพราะง่ายต่อความเข้าใจครับ
ให้ไปที่ Tab ชื่อ Theme คลิกที่ปุ่ม Edit ของธีมที่ต้องการ หน้าจอ CSS Editor จะโผล่ขึ้นมา ให้แก้ไขข้อมูลของธีมที่ถูกเลือกในจุดต่าง ๆ ตามนี้
#page
#header, #neck, #belly, #leg, #footer
ให้แก้ไขค่า width จาก 780px เป็น 880px
#header, #neck, #belly, #leg, #footer
ให้แก้ไขค่า width จาก 780px เป็น 880px
#coverimage
#neck .module
#leg .module
ให้แก้ไขค่า width จาก 730px เป็น 830px
#neck .module
#leg .module
ให้แก้ไขค่า width จาก 730px เป็น 830px
#content
ให้แก้ไขค่า width จาก 490px เป็น 590px
ให้แก้ไขค่า width จาก 490px เป็น 590px
เพราะถ้าสังเกตในธีม จะเห็นว่ามีไฟล์รูปในส่วนที่เป็นขอบของบล็อก
ซึ่งจะเกิดจากไฟล์รูป 3 ไฟล์ประกอบกัน คือ header footer และ belly
ให้รูปมีขนาดความกว้างสูงสุดตามที่เรากำหนดไว้ ซึ่งในที่นี้ก็คือขนาด 880px
#header
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกไฟล์ header ที่แก้ไขความกว้างแล้ว) top left no-repeat;
#neck
#leg
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกตำแหน่งไฟล์ belly ที่แก้ไขความกว้างแล้ว) top left;
#belly
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกตำแหน่งไฟล์ belly ที่แก้ไขความกว้างแล้ว) repeat-y;
#footer
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกตำแหน่งไฟล์ footer ที่แก้ไขความกว้างแล้ว) bottom left no-repeat;
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกไฟล์ header ที่แก้ไขความกว้างแล้ว) top left no-repeat;
#neck
#leg
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกตำแหน่งไฟล์ belly ที่แก้ไขความกว้างแล้ว) top left;
#belly
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกตำแหน่งไฟล์ belly ที่แก้ไขความกว้างแล้ว) repeat-y;
#footer
ให้กำหนดค่าของ background โดยระบุตำแหน่งรูปใหม่ที่ปรับขนาดแล้ว
url(เลือกตำแหน่งไฟล์ footer ที่แก้ไขความกว้างแล้ว) bottom left no-repeat;
ซึ่งจะต้องนำรูปที่แก้ไขแล้วมาอัพโหลดเก็บไว้ในพื้นที่ในบล็อก
แล้วจึงนำเอา url ของแต่ละภาพไปใส่ในตำแหน่งที่กำหนดไว้
และข่าวดีก็คือ ผมทำรูปพวกนั้นมาให้โหลดกันแล้ว ก๊อปเอาไปใช้กันได้เลย
header.png ขนาด ความกว้าง 880 pixels [ PNG | GIF ]
belly.png ขนาดความกว้าง 880 pixels [ PNG | GIF ]
footer.png ขนาดความกว้าง 880 pixels [ PNG | GIF ]
หมายเหตุ: ไฟล์ PNG จะมีการสร้างเงาใต้กรอบรูป ส่วนไฟล์ GIF จะไม่มีเงาครับ
คำเตือน: การใช้ไฟล์ PNG ในบล็อก อาจส่งผลข้างเคียงอย่างรุนแรงกับผู้ที่ใช้ IE ได้
หรือถ้าคุณคิดว่าขนาด 880 นั่นยังกว้างไม่พอสำหรับบล็อกคุณ เอาไปเลย 980 pixels
header.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
belly.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
footer.png ขนาดความกว้าง 980 pixels [ PNG | GIF ]
ถ้าเป็นเตียงก็คงเป็นขนาดคิงไซส์กันเลยทีเดียว นอนสบายไม่ตกเตียงขาหัก
ซึ่งน่าจะพอเพียงสำหรับการทำ sidebar แบบสองฝั่งคลองได้ครับ
เสร็จแล้วล่ะ แค่นี้บล็อกของคุณก็จะกว้างขึ้นทันตาเห็น สามารถอัพเอ็นทรีกันได้กว้างจุใจ