การสร้างเว็บไซต์

-๓- การใส่รูปภาพ

เมื่อต้องการใส่รูปภาพใดลงไปในหน้าเว็บเพจ เราจะต้องก๊อปปี้ภาพนั้นมาเก็บไว้ที่โฟลเดอร์เดียวกับที่เราบันทึกไฟล์ HTMLนี้ไว้ ที่สำคัญเราจะต้องรู้จักชื่อและนามสกุลของภาพนั้นด้วย ซึ่งภาพที่ใช้ควรเป็นภาพที่ไม่เปลืองเนื้อที่มาก โดยควรเป็นภาพนามสกุล .Gif หรือ .JPEC เมื่อเอาภาพมาเก็บไว้ในโฟลเดอร์นี้แล้วก็เปิดไฟล์โนตเพจที่ต้องการแทรกรูปภาพขึ้นมา แล้วพิมพ์แท็กเดี่ยวนี้ลงไปตรงจุดที่เราต้องการวางรูปภาพไว้ แล้วก็บันทึก(SAVE)

การใช้แท็กนี้ภาพจะปรากฏตามขนาดของภาพเดิม แต่ถ้าเราต้องการกำหนดขนาดของรูปภาพ เราจะต้องใช้แท็กต่อไปนี้

การเอากรอบออกจากภาพใช้แท็กนี้

การใส่ตาราง

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

<TR > <TD > ......ข้อความในคอลัมน์........</TD> </TR>

</TABLE>

.....ข้อความในคอลัมน์.....

ขนาดเบอร์เส้น 0 =ไม่มี , 1 = เล็กสุด ยิ่งเลขมากเส้นก็จะยิ่งใหญ่
<TR > - </TR>=จำนวนแถว จะเอากี่แถวก็เพิ่มใหม่ได้
<TD >...(ขัอความหรือรูปภาพ)....</TD >=จำนวนคอลัมน์ ซึ่งอยู่ภายในแต่ละแถว เราจะเพิ่มสักกี่คอลัมน์ก็ได้ในแต่ละแถว

ถ้าจะใส่สีเส้นของตารางก็ต้องใช้แท็กนี้

เช่น จะให้มีเส้นสีแดง (จัดให้อยู่ตรงกลาง )

<TR > <TD > แถวที่ ๑ คอลัมน์ที่ ๑ </TD ><TD > แถวที่ ๑ คอลัมน์ที่ ๒ </TD ><TD > แถวที่ ๑ คอลัมน์ที่ ๓ </TD > </TR >

<TR > <TD > แถวที่ ๒ คอลัมน์ที่ ๑ </TD ><TD > แถวที่ ๒ คอลัมน์ที่ ๒ </TD ><TD > แถวที่ ๒ คอลัมน์ที่ ๓ </TD > </TR >

<TR > <TD >แถวที่ ๓ คอลัมน์ที่ ๑ </TD ><TD > แถวที่ ๓ คอลัมน์ที่ ๒ </TD ><TD > แถวที่ ๓ คอลัมน์ที่ ๓ </TD > </TR >

</TABLE ></CENTER>

(ตัวอักษรภายในตารางจะตัวเล็ก เราจะต้องใส่แท็กคำสั่งให้ตัวอักษรเปลี่ยนขนาดในทุกๆคอลัมน์เองและเราสามารถสร้างตารางซ้อนตารางได้ตามต้องการโดยการใส่แท็กตารางชุดใหม่ลงไปภายในแท็ก<TD > ......... </TD > ที่เราต้องการจะซ้อนตารางใหม่เข้าไป)

แถวที่ ๑ คอลัมน์ที่ ๑	แถวที่ ๑ คอลัมน์ที่ ๒	แถวที่ ๑ คอลัมน์ที่ ๓
แถวที่ ๒ คอลัมน์ที่ ๑	แถวที่ ๒ คอลัมน์ที่ ๒	แถวที่ ๒ คอลัมน์ที่ ๓
แถวที่ ๓คอลัมน์ที่ ๑	แถวที่ ๓ คอลัมน์ที่ ๒	แถวที่ ๓ คอลัมน์ที่ ๓

เราสามารถกำหนดขนาดของตารางและใส่สีพื้นของตารางได้โดยใช้แท็กนี้เพิ่มเข้าไปอีก

<TABLE BORDER=".........." BGCOLOR="#.........." WIDTH=".........% " HEIGHT="........%">เช่น (จัดให้อยู่ตรงกลาง )

</TABLE ></CENTER>

แถวที่ ๑ คอลัมน์ที่ ๑	แถวที่ ๑ คอลัมน์ที่ ๒	แถวที่ ๑ คอลัมน์ที่ ๓
แถวที่ ๒ คอลัมน์ที่ ๑	แถวที่ ๒ คอลัมน์ที่ ๒	แถวที่ ๒ คอลัมน์ที่ ๓
แถวที่ ๓ คอลัมน์ที่ ๑	แถวที่ ๓ คอลัมน์ที่ ๒	แถวที่ ๓ คอลัมน์ที่ ๓

การเชื่อมโยง (link)

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

ถ้าจะใช้ข้อความเชื่อมแล้วเปิดหน้าใหม่มาทับหน้าเดิมก็ใช้แท็กนี้

<A HREF = "(ชื่อหน้าเว็บเพจที่จะลิงค์ไป . นามสกุล HTML)"TARGET="_TOP">....(ข้อความที่ใช้เป็นจุดเชื่อม)....</A >

ถ้าจะใช้ข้อความเชื่อมแล้วเปิดหน้าใหม่มาโดยไม่ให้ทับหน้าเดิมก็ใช้แท็กนี้

<A HREF = "(ชื่อหน้าเว็บเพจที่จะลิงค์ไป . นามสกุล HTML)"TARGET="_BLANK" >...(ข้อความที่ใช้เป็นจุดเชื่อม)..</A >

ถ้าจะใช้ข้อความเชื่อมแล้วเมื่อปิดหน้าใหม่ก็จะกลับมาเปิดหน้าเดิมอีกก็ใช้แท็กนี้

<A HREF = "(ชื่อหน้าเว็บเพจที่จะลิงค์ไป . นามสกุล HTML)"TARGET="_PARENT">..(ข้อความที่ใช้เป็นจุดเชื่อม)..</A >

ถ้าจะใช้รูปภาพเป็นจุดเชื่อมก็ใช้แท็กนี้

แท็กนี้ใช้เชื่อมไปยังเว็บไซต์อื่นโดยเปิดหน้าใหม่

<A HERF="(ที่อยู่ของเว็บไซต์อื่นที่ต้องการลิงค์ไป) "TARGET="_BLANK" >(ข้อความ-รูปภาพที่ใช้เป็นจุดเชื่อม)</A >

เราสามารถกำหนดสีของตัวอักษรที่เชื่อมโยงในลักษณะต่างๆได้

<BODY BGCOLOR="#....."TEXT="....." LINK="....." VLINK="......" ALINK="......">
(TEXT=ชื่อสีของข้อความ, LINK=สีข้อความที่ใช้เป็นจุดลิงค์ที่ยังไม่ได้คลิก, VLINK=สีข้อความที่คลิกไปแล้วในครั้งก่อนๆ, ALINK=สีข้อความเมื่อคลิกแล้วครั้งหลังสุด,โดยเราสารมารถใส่ชื่อสีเป็นภาษาอังกฤษได้เลย ถ้าเป็นสีพืนฐาน เช่นRED,BLUE,PURPLE,BLACK เป็นต้น)

ถ้าจะให้เว็บมีเสียงเพลงก็ให้ก๊อปปี้ไฟล์เสียงมาเก็บไว้ในโฟลเดอร์แล้วใช้แท็กนี้

<EMBED SRC=" (ชื่อเพลง.นามสกุล) " > = ฝังลงที่ใดเมื่อเปิดหน้าเว็บนี้เพลงจะดังขึ้นเอง

<A HREF =" (ชื่อเพลง.นามสกุล) " > ....(ประโยคที่เป็นจุดเชื่อม) ....</A > = เมื่อคลิกเพลงจึงจะดังขึ้น

ลิงค์อีเมล์(เพียงจะเปิดโปรแกรมMicrosoft Outlook ขึ้นมาเท่านั้น)

<A HREF = " (ชื่ออีเมล์) " > ....(ประโยคที่ใช้เชื่อม).... </A >

การนำเวบไซต์ขึ้นสู่อินเตอร์เน็ต

เว็บไซต์จะประกอบด้วยเว็บเพจหลายๆหน้าและมีการลิงค์ถึงกันได้ ซึ่งการสร้างจะต้องตั้งชื่อเว็บเพจหน้าแรกหรือโฮมเพจให้เป็น index.html เพราะเวลานำขึ้นไปไว้บนอินเตอร์เน็ตแล้ว เมื่อมีคนเปิดเข้ามาดูเว็บไซต์เรา บราวเซอร์จะเรียกหาโฮมเพจมาเปิดก่อนเสมอ แล้วที่โฮมเพจจะมีการลิงค์ไปยังหน้าต่อๆไปได้อีก ที่สำคัญ รูป,ภาพ,หรือเสียงของเว็บเพจใด จะต้องอยู่ในโฟลเดอร์เดียวกับเว็บเพจนั้นเสมอ รวมทั้งต้องมีการทดสอบลิงค์ให้ใช้งานได้ไม่ผิดพลาด

ส่วนเรื่องการนำเว็บไซต์ของเราที่สร้างเสร็จแล้วขึ้นไปไว้บนอินเตอร์เน็ต (Upload) นั้นก็ไม่ยาก โดยเราต้องรู้จักผู้ให้บริการพื้นที่ (server) สำหรับเก็บเว็บไซต์เสียก่อน ซึ่งถ้าจะใช้บริการพื้นที่ฟรีก็มีให้เลือกหลายเว็บ เช่น www.freewebhostingarea.com (มีโฆษณา) หรือใครที่ต้องการซื้อโดเมนเนมก็หาซื้อได้จากเว็บของไทย https://cloud.z.com/th/signin หรือจะค้นหาได้จาก google โดยค้นจากคำว่า พื้นที่ฟรีสร้างเว็บไซต์ หรือ ซื้อโดเมนเนม ก็จะมีเว็บที่ให้บริการมากมาย

ถ้าจะติดตั้งตัวนับจำนวนผู้เข้ามาชมก็ต้องไปขอใช้บริการจากเวบที่เขาให้บริการฟรี เช่นจาก www.hitwebcounter.com โดยสมัครและกรอกข้อมูลของเราลงไป ถ้าสำเร็จเขาจะให้แท็กสำหรับฝังไว้ที่หน้าโฮมเพจของเรา เมื่อมีผู้เข้ามาชมตัวเลขก็จะเพิ่มขึ้นตามจำนวนผู้ที่มาเปิดดู รวมทั้งยังมีสมุดเยี่ยมให้ผู้เข้าชมสามารถเขียนข้อความติชมได้อีกด้วย ก็สามารถไปขอได้ที่ www.guestcity.com โดยกรอกข้อความสมัครลงไป แล้วเขาก็จะให้แท็กมา ก็ให้เราก๊อปปี้เอามาวางไว้ที่หน้าเว็บที่เราต้องการก็เป็นอันใช้ได้

******************************************************** รายละเอียดนั้นเราจะต้องทดลองปฏิบัติเอาเอง โดยขยันฝึกฝนและเปิดแหล่งกำเหนิด(SAUCE)
จากเวบต่างๆมาดูและคัดลอกมาทดลองใช้

แหล่งค้นหาข้อมูลทั่วโลก

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

www.google.co.th

*****************************