นโยบายการจัดการความรู้ มหาวิทยาลัยสงขลานครินทร์ 1.ให้ใช้เครื่องมือการจัดการความรู้ผลักดัน คุณภาพคน และกระบวนทำงาน 2.ส่งเสริมการแลกเปลี่ยนประสบการณ์การทำงาน จากหน้างาน 3.ส่งเสริมให้มีเวทีเรียนรู้ร่วมกัน
อ่าน: 2582
ความเห็น: 4

เขียน Share.PSU ด้วย Kompozer

เน็ตติดๆ ดับๆ ครับ เลยต้องเขียนให้เสร็จก่อน แล้วค่อยเลือกเอาเฉพาะ code มาแปะ
ทดสอบกันมั่วๆ เรื่องการเขียนบน share.psu อีกทีครับ
ปัญหาของผมก็คือ จากที่ที่ผมอยู่ บางครั้งเวลาเขียน blog แล้ว intermet มันติดๆ ดับๆ
อุตส่าห์เค้นแทบเป็นแทบตายกว่าจะได้สักบรรทัด พอ post ไปเท่านั้นละครับ เน็ตดาวน์ปลอดดอกเบี้ย หายหมดยกแผง
จะให้เขียนใหม่ก็ไม่เหมือนเดิมอีกแล้ว

อีกเหตุผลนึงก็คือช้าครับ ผมไม่ได้อยู่ใน มอ. กว่าแต่ละหน้าจะโหลดผ่านมานี่ คอยแล้วคอยอีก

อีกอย่าง ผมชอบแทรกรูป (ส่วนใหญ่เป็น screenshots ที่ผมเก็บไว้บน flickr) เพราะมันไวกว่าที่ผม upload กลับไปที่ มอ.หลายเท่า
อีกอย่าง น้องหนูแอน บอกมาว่า ท่านให้ที่เก็บของแบบกระจุ๋มกระจิ๋มมาก ราวๆ 10 MB (ผิดถูกอย่างไรช่วยแก้ไขด้วยนะครับ)
ผมมันพวกสมบัติบ้าเยอะ กลัวจะเต็ม เลยฝากไว้ที่อื่น แล้วไปฝัง (embed) ให้มันแสดงรูปบนหน้าที่เขียนจะง่ายสำหรับผมมากกว่า
(system admin คงจะค้อน เพราะผมดันไปเพิ่มภาระให้กับ bandwidth แต่เห็นใจเถิดครับ ;-)

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

ผมกลับมาหาเกลอเก่าที่เคยใช้บริการกันมานาน -- Kompozer (หรือ NVU ในร่างใหม่)
webmasters คงร้องอ๋อ (แต่ไม่ค่อยได้ใช้กัน ;-) บางคนอาจจะเล่นของแพงอย่าง Dreamweaver หรือ อย่างแย่ๆ ก็ FrontPage
ผมไม่มีตังค์ซื้อครับ แบบว่า "อยากหรอยครับ แต่หม้ายเบี้ย" เลยต้องมาควานหาของฟรีใช้
พบว่าตัวนี้ไม่ถึงกับเลวร้ายครับ ทำได้เกือบทุกอย่าง เพียงแต่ต้องลงมือลงแรงกันหน่อยเท่านั้นเอง
ตัวที่ผมใช้เป็นแบบ portable ครับ  พกพาใส่ memory stick ไปไหนได้ทุกที่

รูปข้างล่างเป็น Kompozer ขณะกำลังใช้งาน
ดูดีๆ ก็จะเหมือนพิมพ์งานบน word processors ทั่วไป  ต่างกันนิดนึงก็คือตรง tabs ด้านล่างครับ
และเวลาเอาข้อความไปแปะบน share.psu ผมจะเลือกเฉพาะส่วนที่เป็น source บางส่วนไปเท่านั้นครับ

sharePSU_Kompozer01

ขอเขียนจนพอใจแล้วก็ไปเลือก tab "Source" หน้าตาก็จะเป็นดังรูปข้างล่างครับ

sharePSU_Kompozer02

ตัวหนังสือจะเล็กหน่อยหรืออ่านไม่ออกก็ช่างมันครับ เราเลือกเอามาบางส่วน เพื่อจะไปแปะใน share.psu กัน
ผมเลือกเอาเฉพาะ code ส่วนที่อยู่ระหว่าง tag <body> กับ </body> นะครับ ลากปื้ดมาแล้วจัดการก๊อปมาทั้งยวง

sharePSU_Kompozer03

จากนั้นก็จัดการ login เข้า share.psu เหมือนตอนที่เราเข้า post ข้อความตามปกติ
สร้างบันทึกใหม่ ตั้งชื่อตอน แล้วพิมพ์อะไรส่งเดชไปก็ได้ครับ สักสองสามคำ แล้วเลือก icon "HTML"

sharePSU_Kompozer04

หน้าต่างแสดง source code ของอักษรสองสามตัวที่เราพิมพ์ก็จะแสดงขึ้นมา
จากนั้นเราก็เอา code ของส่วนที่เราเขียนด้วย Kompozer มาแปะทับลงไป

sharePSU_Kompozer05

ที่เห็นชัดๆ คือ code จะต่างกันเล็กน้อย อย่างเช่น <p> ซึ่งหมายถึง paragraph ใน Share.PSU
ส่วนจาก Kompozer จะเป็น <br> ซึ่งหมายถึง break

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

ลองดูครับว่าจะ work หรือไม่ work พอแปะแล้วก็ลองสั่ง update ดู

sharePSU_Kompozer06

ได้ผลครับ โย่วววว!!! ทั้งรูปทั้งตัวหนังสือมาครบ ดูๆ code แล้วก็ไม่รก (มาก) เท่าไหร่ (แหะๆ)
คงเป็นเพราะแค่ตัวหนังสือปกติ ไม่ได้ลงสี ทำ highlight หรือจัดรูปแบบแปลกๆ อะไรมาก

งั้นต้องลองเล่นต่อ ฮา ฮา --

ข้างล่างนี่ลอง hightlight ไว้หน่อยนึง (ทำ highlight ไว้ก่อนใน Kompozer)

อันนี้ลองตัวเอียง  อันนี้ตัวหนา  อันนี้ตัวใหญ่พิเศษ
  • สองบรรทัดนี้ลอง bullet
  • สองบรรทัดนี้ลอง bullet
ถ้าอย่างนี้ก็เสร็จพี่โจรสิครับ ว่าแล้วก็จัดการเขียนซะจนหนำใจ แล้วค่อยเอา code มาแปะใหม่อีกที
แต่รู้สึกว่าตัวใหญ่พิเศษ มันไม่ใหญ่เหมือนใน Kompozer ครับ

ใครลองเล่นแล้วได้ผลยังไง เขียนมาเล่ากันบ้างครับ

ย้ำอีกทีครับ ว่าวิธีนี้เหมาะสำหรับผม เพราะผมไม่สะดวกที่จะเขียนบน share.psu โดยตรง ด้วยเหตุผลที่ว่าไปแล้ว
ส่วน code อาจจะรก หรืออาจสร้างปัญหาให้กับระบบหรือเปล่านั้น คงต้องขอความกรุณาผู้รู้ชี้แนะอีกที
ผมแค่ลองเล่นมั่วๆ เอาสะดวกเข้าว่าเท่านั้นเองครับ

;-)
หมวดหมู่บันทึก: เรื่องทั่วไป
คำสำคัญ (keywords): portable  kompozer  share.psu on the move!
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ Copyright
สร้าง: 04 ธันวาคม 2550 01:03 แก้ไข: 04 ธันวาคม 2550 01:03 [ แจ้งไม่เหมาะสม ]
ดอกไม้
สมาชิกที่ให้กำลังใจ
 
Facebook
Twitter
Google

บันทึกอื่นๆ

ความเห็น

ปกติเวลาเขียนก็ไม่ค่อยมีลูกเล่นอะไรมาก เลยเขียนใน Notepad ก่อนแล้วค่อยมาแปะอ่ะค่ะ สงสัยต้องลองใช้วิธีนี้ดูบ้างค่ะ ^-^ แล้วจะมารายงานให้ทราบนะคะ

Ico48
NovemberRain (Recent Activities)
04 December 2007 13:08
#3520

Notepad(หรือ text editor อะไรก็ได้) เป็นอาวุธประจำกายที่ดีที่สุดครับ เหมาะสำหรับข้อความธรรมดา ไม่หวือหวาซับซ้อน
หรืออย่างที่บอกครับ นักเขียนชั้นเทพนี่ เขียน code มันด้วย Notepad นั่นแหละ เพราะจะว่าไป html code บน blog ก็ไม่มีอะไรซับซ้อน เราใช้อยู่ไม่กี่ tags เขียนบ่อยๆ ก็จะคุ้น หรือไม่ก็ copy & paste แล้วเปลี่ยนข้อความเอา แต่ผมอับจนปัญญา ขี้เกียจเป็นที่ตั้ง เลยต้องหาตัวช่วย

เหตุผลส่วนตัวของผมคือช้าครับ ถ้าผมต้องจัดรูปแบบตัวอักษรด้วย built-in editor ที่อยู่ใน Share.PSU เพราะผมอยู่แถวนี้ กว่าแม่ทูนหัวจะมาแต่ละคำสั่งนี่ลุ้นกันสุดๆ  คิดว่าคนใน มอ. น่าจะไม่เจอปัญหานี้

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

แต่ไล่อ่าน code ใน source editor ของ Share.PSU นี่ตาลายสุดๆ ครับ เพราะมันติดกันเป็นพรืด ถ้าจะ comment ก็ขอเรื่องนี้ละครับ เพราะมันช่วยให้เราแก้ไขง่ายขึ้นเยอะ

อยากได้ที่เก็บสมบัติ (ที่ฟังดูเหมือนจะบ้าแต่ท่าจะเข้าทีของคุณ NovemberRain) แล้วแถมมีเพื่อนทั่วประเทศที่สิ่งที่คุณ NovemberRain คิดและเขียนทั้งหลายนี้คงจะเป็นที่ถูกใจได้ประโยชน์กับคนทั้งประเทศได้ด้วย น่าจะสนใจ GotoKnow.org ด้วยนะคะ

อ่านแล้วเหมือนนั่งฟังคุณ NovemberRain คุยอยู่ตรงหน้าเลยนะคะ เขียนได้สนุกดีจังค่ะ

 

ขอบคุณอีกทีครับ (ผมแวะไปตอบที่ บันทึกโน้น มาด้วย)

เห็นชื่อพี่โอ๋มานานแล้วครับ จาก GotoKnow ผมแวะไปอ่านอยู่บ่อยๆ
เอาไว้สร้างลูกฮึดเวลารู้สึกว่าอะไรต่อมิอะไรของตัวเองมันแย่ ;-)
(เป็นประโยชน์ทางอ้อมของ GotoKnow ครับ -- สร้างแรงบันดาลใจ)

แต่ผมเป็นโรคปอดสนามใหญ่ ไม่กล้าเขียนน่ะครับ แหะๆ
ชอบเล่นบอลรูหนูสนามเล็กมากกว่า ไม่กดดัน แต่อบอุ่นหลาย
เป็นความหมายในเชิงเปรียบเทียบนะครับ ใครอย่าได้ว่า Share.PSU เป็นรูหนูเชียว (ฮา)

ร่วมแสดงความเห็นในหน้านี้

ชื่อ:
อีเมล:
IP แอดเดรส: 18.207.108.191
ข้อความ:  
เรียกเครื่องมือจัดการข้อความ
   
ยกเลิก หรือ