เว็บบล็อกบันทึกการเรียนรู้วิชา:Visual Communication Design Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ ผู้สอน ผศ.ประชิด ทิณบุตร โดย นาย กฤษณะ เลาศรีรัตนชัย
วันอังคารที่ 26 กุมภาพันธ์ พ.ศ. 2556
วันจันทร์ที่ 25 กุมภาพันธ์ พ.ศ. 2556
วันพฤหัสบดีที่ 21 กุมภาพันธ์ พ.ศ. 2556
วันพุธที่ 20 กุมภาพันธ์ พ.ศ. 2556
ผลงานการประกวดโลโก้เครื่อข่ายประกันคุณภาพการศึกษา 9 สถาบัน
แนวความคิดในการออกแบบโลโก้
เราได้ใช้ลักษณะของการหนังสือที่เปิดอยู่นำมาตัดทอนลดรายละเอียดลงในลักษณะของทรงกลมเพื่อใช้สื่อถึงการเรียนรู้ โดยใช้สีส้มและสีเหลืองเป็นตัวสื่อให้รู้สึกถึงพลังและแรงบันดาลใจที่เต็มเปี่ยมทางการศึกษา ใช้เลขเก้าที่มีลักษณะคล้ายตัว qเพื่อให้มองได้ 2 ลักษณะโดยถ้ามองเป็นเลข 9 ด้านบนจะมีหมวกบันฑิตเพื่อสื่อถึงตัวแทน 9 สถาบันศึกษาโดยใช้สีน้ำเงินเพื่อแสดงถึงความเป็นผู้นำ ความมั่นคงและความแข็งแรงขององค์กร ถ้ามองว่าเป็นตัว q ก็เห็นเป็นอักษร qa ซึ่งย่อมาจาก Quality Assurance คือ การประกันคุณภาพทางการศึกษา และด้านล่างของตัวอักษรตรงด้านสันหนังสือจะมีลักษณะของการจับมือเพื่อแสดงให้เห็นถึงการร่วมมือกันของทั้ง 9 สถาบัน
วันพุธที่ 13 กุมภาพันธ์ พ.ศ. 2556
สัปดาห์สุดท้ายของการเรียนการสอน
การเรียนการสอนในสัปดาห์นี้เป็นการทบทวนงานทั้งหมดที่ทำมาทั้งเทอม
และอาจารย์ก็เปิดโอกาสให้ทำงานโปรเจค Gift on the moon เพื่อให้เสร็จทันวันงาน
ช่วงบ่ายอาจารย์ให้เข้าไปทำแบบทดสอบหลังเรียน ซึ่งจะเป็นแนวทางข้อสอบ
สำหรับการสอบปลายภาคในสัปดาห์หน้า วันที่ 14 กุมภาพันธ์
อาจารย์นัดส่งงานทั้งหมด ทำเป็นเอกสาร PDF และอัพไว้ใน ( issuu.com )
และอาจารย์ก็เปิดโอกาสให้ทำงานโปรเจค Gift on the moon เพื่อให้เสร็จทันวันงาน
ช่วงบ่ายอาจารย์ให้เข้าไปทำแบบทดสอบหลังเรียน ซึ่งจะเป็นแนวทางข้อสอบ
สำหรับการสอบปลายภาคในสัปดาห์หน้า วันที่ 14 กุมภาพันธ์
อาจารย์นัดส่งงานทั้งหมด ทำเป็นเอกสาร PDF และอัพไว้ใน ( issuu.com )
วันอังคารที่ 12 กุมภาพันธ์ พ.ศ. 2556
สัปดาห์ 11
การเรียนการสอนในสัปดาห์นี้ ส่วนใหญ่อาจารย์ได้แนะนำการจัดหน้าบล็อคและทำความรู้จักกับโค๊ต html บางส่วน ซึ่งจะต้องนำไปใช้ในบล็อคของตัวเอง
การสังเกตโค๊ต <img ซึ่งหมายถึงโค้ตรูปภาพ
โดยความสูงและความกว้างของภาพสามารถปรับโดยใส่ขนาดได้ในโค้ต html
นอกจากนี้อาจารย์ยังได้แนะนำการออกแบบ logo และการส่งประกวด logo และได้แนะนำเว็บซึ่งรวบรวม logo จากที่ต่างๆมาไว้เป็นแนวทางในการออกแบบ
http://logosociety.blogspot.com/
การสังเกตโค๊ต <img ซึ่งหมายถึงโค้ตรูปภาพ
โดยความสูงและความกว้างของภาพสามารถปรับโดยใส่ขนาดได้ในโค้ต html
นอกจากนี้อาจารย์ยังได้แนะนำการออกแบบ logo และการส่งประกวด logo และได้แนะนำเว็บซึ่งรวบรวม logo จากที่ต่างๆมาไว้เป็นแนวทางในการออกแบบ
http://logosociety.blogspot.com/
วันจันทร์ที่ 11 กุมภาพันธ์ พ.ศ. 2556
การเรียนการสอนในสัปดาห์ที่10
สัปดาห์นี้ ต้นชั่วโมง อาจารย์ได้ตรวจการดำเนินงานใน Wordpress ขั้นต้น
หลังจากการตรวจนั้น อาจารย์ได้ให้ทดลองเปิดโปรแกรม Dreamweaver และแนะนำการใช้ภาษา Html เบื้องต้น
Html หรือ Hypertext Markup Language เป็นภาษาหลัก ซึ่งเรียกได้ว่าเป็นการควบคุมการแสดงผลบนเว็บบราวเซอร์ โดยสามารถควบคุมการนำเสนอได้ทั้งข้อมูลตัวอักษร รูปภาพ เสียง หรือไฟล์ในรูปแบบอื่นๆ
โดยคำสั่งในการใช้งานจะใช้เครื่องหมาย < > ควบคุมเสมอ ซึ่งเป็นคำสั่ง หรือที่เรียกว่า Tag
โดย Tag จะแบ่งเป็น 2 ลักษณะคือ
1. Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <BR> = การขึ้นบรรทัดใหม่บรรทัด
2. Tag เปิด ปิด ซึ่งจะมีลักษณะ <tag> ... </tag> ดังนี้ เช่น <center> ข้อความ </center> เป็นการจัดหน้าเฉพาะข้อความที่เลือกให้อยู่ในส่วนกลางของหน้ากระดาษ
โครงสร้างหลักของภาษา html นั้น
มักจะใช้ Tag ในรูปแบบ ที่ 2 ซะส่วนใหญ่ ซึ่งจะเริ่มด้วย <html> และจบด้วย </html> เสมอ โดยการใช้งานคำสั่ง จะอยู่ในรูปแบบ
<html>
<head>
** คำสั่งในหัวข้อของ head เช่น **
<Title> ข้อความแถบ Title bar <Title>
</head>
<body>
** คำสั่งในหัวข้อของ body ซึ่งจะใช้เป็นตัวแสดงผล
ส่วนใหญ่จะเป็นการควบคุมการแสดงผลของข้อมูลด้านตัวอักษร รูปภาพ เสียง หรือไฟล์ในรูปแบบอื่นๆ เช่น **
<center> พาดหัว </center>
<hr> เข้าสู่เนื้อหา <br> บทที่ 1
</body>
</html>โปรแกรม Dreamweaver แล้ว ยังสามารถใช้งานคร่าวๆผ่านทาง Notepad โดยจะแสดงผลต้องเซฟนามสกุลไฟล์เป็น .html ได้อีกด้วย ศึกษาเพิ่มเติมได้ที่ ( Hellomyweb )
ท้ายชั่วโมง อาจารย์ได้ทิ้งท้ายการใช้งาน Dropbox ซึ่งสามารถใช้เก็บไฟล์งานและสามารถแชร์ให้เพื่อนได้ โดยทาง Dropbox จะให้พื้นที่ 2 GB สำหรับ Free user
สมัครสมาชิก:
บทความ (Atom)