การเรียนการสอนในสัปดาห์นี้ ส่วนใหญ่อาจารย์ได้แนะนำการจัดหน้าบล็อคและทำความรู้จักกับโค๊ต html บางส่วน ซึ่งจะต้องนำไปใช้ในบล็อคของตัวเอง
การสังเกตโค๊ต <img ซึ่งหมายถึงโค้ตรูปภาพ
โดยความสูงและความกว้างของภาพสามารถปรับโดยใส่ขนาดได้ในโค้ต html
นอกจากนี้อาจารย์ยังได้แนะนำการออกแบบ logo และการส่งประกวด logo และได้แนะนำเว็บซึ่งรวบรวม logo จากที่ต่างๆมาไว้เป็นแนวทางในการออกแบบ
http://logosociety.blogspot.com/
เว็บบล็อกบันทึกการเรียนรู้วิชา:Visual Communication Design Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ ผู้สอน ผศ.ประชิด ทิณบุตร โดย นาย กฤษณะ เลาศรีรัตนชัย
วันอังคารที่ 12 กุมภาพันธ์ พ.ศ. 2556
วันจันทร์ที่ 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
วันพุธที่ 9 มกราคม พ.ศ. 2556
สัปดาห์ที่ 9
สัปดาห์นี้อาจารย์ได้นัดสอบ ก่อนสอบอาจารย์ได้แนะนำ Website ( Wordpress ) ซึ่งต้องใช้ในการเรียนการสอนในเทอมนี้ และ ( Wordle ) ซึ่งเป็น Free Website ที่ให้บริการการออกแบบข้อความ Typrography
Wordpress คือโปรแกรมชนิดหนึ่ง ซึ่งช่วยในการจัดเนื้อหา และจัดการหน้าเว็บไซต์ได้อย่างสะดวก และรวดเร็ว โดยต้องเข้าไปสมัครที่ ( http://www.wordpress.org ) และสามารถดาวน์โหลดปลั๊กอินเสริมได้ที่ ( http://wordpress.org/extend/plugins/ )
ข้อความ Typrography จัดเป็นงานศิลปะแขนงหนึ่งของการนำตัวอักษรมาจัดเรียง ให้เกิดความสวยงาม ในการสร้างข้อความ Typrography ผ่านทาง Website Wordle นั้น มีข้อจำกัดคือต้องติดตั้งปลั๊กอิน ( Java Script ) จึงจะสามารถมองเห็นข้อความได้
ผลงานตัวอย่าง
Wordpress คือโปรแกรมชนิดหนึ่ง ซึ่งช่วยในการจัดเนื้อหา และจัดการหน้าเว็บไซต์ได้อย่างสะดวก และรวดเร็ว โดยต้องเข้าไปสมัครที่ ( http://www.wordpress.org ) และสามารถดาวน์โหลดปลั๊กอินเสริมได้ที่ ( http://wordpress.org/extend/plugins/ )
ข้อความ Typrography จัดเป็นงานศิลปะแขนงหนึ่งของการนำตัวอักษรมาจัดเรียง ให้เกิดความสวยงาม ในการสร้างข้อความ Typrography ผ่านทาง Website Wordle นั้น มีข้อจำกัดคือต้องติดตั้งปลั๊กอิน ( Java Script ) จึงจะสามารถมองเห็นข้อความได้
ผลงานตัวอย่าง
วันพฤหัสบดีที่ 13 ธันวาคม พ.ศ. 2555
สัปดาห์ที่ 7
อาจารย์สอนเกี่ยวกับการ Sharing settings
Sharing settings --> Visbilrty options --> Public on the web --> Can View
อาจารย์สอนเกี่ยวกับ Creativecommons สัญญาอนุญาติ
(No singn-in requred) = ไฟล์สาธารณะ
edit = ให้เครดิตคนอื่น
CC => ลิขสิทธิ์
รูปคน => Attribution (ใ้ห้เกียติแก่ผู้ให้ลิงค์)
$ => Noncommercial (ห้ามขาย)
= คือ No Derivative Works (ห้ามเลียนแบบ)
Attribution - NoCommercial
You are free : to Share (อนุญาติให้แชร์ได้)
License Jurisdiction = คุณสมบัติใบอนุญาติ / License = สัญญาใบอนุญาติใช้
Sharing settings --> Visbilrty options --> Public on the web --> Can View
อาจารย์สอนเกี่ยวกับ Creativecommons สัญญาอนุญาติ
(No singn-in requred) = ไฟล์สาธารณะ
edit = ให้เครดิตคนอื่น
CC => ลิขสิทธิ์
รูปคน => Attribution (ใ้ห้เกียติแก่ผู้ให้ลิงค์)
$ => Noncommercial (ห้ามขาย)
= คือ No Derivative Works (ห้ามเลียนแบบ)
Attribution - NoCommercial
You are free : to Share (อนุญาติให้แชร์ได้)
License Jurisdiction = คุณสมบัติใบอนุญาติ / License = สัญญาใบอนุญาติใช้
วันพุธที่ 12 ธันวาคม พ.ศ. 2555
สัปดาห์ที่ 6
สัปดาห์นี้อาจารย์แนะนำการทำงานซึ่งต้องผ่านกระบวนการ 3 ส. คือต้องมีการสืบค้น สร้างสมมติฐาน และสรุปผล โดยแต่ละขั้นตอน ควรมีคำอธิบาย และภาพหลักฐานประกอบที่ถูกต้องชัดเจน ระบุว่าเรากำลังทำอะไร ด้วยวิธีใด และการดำเนินงานเป็นอย่างไร ซึ่งเป็นการแสดงหลักฐานอย่างชัดเจนที่สุด
หลังจากสอนแนวทางการเขียนกระบวนการ 3 ส. เสร็จ อาจารย์ได้สอนการปรับแต่ง Blogger อีกครั้ง ซึ่งครั้งนี้เป็นรายละเอียดเน้นไปที่การเขียนบทความ การจัดหน้าของบทความ
สัปดาห์ที่ 5
สัปดาห์นี้ งานหลักๆคือการตรวจชิ้นงานที่จะทำมาขายในงาน Gift on the moon Concept Love product โดยอาจารย์กำหนดว่า สิ่งที่จะนำมาขาย ต้องผ่านกระบวนการผลิตทางเทคโนโลยี เพื่อจะได้สอดคล้องกับวิชาที่กำลังเรียนอยู่ในขณะนี้ โดยการตรวจในครั้งนี้ อาจารย์ได้ให้คำแนะนำเป็นรายบุคคล สำหรับนำงานไปพัฒนาและปรับเปลี่ยนรูปแบบให้ดียิ่งขึ้น
หลังจบสิ้นการตรวจงานแล้ว อาจารย์ได้แนะนำ Web site ที่มีข้อมูลของสินค้า Handmade ที่เป็นมิตรกับสิ่งแวดล้อม เพื่อเป็นอีกแนวทางหนึ่งในการตัดสินใจในการสร้างชิ้นงานขึ้นhttp://www.shopbethelwoods.com/store/
สัปดาห์ที่4
การสร้างเพจใน google+
อาจารสอนเกี่ยวกับการทำเพจ ในหน้าgoogle+ และ เพจใน facebook
วิธีสมัครเพจในgoogle+ดังวิธีข้างล่างนี้
ไปที่หน้า google+ กดที่ more เลือก pages

กด create new page

เลือกประเภท pages ที่จะสร้าง

กรอกข้อมูลให้เรียบร้อย

คลิกแก้ไข โปรไฟล์และข้อมูลให้เรียบ เท่านี้เราก็จะได้เพจสำหรับแสดงงานใน google+แล้ว

สมัครสมาชิก:
บทความ (Atom)




