[Tech &Tips] GoogleMap

การทำ GoogleMap มาใส่เว็บหรือBlogs

วิธีการทำ 

1.ให้เข้าไปในเว็บGoogleMap  http://maps.google.co.th/maps?hl=th&tab=ll

2.สมัครเป็นสมาชิกGooglemap แล้ว login 

3.ให้เราเลือกตำแหน่งที่อยู่ของเรา เมื่อได้แล้วให้ปักหมุดไว้ แล้วกดปุ่มบันทึกทางด้านซ้ายมือ

4.ให้กดที่ปุ่ม  ตรงมุมบนขวามือแล้วเลือก copy code จากช่องวางHTML เพื่อฝังในเว็บไซต์

อันนี้ code ตัวอย่างที่ทำครับ

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.th/maps/ms?msa=0&amp;msid=205582661206314266705.0004abdadd38bf848132c&amp;hl=th&amp;ie=UTF8&amp;ll=7.55208,99.6175&amp;spn=0,0&amp;vpsrc=6&amp;output=embed"></iframe><br /><small>ดู <a href="http://maps.google.co.th/maps/ms?msa=0&amp;msid=205582661206314266705.0004abdadd38bf848132c&amp;hl=th&amp;ie=UTF8&amp;ll=7.55208,99.6175&amp;spn=0,0&amp;vpsrc=6&amp;source=embed" style="color:#0000FF;text-align:left">ไม่มีชื่อ</a> ในแผนที่ขนาดใหญ่กว่า</small>

5.นำ Code ไปไว้ในตำแหน่งที่ต้องการให้แสดง ถ้าเป็นblogger ให้เรา เข้าไปที่ การออกแบบ>>เพิ่ม Gadget>>HTML/จาวาสคริปต์ แล้ว เอาcode ไปวางก็เป็นอันเสร็จ

     By.....Kochai......

[Tech &Tips] Rss พยากรณ์อากาศ

การทำ RSS พยากรณ์อากาศมาใส่เว็บหรือBlogs

1.ให้ Coppy code นี้ไปครับ

 <iframe src="http://tmd.go.th/daily_forecast_forweb.php" width="180" height="260" scrolling="no" frameborder=0></iframe>

2.พาไปใส่ในส่วนของcode html ในตำแหน่งที่ต้องการจะให้มันแสดงได้เลย

3.ถ้าเป็นblogger ให้เรา เข้าไปที่ การออกแบบ>>เพิ่ม Gadget>>HTMl/จาวาสคริปต์ แล้ว เอาcode ไปวางก็เป็นอันเสร็จ ครับ ง่ายๆ เช่นเคย

     By.....Kochai......

[Tech &Tips] Rss ข่าว

การทำ RSS ข่าวมาใส่เว็บหรือBlogs

วิธีการทำ 
  นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าว

  ถ้าเป็นblogger ให้เรา เข้าไปที่ การออกแบบ>>เพิ่ม Gadget>>HTML/จาวาสคริปต์ แล้ว เอาcode ไปวางก็เป็นอันเสร็จ ครับ

 เลือกอันเอาเลยว่าต้องการให้หน้าข่าวไหนขึ้นเป็นหน้าแรก เลือกเอา 1อัน coppy ไปวางได้เลย

1. ข่าวบันเทิง

1.        <iframe src ="http://www.zabzaa.com/news/entertain/entertain.php"

2.        marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360> </iframe>

2. ข่าวบันเทิงต่างประเทศ

1.       <iframe src ="http://www.zabzaa.com/news/ent/ent.php"

2.        marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>

3. ข่าวการเมือง

1.       <iframe src ="http://www.zabzaa.com/news/politic/politic.php"

2.       marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>

4. ข่าวกีฬา

1.       <iframe src ="http://www.zabzaa.com/news/sport/sports.php"

2.       marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>

5. ข่าวอาชญากรรม

1.       <iframe src ="http://www.zabzaa.com/news/crime/crime.php"

2.       marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>

6. ข่าวเทคโนโลยี

1.       <iframe src ="http://www.zabzaa.com/news/technology/technology.php">  

2.       marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>

      By.....Kochai......

[Tech &Tips] Rss ราคาน้ำมัน

การเอา Rss ราคาน้ำมันใส่เว็ป หรือBlogs

1.ให้ Coppy code นี้ไปครับ

<IFRAME src="http://www.pttplc.com/th/oilprice.asp" frameBorder=0 width=170 scrolling=no height=345></IFRAME>

2.พาไปใส่ในส่วนของcode html ในตำแหน่งที่ต้องการจะให้มันแสดงได้เลย

3.ถ้าเป็นblogger ให้เรา เข้าไปที่ การออกแบบ>>เพิ่ม Gadget>>HTMl/จาวาสคริปต์ แล้ว เอาcode ไปวางก็เป็นอันเสร็จ ครับ ง่ายๆ 

     By.....Kochai......

۩۞۩[My Photo]۩۞۩

     By.....Kochai......

ออกแบบกราฟฟิกสำหรับเว็บไซต์

รูปแบบกราฟฟิกสำหรับเว็บ(GIF,JPG และ PNG)
►GIF ย่อมาจาก Graphics Interchange Format
 -ได้รับความนิยมในยุคแรก
 -มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้มีสีมากที่สุด 256 สี
 -มีการบีบอัดข้อมูลตามแนวของพิกเซล เหมาสำหรับกราฟฟิกที่ประกอบด้วยสีพื้น
►JPG ย่อมาจาก Joint Photographic Experts Group
 -มีข้อมูลสีขนาด 24 บิต(True Color) สามารถแสดงสีได้ถึง 16.7ล้านสี
 -ใช้ระบบการบีบอัดที่มีลักษณะที่สูญเสีย(lossy)
 -ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด
►PNG ย่อมาจาก Portable Network Graphic

 -สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต 16 บิต 24บิต

 -มีระบบการบีบอัดแบบ Deflate ที่ไม่ทำให้เกิดการสูญเสีย(lossless)

 -มีระบบการควบคุมค่าแกมม่า(Gamma) และ ความโปร่งใส(Transparency)ในตัวเอง

      By.....Kochai......

เลือกใช้สีสำหรับเว็บไซต์

เลือกใช้สีสำหรับเว็บไซต์(Designing Web Colors)

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

►ประโยชน์ของสีในเว็บไซต์    สามารถชักนำสายตาอ่านในไปยังข้อมูลได้
    สามารถเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน
    สามารถแยกส่วนต่างๆออกจากกันได้ง่าย
    สามารถดึงดูดความสนใจของผู้อ่าน    ช่วยสร้างระเบียบให้คับข้อความต่างๆ
►แม่สีขั้นต้นมี 3 สี
          สีแดง
         สีเหลือง
          สีน้ำเงิน
►การผสมสี(Color Mixing)   
 มี 2แบบ
   1.การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ นำไปใช้กับ จอโปรเจคเตอณ์ ทีวี หรือจอมอนิเตอร์   2.การผสมแบบลบ เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ การนำไปใช้งาน ภาพวาดของศิลปิน
►วงล้อสี (Color wheel)   
เป็นรูปแบบหนึ่งในการจัดเรียงสีทั้งหมดไว้ในวงกลม และเป็นการจัดลำดับเฉดสีอย่างมีเหตุผลและง่ายต่อการนำไปใช้จะมี

1.วงล้อสีแบบลบ   2.วงล้อสีแบบบวก

►สีที่เป็นกลาง(Neutral Colors)    คือกลุ่มสีที่ไม่ได้ถูกบรรจุไว้ในวงล้อสี เพราะเป็นสีที่ไม่ได้รับอิทธิพลมากจากสีอื่น ซึ่งสีเทา ขาว ดำ
►สีอ่อน สีเข้ม และโทนสี
    ในการผสมสีกลางเข้าก้บสีบริสุทธ์จะเกิดเป็นสีต่างๆ จำนวนมาก เช่น สีบริสุทธิ์ผสมกับสีขาว จะได้เป็นสีอ่อน สีบริสุทธิ์ผสมสีเทา จะได้เป็นโทนสีระดับต่างๆ สีบริสุทธิ์กับสีดำจะได้เป็นสีเข็ม
►รูปแบบชุดสีสามารถจัดเป็นกลุ่มง่ายดังนี้
   1.ชุดสีร้อนประกอบไปด้วยสีม่วงแกมแดง แดงแกมม่วง แดง ส้ม เหลือง และเขียวอมเหลือง สีเหล่านี้สร้างความอบอุ่น สบาย
    2.ชุดสีเย็น ประกอบด้วยสีม่วง น้ำเงิน น้ำเงินอ่อน ฟ้า น้ำเงินแกมเขียว และสีเขียว ชุดสีเย็นให้ความรู้สึกเย็นสบาย ดูสุภาพ เรียบร้อย
    3.ชุดสีแบบเดียว เป็นรูปแบบชุดสีที่ง่ายที่สุด คือมีค่าของสีบริสุทธิ์เพียงสีเดียว แต่งเพิ่มความหลากหลายโดยการเพื่มความเข็มอ่อนในระดับต่างๆ ชุดสีนี้จะค่อนข้างมีความกลมกลืนเห็นหนึ่งเดียว แต่งบางครั้งดูไม่มีชีวิตวีวา
    4.ชุดสีแบบสามเส้า เป็นชุดสีที่อยู่มีมุมของสามเหลื่ยมด่านเท่าทั้งสาม ซึ่งเป็นสีที่มีระยะห่างในวงล้อสีเท่ากัน จึงมีความเข้ากันอย่างลงตัว
    5.ชุดสีที่คล้ายคลึงกัน ประกอบด้วยสี 2 หรือ 3สีที่อยู่ติดกันในวงล้อ สามารถเพิ่มเป็น 4 หรือ5 สีก็ได้ แต่อาจส่งผลให้ขอบเขตของสีกว้างไป
    6.ชุดสีตรงข้าม คือสีคู่ที่อยู่ตรงข้ามกันในว้อล้อ เมื่อนำสีทั้งสองมาใช้คู่กันจะทำให้สีทั้งสองมีความสว่างสดใส
    7.ชุดสีตรงข้ามข้างเคียง เป็นชุดสีที่เปลี่ยนแปลงมาจากชุดสีตรงข้าม ชุดสีแบบนี้มีความสดใส สะดุดตา และเข้ากันของสีลดลงด้วย
    8.ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน ดัดแปลงมาจากชุดสีตรงข้างเช่นกัน แต่สีตรงข้างทั้ง 2 สีถูกแบ่งแยกเป็นสีด้านข้างทั้ง 2 ด้าน จะมีความสดใส แต่ความกลมกลืนของสีลดลง

    By.....Kochai......