• user warning: Table 'cache_filter' is marked as crashed and should be repaired query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '3:9af64903d06e8bed32a003154ea2cf3f' in /home/tgv/htdocs/includes/cache.inc on line 27.
  • user warning: Table 'cache_filter' is marked as crashed and should be repaired query: UPDATE cache_filter SET data = '<!--paging_filter--><p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n1.<b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">Document<br />\nwindow</span></b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\"> <span lang=\"TH\">เป็นส่วนที่ใช้การแสดงผลเว็บเพจที่กำลังสร้างอยู่ ซึ่งแสดงผลได้ทั้งแบบ </span>Code<br />\n<span lang=\"TH\">และ แบบเสมือนจริงที่แสดงผลบน </span>web browser <span lang=\"TH\">หรือจะแสดงควบคู่ไปก็ได้<br />\nและใช้ในการทำงานแก้ไขตัวอักษร รูปภาพต่างๆในเว็บเพจด้วย โดยอาศัยเครื่องมือต่างๆ<br />\nที่แสดงอยู่ในรูป</span><br clear=\"all\" /><br />\n</span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n<span lang=\"TH\">ข้อเสียของ </span>Dreamweaver <span lang=\"TH\">ยังไม่อยู่บ้างคือ หน้าจอที่แสดงผลเสมือนจริง กับการแสดงผลจริงใน </span>web<br />\nbrowser <span lang=\"TH\">อาจไม่ตรงกัน ขึ้นอยู่กับ </span>web browser <span lang=\"TH\">ที่เราใช้ด้วย</span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n2.<b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">Insert<br />\nBar </span></b><span lang=\"TH\" style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">ประกอบด้วยคำสั่งต่างๆ<br />\nแยกย่อยดังนี้ </span><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\"><br clear=\"all\" /></span></p>\n<p>2.<b>1.Common</b> <span lang=\"TH\">ในแถบนี้จะประกอบด้วยเครื่องมือที่ใช้งานบ่อยๆ<br />\nเช่น สร้างตาราง </span>, <span lang=\"TH\">สร้างลิงค์ หรือใส่รูปในเว็บเพจ </span><br clear=\"all\" /></p>\n<p>2.<b>2.Layout</b> <span lang=\"TH\">ในแถบนี้จะเป็นเครื่องมือที่เกี่ยวกับ<br />\nการแสดงผลแบบ </span>div , <span lang=\"TH\">ตาราง และ </span>frame <span lang=\"TH\">สำหรับใช้สร้างเว็บเพจ<br />\nแบบ </span>layout <br clear=\"all\" /></p>\n<p>2.<b>3.Forms</b> <span lang=\"TH\">ในแถบนี้ประกอบด้วยคำสั่งที่ใช้ในการสร้าง<br />\n</span>form <span lang=\"TH\">เช่น </span>radio , check box <span lang=\"TH\">เป็นต้น </span><br clear=\"all\" /></p>\n<p>2.<b>4.Data</b> <span lang=\"TH\">เป็นแถบที่ใส่สำหรับ </span>Dynamic<br />\n<span lang=\"TH\">เว็บไซต์ ใช้จัดการกับระบบ</span> data base <span lang=\"TH\">จะใช้มากในการพัฒนา<br />\n</span>web application <span lang=\"TH\">บนเว็บไซต์ เช่นการเขียนระบบ </span>web<br />\nboard , <span lang=\"TH\">ระบบสมาชิก </span><br clear=\"all\" /></p>\n<p>2.<b>5.Spry</b> <span lang=\"TH\">เป็นแถบใหม่ของ </span>dreamwerver<br />\n<span lang=\"TH\">ที่หลายคนจะต้องชอบ เพราะเป็นเครื่องมือที่รวม </span>javascript <span lang=\"TH\">กับ </span>HTML , CSS <span lang=\"TH\">เข้าด้วยกัน<br />\nทำให้เว็บไซต์มีความน่าสนใจ และมีความสะดวกในการใช้งานมากขึ้น </span><br clear=\"all\" /></p>\n<p>2.<b>6.Text</b> <span lang=\"TH\">ในนี้จะเป็นเครื่องมือที่ใช้จัดการกับตัวอักษรทั้งหมด<br />\nเช่นใส่สัญลักษณ์พิเศษต่างๆ </span><br clear=\"all\" /></p>\n<p>2.<b>7.Favorites</b> <span lang=\"TH\">แถบอันนี้คุณสามารถเพิ่ม<br />\nเครื่องมือต่างด้วยตัวเอง โดยการคลิกขวา สำหรับผู้ที่ต้องการเก็บเครื่องมือต่างๆที่ใช้งานบ่อยไว้ในนี้</span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n<b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">3.Property<br />\ninspector</span></b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\"> <span lang=\"TH\">เป็นแถบเครื่องมือที่จะเปลี่ยนแปลงตามวัตถุที่เราเลือกอยู่เช่น<br />\nถ้าคลิกที่รูป </span>property inspector <span lang=\"TH\">ก็จะเป็นคุณสมบัติเกี่ยวกับรูปนั้นเช่น<br />\nขนาดรูป </span>, <span lang=\"TH\">ชื่อรูป </span>, <span lang=\"TH\">ลิงค์ของรูป<br />\nถ้าเลือกที่ตารางอยู่ ก็จะเป็นคุณสมบัติของตาราง เช่น ขนาดตาราง </span>, <span lang=\"TH\">จำนวนแถวและหลักของตาราง เป็นต้น</span></span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n<b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">4.docking<br />\npanels</span></b><span lang=\"TH\" style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">เครื่องมือตัวนี้เป็นเครื่องมือที่จะต้องใช้บ่อยมาก<br />\nเพราะใช้แสดง </span><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">file <span lang=\"TH\">ที่อยู่ในเว็บไซต์<br />\n</span>, <span lang=\"TH\">ไฟล์ </span>CSS <span lang=\"TH\">และใช้แก้ไข </span>CSS <span lang=\"TH\">รวมถึงเครื่องมือที่ใช้แสดงภาพ และเครื่องมือ </span>ftp <span lang=\"TH\">เราสามารถปิด/เปิด<br />\nแถบนี้ได้โดยการคลิกที่รูปลูกศรด้านซ้ายมือของ </span>panels</span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n<b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">5.menu</span></b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\"> <span lang=\"TH\">เป็นคำสั่งที่เห็นอยู่ทั่วไปในโปรแกรมทั่วไป<br />\nจะมีคำสั่งที่ใช้ที่เหมือนกับเครื่องมือต่างที่แสดงอยู่ใน </span>Insert bar,<br />\nProperty inspector, panels <span lang=\"TH\">แต่มีบางคำสั่งที่แสดงเฉพาะใน </span>menu<br />\n<span lang=\"TH\">ด้วย</span></span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n<b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">6.Status<br />\nbar</span></b><span lang=\"TH\" style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">ถือว่าเป็นเครื่องมือที่มีประโยชน์มาก<br />\nทางขวาของแถบนี้จะเป็นตัวเลขที่บอกเวลาในการโหลดหน้านี้ ขนานของ </span><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">document window <span lang=\"TH\">เครื่องมือย่อ/ขยาย<br />\nส่วนทางขวาจะเป็น </span>Tag select <span lang=\"TH\">ของ </span>HTML <span lang=\"TH\">จะแสดงคำสั่งของ<br />\n</span>HTML <span lang=\"TH\">เราสามารถแก้ไขคำสั่งต่างๆได้จากหน้าต่างนี้</span></span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n<span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\"><span lang=\"TH\"></span></span><b><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">7.Document<br />\nTool bar</span></b><span lang=\"TH\" style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">ทางซ้ายมือสุดจะเป็นคำสั่ง<br />\nใช้เปลี่ยนการแสดงผลของ </span><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">document<br />\nwindow <span lang=\"TH\">อันแรกจะแสดงเฉพาะ </span>code <span lang=\"TH\">อันต่อมาจะแสดงทั้ง</span><br />\ncode <span lang=\"TH\">และ หน้าออกแบบ อันสุดท้ายจะแสดงหน้าออกแบบเท่านั้น และยังมือเครื่องมือที่ใช้กำหนด<br />\n</span>Title &lt;title&gt; &lt;/title&gt; <span lang=\"TH\">ของหน้าเว็บเพจอีกด้วย</span></span>\n</p>\n<p style=\"margin-top: 0.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000\">\n<span lang=\"TH\" style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">หน้าต่างต่อไปที่จะลืมไม่ได้คือ<br />\n</span><span style=\"line-height: 24px; font-size: 16pt; font-family: \'Angsana New\', serif\">Perference <span lang=\"TH\">การเปิดหน้าต่างนี้ทำได้โดยคลิกที่</span><br />\nEdit &gt;Preferences <span lang=\"TH\">เป็นหน้าต่างที่ใช้ในการปรับระบบต่างๆของ </span>Dreamweaver<br />\n<span lang=\"TH\">ให้ตรงกับความต้องการของเรา</span></span>\n</p>\n', created = 1720000619, expire = 1720087019, headers = '', serialized = 0 WHERE cid = '3:9af64903d06e8bed32a003154ea2cf3f' in /home/tgv/htdocs/includes/cache.inc on line 112.

งานชิ่นที่3

1.Document
window
 เป็นส่วนที่ใช้การแสดงผลเว็บเพจที่กำลังสร้างอยู่ ซึ่งแสดงผลได้ทั้งแบบ Code
และ แบบเสมือนจริงที่แสดงผลบน web browser หรือจะแสดงควบคู่ไปก็ได้
และใช้ในการทำงานแก้ไขตัวอักษร รูปภาพต่างๆในเว็บเพจด้วย โดยอาศัยเครื่องมือต่างๆ
ที่แสดงอยู่ในรูป


ข้อเสียของ Dreamweaver ยังไม่อยู่บ้างคือ หน้าจอที่แสดงผลเสมือนจริง กับการแสดงผลจริงใน web
browser อาจไม่ตรงกัน ขึ้นอยู่กับ web browser ที่เราใช้ด้วย

2.Insert
Bar 
ประกอบด้วยคำสั่งต่างๆ
แยกย่อยดังนี้ 

2.1.Common ในแถบนี้จะประกอบด้วยเครื่องมือที่ใช้งานบ่อยๆ
เช่น สร้างตาราง 
สร้างลิงค์ หรือใส่รูปในเว็บเพจ 

2.2.Layout ในแถบนี้จะเป็นเครื่องมือที่เกี่ยวกับ
การแสดงผลแบบ 
div , ตาราง และ frame สำหรับใช้สร้างเว็บเพจ
แบบ 
layout 

2.3.Forms ในแถบนี้ประกอบด้วยคำสั่งที่ใช้ในการสร้าง
form เช่น radio , check box เป็นต้น 

2.4.Data เป็นแถบที่ใส่สำหรับ Dynamic
เว็บไซต์ ใช้จัดการกับระบบ data base จะใช้มากในการพัฒนา
web application บนเว็บไซต์ เช่นการเขียนระบบ web
board , ระบบสมาชิก 

2.5.Spry เป็นแถบใหม่ของ dreamwerver
ที่หลายคนจะต้องชอบ เพราะเป็นเครื่องมือที่รวม javascript กับ HTML , CSS เข้าด้วยกัน
ทำให้เว็บไซต์มีความน่าสนใจ และมีความสะดวกในการใช้งานมากขึ้น 

2.6.Text ในนี้จะเป็นเครื่องมือที่ใช้จัดการกับตัวอักษรทั้งหมด
เช่นใส่สัญลักษณ์พิเศษต่างๆ 

2.7.Favorites แถบอันนี้คุณสามารถเพิ่ม
เครื่องมือต่างด้วยตัวเอง โดยการคลิกขวา สำหรับผู้ที่ต้องการเก็บเครื่องมือต่างๆที่ใช้งานบ่อยไว้ในนี้

3.Property
inspector
 เป็นแถบเครื่องมือที่จะเปลี่ยนแปลงตามวัตถุที่เราเลือกอยู่เช่น
ถ้าคลิกที่รูป 
property inspector ก็จะเป็นคุณสมบัติเกี่ยวกับรูปนั้นเช่น
ขนาดรูป 
ชื่อรูป ลิงค์ของรูป
ถ้าเลือกที่ตารางอยู่ ก็จะเป็นคุณสมบัติของตาราง เช่น ขนาดตาราง 
จำนวนแถวและหลักของตาราง เป็นต้น

4.docking
panels
เครื่องมือตัวนี้เป็นเครื่องมือที่จะต้องใช้บ่อยมาก
เพราะใช้แสดง 
file ที่อยู่ในเว็บไซต์
ไฟล์ CSS และใช้แก้ไข CSS รวมถึงเครื่องมือที่ใช้แสดงภาพ และเครื่องมือ ftp เราสามารถปิด/เปิด
แถบนี้ได้โดยการคลิกที่รูปลูกศรด้านซ้ายมือของ 
panels

5.menu เป็นคำสั่งที่เห็นอยู่ทั่วไปในโปรแกรมทั่วไป
จะมีคำสั่งที่ใช้ที่เหมือนกับเครื่องมือต่างที่แสดงอยู่ใน 
Insert bar,
Property inspector, panels แต่มีบางคำสั่งที่แสดงเฉพาะใน menu
ด้วย

6.Status
bar
ถือว่าเป็นเครื่องมือที่มีประโยชน์มาก
ทางขวาของแถบนี้จะเป็นตัวเลขที่บอกเวลาในการโหลดหน้านี้ ขนานของ 
document window เครื่องมือย่อ/ขยาย
ส่วนทางขวาจะเป็น 
Tag select ของ HTML จะแสดงคำสั่งของ
HTML เราสามารถแก้ไขคำสั่งต่างๆได้จากหน้าต่างนี้

7.Document
Tool bar
ทางซ้ายมือสุดจะเป็นคำสั่ง
ใช้เปลี่ยนการแสดงผลของ 
document
window อันแรกจะแสดงเฉพาะ code อันต่อมาจะแสดงทั้ง
code และ หน้าออกแบบ อันสุดท้ายจะแสดงหน้าออกแบบเท่านั้น และยังมือเครื่องมือที่ใช้กำหนด
Title <title> </title> ของหน้าเว็บเพจอีกด้วย

หน้าต่างต่อไปที่จะลืมไม่ได้คือ
Perference การเปิดหน้าต่างนี้ทำได้โดยคลิกที่
Edit >Preferences เป็นหน้าต่างที่ใช้ในการปรับระบบต่างๆของ Dreamweaver
ให้ตรงกับความต้องการของเรา

มหาวิทยาลัยศรีปทุม ผู้ใหญ่ใจดี
 

 ช่วยด้วยครับ
นักเรียนที่สร้างบล็อก กรุณาอย่า
คัดลอกข้อมูลจากเว็บอื่นทั้งหมด
ควรนำมาจากหลายๆ เว็บ แล้ววิเคราะห์ สังเคราะห์ และเขียนขึ้นใหม่
หากคัดลอกทั้งหมด จะถูกดำเนินคดี
ตามกฎหมายจากเจ้าของลิขสิทธิ์
มีโทษทั้งจำคุกและปรับในอัตราสูง

ช่วยกันนะครับ 
ไทยกู๊ดวิวจะได้อยู่นานๆ 
ไม่ถูกปิดเสียก่อน

ขอขอบคุณในความร่วมมือครับ

อ่านรายละเอียด

ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558 
มีผลบังคับใช้แล้ว 
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ

 

สมาชิกที่ออนไลน์

ขณะนี้มี สมาชิก 0 คน และ ผู้เยี่ยมชม 422 คน กำลังออนไลน์