วิชา Adobe Dreamweaver CS3
Download
Report
Transcript วิชา Adobe Dreamweaver CS3
2002-0005
การเขียนเว็บเพ็จด้ วยโปรแกรม
Adobe Dreamweaver CS3
การให้ คะแนน แบ่ งออกเป็ น 80 : 20
80 :
20 :
เวลาเรียน
พฤติกรรม
งาน, ใบงาน
10 คะแนน
10 คะแนน
60 คะแนน
สอบกลางภาค
สอบปลายภาค
10 คะแนน
10 คะแนน
การหักคะแนน
• การเข้ าเรียนสาย เกิน 30 นาที หักครั้งละ
• การขาดเรียน 1 ครั้ง
“
• การนาอาหารเข้ ามาทานในห้ องคอมฯ
• การทิง้ ขยะ ในห้ องคอมฯ ชิ้นละ
• ไม่ Turn off หลังเลิกเรียน
• ทาลาย ขีด-เขียนโต๊ ะหรือเครื่องคอมฯ
• พูดจาไม่ สุภาพ ก้ าวร้ าว
5 คะแนน
2 คะแนน
5 คะแนน
5 คะแนน
5 คะแนน
ปรับตก
10 คะแนน
หน่ วยที่ 1
ความรู้ ทวั่ ไปเกีย่ วกับ Internet
ทดสอบก่ อนเรียน
WWW. (World Wide Web) คืออะไร
เว็บเพจ คืออะไร
เว็บบราวเซอร์ (Web Browser) คืออะไร
เว็บไซต์ คอื อะไร
โฮมเพจ (Home Page) คืออะไร
WWW. (World Wide Web) คืออะไร
World Wide Web หรื อที่เรามักเรี ยกสั้นๆว่า Web หรื อ
W3 (WWW) คือ คอมพิวเตอร์ส่วนหนึ่งบนอินเตอร์เน็ต ที่
ถูกเชื่อมต่อกันในแบบพิเศษที่ทาให้คอมพิวเตอร์เหล่านั้น
สามารถเข้าถึงข้อมูลเนื้อหาที่เก็บไว้ภายในของแต่ละเครื่ อง
ได้ (กลายเป็ นแหล่งข้อมูลขนาดใหญ่) โดยผ่านทาง
บราวเซอร์ (Browser) ซึ่งเป็ นซอฟต์แวร์ประเภทหนึ่งที่ถูก
สร้างขึ้นเพื่อใช้อ่านและตอบโต้ขอ้ มูลต่างๆที่มีอยูใ่ น World
Wide Web โดยเฉพาะ บราวเซอร์ที่พบเห็นได้มากที่สุดใน
ปั จจุบนั ได้แก่ Internet Explorer ของ และ Firefox
เว็บเพจ คืออะไร
เว็บเพจ คือ คาที่ใช้เรี ยกหน้าเอกสารต่างๆ ที่อยูใ่ น
รู ปแบบไฟล์ HTML (Hyper Text Markup Language)
เปรี ยบเสมือนหน้ากระดาษแต่ละหน้าที่มีเรื่ องราวต่างๆ
มากมายบรรจุอยูใ่ นนิตรสาร แต่แตกต่างกันตรงที่มีการ
เชื่อมโยง (Link) ซึ่งเราสามารถคลิกไปที่หน้าใดของ
โฮมเพจก็ได้
เว็บบราวเซอร์ (Web Browser) คืออะไร
เว็บเบราว์ เซอร์ (web browser) เบราว์ เซอร์ หรื อ
โปรแกรมดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผใู้ ช้สามารถดู
ข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จดั เก็บในหน้าเวบที่
สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) ที่
จัดเก็บไว้ที่ระบบบริ การเว็บหรื อเว็บเซิ ร์ฟเวอร์ หรื อระบบ
คลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรี ยบเสมือน
เครื่ องมือในการติดต่อกับเครื อข่ายคอมพิวเตอร์ขนาดใหญ่ที่
เรี ยกว่าเวิลด์ไวด์เว็บ
เว็บเบราว์ เซอร์ ที่เป็ นที่นิยมอย่ างแพร่ หลาย
Internet Explorer
Mozilla Firefox
Google Chrome
Safar
เว็บไซต์ คอื อะไร
เว็บไซต์ คือ คาที่ใช้เรี ยกกลุ่มของเว็บเพจ ( ดังนั้น
ภายในเว็บไซต์จะประกอบไปด้วยโฮมเพจและเว็บเพจ )
โดยเรามักใช้เรี ยกเว็บที่มีขนาดใหญ่และมีการจดทะเบียน
ชื่อเว็บไซต์น้ นั ๆไว้แล้ว (Domain Name) เช่น
http://www.geocities.com , http://www.sanook.com ,
http://www.yahoo.com เป็ นต้น
โฮมเพจ (Home Page) คืออะไร
โฮมเพจ คือคาที่ใช้เรี ยกหน้าแรกของเว็บไซต์ ซึ่ง
ประกอบไปด้วยเมนูต่างๆและเรื่ องราวต่างๆมากมายคล้าย
กับหน้าปกนิตยสารบ้านเรา ดังนั้นหากเราออกแบบหน้า
โฮมเพจให้สวยงามและน่าสนใจ โอกาสที่ผชู ้ มจะแวะเข้า
มาเยีย่ มเยียนโฮมเพจของเราก็จะยิง่ มากตามไปด้วย
ภาษา HTML
HTML (Hyper Text Markup Language) เป็ นภาษา
มาตรฐานสากลที่ใช้นาเสนอข้อมูลแบบผสมผสานในการ
สื่ อสารแบบ World-Wide-Web :WWW ( Web) ซึ่งเป็ นการ
เชื่อมต่อเครื อข่ายของเครื่ องคอมพิวเตอร์ทวั่ โลก (Internet)
รู ปแบบหนึ่ง ข้อมูลในรู ปแบบต่างๆ ไม่วา่ จะเป็ นข้อความ
รู ปภาพ เสี ยง ภาพเคลื่อนไหว หรื อ อื่นๆ จะถูกเชื่อมโยงเข้า
หากัน ด้วยชุดคาสัง่ ต่างๆ เพื่อให้แสดงผลออกมาคล้ายกับ
สิ่ งพิมพ์ สไลด์ หรื อ แบบมัลติมีเดีย
โครงสร้ างของภาษา HTML
<html>
--- TAG เปิ ดภาษา HTML --<head>
<title>….ข้อความที่ตอ้ งการแสดง ….</title>
</head>
--- ส่ วนหัวของ HTML --<body bgcolor="#FFFFFF">
--- ตรงนี้คือส่ วนที่คุณจะใส่ รายละเอียดของโฮมเพจ --</body>
</html>
--- TAG ปิ ด HTML ---
หน่ วยที่ 2
การสร้ างเว็บเพจด้ วย Dreamweaver
การเรียกใช้ งาน Dreamweaver CS3
การสร้ าง Site เพือ่ เก็บงาน
การบันทึกเอกสาร .html
การเรียกใช้ งาน Dreamweaver CS3
เข้ าที่ Start > All Programs> Adobe
Master Collection CS3 >Adobe
Dreamweaver CS3
หรือ คลิก๊ ที่ Icon Adobe Dreamweaver CS3
การสร้ าง Site เพือ่ เก็บงาน
คลิก๊ ที่ เมนู Site > New Site..
การบันทึกเอกสาร .html