SlideShare ist ein Scribd-Unternehmen logo
1 von 63
Digital Content for Web บุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ [email_address] http://www.stks.or.th
ด้วยระบบอินเทอร์เน็ต คอมพิวเตอร์ทุกเครื่อง ทุกระบบ สามารถติดต่อสื่อสารกันได้
Server & Client WindowsXP IE Windows2000 IE Macintosh Windows98 Netscape พัฒนาเว็บด้วย HTML Editor, HTML Generator บน Windows Server : Unix/NT upload
ปัญหา ,[object Object],[object Object],[object Object],[object Object],[object Object]
File name ,[object Object],[object Object],[object Object],[object Object]
แบบอักษร  (Fonts) ,[object Object],[object Object],[object Object],[object Object]
ภาษาไทย กับการพัฒนาเว็บเพจ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ภาษาไทย กับการพัฒนาเว็บเพจ
Thai Encoding ,[object Object]
TIS-620/Windows-874 ,[object Object],[object Object],[object Object]
ภาษาไทย กับการพัฒนาเว็บเพจ <meta http-equiv=“content-type”  content=“text/html; charset=………..”>
สรุป  Thai Encoding  ในปัจจุบัน ,[object Object],[object Object],[object Object]
ลักษณะของหน้าเว็บที่เหมาะสม ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Truehits.net
 
ลักษณะของหน้าเว็บที่เหมาะสม Web Area 980 pixel Screen Area 600 pixel web Area
Template & Layout Design TITLE Menu History Duty Project
Template & Layout Design TITLE History Duty Project
Template & Layout Design TITLE History Duty Project
Template & Layout Design TITLE History Duty Project
มาตรฐานรูปแบบการนำเสนอภาพ    100    100 pixels    300    250 pixels    300    250 pixels Up to  1024    768 pixels Up to  1024    768 pixels Up to  1840    1232 pixels Up to  1840    1232 pixels Size 72 dpi 72 dpi 72 dpi 72 dpi 72 dpi Up to 350 dpi Up to 350 dpi Resolution GIF JPG PNG GIF JPG PNG TIF JPEG JPEG JPEG TIFF JPEG, TIFF Format Preview Website Database Presentation ภาพสำหรับ Digital Archive ภาพ สื่อสิ่งพิมพ์ ภาพต้นฉบับ
Format ,[object Object],[object Object],[object Object]
เว็บกราฟิก รูปภาพที่แสดงในโหมดปกติ การแสดงผลภาพแบบ  Interlaced การแสดงผลภาพ แบบ  Progressive
Interlaced GIF
JPEG Quality & Progressive ,[object Object],[object Object]
GIF ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Bit depth drastically affects file size 24 bit color 16 million colors 1.55 MB 8 bit color 256 colors 518k 8 bit  gray scale 256 shades  of gray  518k 1 bit dithered  image  64k
Transparent GIFs
Animation GIF
JPEG ,[object Object],[object Object],[object Object],[object Object],[object Object]
JPEG File Format JPEG - 19K Low Quality JPEG - 60K Max Quality
PNG ,[object Object],[object Object],[object Object],[object Object]
TIFF ,[object Object],[object Object],[object Object],[object Object]
สรุปการเลือกใช้ฟอร์แมตภาพ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
GIF / JPEG
GIF or JPEG?
72-ppi and 300-ppi ,[object Object],[object Object]
Color Mode ,[object Object],[object Object],[object Object],[object Object],[object Object]
RGB model ,[object Object],[object Object],Red Green Blue
CMYK model ,[object Object]
Sound : PCM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sound : MP3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
VDO formats ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
PDF Format ,[object Object],[object Object]
Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
การกำหนดคุณสมบัติของเอกสาร ,[object Object],[object Object]
ประโยชน์ของ  Metadata ,[object Object],[object Object],[object Object]
Meta Tags ,[object Object],[object Object],[object Object],[object Object]
ตัวอย่าง ,[object Object],[object Object],[object Object]
Meta Analyst ,[object Object]
มาตรฐาน  Image Metadata ,[object Object],[object Object],[object Object],[object Object]
 
PDF Security Document
Watermark ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
Text Embedded Watermark ,[object Object],[object Object],[object Object]
Image Embedded Watermark ,[object Object],[object Object],[object Object]
Watermark Processing ,[object Object],[object Object],[object Object]
The Watermark Embedding Process
The Watermark Detection Process
เนื้อหาศึกษาเพิ่มเติม ,[object Object],[object Object],[object Object]
Resource ,[object Object]

Weitere ähnliche Inhalte

Was ist angesagt? (18)

Lesson9
Lesson9Lesson9
Lesson9
 
Best
BestBest
Best
 
รออกแบบเว็บไซต์
รออกแบบเว็บไซต์รออกแบบเว็บไซต์
รออกแบบเว็บไซต์
 
ดรีม
ดรีมดรีม
ดรีม
 
โบ
โบโบ
โบ
 
นุ๊ก
นุ๊กนุ๊ก
นุ๊ก
 
หวิว
หวิวหวิว
หวิว
 
หมวย
หมวยหมวย
หมวย
 
บทที่ 5 การจัดการข้อความ
บทที่ 5 การจัดการข้อความบทที่ 5 การจัดการข้อความ
บทที่ 5 การจัดการข้อความ
 
E book2
E book2 E book2
E book2
 
How to manage e-Media
How to manage e-MediaHow to manage e-Media
How to manage e-Media
 
หนังสืออิเล็กทรอนิกส์ (E-Book)
หนังสืออิเล็กทรอนิกส์ (E-Book)หนังสืออิเล็กทรอนิกส์ (E-Book)
หนังสืออิเล็กทรอนิกส์ (E-Book)
 
20110201 drupal-ir
20110201 drupal-ir20110201 drupal-ir
20110201 drupal-ir
 
Ten
TenTen
Ten
 
New
NewNew
New
 
Yuu
YuuYuu
Yuu
 
Search Engine
Search  EngineSearch  Engine
Search Engine
 
captivate-flash-courseware
captivate-flash-coursewarecaptivate-flash-courseware
captivate-flash-courseware
 

Ähnlich wie Digital Content for Web

ข้อมูลมัลติมีเดีย
ข้อมูลมัลติมีเดียข้อมูลมัลติมีเดีย
ข้อมูลมัลติมีเดีย
Duangsuwun Lasadang
 
หมวย
หมวยหมวย
หมวย
sirinet
 
สื่อดิจิตอล อ.เหมราช
สื่อดิจิตอล อ.เหมราชสื่อดิจิตอล อ.เหมราช
สื่อดิจิตอล อ.เหมราช
gasanong
 
Greenstone From Paper to Digital Collection
GreenstoneFrom Paper to Digital CollectionGreenstoneFrom Paper to Digital Collection
Greenstone From Paper to Digital Collection
Satapon Yosakonkun
 

Ähnlich wie Digital Content for Web (20)

Digital Media
Digital MediaDigital Media
Digital Media
 
e-Courseware with Microsoft Producer & HotPotatoes
e-Courseware with Microsoft Producer & HotPotatoese-Courseware with Microsoft Producer & HotPotatoes
e-Courseware with Microsoft Producer & HotPotatoes
 
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibilityการพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
 
Web Accessibility Coding
Web Accessibility CodingWeb Accessibility Coding
Web Accessibility Coding
 
e-Media Development
e-Media Developmente-Media Development
e-Media Development
 
ข้อมูลมัลติมีเดีย
ข้อมูลมัลติมีเดียข้อมูลมัลติมีเดีย
ข้อมูลมัลติมีเดีย
 
Computer System for CIO
Computer System for CIOComputer System for CIO
Computer System for CIO
 
Digital Media Standard
Digital Media StandardDigital Media Standard
Digital Media Standard
 
หมวย
หมวยหมวย
หมวย
 
Lesson9
Lesson9Lesson9
Lesson9
 
การผลิตสื่อวิดีโอ (Video Production)
การผลิตสื่อวิดีโอ (Video Production)การผลิตสื่อวิดีโอ (Video Production)
การผลิตสื่อวิดีโอ (Video Production)
 
แนวทางการพัฒนา e-Learning
แนวทางการพัฒนา e-Learningแนวทางการพัฒนา e-Learning
แนวทางการพัฒนา e-Learning
 
20101007 rarebooks-preservation
20101007 rarebooks-preservation20101007 rarebooks-preservation
20101007 rarebooks-preservation
 
Lecture01_Introduction
Lecture01_IntroductionLecture01_Introduction
Lecture01_Introduction
 
Flash9
Flash9Flash9
Flash9
 
20080314 Greenstone
20080314 Greenstone20080314 Greenstone
20080314 Greenstone
 
Technology for Digital Library
Technology for Digital LibraryTechnology for Digital Library
Technology for Digital Library
 
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
 
สื่อดิจิตอล อ.เหมราช
สื่อดิจิตอล อ.เหมราชสื่อดิจิตอล อ.เหมราช
สื่อดิจิตอล อ.เหมราช
 
Greenstone From Paper to Digital Collection
GreenstoneFrom Paper to Digital CollectionGreenstoneFrom Paper to Digital Collection
Greenstone From Paper to Digital Collection
 

Mehr von Boonlert Aroonpiboon

Mehr von Boonlert Aroonpiboon (20)

Excel quiz
Excel quizExcel quiz
Excel quiz
 
Scival for Research Performance
Scival for Research PerformanceScival for Research Performance
Scival for Research Performance
 
20190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-420190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-4
 
20190409 social-media-backup
20190409 social-media-backup20190409 social-media-backup
20190409 social-media-backup
 
20190220 open-library
20190220 open-library20190220 open-library
20190220 open-library
 
20190220 digital-archives
20190220 digital-archives20190220 digital-archives
20190220 digital-archives
 
OER KKU Library
OER KKU LibraryOER KKU Library
OER KKU Library
 
Museum digital-code
Museum digital-codeMuseum digital-code
Museum digital-code
 
OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
 

Digital Content for Web