http://www.youtube.com/watch?v=CRsw0gaP0TY&feature=player_embedded
copy code ข้างล่างแก้ 999999999999999999 เป็น CRsw0gaP0TY แค่นี้เองครับ

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”640″ height=”360″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowScriptAccess” value=”always” /><param name=”src” value=”http://www.youtube.com/v/999999999999999999&amp;rel=0&amp;hl=en_US&amp;feature=player_embedded&amp;version=3″ /><param name=”allowfullscreen” value=”true” /><embed type=”application/x-shockwave-flash” width=”640″ height=”360″ src=”http://www.youtube.com/v/999999999999999999&amp;rel=0&amp;hl=en_US&amp;feature=player_embedded&amp;version=3″ allowscriptaccess=”always” allowfullscreen=”true”></embed></object>

script jquery fade และ slide ให้กับ รูปภาพ ตัวนี้ผมเอาไปประยุกต์ใช้กับเว็บให้ลูกค้า ระบบ e-commerce ส่วนของเทมเพลต รูปสินค้า และรูปตัวอย่างสินค้าเพิ่มเติม ใช้กับ siamopencart

Script

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.xfade-1.0.min.js"></script>
Initialization
$(document).ready(function() {
  $('#container').xfade();
});
ที่มาของ script โหลด

จากรูปเราเลือกที่ Files>> Manage Sites

กด New เพื่อสร้าง Project งานของเรา

เลือกที่ Advance
Local Info
ตั้งชื่อ Site name = ชื่อชิ้นงานของเรา
Local root folder = ตำแหน่งเริ่มต้นของชิ้นงาน
Defaul images folder = ตำแหน่งเริ่มต้นของรูป ไม่ต้องใส่

กรณีที่เราพัฒนาโดยใช้ php , asp, หรืออื่น ๆ ให้เราเลือก (*ทิป กรณีsetup ตำแหน่งตรงนี้เวลากด F12จะสามารถรันได้ กรณีเราพัฒนาโดย php,asp, jsp ฯลฯ)
Testing server:
Server model: จะเลือก หรือไม่เลือกก็ได้ ในที่นี้ผมใช้ PHP+Mysql
Access: เลือกที่ Local Network
Testing server folder: เลือกไปที่ webroot ของเรา
มาดูผลหลังจากการสร้างชิ้นงานตัวนี้เป็นของ  www.siamranking.com

เท่านี้เราก็จะสร้างชิ้นงานได้ เวลา upload ไปที่ไหนก็ไม่ต้องกลัวเรื่อง path รูปผิด คราวนี้เรามาดูปัญหาที่เกิดจากการไม่สร้าง ชิ้นงานตามที่ผมบอกนะครับ ว่า path จะแสดงเป็นอย่างไร

ในที่นี้ผมใส่ โลโก้ ชิมไปบ่นไป จากเว็บ (www.chimpai.com) ซึ่งผมลอง save รูปมาไว้บนเครื่องแต่ในที่นี้เราไ่ม่ได้สร้างชิ้นงานขึ้นมาดู สังเกตุว่า รูปจะแสดงปกติ แต่พอเรามาดูในส่วนของ path รูป ที่ code จะเห็นดังนี้ครับ

<img src=”file:///C|/Documents and Settings/Admin/Desktop/head_20080703110234/Image/image2.png” width=”240″ height=”99″ /> ตรงนี้แหละครับที่ทำให้เราเห็นรูปเฉพาะเครื่องที่เราสร้างชิ้นงานขึ้นมา เมื่อ upload Web ขึ้นไปบน Hosting ทำให้เราท่านที่มาเยี่ยมชมเว็บไซต์ของเรา ไม่เห็นรูป แต่ผู้สร้างชิ้นงานเห็นรูปเท่านั้น

ขอให้สนุกกับการทำเว็บ ออกแบบเว็บ ทุกคนนะครับ

ภาษา HTML เป็นภาษาที่ถูกกำหนดให้เป็นมาตรฐานในการเขียนโฮมเพจ ดังนั้นการศึกษาถึงโครงสร้างของภาษา HTML จึงถือเป็นพื้นฐานที่สำคัญ ในการเรียนรู้เพื่อเขียน Web Application ซึ่งควรเรียนรู้ทำความเข้าใจให้ดี ถ้าหาสามารถใช้ HTML ได้อย่างคล่องแคล่ว การพัฒนาเว็บโดยได้อย่างง่ายดาย

การเขียน HTML เบื้องต้นควรเริ่มจากการใช้เครื่องมือในการทำ Homepage
1. Editer เป็นโปรแกรมสำหรับใช้เขียนภาษา HTML เริ่มต้นกับ Notepad ซึ่งมีติดเครื่องมาอยู่แล้วเมื่อลงวินโดวน์ หรือสามารถลงโปรแกรมอย่าง Editplus หรือ Dreamweaver หรือหากใครจะเพราะโปรแกรมตัวนี้สามารถแบ่งแยกสีของ Tag โปรแกรมตัวนี้ก็ช่วยให้เขียน Webpage ได้ง่ายกว่า Notepad

2. Web Browser เป็นโปรแกรมสำหรับใช้แสดงผลของโฮมเพจ สำหรับเว็บเบราเซอร์ Internet Explorer หรือที่เรียกย่อ ๆ ว่า IE  เจ้า IE ตัวนี้จะถูกติดตั้งมาพร้อมกับวินโดว์อีกเช่นกัน ปัจจุบัน