เอกสาร ตรวจประเมิน
Topic outline
ภาคเรียนที่ 2 ปีการศึกษา 2566
การออกแบบเว็บไซต์........CFD3305
คลิปประกอบการสอน
https://drive.google.com/file/d/12kC509XLfXYXDjURfAeR2ehXRR5PPfQB/view?usp=sharing, ;
https://drive.google.com/file/d/1B843-TVJt-LiUHpGmeDz5SSvl-I8uTVa/view?usp=sharing,
https://drive.google.com/file/d/1FKFChR1OLhi6kKaKg7n8RsyeJk0iQR9c/view?usp=sharing, ;
https://drive.google.com/file/d/1GoOn5ziz6ksgF48jucE8rvcIH3eIBD4b/view?usp=sharing, ;
https://drive.google.com/file/d/1IZ91CAAA4DboGLQxi7eesgxPF9aurnsB/view?usp=sharing, ;
https://drive.google.com/file/d/1KE7Ee4YFkSyYzNgMhbdU33UkibFNrsW-/view?usp=sharing, ;
https://drive.google.com/file/d/1NWw21OVFTzeJL1hUzRVY79PfOXcBV7xv/view?usp=sharing, ;
https://drive.google.com/file/d/1Ncb3aEGyZIMqPK-DamxrGrfsTENzNjyM/view?usp=sharing, ;
https://drive.google.com/file/d/1SvFmKwQCr-sNSEjYttqOjgZ3Um3MV0V2/view?usp=sharing, ;
https://drive.google.com/file/d/1ThwIxMwTu-o1AZOQavuUIMG7pjQGyNSs/view?usp=sharing, ;
https://drive.google.com/file/d/1Vlrf0aYye3p83aVH3sco2esusZODOPSx/view?usp=sharing, ;
https://drive.google.com/file/d/1ZLPL2NOoMQ7auevTw8AYwCef-EHsO7G_/view?usp=sharing, ;
https://drive.google.com/file/d/1ejhkDpLPRELH9dwevW-zcxRDS_6Cn-2q/view?usp=sharing, ;
https://drive.google.com/file/d/1g61WYKb1pk8umMzlj3B4AGDRU1mErEZj/view?usp=sharing, ;
https://drive.google.com/file/d/1ge2Jq4dW94R1iHLtidKj7DkKOXMrH7l5/view?usp=sharing, ;
https://drive.google.com/file/d/1j97LNZmtAG5tFoWYM7r_egInfyV_naYB/view?usp=sharing, ;
https://drive.google.com/file/d/1raItbA0DQ_jyD7_XVTznMqWZ85oXMGKC/view?usp=sharing, ;
https://drive.google.com/file/d/1xvNi7fl9YBfBiZukydeLQEYLKM7fL3YI/view?usp=sharing, ;
https://drive.google.com/file/d/1yjdXxIdmTueqQmAFfWWxBT_J0lEiJo62/view?usp=sharing
เนื้อหาประกอบการสอน
https://docs.google.com/presentation/d/11o2I3B-gVl6WL-bAl6JbbySXITuJiGXf/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true,https://docs.google.com/presentation/d/1JL1BCLdDM63Io8WGsMtUNT9eTwSOwhyW/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, https://drive.google.com/file/d/1LYwLPiZB-wC327OgAqBmrhnenU1X1jo9/view?usp=sharing, ;
https://drive.google.com/file/d/1XIjjjebxBNBG7wjBi4FQ0QUStZU2onUO/view?usp=sharing, ;
https://docs.google.com/presentation/d/1fHu0u4cMQ6sQ20Y32iSwG6E0sOtLzIUN/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, https://docs.google.com/presentation/d/1g9Ske-iFM1JXhAl2heVcK99_p3EAouB5/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, ;
https://drive.google.com/file/d/1kuoyEZz9TYQKugLm39NSChCtAGgkHttJ/view?usp=sharing, ;
https://docs.google.com/presentation/d/1njGFffQaeJ834hGXMCplxfp2fmCtM5i1/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, https://docs.google.com/presentation/d/1oefFtq-kLyqizW-6DXNOCA8aVeiK34wG/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, ;
https://docs.google.com/presentation/d/1rGePGFYlzuJ3u4JFZwrF_QFmeRp2CwmJ/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, https://docs.google.com/presentation/d/1s-NSyGwS-oGWtVQHLSUj-KGspl9IdMtK/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, ;
https://drive.google.com/file/d/1uFlvI1LZyLgrn8FIdOIl1Y3MWnotFQRt/view?usp=sharing, ;
https://docs.google.com/presentation/d/1uvc9w4xTD0QUUreByZseeYy5NM04W36U/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, https://docs.google.com/presentation/d/1w-DvWH91t4rpK62Xo4KDO-5S2GP57858/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=true, ;
ภาคเรียนที่ 1 ปีการศึกษา 2565
คอมพิวเตอร์กราฟฟิกเพื่องานภาพยนตร์และสื่อดิจิทัล FAM1302
กรอบหัวข้อการฝึกปฎิบัติ 20 หัวข้อ
หัวข้อ1
https://docs.google.com/presentation/d/1NkDVj_hDy6LgnmJnJrszSivusSZ83h0a/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ2
https://docs.google.com/presentation/d/1Sxwxw0Ds4rUH5Qu19xZPMcAiC5A0o6gh/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ3
https://docs.google.com/presentation/d/1UV6ce-rnG5CxubSIp26ZDPfAaoQ3PtQE/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ4
https://docs.google.com/presentation/d/1xrDhdyZqe3hu-u9ZLPpSox2ZShFoiso3/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ5
https://docs.google.com/presentation/d/1er8WwF7yZUkO-negSDEB2rhxIvK4QLZC/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ6
https://docs.google.com/presentation/d/1Hqry9UyeMTfDbtuAvUEum6nmGmCZ42ll/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ7
https://docs.google.com/presentation/d/1BwdUZIYjx1esPPC3BTygPecY8X8M0Mvw/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ8
https://docs.google.com/presentation/d/1tD_kjNZWkAaLZNdrjtKJXb44dOb2jlM3/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ9
https://docs.google.com/presentation/d/1KGsJe4yjPpisF2FciiR8Jvc8XRwh4aOb/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ10
https://docs.google.com/presentation/d/1eZypnH1SVB7aVvSgoSDhbm-cK2dNQNst/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ11
https://docs.google.com/presentation/d/1xhM4k-H3LZwnAoIGg12rRPN6TUp6QLBc/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ12
https://docs.google.com/presentation/d/1bAMnuTLzRxLLhscGTaHccxrBompI7E4y/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ13
https://drive.google.com/file/d/1YBczGzHBZqavqcb5WLANkY8aiRiabxvZ/view?usp=sharingหัวข้อ14
https://docs.google.com/presentation/d/1Fyar22AxGY3NOB6aa2QecID95UdSpbrA/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ15
https://docs.google.com/presentation/d/1grSTOx6txPb7Cb3lwVz60_wapZ1Zx6AZ/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ16
https://docs.google.com/presentation/d/1DY_UHazUkfweJgTwj1cmvlI0psFWHtj7/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ17
https://docs.google.com/presentation/d/1ThJg74P8KzjS4W9mg_gaKzMrrweOC2bK/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ18
https://docs.google.com/presentation/d/1kXpAhNt_G3fDCUp3Vy52Ulj8Bl97X1QL/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ19
https://docs.google.com/presentation/d/1OGt2HLolmhSQA0OkxmQ5XBqufzJG4iop/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ20
https://docs.google.com/presentation/d/1aZJOWVagRHGC5q-LkxYmRhzkn0kbds2N/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueหัวข้อ21
https://docs.google.com/presentation/d/1peAicnYzdTh1Ul46V7cGsfvQqOwGArfB/edit?usp=sharing&ouid=102422605910829417935&rtpof=true&sd=trueคลิป ประกอบการฝึกปฎิบัติ
1. แนะนำภาพรวมการฝึกปฎิบัติกราฟฟิก Raster Vector และ เคลื่อนไหว
https://drive.google.com/file/d/1aoc-mgGGvmgofXN3hPH2y3gmxPgU4WDj/view?usp=sharing
2. สี /BG-Layer-Marquetool
https://drive.google.com/file/d/1TsNJyr1R5x5l2zf7SVjC7FQgKM-OLCoe/view?usp=sharing
https://drive.google.com/file/d/1TsNJyr1R5x5l2zf7SVjC7FQgKM-OLCoe/view?usp=sharing
3.การใช้เครื่องมือการตัด/Crop -การฝึกฝนการใช้ประโยชน์จาก Layer
https://drive.google.com/file/d/1wzyDNuZq_EBpjlqDGVjs-9rDs2osLUes/view?usp=sharing
https://drive.google.com/file/d/1wzyDNuZq_EBpjlqDGVjs-9rDs2osLUes/view?usp=sharing
4.การประยุกต์ใช้ ความคิดสร้างสรรค์ใจการสร้างภาพจาก การตัด+Layer+ลูกเล่นสี
https://drive.google.com/file/d/13XUi7q08bM24kygYfu4SfzMKUiuszEM_/view?usp=sharing
https://drive.google.com/file/d/13XUi7q08bM24kygYfu4SfzMKUiuszEM_/view?usp=sharing
5.เทคนิค Transform-Blur-lenseFlare
https://drive.google.com/file/d/1TrSgSW3RkVCjYwEG35Z4jc_b947rI2zM/view?usp=sharing
8.ColorReplacement+Histbrush
https://drive.google.com/file/d/1xCCsvoqI-9GHmgsWPyVbwsbIl-nC-67w/view?usp=sharing
9.Motion
https://drive.google.com/file/d/1_SjkBFhm9XJpDvXnNdNumzlo1L_20txi/view?usp=sharing
10.face
https://drive.google.com/file/d/1VT_oXWzJOGaMdI5ATQ1lOnWW0ZdSj5tj/view?usp=sharing
11.Aiพื้นฐาน
https://drive.google.com/file/d/1IwJ5xvB5AsEPaS-dqrrw68oBvhEG4vsc/view?usp=sharing
12. Ai ออกแบบด้วยรูปทรงเรขาคณิต
https://drive.google.com/file/d/1i0rrpNj5ltvsUs9bZVgMdrqH-ZgohIwD/view?usp=sharing
13.Aiการใช้ Pentool+ AddAnchorpint
https://drive.google.com/file/d/1ywiwLYm3ro_LPh6SKG0xi-9uS6jsjhrq/view?usp=sharing
13.Ai_ลูกเล่นการประยุกต์สร้างวัตถุ(บอล )
https://drive.google.com/file/d/18j343dUUAI3Rg3gfq7oEUy55ndRpB9fT/view?usp=sharing
14.Ai_3D_Perspective
https://drive.google.com/file/d/1SP_oEFGmKnBPsxh_X6U9_Ow0GH29IPJP/view?usp=sharing
15.Ai_ShapeBuilderTool
https://drive.google.com/file/d/1GP6gOy3FFtRyNRHMnLVuGxH8n5sjDVjl/view?usp=sharing
16 การเตรียมภาพ นำไปใช้ใน งาน Animation
https://drive.google.com/file/d/1oHF-jsci4qgCu7ssfkBSzplhwhPnjzEC/view?usp=sharing
ภาคเรียนที่1 ปีการศึกษา 2567_วิชาการออกแบบเว็บไซต์
การออกแบบเว็บไซต์ CFD3305
คลิปประกอบการเรียนปฎิบัติ 11 คลิป
แนะนำโปรแกรม
https://drive.google.com/file/d/13dZWh4oT2qo5JvCHSwLeqStSMjVeVIM2/view?usp=sharing
TagDiv
https://drive.google.com/file/d/1xO5Crz9DN8F7rw1iWiuzpsh7BCZ7BR0p/view?usp=sharing
Html _Row+Fontง่ายๆ
https://drive.google.com/file/d/1WEpOmyTiFqI_Y0z5Np2Vut91t7nq6kCb/view?usp=sharin
Html_column
https://drive.google.com/file/d/1WEpOmyTiFqI_Y0z5Np2Vut91t7nq6kCb/view?usp=sharing
HtmL_TagDiv
https://drive.google.com/file/d/11nDChptz-cdDNXbVSD_VeuI-yNrCV7qL/view?usp=sharing
Html_InsertPic
https://drive.google.com/file/d/1rID5cIM7rAPKB3NTE65JteygL-wHFzUO/view?usp=sharing
Html_Table+row_Properties
https://drive.google.com/file/d/1kxezy68-uXCFkeHBwiZGbliwEfe94DzZ/view?usp=sharing
Html_linkMov
https://drive.google.com/file/d/1EZzibKUXwXRVrZt5xyBz1eQnd2iKAyZR/view?usp=sharing
DoubleExposure
https://drive.google.com/file/d/1VtTWrWnVqsFpDdfvTFbZR7WcQGLXTVcD/view?usp=sharing
Logo_3Ds
https://drive.google.com/file/d/1SP_oEFGmKnBPsxh_X6U9_Ow0GH29IPJP/view?usp=sharing
Vector_Practice
https://drive.google.com/file/d/1i0rrpNj5ltvsUs9bZVgMdrqH-ZgohIwD/view?usp=sharing
กรอบเนื้อหาการสอน ทฤษฎี และ ปฎิบัติ
ครั้งที่ 1 เปิดคอร์ส
https://drive.google.com/file/d/19A6Dg6fEn4zQfzEVYyDum4XHFA3JskHA/view?usp=sharing
ครั้งที่ 2 กระบวนการออแบบเว็บ
ครั้งที่ 3 พื้นฐานเครื่องมือในการ ออกแบบ Code & Design
ครั้งที่ 4 ลักษณะภาษา HTML/ การจัดวางเนื้อหาหน้าเว็บ
ครั้งที่5 การจัดวางข้อความ / สี / เชื่อมโยงกับ การใช้ งาน โปรแกรม ตกแต่งภาพ Photoshop
ครั้งที่ 6 ฝึก สร้าง Layout จาก Code ( Tag div)
ครั้งที่ 7 ออกแบบด้วยตาราง <Table><tr><td>
ครั้งที่ 8 ออกแบบ Layout จากตาราง <Table>
ครั้งที่ 9 ออกแบบเว็บเพจด้วย กราฟฟิก > เน้นการใช้ภาพ ตกแต่ง
ครั้งที่ 10 เชื่อมโยง (link) บนพื้นที่ img > ภายในเวป
ครั้งที่ 11 > Link ภายนอก
ครั้งที่ 12 > ดูหนัง ฟังเพลง > ผ่าน เว็บไซต์
ครั้งที่ 13 สร้าง เมนู BAR
แบบฝึกหัด
1. เขียน Site map สำหรับเว็บไซต์
2. ออกแบบ ตรา Logo เว็บ ด้วย Ai
3. ออกแบบ Layout เว็บ บน Tag <div>
4. ออกแบบ Layout ด้วย Table
5. แบบฝึกหัด link ภายนอก
6. link วีดิโอ