ชวนสร้างเวบแบบพอเพียง ด้วย portal.in.th


หากท่านใดกำลังสนใจทำเวบง่ายๆ สำหรับทีม หรือหน่วยงาน วันนี้ข้าพเจ้าขอนำเสนอประสบการณ์เล็กๆ น้อยๆ  ในการใช้ portal.in.th มาแลกเปลี่ยนเรียนรู้กัน
การสร้างเวบนี้ สามารถทำด้วยตัวเอง ไม่ยาก การเพิ่มหน้าคล้าย gotoknow และตอบสนองการใช้งานได้อย่างพอเพียง

portal.in.th/suandokpal  เกือบจะ 2 ขวบแล้ว บทความ ที่เขียนในวันเกิดของเวบนี้คะ  

.
พอเพียงต่อวัตถุประสงค์การมีเวบไซต์ประจำทีม
 
1. ให้ google หรือ search engine เจอว่า palliative care ของโรงพยาบาลมหาราชนครเชียงใหม่ ( nick name โฮงยาสวนดอก)  ทำอะไรได้บ้าง และจะติดต่อใคร ที่ไหน อย่างไร  ..เป็นหน้าที่ของส่วน "เพจ"
 2. ประชาสัมพันธ์กิจกรรม และเก็บสะสมไปในตัว
     ข้อดีของการ "pool" กิจกรรมของแต่ละแผนกมาไว้ในเวบเดียว ทำให้เห็นภาพรวม ของทั้งโรงพยาบาล
     เมื่อสรุปผลลัพท์กิจกรรมปลายปีก็ค้นหาง่าย   เป็นหน้าที่ของส่วน "กิจกรรม"
เป็นเหตุให้ส่วน "ข่าว"  เราไม่ได้ใช้ เพราะสื่อสารกันด้วยอีเมลรวดเร็วกว่า
.
หน้าแรก หรือหน้ายืนพื้น 
.

.
เพื่อให้ดูมีชีวิตชีวา แม้เราไม่ค่อยมีเวลา update
จึงลิงค์กับเวบที่คล่องตัวกว่า คือ webboard, facebook หรือ gotoknow planet
.
การตกแต่งส่วนประกอบของเวบ - CSS
ต้องสารภาพว่า ข้าพเจ้าไม่มีความรู้เรื่องภาษาคอมพิวเตอร์เลย อาศัยคอยเก็บตกจากที่มีผู้มาแบ่งปันใน gotoknow ก็เลยทำได้แค่ "พอดูได้"
สำหรับ CSS code ของเวบหน้าตาที่ท่านเห็นอยู่นี้ ดูได้ที่นี้คะ
.
เมื่อคลิกตามลิงค์เข้าไปดูในหน้ากิจกรรม
.


.
แม้เครื่องมือในการเพิ่มหน้า จะคล้ายๆ เวลาเราเขียนบล็อกใน gotoknow แต่การตกแต่งประกาศด้วยเครื่องมือของ portal.in.th ใช้เวลามาก 
จึงขอให้ทีม ตกแต่งให้สวยงามเสียในไฟล์ doc แล้วส่งมาแบบ  pdf 
จาก pdf สามารถแปลงเป็น jpg ง่ายและฟรีด้วยเวบไซต์นี้
เมื่อเป็น jpg แล้วก็สบายมาก upโลด -> เสร็จ คะ..
.
* ทิปนิดหนึ่งในการกะขนาดรูปลงในเวบ
- ความกว้างทั้งหมดของหน้า portal.in.th ประมาณ 900 pixel
- ความกว้างของส่วนคอร์ลัมน์ขวามือสุด  (เรียกว่า panel..มั้ง) กินไป 1 ใน 3 
 ดังนั้น ความกว้างของพิ้นที่ประกาศคือ 600 pixel  กว้างกว่านี้จะตกขอบไม่งาม
จากนั้น จึงคิดความสูงภาพ จากสัดส่วนเดิม
เช่นขนาดภาพ A4 คือ กว้าง 1240 สูง 1754  
ความกว้างเรากำหนดไว้เลยว่า 600 ส่วนความสูง = 600 x 1754/1240 ได้ 850 โดยประมาณ  
เบื้องหลังสิ่งต่างๆ ที่ปรากฎ ควบคุมไว้ด้วยหน้าเดียว
จากจุดนี้ สามารถเลือกเข้าไปแก้ ลบ ซ่อน ได้ตามอำเภอใจ
และใช้เลือกหน้าที่จะโชว์เป็นหน้าแรก แทนหน้ายืนพื้น (ในกรอบแดงคะ)
...
ได้เรียนรู้สิ่งที่เรากลัวว่ามันจะซับซ้อน
หากลองลงมือ คุ้ยๆ เขี่ยๆ สักพัก
ทำเท่าที่เรามีกำลังความสามารถเพียงพอ..
มันก็ออกมาใช้ได้แบบ "พอเพียง"  :-)
.

หากท่านใดมีประสบการณ์ จะแนะนำเพิ่มเติมก็ยินดีเป็นอย่างยิ่งคะ

หมายเลขบันทึก: 455549เขียนเมื่อ 23 สิงหาคม 2011 07:37 น. ()แก้ไขเมื่อ 6 กันยายน 2013 23:48 น. ()สัญญาอนุญาต: ครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกันจำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (19)

มีประโยชน์มากครับ

ผมแอบไปทำไว้นานแล้ว

แต่ไม่ได้ต่อเติมอันใด

เข้าไปแล้วเหงา

อยู่ G2K เพื่อนพ้องมาก

ว่างจะแวบกลับไปเยี่ยมบ้านโทรมๆ ของตน

นานๆ กลับไปปัดฝุ่นทีเหมือนกันคะ :-)
ตอนนี้อยู่ไกล กิจกรรมภายในเราไม่รู้
มีแต่ไปใส่กิจกรรมใหญ่ๆ เดือนสองเดือนครั้ง 

ไปเยี่ยม portal ที่อาจารย์สร้าง แล้วมาเล่าสู่กันฟังบ้างนะคะ 

ชื่นชมคนถ่อมตัวค่ะ " คุ้ยเขี่ยแบบมีสาระมากค่ะ " .. ขอให้กำลังใจในการพัฒนาต่อไป :)

คุณหมอบางเวลา CMUpal ;)...

กลับมาเชียงใหม่เมื่อไหร่ แวะมาถ่ายทอดความรู้ให้หน่อยครับ

ไม่เป็นจริง ๆ เลยนะ ...

....................................................................................

บันทึกนี้มีประโยชน์มหาศาลมากครับ คุณหมอบางเวลา CMUpal 

เป็นการถ่ายทอดความรู้และประสบการณ์จริงแบบไม่ต้องใช้แสตนด์อิน ;)...

ขอบคุณครับ ;)...

  ขอบคุณสำหรับกำลังใจคะพี่ใหญ่

ที่ใช้คำว่า คุ้ยเขี่ย นั้น เพราะชอบวิธีเรียนรู้แบบลงมือลุย โดยไม่อ่านคู่มือคะ

ลองผิดลองถูก เละก็ลบ ใช้เวลามากแต่สนุกดี

( เฉพาะกับสิ่งไม่มีชีวิตนะคะ สำหรับคน ไม่กล้าลองเล่นแบบนี้คะ ) 

ท่านอาจารย์ ทำตัวเป็นชา 1/4 ถ้วย อีกแล้วคะ
ถ้ามีโอกาส ครั้งหน้าจะลงรายละเอียดมากกว่านี้
อาจพบ pitfall แบบ อีเม ก็ได้คะ ..:-}

 

  • ขอบคุณมากคะ ตัวอย่างจากมือโปรเป็นการสอนที่ดีที่สุด
  • ได้แนวคิด ใช้เป็นเวบรวบรวมผลงานส่วนตัวก็ได้ 
  • ชอบไอเดีย ลิงค์บันทึก gotoknow เกี่ยวข้องกับรูป
  • ทำกรอบรูปงามๆ อย่างนั้นไม่เป็น อาจารย์ใช้โปรแกรมอะไรทำคะ
  • สงสัยต้องมีภาคต่อไป อิอิ

สวัสดีค่ะ

แวะมาชื่นชมคนเก่งค่ะ

ดูดีทีเดียว

แต่คงทำไม่เป็นค่ะ

ไม่เก่งขนาดนั้น

คุณหมอบางเวลาติดใจ "อีเม" อ่ะ 555

คราวหน้าถ้าไปเจออีก จะทำไงดีเนี่ย ???

ก. แจ้งทันที

ข. บอกเป็นนัย

ค. เงียบ ๆ ไว้ก่อน

ง. ยิ้มอย่างเดียว

จ. หายจ้อย

โปรแกรมฟรีในการแต่งรูปและทำกรอบ รวมรูป และสารพัดจะจัดการกับรูปแบบที่ใช้ง่ายโดยไม่ต้องมีคู่มือ ลองเอาเองได้สบาย user-friendly มากที่สุดที่เคยใช้ค่ะ คุณหมอ

CMUpal น่าจะชอบ Photoscape ดาวน์โหลดได้ตามลิงค์เลยค่ะ

ขอบคุณคะ  แต่จริงๆ แล้วไม่ได้อาศัยความเก่งคะ เพราะระบบใช้ง่ายอยู่แล้ว
ล่าสุด ไปดู ตอนนี้เขามี theme สำเร็จรูปด้วย ยิ่งน่าจะง่ายขึ้นคะ

http://www.portal.in.th/main/pages/start/

ที่ติดใจ เน้นบ่อยๆ เพราะนึกขอบคุณคะ  อย่าคิดมาก :-)

ขอแบบ ข้อ ก. ต่อไปละกันคะ 

ว้าว..อย่างที่ต้องการเลยคะพี่โอ๋ ขอบคุณมากๆๆ

จะได้เอาไปเปลี่ยนรูปตรง Head ของเวบให้ดูดีกว่านี้คะ 

 

ขอบคุณมากครับสำหรับบันทึกชวนสร้างเวป

ขอบคุณคุณหมอ CMUpal มากครับ

ต้องขออภัยที่ตอบช้า เมื่อวานต้องไปทำงานที่เชียงใหม่ครับ เลยไม่ได้เข้าเน๊ต

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

จากข้อมูลที่คุณหมอตอบมา เข้าใจถูกต้องแล้วครับ ว่า Sensory Preference ไม่สมดุลกับ Sensory Threshold ในการเคลื่อนไหว นั่นคือ การทำงานของสมองสองซีกไม่ได้ถูกใช้ได้สมดุลกันในกิจกรรมที่ต้องอาศัยการรับรู้ทักษะการเคลื่อนไหว และมีการรับรู้ที่ต่ำกว่า 50% ทั้งความชอบและความสำคัญในการใช้

พีหมอคะ

แวะมาให้กำลังใจค่ะ ^_^

สวัสดีค่ะ

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

ขอบคุณคะ

ตอนหน้าคุยกันเรื่องการตกแต่ง และจัดการรูปภาพในเวบด้วยโปรแกรมฟรี กันดีไหมคะ

ขอไว้ช่วงเสาร์อาทิตย์ ค่อยมีเวลาเยอะหน่อย

  • มาช้าครับ
  • พี่โอ๋ช่วยตอบแล้วใช้โปรแกรมเดียวกับพี่โอ๋ครับ
  • CMUpal น่าจะชอบ Photoscape
พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท