วันพฤหัสบดีที่ 1 ธันวาคม พ.ศ. 2559

Lecture



ส่วนประกอบของตัวอักษร


ascender : ส่วนบนของตัวอักษรพิมพ์เล็กที่สูงกว่าความสูง xheight ของตัวอักษร
descender : ส่วนล่างของตัวอักษรพิมพ์เล็กที่ต่ำกว่าเส้น baseline
baseline : เส้นสมมติทีตัวอักษรส่วนใหญ่ตั้งอยู่
cap height : ความสูงจากเส้น baseline ไปถึงส่วนบนสุดของ ตัวอกัษรพมิพ์ใหญ่
x-height : ความสูงของตัวอักษร x ในแบบพิมพ์เล็ก ซึ่งมักใช้ อ้างถึงความสูงของตัวอกัษรที่ไม่รวม ascender และ descender
point size : ระยะความสูงทั้งหมดวัดจากส่วนบนสุดถึงส่วนล่างสุดของตัวอักษร
ค่าความสูง x-height จะมีผลต่อภาพรวมของตัวอักษรและ ความยากง่ายในการอ่าน




                                    


โปรแกรมกราฟฟิกสำหรับเว็บ


     ปัจจุบันมีโปรแกรมหลายประเภทที่นำมาใช้ในการสร้างกราฟฟิกสําหรับเว็บ
 -Adobe Photoshop
 -Coreldraw 
 -Gimp
      ค่าพื้นฐานที่สามารถเลือกปรับได้คือ รูปแบบไฟล์, ชุดสีที่ใช้, จํานวนสี, ระดับความสูญเสีย, ความโปร่งใส และสีพื้นหลัง




ปัญหาและประโยชน์ในการออกแบบกราฟฟิกสำหรับเว็บไซต์


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

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



WEBSITE


WEBSITE ที่ชื่นชอบ











วันอังคารที่ 29 พฤศจิกายน พ.ศ. 2559

Photo Album

Photo Album 










Tech &Tips

 Tech &Tips

1.สอนวิธีใช้ HTML5 Video
     เราสามารถใส่ไฟล์เพลง, ไฟล์ video หรือไฟล์ flash ลงไปในหน้าเว็บเพจได้ ด้วย element <embed> หรือ <object>
     <embed> ใช้แสดงการทำงานของโปรแกรม plug-in โดยนำไปผนวกกับเอกสาร HTML และอาจใส่ tag <noembed> ควบคู่ไปด้วย เผื่อเว็บเบราเซอร์์รุ่นเก่าที่ยังไม่ support tag <embed> นี้ 
<embed src="url ไฟล์" width="number | %" height="number | %" > 
<noembed><img src="url ไฟล์รูปภาพที่ให้แสดงเมื่อใช้ embed ไมไ่ด้" ></noembed> 
</embed>

 2.วิธีเปลี่ยนเว้บให้เป็นสีขาว-ดำ
     เว็บไซต์ที่ต้องการเปลี่ยนโทนสีเว็บให้เป็นสีเทา greyscale สามารถทำได้อย่างง่ายดายโดยไม่ต้องปรับรูปภาพหรือสีฟอนต์/องค์ประกอบของเว็บใดๆ เลย ด้วยการเพิ่มคำสั่งใน CSS ที่ควบคุมหน้าเว็บทั้งหน้าด้วย filter greyscale ตามตัวอย่างโค้ดด้านล่างนี้
body {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE */
-webkit-filter: grayscale(1); /* Chrome, Safari */
filter: grayscale(1); /* Firefox */
}
     ท่านที่ใช้ WordPress สามารถแทรกโค้ด Custom CSS อย่างเช่นด้านบนนี้ผ่านทาง เมนู > รูปแบบบล๊อก > ปรับแต่ง > Custom CSS แล้วเพิ่มคำสั่งด้านบนลงไป จะเป็นเหมือนการใส่แว่นตัดสีให้ทั้งเว็บ เห็นเป็นโทนสีขาว-ดำ ไล่โทนเทา greyscale อย่างง่ายดาย ลองทำดูนะครับ
ถ้าท่านคิดว่าสิ่งนี้มีประโยชน์ ก็อย่าลืมแชร์ความรู้นี้ให้เพื่อนๆ ผ่านทางปุ่มแชร์ หรือ comment ด้านล่างนี้นะครับ

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

1.การใส่ภาพพื้นหลังที่ใหญ่มาก จะทำให้เว็บของเราโหลดได้ช้าลง

2.การใส่ภาพพื้นหลังที่ไม่ดีจะทำให้อ่านข้อความได้ยาก

3.การใส่ภาพพื้นหลังอาจทำให้สับสนระหว่างภาพที่เราใช้สื่อความหมายกับภาพพื้นหลังได้

4.การใส่ภาพพื้นหลังทำให้ตัวอักษรอาจลดความเด่นชัดลงไป

code ที่ใช้ใส่ภาพพื้นหลัง 



<body background="logo.jpt">

<body background="http://www.hellomyweb.com/images/logo.jpg">




เราใส่ code อ้างอิงที่อยู่ของภาพ ได้แบบเดียวกับที่เราเขียนอ้างอิง hyperlink 




Diary

Diary



1.การศึกษา
   ประถมศึกษา เรียนอยู่ที่โรงเรียนเทศบาลวัดชัยชุมพล
   มัธยมศึกษา เรียนอยู่ที่โรงเรียนสตรีทุ่งสง
   อุดมศึกษา  มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตตรัง
                  
2.กิจกรรมยามว่าง
   เมื่อมีเวลาว่างก็จะปลูกต้นกระบองเพชรเเละดูแลต้นไม้ที่ปลูกไว
   เมื่อถึงตอนเย็นก็จะไปออกกำลังกายที่ฟิตเนส กี่ฬาที่เล่นคือเวท        เทรนนิ่ง

3.สิ่งที่ชอบ
   สัตว์เลี้ยงที่ชอบ: สุนัข งู ปลา กุ้ง 
   ต้นไม้ที่ชอบ: กระบองเพชร ไม้เลื้อย ไม่ผลต่างๆ
   เกมส์ที่ชอบ: FIFA ONLINE , PointBlank  , GTA V
   สถานที่ท่องเที่ยวที่ชอบ: ทะเล ป่า เเละสถานที่ธรรมชาติต่างๆ

    

   

ประวัติส่วนตัว

ประวัติส่วนตัว


ชื่อ:  นาย สุรพัศ สันทัดการ 
ชื่อเล่น: กัน 
เกิด: วันพฤหัสบดี 21 กันยายน พ.ศ.2538
สัญชาติ: ไทย
ศาสนา: พุทธ         สถานภาพ: โสด
ภูมิลำเนา: 17  ถ.เอเซีย ต.ปากแพรก อ.ทุ่งสง จ.นครศรีธรรมราช
มีพี่น้อง 4 คน:ชาย 3 คน หญิง 1 คน เป็นบุตรคนที่ 4
โทรศัพท์: 085-7906051