Welcome to Rath Jairak Personal Home Page
Login Zones       User Name
Password  
ตรวจสอบคะแนนเก็บรายวิชาต่างๆ ตอนท้ายจะขึ้นบริเวณนี้

คำอธิบายรายวิชาที่สอนภาคเรียนที่ 2/ 50

ทฤษฎีสอบสำหรับวิชาเว็บไซต์ให้อ่านเอง เอกสารต้อง login ก่อน

 

Email Contact : rjairak@windowslive.com

แผนการเรียน เทอม 2/50


ในแบบฝึกหัดนี้จะเรียนรู้ขั้นตอนการทำงาน 3 โปรแกรมที่ใช้ร่วม กันในการพัฒนาเว็บไซต์ คือ Photoshop , ImageReady และ Dreamweaver
Step 1 >> ตกแต่งภาพจาก Photoshop ให้สวยงามเป็นสิ่งแรก ที่พึงกระทำในการพัฒนาเว็บไซต์ โดยยึดหลัก Simply is the best

ไฟล์ที่ใช้
ไฟล์ Photoshop
ไฟล์ Zip Photoshop

 

Step 2 >> เมื่อจัด layout ภาพ theme หลักของเว็บเรียบร้อยแล้ว ใช้ ImageReady เพื่อ slice ภาพให้เล็กลง เพื่อให้คนดูเว็บ download ได้เร็ว

ไฟล์ที่ใช้
ไฟล์ ภาพ my_web.jpg


Step 3 >> นำภาพมาจัดวางใน dreamweaver เพื่อเพิ่มเติม เนื้อหา และตกแต่งเว็บเพจให้สวยงาม

ไฟล์ที่ใช้ (ภาพที่ slice แล้ว)
ไฟล์ ที่ 1
ไฟล์ ที่ 2
ไฟล์ ที่ 3
ไฟล์ ช่องว่าง หรือ spacer

แบบฝึกหัดที่สองเป็นการฝึกจัดหน้าที่ต้องมีการจัดการไฟล์ ที่ละเอียดมากขึ้น และต้องยุ่งเกี่ยวกับการใช้งาน CSS
down load ไฟล์   : ตัวอย่างหน้าเว็บ

แบบฝึกหัดที่ 3 การทำงานกับ photoshop ใช้ไฟล์ประกอบดังนี้  สอบการจัดหน้าเว็บไซต์ ให้จัดหน้าเว็บไซต์ให้ได้ดังนี้ [หน้าตัวอย่าง]

4 ตุลาคม 2550 ทดสอบการสมัครใช้งานพื้นที่เว็บฟรีที่ http://www.zendurl.com ได้ domain name ชื่อ http://www.zendurl.com/rjairak มา สามารถเขียน php ได้ ติดต่อผ่าน ftp ได้ สร้างฐานข้อมูล MySQL ได้

workshop การทำ presentation slide ด้วย flash
idea ตัวอย่างมาจากเว็บไซต์ toxiclab.org url : http://www.toxiclab.org/tutorial.asp?ID=185

วิธีการโดยสรุป
สร้างภาพใน flash ขนาด 400 x 213 จัดเตรียมภาพจาก photoshop 4 ภาพ นำภาพแต่ละภาพเข้าสู่ library ( File > Improt > Import to library ) จัดวางภาพให้เข้าตำแหน่งด้วย Ctrl + K

นำไฟล์ภาพจาก Library ไปวางแล้วเลือก convert ภาพ ให้เป็น movie clip โดยเลือกที่ภาพแล้วกด F8 insert key frame ที่ frame 15 และ 30   สร้าง motion tween ขึ้นมา และกำหนดค่า alpha ของ movie clip ใน frame 0 และ 30 ให้เป็น 0 สร้าง layer ใหม่ และใส่ภาพอื่นตามลำดับ โดย insert key frame แรกของภาพถัดไปที่ 15   [ download ไฟล์ตัวอย่าง ]
 
 
VDO Practice
Note pad เอกสาร html
Note pad การใช้ตาราง
Note pad คุณสมบัติในตาราง
Dreamweaver เบื้องต้น
Dreamweaver การตั้งค่าก่อนใช้
Photoshop การใช้ transform
 
 
Photoshop การเดินเส้น Path