เนื้อหาการเรียนใน สัปดาห์ ที่ 13

                              ขั้นที่1. เข้าไปที่หน้าเว็บสมัครและลงชื่อเข้าใช้งาน wordpress .com

ขั้นที่2. เมื่อเข้าที่หน้าเว็บแล้วให้เข้าไปที่create another blog เพื่อสร้างและใช้งานBlog

             ขั้นที่3. ตั้งชื่อblogของเราเอง _ _ _ . wordpress.com ในของ my blog ในวงกรมจะเป็น

                         ชื่อที่ใช่เป็นชื่อหัวของblog ของเรา

         ขั้นที่4.  หลังที่เราสร้างblogแล้วเราก็กดมาในส่วนของDashboardเพื่อเข้าไปตั้ง

themesของ เราเอง ในหน้านี้จะมีส่วนต่างๆ ที่ใว้สำหรับ จัดการตัว blog ของเราเอง 

               ขั้นที่5.     เมือเราเลือกthemesได้แล้ว บนวงกลมแดงบน จะมีคำว่า custom,พื้นหลัง,ส่วนหัว 3 อันนี้คือส่วนแต่งหน้าblog ที่เราสามารถสร้างและตกแต่งเองได้เพิ่มเติมจากในส่วนของthemes ที่เราได้เลือก และใช่งานในส่วนก่อนหน้านี้เพือสร้างความสวยงามของblogของเราในแบบของเราเพิ่มเติมได้

              ขั้นที่6.  หลังจากที่เราแต่งblogของเราจนพอใจแล้ว ก็เข้าไปที่เขียนเรื่องใหม่เพื่อทำสร้างบทความของเราเอง ในส่วนนี้เราสามารถที่จะเขียนบทความ หรือ โพสท์รูป ของเราเพื่อใว้โชว์อวดกับblogอื่นใน wordpress ได้ สุดท้ายนี้ ขอให้ทุกคนสนุกกับการเล่นและสร้างblog ของทุกท่านเองอย่างมีความสุ๘นะครับ

ภาพอ้างอิงจาก http://chotichaiarti3319.wordpress.com/

เนื้อหาการเรียนใน สัปดาห์ ที่ 11

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

การจัดโครงสร้างข้อมูล

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

* โครงสร้างและสารบัญของเว็บไซต์
* การใช้ระบบนำผู้เข้าชมไปยังส่วนต่าง ๆ ภายในเว็บไซต์หรือที่เราเรียกว่าระบบนำทาง (Navigation)
* องค์ประกอบที่ต้องนำมาใช้ เช่น สื่อมัลติมีเดีย ภาพกราฟิก แบบฟอร์มต่าง ๆ
* การกำหนดรูปแบบและลักษณะของเว็บเพจ
* การกำหนดฐานข้อมูล ภาษาสคริปต์หรือแอปพลิเคชันที่นำมาใช้ในเว็บไซต์
* การบริการเสริมต่าง ๆ
* การออกแบบเว็บไซต์



typography definition from prachid tinnabutr on Vimeo.

typography definition วิดีโอบันทึกการสอนวิชาการออกแบบตัวอักษรเพื่อการพิมพ์ เรื่อง ความรู้ทั่วไปเกี่ยวกับตัวอักษรเพื่อการพิมพ์ ( Typography Overview) ตอนที่ 3 การนิยามความหมายของคำว่า typography กิจกรรมและเครื่องมือการออกแบบจัดตัวอักษร โดย ผศ.ประชิด ทิณบุตร อาจารย์ประจำสาขาวิชาศิลปกรรม คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม ถนนรัชดาภิเษก กทม. 10900 prachid@prachid.com

เนื้อหาการเรียนใน สัปดาห์ ที่ 10

                                                                                                                            ภาพโดย bangkokpost.com

ส่งรายงานและpresentรายงาน BOI Fair 2011 โดยการที่เรียกสุ่มออกไปรายงาน
ในการศึกษางานควรศึกษาตั้งแต่ต้นต่อของบริษัทที่เราได้ไปหาข้อมูล
Sopa เกี่ยวกับการละเมิลลิขสิทต่างๆ
Sopa (Stop Online Piracy Act) คือหยุดการละเมิลลิขสิทธิต่างๆโดยการดัดแปลงหรือแก้ไขต้นฉบับเดิม
win ascent คือ เส้นขอบบนในโปรแกรม fontCreator
win descent คือ เส้นขอบล่างของโปรแกรม
19 มกราคม 2555

เนื้อหาการเรียนใน สัปดาห์ ที่ 8

สอนวิธีใช่โปรปแกรม

fontcreator, key การ previwe font , การ save file _ .ttf 

ระหัสCode font กับ ตำแหน่งที่ ว่างอยู่บน keyboard

Postscript name

unicode mapping

Glyph Index

วิธีติดตั้ง font ใน computer C:/windows/fonts

สัญลักษณ์ open type , font tahoma

เนื้อหาการเรียนใน สัปดาห์ ที่ 4 ถึง 6

สัปดาห์ 4-6 องค์กร Unicode เป็นองค์กรสำหรับจัดหมวดหมู่หรอร์นในโลกและดูแลเรื่องฟรอร์นโดนตรง

เป็นบริษัทที่รับผิดชอบเกี่ยวกับฟรอร์นเป็น window,mc และ คัดแยก,ตรวจสอบ,เช็คระบบใน

การใช้หรอร์น unicode.org รหัสในการแสดงผล รหัสนั้น unicode จะเป็นคนกำหนด และ จัดมาตรฐาน UTF-8 รหัสฟรอร์นของไทยเจอเนอเรเตอร์ คือ รุ่นต่างๆ
Fontself เป็นเครื่องมือแบบอนนไลท์ ถ้านำมาใส่ในเครื่องจะเรียกว่าแสตนอโลน
Fontself ถือว่าเป็นเครื่องมือออนไลท์ แบบ app คือการเข้าไปใช้
การเรียนแบบ lerning คือการเรียนรู้จาการทำงานจริง
Glyph คือ รูปแบบอักขระ
Font template
Fontmapping
Program Computer font
Font Foundry คือ ชื่อสกุลฟรอร์น
Type Arranging
Bearing คือ ช่องว่างหรือช่องไฟสำหรับตัวอักษร
Baseling คือ เส้นฐานบรรทัด
X-height คือ ความสุงตัวพิมพ์เล็ก
Capital คือ ความสุงตัวพิมพ์ใหญ่
sites.google.com/site/arti2305/ สามารถศึกษาเกี่ยวกับ fontได้และสามารถโหลดเทมเพรต
ได้ที่ www.fontspace.com

เนื้อหาการเรียนใน สัปดาห์ ที่ 3

      ภาพโดย http://soma.sbcc.edu/users/Russotti/111/read_mes/unit03_type_basics

               จำอนาโตมี่ เรียนรู้การตั้งค่า fontself การอัฟโหลด font ฟรีของเว็ปทำรูปแบบฟร๊อนเพิ่ม
ใน ฟรี fontself เพิ่ม เข้าไปดูการออกแบบ font ศึกษาด้วยตัวเอง โหลด templateใน arti 2305 ด้วยhttps://sites.google.com/site/arti2305/fontfile โดย ผู้ช่วยศาสตราจารย์ประชิด ทิณบุตร สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม หาข้อมูลจาก fontspace
ศึกษาข้อมูลสัดส่วนและโครงสร้างมาตรฐาน แบบตัวอักษรและตัวพิมพ์ ภาษาอังกฤษ-ไทย ของ CRU-Font Family http://typefacesdesign.blogspot.com/2011/12/cru-font-family.html
เรื่ององค์ประกอบ font ให้นักศึกษาทำโดย font ไทย จาก template ของ ผู้ช่วยศาสตราจารย์ประชิด ทิณบุตร ที่ นำมาให้นักศึกษาดูเป็นตัวอย่าง

เนื้อหาการเรียนใน สัปดาห์ ที่ 2

ออกแบบโดย ผู้ช่วยศาสตราจารย์ประชิด ทิณบุตร สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม

           

อธิบาย การสร้างFontเทคนิคความรู้เกี่ยวกับFont สัญลักษณ์ สกุลTypeFont และ เว็ป http://typefacesdesign.blogspot.com/ ออกแบบโดย ผู้ช่วยศาสตราจารย์ประชิด ทิณบุตร สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม กรุงเทพมหานคร

และ สั่งงานให้ไปค้นคว้า วิธีการสร้าง font จาก เว็ป http://www.fontself.com/ โปรแกรม fontlap และ fontstruct.com