ก่อนจะเข้าเรื่อง ก็ขะแนะนำ เรื่องตัวหนังสือ (ที่เกี่ยวกับชื่อโปรแกรมที่จะทำซักหน่อย)
เริ่มแรก โปรแกรมที่จะใช้ทำ อาจจะรวมถึงชื่อรุปที่เขาเรียกๆกันก็ได้มั้ง นั่นก็คือ ASCII
เอ๊ะ อย่าเพิ่งงกับภาษาอังกฤษ ถ้าลองอ่านเป้นไทยว่า "แอสกี" คราวนี้เริ่มคุ้นกันยัง
บางคนแอบจะงงๆอยู่ (รวมทั้งผู้เขียนด้วย) เอางี้ง่ายๆเลยก็คือ มันเป็นสัญลักษณ์ตัวหนึ่ง ซึ่งแต่ละสัญลักษณ์จะถูกแทนด้วยระบบตัวเลขฐาน 10
พูดใหม่อีกที "แอสกี" เป็นรหัสอักขระที่ประกอบด้วย พวกตัวอักษร ตัวเลข เครื่องหมาย และสัญลักษณ์ต่างๆ โดยที่ แต่ละรหัสจะถูกแทนด้วยอักขระ 1 ตัว เช่น รหัส 78 จะแทนด้วยตัว N 69 แทนด้วย E 87 แทนด้วยตัว W
(ตัวเลขพวกนี้เป็นตัวเลขฐาน 10 (DEC.) นะ)
ลองไปดูพวกรหัสมันต่อได้ที่เว็บนี้
http://www.asciitable.com/
เราก็พอรู้เรื่องมาบ้างแล้วว่า รหัสนี้มันเป็นยังไงบ้าง (อย่างน้อยก็เรียกชื่อมันถูกน่ะ)
ทีนี้ จะมาลองดูที่วิธีการผสมตัวอักษรให้เป็นรูปภาพต่างๆ โดยใช้โปรแกรมกันบ้าง
ในที่นี้ขอแนะนำแค่โปรแกรมเดียวนะ ใครอยากจะลองโปรแกรมอื่นก็ลองเสิร์ชกูเกิลดูต่อได้ เพราะจากการลองหาดูแล้ว มันเยอะแยะมาก ทั้งสร้างโน่นสร้างนี้ วุ้ย เลือกไม่ถูก ไปหาๆกันเองนะ
สิ่งที่ต้องเตรียม
1. โปรแกรม ASCII Art Generator
2. รูปภาพ (ที่ไม่ใหญ่จนเกินไป ยิ่งใหญ่ ขนาดไฟล์ตัวหนังสืออกมายิ่งใหญ่นะ)
3.เวลาว่าง ซักนิดหน่อย
เอาล่ะ หลังจากที่ได้เตรียมความพร้อมกันแล้ว มาเริ่มลุยกันดีกว่า
ขั้นแรกเปิดโปรแกรมมาเลย
จะพบเห็นหน้าตาอันเป็นมิตรกับผู้ใช้ (รึเปล่า) เครื่องมือมีนิดเดียวเอง (นี่แหละเหตุผลที่เลือกโปรแกรมนี้)
มาดูกับส่วนต่างๆของมันดีกว่า
เริ่มด้วย ด้านซ้ายมือ จะเห็นเมนูให้เลือกอยู่ 3 อย่าง
1. Convert image เป็นส่วนแรกที่เปิดมาจะเห็นเลย และเป็นส่วนที่เราจะใช้ทำกันในครั้งนี้
ในส่วนนี้ ก็จะแยกย่อยเป็นอีก 4 เครื่องมือ ตามหมายเลขเลยนะ
1. HTML Format ก็คือส่วนนี้ จะแปลงจากรูปภาพ กลายเป็นตัวหนังสือแล้วใส่โค้ด HTML มาพร้อมสรรพเลย ก็เป็นแบบว่า ไอ้ตัวนี้แปลงออกมาแล้วมีสีด้วยน่ะ(เพราะใส่โค้ดเข้าไปเพิ่ม) สำหรับเจ้าตัวนี้เราสามารถก๊อปโค้ดมันมาใส่ในบล็อกเราได้ (ดูตัวอย่างที่ Banner blog ของเราได้ ที่นี่ )
2.Image Format ก็แปลงจากรูปภาพ เป็นตัวหนังสือ แล้วก็แปลงกลับเป็นรูปภาพ(ที่เห้นเป้นลายๆตัวหนังสือนะ)
3.RTF Format อันนี้จำไม่ได้ว่ามันย่อมาจากอะไร จำได้ลางๆก็คือ Rich Text Format อะไรนี่แหละ ซึ่งตอนนี้ยังไม่ทราบประโยชน์ของมันแน่ชัดเท่าไร ไฟล์ที่เซฟออกมาจากเข้าตัวนี้ก็เป้นไฟล์ .rtf ใช้ MS Word เปิดได้ตามปกติ
4.ASCII Format คล้ายกับส่วนของ HTML แต่ตัววนี้จะไม่มีสีอะ เป็นขาวดำล้วนๆเลย
2.Convert Word ส่วนนี้ อธิบายยาก ต้องลองทเองดูอะ ก็เหมือนว่าเราพิมพ์ข้อความอะไรลงไปก็ได้ แล้วสั่งมันแปลงออกมา มันก็จะจับพวกตัวหนังสือมาเรียงต่อๆกัน ทำให้เป็นเป็นแบบ หนาขึ้น หรือเป้น 3 มิติขึ้น ดูสวยงามกว่าตัวหนังสือธรรมดาอยู่นะ (แต่เอามาใช้ยากนิดหน่อย เพราะระบบ space มันเป้นอะไรไม่รุ้ ก็อปมาตัวหนังสือซ้อนกันยังมีเลย - -)
3.Free Draw อันนี้สำหรับชั้นเซียนโดยเฉพาะ อย่าคิดว่าง่ายนะไอ้ Free draw นี่ เพราะเมาส์มัน ปัดเร็วเหลือเกิน แล้วเหมือนว่ามันจะไม่เต็มใจให้เราวาดเท่าไร
เอาล่ะ รุปส่วนหลักๆของมันไปแล้ว ทีนี้มาลงมือทำเป้นแบบ HTML ดีกว่า
ขั้นแรกเลย เลือกไปที่ HTML Format
ขั้นต่อมาก็ทำการเลือกรูป โดยไปที่ Browse..
พอเลือกรูปเสร็จแล้ว ก็มาปรับแต่งข้างล่างต่อ
คงไม่ต้องอธิบายมากนะ อ่านภาษาอังกฤษออกอยู่มั้ง 555+
พอปรับแต่งได้เป็นที่พอใจแล้ว ก็กด Start Conversion.. บางครั้งบางคราวมันก็จะเด้งหน้ากำหนดขนาดขึ้นมา ก็กะๆขนาดดูนะ ว่าจะเอาขนาดไหน (ของแบบนี้ แล้วแต่คนชอบอะ + การเอาไปใช้ด้วย ดังนั้น มันไม่ตายตัว) เราอาจจะใส่เฉพาะค่าใดค่าหนึ่งลงไปก็ได้ มันก็จะคำนวณอีกค่าให้โดยทันที (กันรูปบิดเบี้ยง หรือเสียทรงรูปอะ เช่น อ้วนขึ้น/แคบลง แบบนี้)
แล้วจะได้พบกับผลงาน
พอใจแล้วก็กด save as ซึ่งมันก็จะบันทึกให้เราเป็นไฟล์ webpage (.html)
เสร็จแล้วววว เป็นไงกันบ้าง
ทีนี้การจะเอามาใช้ เช่นลง Blog ลงอะไรพวกนี้
เราก็ไปเปิดไอ้เพจที่เพิ่งเซฟไปหมากๆขึ้นมา แล้วไปที่ View เลือก Source (กรณี ใช้ IE)
เลือก View Source (กรณีใช้ forefox)
แล้วทีนี้ เราจะเห็นโค้ดต่างๆมากมาย (แบบว่า โอ้วเยอะมาก 1 ปีก็พิมพ์เองไม่เสร็จ)
มาดูตรงโค้ดที่จะเอาไปใช้ให้เป้นประโยชน์กันบ้าง เริ่มจะก็อปปี้ กันตรงที่
<style type= ลงมาจนถึง /div> ด้านล่างสุด
ดูง่ายๆ หลัง < head กับ ก่อน
เสร็จแล้ว เอามาใส่ได้เลยยยย เฮอๆ
