Archive for the ‘บทเรียน HTML’ Category

  • องค์ประกอบของ HTML

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    บทเรียนแรกของ HTML เราจะนำท่านมารู้จักกับองค์ประกอบของ HTML กันก่อน โดยบทเรียนนี้ไม่ค่อยซีเรียสเท่าไร สบายๆครับ เนื่องจากว่ามันเป็นเพียงเบื้องต้นเท่าไร

    องค์ประกอบของภาษา HTML ขอให้ดูเป็นตัวอย่างล่ะกัน จะได้เข้าใจได้ง่ายขึ้น
    Read the rest of this entry »

  • ทำ Link กระโดดบรรทัดที่อยู่ในหน้าเดียวกัน เช่น FAQ

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    ท่านอาจจะพบเว็บที่มี Link ให้คลิกแล้วพอคลิกนั้นไม่เปลี่ยนหน้า แต่กลับไปยังส่วนต่างๆของหน้านั้น ไหมครับ เทคนิคนี้ไม่อยากครับ ปกติมักใช้กันเวลาที่หน้านั้นมีขนาดยาว และต้องการสร้าง Index ให้กับผู้เข้าชมเว็บไซต์ มักพบมากสำหรับ FAQ ครับในหัวข้อนี้เราจะมาสอนวิธีการทำแบบนั้นให้ดูกัน โดยเราจะแบ่งเป็น 2 ส่วนคือ
    ส่วนของการทำ Link Read the rest of this entry »

  • เทคนิคการใช้ SSI สั่งให้ CGI ทำงานและ Include File

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    SSI ย่อมมาจาก ( Server Side Includes) เทคนิคนี้นิยมใข้กันมาก โดยเว็บเราเองก็ใช้ โดยปกติการใช้ SSI นั้นจะต้องอยู่บน File นามสกุล .shtml หรือ .asp แต่สำหรับ .asp นั้นจะใช้บางคำสั่งไม่ได้ อย่าพึงอ่านแล้วงง กำลังจะอธิบายให้ฟังครับ SSI เป็นเหมือนการเขียน Code แทรกไปในคำสั่ง HTML โดย Code นั้นไม่จำเป็นต้อง Execute (ประมวลผล) โปรแกรม จะคล้ายๆการทำงานของ ASP (Active Server Pages) คือการแทรก Script ลงใน HTML เรียกกันว่า Server Side Scripts มาดูตัวอย่างกันดีกว่า Read the rest of this entry »

  • เทคนิคการทำเว็บให้ Load ได้เร็วขึ้นกว่าเดิม

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    บทความนี้เหมาะสำหรับผู้ที่มีพื้นฐาน HTML แล้วนะครับ เทคนิคการทำให้เว็บ load เร็วนั้นไม่ยาก หากเพื่อนๆเคยเข้าเว็บหลายๆเว็บอาจจะเคยสังเกตุว่าทำมบางเว็บ Load นานมากเลยแต่พอแสดงทีแสดงทั้งเว็บเลย บางเว็บก็ load เร็วมาแต่แสดงทีละเล็กทีละน้อย ซึ่งทำให้ผู้เช้าชมเว็บรู้สึกดีมากกว่า รู้ไหมเขาทำกันอย่างไร เราจะบอกล่ะนะ แต่จะบอกวิธีเป็นข้อๆแล้วกัน จะได้อ่านง่ายสบายตากันสักหน่อย
    Read the rest of this entry »

  • วิธีทำให้ Address Bar อยู่อย่างเดิมตลอด

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    วิธีการให้ Address Bar ด้านบนค้างอยู่ที่เดิมตลอดเวลา นั้นเป็นเทคนิคที่นำความรู้ง่ายๆมาประยุกต์คือการใช้ Frame นั้นเอง การใช้ Frame เป็นเพียงเทคนิคแบบง่ายๆที่ใช้กัน ด้านล่างเป็น Code ที่นำไปใช้ได้เลย และให้ท่านเปลี่ยนข้อความสีเขียวไปยัง URL ที่ท่านต้องการ เท่านี้ไม่ว่าใครจะเข้าไปหน้าไหน Addresss Bar ด้านบนก็จะไม่เปลี่ยนแปลง <html>
    <head> Read the rest of this entry »

  • วิธีปรับขนาดหน้าเวบให้พอดีกับหน้าจอ IE โดยอัตโนมัติ

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    ปกติแล้วขนาดของ IE นั้นจะแตกต่างกันไปแล้วแต่ User และ Resolution เช่น บางคนใช้ 800×600 บางคนใช้ 1024×768 และแต่ละ Resolution บางคนก็ดูไม่เต็มจออีก ขนาดการดูแต่ละจอก็แล้วแต่คนอีก ดังนั้นเลยเป็นปัญหาสำหรับเว็บมาสเตอร์ ในการทำให้หน้าเว็บเราสวยในทุกสถานะการ
    Read the rest of this entry »

  • ทำเส้นปะบนเว็บทำอย่างไร

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    การทำเส้นปะนั้นมีหลายวิธีครับจะแสดงให้ดูหลายวิธีล่ะกัน

    1. ใช้รูปภาพเป็น Backgroud
    <table cellpadding=0 cellspacing=0 border=0 width=100%>
    <tr><td height=5 background=”/images/lineWidth.gif”></td></tr>
    </table> Read the rest of this entry »

  • มารู้จักกับแทค Font เกี่ยวกันเถอะ

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    แทค Font (<Font></Font>) เป็นแทคที่ใช้บ่อยมากเพราเป็นแทคที่สำหรับกำหนดรูปแบบของ Font ที่ใช้แสดงในเว็บและขนาดรวมทั้งสีด้วยโดยแทค Font มีการรูปแบบดังต่อไปนี้

    กำหนดรูปแบบตัวอักษร ด้วย face

    <HTML>
    <Head> Read the rest of this entry »

  • วิธีทำ link ให้เวลาคลิกแล้วเปิดหน้าใหม่

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

    อันนี้เป็น basic ที่ใช้กันทั่วไป สำหรับผู้เริ่มต้นก็สามารถเรียนรู้ได้ไม่ยาก โดยการทำงานคือ ทำให้ link ของคุณเวลาคลิกแล้วจะเปิดหน้าใหม่ หรือ เปิด IE อันใหม่นั้นเอง เพียงแทรก Code target=”_blank” ลงไปใน <a href=”" >เท่านั้น ลองดูตัวอย่างกันเลยดีกว่า

    ตัวอย่าง Code
    <a href=”หน้าเว็บที่จะ link ไป” [font color=red]target=”_blank”[/font]>

    จะเห็นว่าง่ายมาก เพียงคุณตัดข้อความสีแดงออกมันก็เป็น link ปกติที่ไม่เปิดหน้าใหม่ แต่ในตัวอย่าง จะเปิดหน้าใหม่นั้นเอง

  • โค้ดที่สามารถทำให้ตัวหนังสือเลื่อนขึ้นข้างบน

    Date: 2010.09.02 | Category: 1 - 2 - 3 WEBMASTER, บทเรียน HTML | Response: 0

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

    ตัวอย่าง Code
    <marquee behavior=scroll direction=up height=200 scrollamount=1 scrolldelay = 80 onMouseOver=”this.stop()” onMouseOut=”this.start()”>
    ข้อความที่ให้เลื่อนขึ้น
    </marquee> Read the rest of this entry »

Older posts