จากตอนที่แล้ว http://callmebird.com/weblog/using-image-as-link
วันนี้มีอีกวิธีนึง จะเขียนไว้กันลืม
ใช้แท็ก <a> เหมือนเดิม

อ่านทั้งหมด »

เป็นที่ทราบกันดีว่าถ้าคุณนำข้อมูลใส่เข้าไปบนอินเทอร์เน็ตนั่นก็หมายความว่าคุณยอมรับ
ที่จะเผยแพร่ข้อมูลนั้นต่อสาธารณ เพียงแค่ใช้ ชื่อหรืออีเมล ของบุคคลที่คุณต้องการสืบค้น
เสิร์ชด้วยกูเกิลคุณก็จะพบกับข้อมูลมากมาย

วิธีที่จะช่วยให้เว็บไซท์ หรือ บางเพจของเว็บไม่ให้ถูกค้นเจอด้วย search engine

1.ใส่ robots meta tag ในเพจที่ไม่ต้องการให้ search engine เก็บข้อมูลไปทำ index

อ่านทั้งหมด »

การสร้าง element เพื่อบรรจุข้อความในเว็บบ่อยครั้งที่เรา
ไม่สามารถคาดการณ์ได้ล่วงหน้าว่าข้อความจะมีความยาวเท่าไหร่
ถ้าหากใช้ height กำหนดความสูงให้กับ element ก็จะเกิดปัญหา
เมื่อข้อความใน element นั้นยาวเกินกว่าที่ element นั้นจะบรรจุไว้ได้
ส่งผลกระทบต่อ element อื่น ๆ ในหน้าเว็บ เพราะความสูงยังคงเท่าเดิม
ไม่ได้ขยายไปพร้อม ๆ กับตัวอักษรที่ล้นออกไป ทำให้เกิดปัญหา
ข้อความซ้อนทับกัน

อ่านทั้งหมด »

การที่เราจะเขียนเว็บไซต์ที่ใช้ style sheet โดยเฉพาะแบบ tablelessให้ cross browser
มาสักเว็บนึง เป็นเรื่องที่ยากลำบาก เพราะ web brower รุ่นเก่า มาตรฐานการ render จะต่าง
จาก web browser รุ่นใหม่ แม้กระทั่งยี่ห้อเดียวกัน แต่ต่างรุ่น ก็แสดงผลต่างกัน เช่น IE6 กับ
IE7 ที่แสดงผลบางอย่าง ไม่เหมือนกัน ดังนั้น เพื่อให้บรรลุวัตถุประสงค์(ทำเว็บ cross browser)
เราก็ต้องอาศัย การ hack css เข้าช่วย

อ่านทั้งหมด »

ที่มา : http://www.pageresource.com/html/image3.htm

สมมติว่าคุณต้องการใช้บริการเว็บต่าง ๆ คุณจะต้องผ่านด่านการกรอกข้อมูล และตั้งรหัส ซ้ำแล้วซ้ำเล่า ดูรูปประกอบ

เห้อ มันเป็นอะไรที่น่าเบื่อที่สุด ไหนจะต้องกรอกข้อมูลส่วนตัว ตั้งรหัสใหม่ ซึ่งเป็นไปไม่ได้อยู่แล้วที่จะใช้รหัส
เหมือน ๆ กันทุกเว็บ เพราะ เงื่อนไขการตั้งรหัสผ่านแต่ละเว็บไม่เหมือนกัน สังเกตได้จากรูปข้างบน

อ่านทั้งหมด »

เคยสงสัยหรือป่าว เวลาตัด template เว็บ มันจะมีข้อความตัวอย่างมาแบบนี้

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”

อ่านทั้งหมด »

ตัวอย่างคำสั่งที่ทำให้ <div> สามารถกลายเป็น link ได้ อีกทั้งเมื่อเอาเมาส์ไปโอเวอร์ก็ให้ cursor เป็นรูปมือ มีดังนี้

เพียงแค่นี้ ไม่ว่าจะเป็น div หรือ อะไรก็ตามก็สามารถเป็น link ได้หมด

อ่านทั้งหมด »

framework คือ

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

CSS framework คือ

ชุดของไฟล์ css ที่ได้จัดเตรียมการจัดรูปแบบพื้นฐาน รูปแบบฟอร์ม grid เลย์เอาท์ ไว้ให้ใช้ โดยเราไม่จำเป็นต้องเขียนโคดซ้ำ ๆ เช่น เรามีงานออกแบบเว็บไซท์ 10 โปรเจ็ค ทุกโปรเจ็คจะต้องมีบางสิ่งที่คล้ายกัน ไอ้สิ่งที่คล้ายกันนี้เราก็ไม่จำเป็นต้องเขียนซ้ำแล้วซ้ำอีก

อ่านทั้งหมด »

file manager คือ โปรแกรมที่มีส่วนติดต่อกับผู้ใช้เพื่ออำนวยความสะดวกในการจัดการไฟล์ในระบบ เช่น สร้าง เปิด แก้ไข เปลี่ยนชื่อ ย้าย ลบ คัดลอก ลบ ค้นหา เป็นต้น สำหรับ file manager ที่เป็น web-based จะมีฟังก์ชันการใช้งานที่เพิ่มขึ้นมาคือ การอัพโหลดไฟล์ขึ้นเซอฟเวอร์

WordPress File Manager เป็น plugin ที่ให้ใช้ได้ฟรีเพื่ออำนวยความสะดวกให้กับผู้ใช้ wordpress ในการจัดการไฟล์ที่ใช้ในบล็อกที่ส่วนมากจะเป็นรูปประกอบการเขียนบล็อก หรืออาจจะเป็นไฟล์ที่แนบมากับเนื้อหาบล็อกเพื่อให้ผู้อ่านดาวน์โหลด

อ่านทั้งหมด »