สอน และรับออกแบบ web-site และงาน 3 มิติ

w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> สอน และรับออกแบบ web-site และงาน 3 มิติ

03. Download - Template
16.01.09
......................................................................................................

download : Template by Photoshop

01. How to web-design
10.11.08
.......................................................................................................

ขั้นตอนการพัฒนา Web Site

1) กำหนดเป้าหมาย และวางแผน Site Definition & Planning
2) วิเคราะห์ และจัดโครงสร้างข้อมูล Analysis Information
3) ออกแบบ Web Page และเตรียมข้อมูล Page Design
4) ลงมือสร้าง และทดสอบ Construction & Testing
5) เผยแพร่ และส่งเสริม Publishing & Promotion
6) ดูแล และพัฒนา Maintenance & Innovation

วิเคราะห์ และจัดโครงสร้างข้อมูล Analysis & Information Architecture
โครงสร้าง Web Site [Site Structure]
เป็นแผนผังของการลำดับเนื้อหาหรือการจัดวางตำแหน่ง Web Page ทั้งหมด ซึ้งจะทำให้เราเห้นภาพได้ชัดเจนยิ่งขึ้นว่า Web Site เราจะประกอบไปด้วยหน้า Web Page อะไรบ้าง เป็นกรอบในการทำงาน และในการจัดเรียงข้อมูล ยิ่ง Web ที่มี Site งานขนาดใหญ่
ตัว Site Map เป็นส่วนที่สำคัญอย่างยิ่ง

ส่วนประกอบของหน้า Web Page :
1. Page Header
2. Page Body
3. Page Footer

.................................................................................... download

02. Logo type Effect
16.12.08
.......................................................................................................

Work Shop#4 : Text Effect [อักษรโลหะ]

1. สร้างหน้าเอกสารขนาด 800 x 400 Pixel
2. เลือกเครื่องมือ Gradient Tool ที่ Tool Box และไปที่แถบ Option Bar +Edit Gradient ให้เปลี่ยนสีตามรูป
3. แดรกเมาท์สร้างแถบสี ตามรูป (กด Shift ไปด้วยขณะแดรก)
4. คลิกที่เครื่องมือพิมพ์ตัวอักษรที่ Tool Box (ลักษณะการเลือกFont ควรให้หนาหน่อยแต่อย่ามาก) *สีขาว และพิมพ์ลงไป บนพื้นที่เรา แดรกสี Gradient สังเกตที่ Layer จะ AD New Layer ขึ้นให้เองหนึ่งชั้น
5. ไปที่ Blending Option ที่ Layer เพื่อเปิด Window : Layer Style [Effect] ตัวแรกเราใช้ Outer Glow
Color : #83C3E7 /Spread : 7 /Size : 20 Px. /Controur : Round Step
6. Effect 2 : Inner Glow : Opacity : 100% /Color : #83C3E7 /Choke : 10% /Size : 10 Px./ /Controur : Round Step
7. Effect 3 : Bevel and Emboss : Size : 7 px. /Gloss Contour
8. Effect 4 : Gradient Overlay : Style : Reflected Scale = 150%
9. Effect 5 : Stroke : Size = 2 /Fill Type = Color /Color = black
10. งานสมบูรณ์

............................................................................................Dowload

Pisit Tangpondprasert : pisit@thewitstudio.com : 084 333 0013 /CHAIYASIT CHANARWUT : dayframe@thewitstudio.com
rich media : enterprise : floating Ad : hyper media : Ambient media : hybrid media