โรงเรียนเพาะปัญญา

สอนสร้างโฮมเพจแบบอัตโนมัติ

ตามขั้นตอนง่ายๆดังนี้

บทที่ 5 รู้จักกับการตกแต่งโฮมเพจโดยใช้ภาพ



เนื้อหาในบทนี้ จะสอนการใช้คำสั่งเกี่ยวกับ การตกแต่งโฮมเพจโดยใช้ภาพ


  1. เรียกแฟ้ม editor01.htm ถ้าหากอ่านภาษาไทยไม่ออก ให้ติดต่อที่ โรงเรียนเพาะปัญญา
  2. การใส่ภาพลงในพื้นโฮมเพจ
    จะได้ Tag

    <img src="ppy.gif"> จะได้โฮมเพจ



  3. การใส่ข้อความลงในพื้นโฮมเพจแล้วทำให้ กระพริบได้
    จะได้ Tag

    <blink>โรงเรียนเพาะปัญญา</blink> จะได้โฮมเพจ

    โรงเรียนเพาะปัญญา


    ถ้าเปลี่ยน Tag เป็น <img src="eye4.gif">
    จะได้โฮมเพจที่มีภาพ



    ถ้าเปลี่ยน Tag เป็น

    <img src="Atom.gif">
    จะได้โฮมเพจที่มีภาพ



    ถ้าเปลี่ยน Tag เป็น <img src="ppy.gif" WIDTH=155 HEIGHT=36>
    จะได้โฮมเพจที่มีภาพ


    ถ้าเปลี่ยน Tag เป็น

    <img src="ppy.gif" WIDTH=350 HEIGHT=50>
    จะได้โฮมเพจที่มีภาพ


    ถ้าเปลี่ยน Tag เป็น <A href="chap06.htm"> <IMG SRC="ppy.gif" WIDTH=350 HEIGHT=50></A>
    จะได้โฮมเพจที่มีภาพเชื่อมโยงไปที่ บทเรียนที่ 6


    ถ้าเปลี่ยน Tag เป็น

    <A HREF="http://www.cnn.com/"><IMG SRC="ppy.gif" WIDTH=350 HEIGHT=50></A>
    จะได้โฮมเพจที่มีภาพเชื่อมโยงไปที่ http://www.cnn.com/


    ถ้าเปลี่ยน Tag เป็น

    <A HREF="http://www.yahoo.com/"><IMG SRC="ppy.gif" WIDTH=350 HEIGHT=50 BORDER=0></A>
    จะได้โฮมเพจที่มีภาพเชื่อมโยงไปที่ http://www.yahoo.com/


    ถ้าเปลี่ยน Tag เป็น

    <A HREF="ppy.gif"><IMG SRC="ppy.gif" WIDTH=350 HEIGHT=50 BORDER=5></A>
    จะได้โฮมเพจที่มีภาพเชื่อมโยงไปที่ป้าย
    โปรดคลิกที่ป้าย


    โปรดคลิกที่นี่จะนำท่านไปสู่บทที่ 4

    โปรดคลิก ที่นี่ จะทำการเชื่อมโยงข้อความภายในหน้าเดียวกัน ตรงข้อความว่า "การใส่ข้อความลงในพื้นโฮมเพจแล้วทำให้ กระพริบได้"
    วิธีการสร้างจุดเชื่อมโยงข้อความภายในหน้าเดียวกัน
    ขั้นที่ 1 สร้าง Tag

    <A NAME="linktoblink"> </A> ดังภาพ

    ขั้นที่ 2 สร้าง Tag โปรดคลิก <A HREF="chap05.htm#blink"> ที่นี่</A> ดังภาพ


    ถ้าทดลองทำแล้วไม่มีภาพ ให้ใช้เมาส์ขวาชี้ไปที่ภาพ แล้วสั่ง Save As โดยให้เก็บไว้ใน Directory เดียวกับที่สร้างโฮมเพจ มิฉะนั้นจะไม่เกิดภาพ

เอกสารอ้างอิง : สอนสร้างโฮมเพจ โดย Noom Siam

โฮมเพจนี้สร้างขึ้นโดยNoom Siam


ไปบทที่ 6

คำนำ บทที่ 1 บทที่ 2 บทที่ 3 บทที่ 4 บทที่ 5 บทที่ 6 บทที่ 7 Index
Supported by ABAC-KSC SCHOOLNET, Assumption University
1