ดาวน์โหลดงานนำเสนอ
งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ
1
Introduction Information Science
ge.1401 Introduction Information Science
2
Information Technology
it 1 Information Technology
3
เทคโนโลยีสารสนเทศ (Information Technology: IT)
คือ การนำวิทยาการด้านคอมพิวเตอร์ (computer science) ไปผนวกร่วมกับ การสื่อสารมวลชน (mass communications) อย่างเป็นระบบ
4
เทคโนโลยีสารสนเทศ (Information Technology: IT)
ดังนั้น เทคโนโลยีสารสนเทศ จึงหมายถึง (1) เทคโนโลยีในการรวบรวมข้อมูล (information network) (2) การจัดเก็บข้อมูลอย่างมีระบบ (database) (3) สามารถสืบค้นข้อมูลได้อย่างรวดเร็ว (search/find) (4) มีการประมวลผล (data processing) และการวิเคราะห์ผล ที่ได้จากการประมวลนั้น (analysis processing)
5
เทคโนโลยีสารสนเทศ (Information Technology: IT)
(5) การแสดงผล (display) ผ่านอินเทอร์เน็ต (Internet) ในรูปแบบที่เหมาะสม เพื่อให้อื่น (user) นำไปใช้ต่อ เช่น www (world wide web) เป็นสถานที่รวมกลุ่มของคอมพิวเตอร์ ที่พร้อมให้บริการ ข้อมูลผ่านอินเตอร์เน็ต เรียกว่า host computer ซึ่งเป็นคอมพิวเตอร์ ที่ถูกวางให้เป็นระบบแม่ข่าย computer server มีหน่วยเรียก เรียกว่า โหนด (node) โดยใช้ภาษา (hypertext transfer protocol) เป็นภาษาที่ติดต่อสื่อสารกัน ผ่านโปรแกรมอ่านข้อมูล ซึ่งเรียกว่า บราวเซอร์ (browser) เช่น โปรแกรม Internet Explorer, Opera, FireFox
6
บริการบนเครือข่ายอิเตอร์เน็ต
บริการบนเครือข่ายอินเตอร์เน็ต ได้แก่ Telnet, FTP NEWS online world wide web Net to Phone Net Meeting chat Game online Software updating Bittorrent etc.
7
บริการบนเครือข่ายอิเตอร์เน็ต
มาตรฐานการสื่อสาร บนอินเตอร์เน็ต ได้แก่ โปรโตคอล (Protocol) TCP/IP + http ไอพีแอดเดรส (IP Address) ชื่อโดเมน (Domain Name)
8
การประยุกต์ใช้ อินเทอร์เน็ต
1. การนำเสนอสินค้า และ ภาพลักษณ์ของบริษัท 2. การโฆษณาประชาสัมพันธ์ และ การส่งเสริมการขาย 3. การให้ข้อมูล กับนักลงทุน นักวิจัย นักการเมือง 4. หนังสือพิมพ์ และ วารสารอิเล็กทรอนิกส์ 5. บทเรียน การเรียนการสอนทางไกล e-learning 6. เปิดร้านค้าให้เช่าพื้นที่ 7. ทำชุมชนออนไลน์ (social network)
9
การประยุกต์ใช้ อินเทอร์เน็ต
8. การสนับสนุนทางเทคนิค 9. ให้บริการต่างๆ ต่อสาธารณชน เช่น บริการค้นหาข้อมูล ให้ข้อมูลข่าวสารทั่วๆ ไป กับสาธารณชน 10. เก็บรวบรวมข้อมูล และ การเสนอขายข้อมูล การจำหน่ายสินค้าและบริการ
10
การเชื่อมต่อ อินเทอร์เน็ต
การติดต่อเข้าใช้บริการอินเตอร์เน็ต มี 2 วิธี คือ -เชื่อมต่อโดยตรง (direct internet access) -การเชื่อมต่อผ่านการหมุนโทรศัพท์ (dial-up access)
11
บุคลากร ที่เกี่ยวข้องกับ อินเทอร์เน็ต
(1) webmaster =ผู้จัดการเว็บไซต์ (2) web programmer =ผู้เขียนโปรแกรมบนอินเตอร์เน็ต (3) web designer =ผู้ออกแบบ home page / web page (4) Document Operator = เจ้าหน้าจัดเตรียมข้อความ และรูปภาพ สำหรับออกแบบหน้าเว็บ (5) User = ผู้ใช้บริการอินเตอร์เน็ต office / home / hijak (6) ISP: Internet Service Provider = ผู้ให้บริการอินเตอร์เน็ต (7) Domain name = ผู้รับจดทะเบียนชื่อโดเมน
12
นิยามศัพท์ ที่เกี่ยวข้อง
web address เลขที่อยู่ของเว็บ ใช้สัญลักษณ์ที่เป็นอักขระ (string) ที่บ่งบอกว่าแฟ้มข้อมูล หรือตำแหน่งที่เก็บของข้อมูลที่เราต้องการเรียกหา ( จากเว็บนั้น มีชื่อว่าอะไร เช่น เป็นต้น web browser โปรแกรมสำหรับอ่านภาษา HTML บน WWW. ที่รู้จักกันดี คือ โปรแกรม Microsoft Internet Explorer, Netscape Navigator
13
นิยามศัพท์ ที่เกี่ยวข้อง
web page แฟ้มข้อมูล หรือหน้าเอกสาร ที่มีเนื้อหาไปปรากฎบนจอภาพ หลังจากเรียกชื่อ แล้ว (ถ้าเป็นหน้าแรกของแต่ละเว็บ จะเรียกว่า home page ซึ่งแปลว่าหน้าแรก หรือหน้าบ้านนั่นเอง) web server เครื่องคอมพิวเตอร์แม่ข่าย ที่ให้บริการข้อมูลด้วยการเชื่อมต่อกับอินเตอร์เน็ต ภายในนั้นจะบรรจุหน้าเว็บ หรือ web page ไว้มากมาย ซึ่งคอยไว้บริการสำหรับผู้ใช้ต้องการเรียกหา web site สถานที่อยู่ของแฟ้มข้อมูลบน WWW.
14
นิยามศัพท์ ที่เกี่ยวข้อง
FAQ: Frequently Asked Question เป็นการรวบรวมชุดของคำถามบนหน้าเว็บ ที่ผู้ใช้มักจะถามบ่อยๆ ในเรื่องใด เรื่องหนึ่ง ไว้ในไฟล์เดียวกัน เพื่ออำนวยความสะดวกให้กับผู้ใช้รายใหม่ ในการเข้าไปอ่าน เพื่อความเข้าใจในเรื่องนั้น โดยไม่ต้องเสียเวลาค้นหาคำตอบเอง ในการเข้าไปอ่านกลุ่มข่าวสารใดๆ ก็ควรอ่าน FAQ ของกลุ่มข่าวสารนั้นเสียก่อน เพื่อจะได้ไม่ต้องตั้งคำถามที่มี่คำตอบอยู่แล้ว อันจะเป็นการรบกวนเวลาของผู้อื่นโดยใช่เหตุ
16
หลักการออกแบบหน้าเว็บที่ดี
1. เนื้อหาเว็บ 2. การจัดวางระเบียบ ของเนื้อหา และส่วนประกอบต่างๆ 3. ความเป็นมาตรฐานของ ชุดคำสั่ง (code script) 4. ขนาดพื้นที่หน้าจอที่เหมาะสม 5. ขนาดข้อมูลของแต่ละหน้าที่พอดี 6. ข้อมูลเพิ่มใหม่ หรือ ปรับปรุงใหม่ ควรจะแสดงเป็นส่วนหนึ่งของหน้าแรก และแสดงสัญลักษณ์ newupdate ส่วนข้อมูลเก่า ที่ไม่มีการแก้ไขแล้ว ควรแสดงสัญลักษณ์ freeze 7. ไม่ควรเขียน code script ใส่ลูกเล่นให้กับเว็บมากเกินไป 8. ควรเลือกสีที่มองดูแล้วสบายตา
17
EVALUATION INDICATOR เกณฑ์ประเมินหน้าเว็บ
body image design
18
webpage (domain name, topic–head text, issue )
EVALUATION INDICATOR เกณฑ์ประเมินหน้าเว็บ body by unique webpage (domain name, topic–head text, issue ) message (body text, vdo-clip, sound-clip, image) image by insight–unseen creativity media, intelligence emotion, positive thinking context (body text, image)
19
–web board (face book, tweeter) –e-Commerce, e-Learning, e-Books
EVALUATION INDICATOR เกณฑ์ประเมินหน้าเว็บ design by art–graphic page interface –counter –remote login –download –search engine –guest book, –web board (face book, tweeter) –e-Commerce, e-Learning, e-Books –Frequently Asked Question (FAQ) –link (menu, text, image, flash, script) graphic –bg –color –animation
20
Web page design by Macromedia Dreamweaver
21
website name: Thai Clay House บ้านดินรุ่งอรุณ
ข้อมูลพื้นฐาน website name: Thai Clay House บ้านดินรุ่งอรุณ domianname: page interface: Counter Remote Login Download Search engine Guest Book Web Board e-Learning e-Books e-Commerce Frequently Asked Question (FAQ)
22
ข้อมูลพื้นฐาน แนวคิด: บ้านดินรุ่งอรุณ สวนไร้สาร ตำนานแห่งคนรักธรรมชาติ จัดสร้างบ้านดิน พร้อมสวนสมุนไพร ที่ผสมผสานกับสวนผัก และไม้ประดับอย่างลงตัว โดยทีมงานมืออาชีพ ที่ทุ่มเทให้กับ คนรักธรรมชาติ และสุขภาพ บ้านดินรุ่งอรุณ สร้างและตกแต่งด้วยความปราณีต อยู่บนพื้นฐานของ 5 แนวคิด Time, Ture, Turst, Taste, Tangible TIME ให้เวลาเป็นผู้ดูชีวิตและสุขภาพ TRUE ชีวิตและสุขภาพที่สมดุล ต้องอยู่บนพื้นฐานแห่งความจริง TRUST ความจริงใจที่มีให้แก่กัน รวมทั้งเราและคุณ TASTE ความสุขที่คุณสัมผัสได้ จากความตั้งใจที่เรา “ให้” คุณ TANGIBLE นี่คือ บ้านดินรุ่งอรุณ แดนสวรรค์ที่คุณชื่นชอบ และสัมผัสได้ ด้วยประสาทสัมผัสทั้งห้า ณ ปัจจุบัน
23
บ้านดินรุ่งอรุณ ราคาเริ่มต้นที่ 25,000 บาท (เฉพาะตัวบ้าน)
ข้อมูลพื้นฐาน แนวคิด: บ้านดินรุ่งอรุณ ออกแบบแข็งแรงได้มาตรฐาน โดยสถาปนิก ที่มีประสบการณ์มากว่า 20 ปี ตกแต่งอย่างพิถีพิถันด้วยศิลปะ ที่คุณพึงพอใจ อุดมด้วยบรรยากาศของความชุ่มเย็นแห่ง สี แสง และอุณหภูมิแบบสบายๆ บริสุทธิ์ ปราศจากมลภาวะมารบกวน พิเศษสำหรับผู้สูงวัย และผู้ที่อยู่ระหว่างบำบัดทางกายภาพ ตลอดจนผู้ดูแล ที่ต้องการสัมผัสกลิ่นอายธรรมชาติอย่างแท้จริง บ้านดินรุ่งอรุณ ราคาเริ่มต้นที่ 25,000 บาท (เฉพาะตัวบ้าน) -มีแบบบ้านและแบบสวนให้เลือกกว่า 50 แบบ ด้วยราคาที่ตกลงกันได้ (ขึ้นอยู่กับวัสดุที่เลือก และขนาดของสวน) -รับประกันปลวกและความคงทนแข็งแรง
24
ข้อมูลพื้นฐาน แนวคิด: เข็มมุ่งของเวลา คือ การรักษาความเที่ยงตรง เข็มมุ่งของการแสวงหา คือ การค้นพบสิ่งที่พึงพอใจ สิ่งที่ดีที่สุดจากทีมงานบ้านดินรุ่งอรุณ ขอมอบสิ่งที่ดีที่สุดให้แก่คุณ โดยไม่ต้องสูญเสียเวลาแสวงหาอีกต่อไป Office: Hotline: (66) website: webmaster: Copyright by Thai Clay House and Designing Company Limited. All rights reserved., Site Designed by Sudin Chaohinfa
25
Web Page contactus.html
วางแผนและเตรียมข้อมูล Header Logo Picture Menu links Counter Search engine Guest Book Web Board Remote Login Download e-Learning e-Books e-Commerce FAQ Banner Home Page index.html Web Page product.html Web Page location.html Web Page contactus.html Web Page aboutus.html -Text -Picture -Banner -Links -Text -Picture -Banner -Links -Text -Picture -Banner -Links -Text -Picture -Banner -Links
26
วางแผนและเตรียมข้อมูล เลือกรูปแบบในการเชื่อมโยง
27
วางแผนและเตรียมข้อมูล เลือกรูปแบบในการเชื่อมโยง
28
วางแผนและเตรียมข้อมูล เลือกรูปแบบในการเชื่อมโยง
29
(1) สร้าง Folder สำหรับเก็บไฟล์ที่ใช้สร้าง
วางแผนและเตรียมข้อมูล - เตรียมโปรแกรม (1) สร้าง Folder สำหรับเก็บไฟล์ที่ใช้สร้าง (2) คีย์ไฟล์ข้อความ ตกแต่งภาพให้เรียบร้อยเก็บใน ข้อ (1) (3) ติดตั้งโปรแกรม Marcromedia Dreamweaber (4) ปรับแต่งโปรแกรม Marcromedia Dreamweaber -Preference... -Option... / Properties... -Add New Site... -Page Properties... (5) ลงมือ
30
วางแผนและเตรียมข้อมูล - สร้าง Folder
31
วางแผนและเตรียมข้อมูล - สร้าง Folder
32
วางแผนและเตรียมข้อมูล - สร้าง Folder
33
วางแผนและเตรียมข้อมูล - Macromedia Dreamweaver 8.0
34
วางแผนและเตรียมข้อมูล - Add New Site
35
วางแผนและเตรียมข้อมูล - Add New Site
36
วางแผนและเตรียมข้อมูล - Add New Site
37
วางแผนและเตรียมข้อมูล - Add New Site
38
คลิกเมาส์เมนู Edit / Preferences...
วางแผนและเตรียมข้อมูล - Font Settings คลิกเมาส์เมนู Edit / Preferences...
39
วางแผนและเตรียมข้อมูล - Font Settings
40
วางแผนและเตรียมข้อมูล - Page / Encoding Properties
เลือกสีภาพ พื้นหลัง
41
กำหนดภาพ พื้นหลัง คลิก ที่ Browse...
วางแผนและเตรียมข้อมูล - Page / Encoding Properties กำหนดภาพ พื้นหลัง คลิก ที่ Browse...
42
วางแผนและเตรียมข้อมูล - Page / Encoding Properties
43
วางแผนและเตรียมข้อมูล - Page / Encoding Properties
เลือก Thai Encoding
44
วางแผนและเตรียมข้อมูล - Page / Encoding Properties
ผลที่ได้
45
วางแผนและเตรียมข้อมูล - Page / Encoding Properties
จัดเก็บไฟล์
46
วางแผนและเตรียมข้อมูล - Page / Encoding Properties
หลังจัดเก็บไฟล์แล้ว
47
Page Design - Lay out view / Tools
48
Page Design - Lay out view / Tools
49
Page Design - Lay out view / Tools
50
Page Design - Lay out view / Tools
51
Page Design - Lay out view / Tools
52
Page Design - Lay out view / Tools
53
Page Design - Lay out view / Tools
54
Page Design - Lay out view / Tools
55
Page Design - ลงมือสร้าง
56
Page Design - ลงมือสร้าง
สร้างตาราง เพื่อวางรูปภาพและข้อความ
57
Page Design - ลงมือสร้าง
58
Page Design - ลงมือสร้าง
ใส่คำอธิบายที่ช่องAlternet text เพื่อบอกรายละเอียดเกี่ยวกับภาพนั้น เมื่อลากเมาส์ผ่าน (Tool tips)
59
Page Design - ลงมือสร้าง
สร้างตาราง ซ้อนข้างใน เพื่อวางข้อความให้เป็นสัดส่วน คราวนี้สร้างตารางแบบ 2 คอลัมน์
60
ปรับความกว้างของตาราง
Page Design - ลงมือสร้าง ปรับความกว้างของตาราง
61
Page Design - ลงมือสร้าง
ข้อความในตาราง ถูกกำหนดตำแหน่งปกติ (Default) จะอยู่กลางตาราง ควรจัดให้อยู่ชิด ขอบบนตาราง
62
Page Design - ลงมือสร้าง
เชื่อมโยงหน้าเว็บ (Hyper Links) ป้ายข้อความที่ต้องการลิงค์ แล้วคลิกเลือก Link
63
Page Design - ลงมือสร้าง
งานนำเสนอที่คล้ายกัน
