Archive for the ‘Graphic – Design’ Category
-
Style หลายชั้น (Cascading styles), tag SPAN และ DIV ใช้ทำอะไร
เนื่องจาก มีหลายวิธีการในการกำหนด Style แล้วถ้าการกำหนด Style เกิดขัดแย้งกันเอง การแสดงผลจะเป็นอย่างไร
Style หลายชั้น (Cascading styles)
เนื่องจากวิธีกำหนด Style ในการแสดงผลมีด้วยกันหลากหลายวิธี ทำให้หลายครั้ง tag HTML คำสั่งเดียว แต่ถูกกำหนด Style มาจากหลายที่ด้วยกัน จึงเรียกว่า Style หลายชั้น หรือ Cascading Styles Read the rest of this entry »
-
4 วิธีในการแทรกคำสั่ง Style Sheets ในไฟล์ HTML ของเรา
เราได้เกริ่นกันไปแล้วว่า มี 4 วิธี ในการแทรกคำสั่ง Style Sheets ไว้ในไฟล์ HTML ของเรา
คือ Document Style, Inline Style, External Style และ Imported Styleหากใครต้องการทบทวน ให้อ่านบทความก่อนหน้านี้นะ ที่
มาตกแต่งเว็บให้สวยด้วย Style Sheet กันวันนี้เรามาศึกษาในรายละเอียดการใช้งาน แต่ละวิธีกันนะ ว่าจะตกแต่งเว็บของเราให้สวยด้วย Style Sheets ทำอย่างไร
Read the rest of this entry » -
มาตกแต่งเว็บให้สวยด้วย Style Sheet กันดีกว่า
Style Sheet คืออะไร
Style Sheets คือการกำหนดรูปแบบการแสดงผลของหน้าเว็บเพจของเรา ว่าจะใช้สีอะไร ใช้ Font ไหน ใช้ขนาดไหน เป็นต้น เพื่อความสวยงามในการแสดงผลของเว็บไซด์ของเรา
Style Sheets ไม่ได้ถูกรวมไว้ในคู่มือมาตรฐาน HTML ของ W3C ซึ่งเป็นเหตุที่เราจะต้องกำหนดคำสั่งต่างๆ ไว้ในเว็บเพจของเรา เพื่อให้ browser ได้รู้จัก และแสดงผลได้ถูกต้อง เช่นระบุ ประเภทของไฟล์ HTML และ CSS ว่าเป็นเวอร์ชั่นอะไร หรือประเภทของไฟล์ Style Sheet
Read the rest of this entry » -
ความรู้เบื้องต้น Web Design
Web Design คือการออกแบบเว็บไซต์ ซึ่งสำคัญมากๆ ในหลายๆบริษัทที่ทำธุรกิจทางด้านนี้โดยตรง จะต้องมีพนักงานที่ทำหน้าที่ Web Design อย่างเดียวเท่านั้น บางทีก็รวมคนเขียน Code HTML ไปด้วยและคนทำ Graphic ไปด้วย แต่บางทีก็มองว่า Design อย่างเดียวเพียงแค่ร่างๆออกมาเท่านั้น เพราะการเขียน Code HTML นั้นไม่ใช่ปัญหา ในที่นี้เราจะรวมเอาทั้ง Design + Graphic ไปด้วย โดยเราจะบอกแนวให้เป็น Step สำหรับ Web Design ครับ Read the rest of this entry »
-
แก้ไขภาพตาแดงโดย Photoshop CS3
1.เมื่อเปิดโปรแกรม Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open
-
มาสร้างภาพเคลื่อนไหวโดย Photoshop CS3 กัน
ปัจจุบันมีโปรแกรมการสร้างภาพเคลื่อนไหวออกมามากมาย แต่ก็ต้องเสียเวลาไปหาและมา install ใหม่ในเครื่อง แต่จริงๆแล้วในโปรแกรม Photoshop CS3 สามารถสร้างภาพเคลื่อนไหวได้เช่นกันและไม่ยากอย่างที่คิด วันนี้มาดูกันเลยนะคะว่ามีวิธีอย่างไร
1.เมื่อเปิดโปรแกรม Photoshop CS3 แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open โดยครั้งนี้อาจจะมีเปิดมา 2 ภาพ ที่สามารถเชื่อมต่อกันได้เป็นการเคลื่อนไหว ดังรูปค่ะ
-
เติมเส้นขอบตามรูปทรงเพื่อเพิ่มความสวยงามได้เลยค่ะ
รูปที่มีขอบจะดูโดดเด่นและสวยงามมากยิ่งขั้น เรามาดูวิธีกันดีกว่านะคะ
1.เมื่อเปิดโปรแกรม Photoshop CS3 แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open
-
มาสร้างภาพธรรมดาให้เป็นภาพลายเส้นกัน
สร้างภาพธรรมดาให้เป็นภาพลายเส้น
1.เมื่อเปิดโปรแกรม Photoshop CS3 แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open
-
การสร้าง Barcode
1.เมื่อเปิดโปรแกรม Photoshop แล้ว คลิก เมนู file > New เพื่อสร้างภาพใหม่ ขนาดใดก็ได้ค่ะ
2. จากนั้นให้เลือกที่เมนู Filter > Noise > Add Noise… ดังรูปค่ะ Read the rest of this entry »
-
การตัดภาพออกมาอย่างเป็นธรรมชาติ
1.เมื่อเปิดโปรแกรม Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open
2.จากนั้นให้กด Ctrl + Alt + X แล้วหน้า Extract จะปรากฏขึ้นมาค่ะ แล้วให้ไปเลือก Brush Size ให้เหลือ 9 ดังรูปนะคะ
Read the rest of this entry »
หมวดหมู่
- 1 – 2 – 3 WEBMASTER (87)
- บทเรียน HTML (22)
- มือใหม่ Webmaster (15)
- วิธีใช้งาน CPanel (6)
- เทคนิคใช้คอมทั่วไป (44)
- Domain – Hosting (4)
- Domain Name (2)
- Web HOSTING (2)
- Graphic – Design (41)
- Adobe Photoshop (37)
- บทความน่าอ่าน (4)
- News (1)
- Web Programming (55)
- Review Script (2)
- บทเรียน ASP (12)
- บทเรียน Perl (5)
- บทเรียน PHP (13)
- ฟรี Script เทคนิคเด็ดๆ (23)
- Web Promote/Money (1)
| จ | อ | พ | พฤ | ศ | ส | อา |
|---|---|---|---|---|---|---|
| « ก.ย. | ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 | |||