งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

SUDIN CHAOHINFA www.truexpert.info 1 Web page design by Macromedia Dreamweaver Web page design by Macromedia Dreamweaver Macromedia Dreamweaver อาจารย์สู่ดิน.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "SUDIN CHAOHINFA www.truexpert.info 1 Web page design by Macromedia Dreamweaver Web page design by Macromedia Dreamweaver Macromedia Dreamweaver อาจารย์สู่ดิน."— ใบสำเนางานนำเสนอ:

1 SUDIN CHAOHINFA 1 Web page design by Macromedia Dreamweaver Web page design by Macromedia Dreamweaver Macromedia Dreamweaver อาจารย์สู่ดิน ชาวหินฟ้า

2 SUDIN CHAOHINFA 2 ข้อมูลพื้นฐาน website name:Thai Clay House บ้านดินรุ่งอรุณ domianname:http://www.thaiclayhouse.info page interface:Counter Remote Login Download Search engine Guest Book Web Board e-Learning e-Books e-Commerce Frequently Asked Question (FAQ)

3 SUDIN CHAOHINFA 3 ข้อมูลพื้นฐาน แนวคิด: บ้านดินรุ่งอรุณ สวนไร้สาร ตำนานแห่งคนรักธรรมชาติ บ้านดินรุ่งอรุณ สวนไร้สาร ตำนานแห่งคนรักธรรมชาติ จัดสร้างบ้านดิน พร้อมสวนสมุนไพร ที่ผสมผสานกับสวนผัก และไม้ประดับอย่างลงตัว โดยทีมงานมืออาชีพ ที่ทุ่มเทให้กับ คนรักธรรมชาติ และสุขภาพ บ้านดินรุ่งอรุณ บ้านดินรุ่งอรุณ สร้างและตกแต่งด้วยความปราณีต อยู่บนพื้นฐานของ 5 แนวคิด Time, Ture, Turst, Taste, Tangible TIME TRUE TRUST TASTE TANGIBLE TIMEให้เวลาเป็นผู้ดูชีวิตและสุขภาพ TRUEชีวิตและสุขภาพที่สมดุล ต้องอยู่บนพื้นฐานแห่งความจริง TRUSTความจริงใจที่มีให้แก่กัน รวมทั้งเราและคุณ TASTEความสุขที่คุณสัมผัสได้ จากความตั้งใจที่เรา “ให้” คุณ TANGIBLEนี่คือ บ้านดินรุ่งอรุณ แดนสวรรค์ที่คุณชื่นชอบ และสัมผัสได้ ด้วยประสาทสัมผัสทั้งห้า ณ ปัจจุบัน

4 SUDIN CHAOHINFA 4 ข้อมูลพื้นฐาน แนวคิด: บ้านดินรุ่งอรุณ บ้านดินรุ่งอรุณ ออกแบบแข็งแรงได้มาตรฐาน โดยสถาปนิก ที่มีประสบการณ์มากว่า 20 ปี ตกแต่งอย่างพิถีพิถันด้วยศิลปะ ที่คุณพึงพอใจ อุดมด้วยบรรยากาศของความชุ่มเย็นแห่ง สี แสง และอุณหภูมิแบบสบายๆ บริสุทธิ์ ปราศจากมลภาวะมารบกวน พิเศษสำหรับผู้สูงวัย และผู้ที่อยู่ระหว่างบำบัดทางกายภาพ ตลอดจนผู้ดูแล ที่ต้องการสัมผัสกลิ่นอายธรรมชาติอย่างแท้จริง บ้านดินรุ่งอรุณ บ้านดินรุ่งอรุณ ราคาเริ่มต้นที่ 25,000 บาท (เฉพาะตัวบ้าน) -มีแบบบ้านและแบบสวนให้เลือกกว่า 50 แบบ ด้วยราคาที่ตกลงกันได้ (ขึ้นอยู่กับวัสดุที่เลือก และขนาดของสวน) -รับประกันปลวกและความคงทนแข็งแรง

5 SUDIN CHAOHINFA 5 ข้อมูลพื้นฐาน แนวคิด: เข็มมุ่งของเวลา คือ การรักษาความเที่ยงตรง เข็มมุ่งของการแสวงหา คือ การค้นพบสิ่งที่พึงพอใจ สิ่งที่ดีที่สุดจากทีมงานบ้านดินรุ่งอรุณ ขอมอบสิ่งที่ดีที่สุดให้แก่คุณ โดยไม่ต้องสูญเสียเวลาแสวงหาอีกต่อไป Office: Hotline: (66) website: webmaster: Copyright by Thai Clay House and Designing Company Limited. All rights reserved., Site Designed by Sudin Chaohinfa

6 SUDIN CHAOHINFA 6 วางแผนและเตรียมข้อมูล Web Page product.html Web Page location.html Web Page contactus.html Web Page aboutus.html Remote Login Download e-Learning e-Books e-Commerce FAQ Banner Header Logo Picture Menu links Counter Search engine Guest Book Web Board Home Page index.html -Text -Picture -Banner -Links

7 SUDIN CHAOHINFA 7

8 SUDIN CHAOHINFA 8

9 SUDIN CHAOHINFA 9 วางแผนและเตรียมข้อมูล การออกแบบโครงสร้างเว็บ แบบที่ 1

10 SUDIN CHAOHINFA 10 วางแผนและเตรียมข้อมูล การออกแบบโครงสร้างเว็บ แบบที่ 2

11 SUDIN CHAOHINFA 11 วางแผนและเตรียมข้อมูล การออกแบบโครงสร้างเว็บ แบบที่ 3

12 SUDIN CHAOHINFA 12 วางแผนและเตรียมข้อมูล เลือกรูปแบบในการเชื่อมโยง การออกแบบและ การเชื่อมโยงหน้าเว็บ (Web page Link) – แบบ Frame page

13 SUDIN CHAOHINFA 13 วางแผนและเตรียมข้อมูล เลือกรูปแบบในการเชื่อมโยง การออกแบบและ การเชื่อมโยงหน้าเว็บ (Web page Link) – แบบ Single page

14 SUDIN CHAOHINFA 14 ตัวอย่าง หน้าก่อน Home page หรือ Splash page

15 SUDIN CHAOHINFA 15 ตัวอย่าง ตัวอย่างหน้า Home page

16 SUDIN CHAOHINFA 16 ตัวอย่าง ตัวอย่างหน้า Web page

17 SUDIN CHAOHINFA 17 ตัวอย่าง ตัวอย่างหน้า Web page หรือ Sub Home page กรณีที่ออกแบบ เว็บไซต์ที่มีเนื้อหา แบ่งเป็น Domain อื่น

18 SUDIN CHAOHINFA 18 ตัวอย่าง

19 SUDIN CHAOHINFA 19 วางแผนและเตรียมข้อมูล – Screen Area: pixel x pixel ขนาดจอภาพของ หน้าเว็บ -800 x 600 pixel x 768 pixel หรือตามความ เหมาะสม

20 SUDIN CHAOHINFA 20 วางแผนและเตรียมข้อมูล – Image: Format, Resolution, Size

21 SUDIN CHAOHINFA 21 วางแผนและเตรียมข้อมูล

22 SUDIN CHAOHINFA 22 วางแผนและเตรียมข้อมูล - เตรียมโปรแกรม (1) สร้าง Folder สำหรับเก็บไฟล์ที่ใช้ออกแบบและสร้าง (2)คีย์ไฟล์ข้อความ ตกแต่งภาพให้เรียบร้อยเก็บไว้ใน ข้อ (1) (3)ติดตั้งโปรแกรม Marcromedia Dreamweaber (4)ปรับแต่งโปรแกรม Marcromedia Dreamweaber -Preference... -Option... / Properties... -Add New Site... -Page Properties... (5)ลงมือ

23 SUDIN CHAOHINFA 23 วางแผนและเตรียมข้อมูล - สร้าง Folder Root Site Folder

24 SUDIN CHAOHINFA 24 วางแผนและเตรียมข้อมูล - สร้าง Folder เก็บภาพเล็กๆ ที่ใช้ประกอบหัวข้อ หรือ หัวเรื่อง

25 SUDIN CHAOHINFA 25 วางแผนและเตรียมข้อมูล - สร้าง Folder เก็บภาพที่ใช้วางบน หน้าเว็บ

26 SUDIN CHAOHINFA 26 วางแผนและเตรียมข้อมูล - Macromedia Dreamweaver 8.0

27 SUDIN CHAOHINFA 27 วางแผนและเตรียมข้อมูล - Add New Site 1/4

28 SUDIN CHAOHINFA 28 วางแผนและเตรียมข้อมูล - Add New Site 2/4 บอกชื่อเว็บไซต์ บอกซื่อโดเมน

29 SUDIN CHAOHINFA 29 วางแผนและเตรียมข้อมูล - Add New Site 3/4 บอกสถานที่เก็บ ไฟล์ของเว็บไซต์ ที่อยู่ในฮาร์ดดิสก์ = Root Site Path บอกสถานที่เก็บ ไฟล์รูปภาพทั้งหมด จะมีผลต่อการ Link ภาพไปยังหน้าอื่นๆ

30 SUDIN CHAOHINFA 30 วางแผนและเตรียมข้อมูล - Add New Site 4/4 New Site ที่สร้างใหม่

31 SUDIN CHAOHINFA 31 วางแผนและเตรียมข้อมูล - Font Settings คลิกเมาส์เมนู Edit / Preferences...

32 SUDIN CHAOHINFA 32 วางแผนและเตรียมข้อมูล - Font Settings

33 SUDIN CHAOHINFA 33 วางแผนและเตรียมข้อมูล - Page / Encoding Properties เลือกสีภาพ พื้นหลัง

34 SUDIN CHAOHINFA 34 วางแผนและเตรียมข้อมูล - Page / Encoding Properties กำหนดภาพ พื้นหลัง คลิก ที่ Browse...

35 SUDIN CHAOHINFA 35 วางแผนและเตรียมข้อมูล - Page / Encoding Properties

36 SUDIN CHAOHINFA 36 วางแผนและเตรียมข้อมูล - Page / Encoding Properties เลือก Thai Encoding

37 SUDIN CHAOHINFA 37 วางแผนและเตรียมข้อมูล - Page / Encoding Properties ผลที่ได้

38 SUDIN CHAOHINFA 38 วางแผนและเตรียมข้อมูล - Page / Encoding Properties จัดเก็บไฟล์

39 SUDIN CHAOHINFA 39 วางแผนและเตรียมข้อมูล - Page / Encoding Properties หลังจัดเก็บไฟล์แล้ว ชื่อจะเปลี่ยน จาก untitled-1.html เป็น index.html

40 SUDIN CHAOHINFA 40 Page Design - Lay out view / Tools

41 SUDIN CHAOHINFA 41 Page Design - Lay out view / Tools Code ที่โปรแกรม Brower เป็นตัวอ่านและ ตีความ แล้วนำไปแสดงผลบนจอภาพ Code เหล่านี้จะเปลี่ยนไปตามวัตถุ (เช่น text, table, image, e.g.) ที่ถูกวางบนหน้าออกแบบ (หน้า Design)

42 SUDIN CHAOHINFA 42 Page Design - Lay out view / Tools

43 SUDIN CHAOHINFA 43 Page Design - Lay out view / Tools

44 SUDIN CHAOHINFA 44 Page Design - Lay out view / Tools

45 SUDIN CHAOHINFA 45 Page Design - Lay out view / Tools ไอคอนเครื่องมือเสริม (Option tool) จะ เปลี่ยนไปตาม เครื่องมือหลัก

46 SUDIN CHAOHINFA 46 Page Design - Lay out view / Tools

47 SUDIN CHAOHINFA 47 Page Design - Lay out view / Tools

48 SUDIN CHAOHINFA 48 Page Design – ลงมือสร้าง -Table สร้างตารางสำหรับวางข้อความและภาพ

49 SUDIN CHAOHINFA 49 Page Design - ลงมือสร้าง -Table สร้างตาราง เพื่อวาง รูปภาพและข้อความ

50 SUDIN CHAOHINFA 50 Page Design - ลงมือสร้าง –ใส่ข้อความในตาราง

51 SUDIN CHAOHINFA 51 Page Design - ลงมือสร้าง - ใส่ข้อความในตาราง ใส่คำอธิบายที่ ช่องAlternet text เพื่อบอก รายละเอียด เกี่ยวกับภาพ นั้น เมื่อลาก เมาส์ผ่าน (Tool tips)

52 SUDIN CHAOHINFA 52 Page Design - ลงมือสร้าง สร้างตาราง ซ้อนข้างใน เพื่อวางข้อความให้เป็น สัดส่วน คราวนี้สร้าง ตารางแบบ 2 คอลัมน์

53 SUDIN CHAOHINFA 53 Page Design - ลงมือสร้าง ปรับความกว้างของตารางได้ตามเหมาะสม

54 SUDIN CHAOHINFA 54 Page Design - ลงมือสร้าง ข้อความในตาราง ถูกกำหนดตำแหน่ง ปกติ (Default) จะอยู่กลางตาราง ควรจัดให้อยู่ชิด ขอบบนตาราง

55 SUDIN CHAOHINFA 55 Page Design - ลงมือสร้าง เชื่อมโยงหน้าเว็บ (Hyper Links) ป้ายข้อความที่ต้องการลิงค์ แล้วคลิกเลือก Link

56 SUDIN CHAOHINFA 56 Page Design - ลงมือสร้าง save file ชื่อ index.html วางไว้ที่ Root Site เสมอ

57 SUDIN CHAOHINFA 57 Page Design - ลงมือสร้าง โปรแกรมยังประโยชน์ให้แก่ท่านอีกมากมาย นี่เป็นเพียงส่วนหนึ่ง แค่ 10 % ของโปรแกรม เท่านั้น โปรดฝึกทักษะด้วยตัวของท่านเอง แล้วจะพบความหัศจรรย์ และความ ภาคภูมิใจ

58 SUDIN CHAOHINFA 58 ของฝากจากใจ อารยธรรมของไอที 5 ยุค (1)คือการสร้างและพัฒนา "รหัสความหมาย" ให้กับคอมพิวเตอร์ (Code marked langued: CML) (2)คือการสร้าง "ความเป็นจริง" ที่มาจาก "รหัสความหมาย” (3)คือการแก้ไข "ความผิดพลาด" ที่เกิดจาก "รหัสความหมาย" (error) (4)คือการป้องกัน "ความเสียหาย" ที่เกิดจาก "ความผิดพลาด" ของ "รหัสความหมาย" (bug) (5)คือการทำลาย "รหัสความหมาย" ที่เกิดจาก "เจตนาอันชั่วร้าย" ของมนุษย์ (virus)

59 SUDIN CHAOHINFA 59 ของฝากจากใจ อารยธรรมของมนุษย์ (1)คือการกระทำ "ความจริง" ให้กับ "ความรู้" ที่มนุษย์ควรรู้ (2)คือการงดกระทำ "ความจริง" ที่เกิดจาก "ความรู้" ที่มนุษย์ไม่ควรรู้ (3)คือการเปิดเผย "ความรู้" ที่เป็น "ความจริง" ที่มนุษย์ควรมี (4)คือการปกปิด "ความรู้" ที่เกิดจาก "ความจริง" ที่มนุษย์ไม่ควรมี

60 SUDIN CHAOHINFA 60 ของฝากจากใจ บ่อนทำลายอารยธรรมของมนุษย์ มาจากสาเหตุ 2 ประการ คือ (1) ไอทีวัตถุ (technology hardware & technology software) และ (2) ไอทีจิต (techonology mentality) * ที่มีอิทธิพลครอบงำเหนือมนุษย์ และ มนุษย์ใช้เป็นเครื่องมือ ในการ "ทำลายความผาสุก" ของมนุษย์ด้วยกันเอง ("ศาตรา" โดยแท้ หรืออาวุธ) สิ่งที่ตรงข้ามกับการกระทำดังกล่าว ก็คือ "หายนธรรม" ทั้งสิ้นทั้งปวง

61 SUDIN CHAOHINFA 61 ของฝากจากใจ ไอทีจิต (techonology mentality) หมายถึง "วิธีคิด" และ "การบูรณาการทางความคิด" ระหว่าง 5 องค์ประกอบ ของ "เครื่องมือและสภาพแวดล้อมที่ส่งเสริมความคิด" ต่อไปนี้ -1. สุขภาพจิตที่เป็นมนุษย์ปกติ (มนุสสมนุสโส - physical wellbeing human) -2. ความรู้ (knowledge) -3. อารมณ์ และ ความรัก (motive & love)** -4. การสื่อสาร (communication) -5. เวลา (Q-SPORT time dimension)

62 SUDIN CHAOHINFA 62 ของฝากจากใจ ความรัก มิใช่ความถูกต้อง แต่เป็นอารมณ์ที่ทำให้มนุษย์อยู่กันได้อย่างผาสุก มนุษย์มี อารมณ์ (motive) เป็นแรงผลักดันให้เกิด พฤติกรรม (behavior) คอมพิวเตอร์มี โปรแกรม (software) เป็นแรงผลักดันให้เกิด การตอบสนอง (interactive output) ระหว่างมนุษย์กับคอมพิวเตอร์ สู่ดิน: 2550

63 SUDIN CHAOHINFA 63 ของฝากจากใจ…จริงจริง แต่ถ้าจะทำให้ "ความรัก" เป็น "ความถูกต้อง" ต้องอ่าน ความรักสิบมิติ

64 SUDIN CHAOHINFA 64 วางแผนและเตรียมข้อมูล - Page / Encoding Properties


ดาวน์โหลด ppt SUDIN CHAOHINFA www.truexpert.info 1 Web page design by Macromedia Dreamweaver Web page design by Macromedia Dreamweaver Macromedia Dreamweaver อาจารย์สู่ดิน.

งานนำเสนอที่คล้ายกัน


Ads by Google