SlideShare a Scribd company logo
Web Gallery | 1
Web Gallery คือ เว็บไซต์หรือเว็ลเพจที่รวมรูปภาพหลายๆรูปไว้เป็นอัลบั้ม
การสร้าง Web Gallery อย่างง่าย สามารถสร้างได้ด้วยโปรแกรม ACDSee
Web Gallery
Web Gallery คืออะไร?
การสร้าง Web Gallery
Web Gallery | 2
ซึ่งมีขั้นตอนการสร้าง ดังนี้
1. เปิดโปรแกรม ACDSee ขึ้นมา แล้วโฟลเดอร์เก็บรูปที่ต้องการทาเป็น Web Gallery
เมื่อคลิกที่โฟลเดอร์นั้น ภาพที่อยู่ภาพในโฟลเดอร์ก็จะแสดงขึ้นมาในโปรแกรม
2. ให้คลิกเลือกรูปที่ต้องการโดยการกด Ctrl ค้างแล้วคลิกภาพที่ต้องการ หากต้องการเลือกทั้ง
โฟลเดอร์ให้กด Ctrl+A
3. เมื่อเลือกรูปเสร็จแล้วให้เลือกเครื่องมือ Create > HTML Album
Web Gallery | 3
4. เมื่อคลิก HTML Album จะมีหน้าต่าง Create HTML Album Step 1 of 3 แสดงขึ้น ให้เลือก
Web page styles ที่ต้องการ แล้วกด Next
Web Gallery | 4
5. เมื่อคลิก Next แล้วจะปรากฏหน้าต่าง Create HTML Album Step 2 of 3
ให้ทาการกาหนดชื่อ Web Gallery ในช่อง Gallery Title และทาการแก้ไขข้อมูลที่จะแสดงที่
ส่วนท้ายเว็บเพจ โดยการคลิกที่ Set Information… จะแสดงหน้าต่าง Footer Information
 ช่อง Text ให้ใส่ข้อความที่ต้องการแสดง
 ช่อง Author ให้ใส่ชื่อผู้สร้าง Web Gallery
 ช่อง E-mail address ให้ใส่อีเมล์ของผู้สร้าง Web Gallery
 ช่อง Date ให้ใส่วันที่สร้าง Web Gallery
เมื่อใส่ข้อมูลครบแล้วให้คลิก OK ที่หน้าต่าง Footer Information
6. เลือกโฟลเดอร์ที่จะเก็บ Web Gallery ที่ช่อง Output folder โดยคลิกที่ปุ่ม Browse… แล้วเลือก
โฟลเดอร์ที่ต้องการ เมื่อกาหนดเรียบร้อยแล้วคลิก Next ที่หน้าต่าง Create HTML Album
Web Gallery | 5
7. เมื่อคลิก Next แล้วจะปรากฏหน้าต่าง Create HTML Album Step 3 of 3 เป็นการกาหนดขนาดภาพที่
จะแสดงใน Web Gallery เมื่อกาหนดค่าต่างๆเรียบร้อยแล้วให้คลิก Preview Gallery เพื่อดูตัวอย่าง Web
Gallery ที่สร้างขึ้นก่อนจะสร้างจริง
Web Gallery | 6
8. เมื่อคลิก Preview Gallery แล้วโปรแกรมจะทาการแสดงตัวอย่าง Web Gallery ในบราวน์เซอร์
9. หากต้องการปรับปรุงแก้ไข Web Gallery ให้กลับไปที่โปรแกรมและทาการแก้ไข หากได้ผลที่
พอใจแล้วให้คลิก Next ที่หน้าต่าง Create HTML Album Step 3 of 3 โปรแกรมจะทาการสร้างและบันทึก
Web Gallery ในโฟลเดอร์ที่กาหนด ให้คลิก Finish เพื่อเสร็จสิ้นการสร้าง Web Gallery

More Related Content

Viewers also liked

การสร้าง App ด้วยมือถือ
การสร้าง App ด้วยมือถือการสร้าง App ด้วยมือถือ
การสร้าง App ด้วยมือถือ
Jaemjan Sriarunrasmee
 
PrintCity process colour standardisation
PrintCity process colour standardisation PrintCity process colour standardisation
PrintCity process colour standardisation
SappiHouston
 
Descriptions of a soldiers war..
Descriptions of a soldiers war..Descriptions of a soldiers war..
Descriptions of a soldiers war..
dasbill
 
นิเทศการศึกษา
นิเทศการศึกษานิเทศการศึกษา
นิเทศการศึกษา
tanongsak
 
มารู้จักเมืองลำพูนกันเถอะจ้ะ :3
มารู้จักเมืองลำพูนกันเถอะจ้ะ :3มารู้จักเมืองลำพูนกันเถอะจ้ะ :3
มารู้จักเมืองลำพูนกันเถอะจ้ะ :3Dusmew
 
Thailand ICT2020
Thailand ICT2020Thailand ICT2020
Thailand ICT2020ICT2020
 
Normalization
NormalizationNormalization
NormalizationTorres15
 
ใบงานที่ 2 การป้อนและแก้ไขข้อมูล
ใบงานที่ 2 การป้อนและแก้ไขข้อมูลใบงานที่ 2 การป้อนและแก้ไขข้อมูล
ใบงานที่ 2 การป้อนและแก้ไขข้อมูลMeaw Sukee
 
การสร้างเกมส์ง่าย ๆ ด้วย Kahoot .it
การสร้างเกมส์ง่าย  ๆ ด้วย Kahoot .itการสร้างเกมส์ง่าย  ๆ ด้วย Kahoot .it
การสร้างเกมส์ง่าย ๆ ด้วย Kahoot .it
Duangnapa Inyayot
 
Infographic process 10 step
Infographic process 10 stepInfographic process 10 step
Infographic process 10 step
Pisit Noiwangklang
 
บทท 10ประเม_นส__อ
บทท  10ประเม_นส__อบทท  10ประเม_นส__อ
บทท 10ประเม_นส__อAnn Pawinee
 
เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...
เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...
เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...
lekruthai khantongchai
 
Edmodo ฉบับครูไทย
Edmodo ฉบับครูไทยEdmodo ฉบับครูไทย
Edmodo ฉบับครูไทย
Dr Poonsri Vate-U-Lan
 
การประยุกต์ใช้ Cloud Computing กับงานสารสนเทศ
การประยุกต์ใช้ Cloud Computing กับงานสารสนเทศการประยุกต์ใช้ Cloud Computing กับงานสารสนเทศ
การประยุกต์ใช้ Cloud Computing กับงานสารสนเทศ
Teerapuch Kassakul
 
รูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติ
รูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติรูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติ
รูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติ
Prachyanun Nilsook
 

Viewers also liked (18)

การสร้าง App ด้วยมือถือ
การสร้าง App ด้วยมือถือการสร้าง App ด้วยมือถือ
การสร้าง App ด้วยมือถือ
 
PrintCity process colour standardisation
PrintCity process colour standardisation PrintCity process colour standardisation
PrintCity process colour standardisation
 
Descriptions of a soldiers war..
Descriptions of a soldiers war..Descriptions of a soldiers war..
Descriptions of a soldiers war..
 
นิเทศการศึกษา
นิเทศการศึกษานิเทศการศึกษา
นิเทศการศึกษา
 
มารู้จักเมืองลำพูนกันเถอะจ้ะ :3
มารู้จักเมืองลำพูนกันเถอะจ้ะ :3มารู้จักเมืองลำพูนกันเถอะจ้ะ :3
มารู้จักเมืองลำพูนกันเถอะจ้ะ :3
 
Thailand ICT2020
Thailand ICT2020Thailand ICT2020
Thailand ICT2020
 
Normalization
NormalizationNormalization
Normalization
 
ใบงานที่ 2 การป้อนและแก้ไขข้อมูล
ใบงานที่ 2 การป้อนและแก้ไขข้อมูลใบงานที่ 2 การป้อนและแก้ไขข้อมูล
ใบงานที่ 2 การป้อนและแก้ไขข้อมูล
 
การสร้างเกมส์ง่าย ๆ ด้วย Kahoot .it
การสร้างเกมส์ง่าย  ๆ ด้วย Kahoot .itการสร้างเกมส์ง่าย  ๆ ด้วย Kahoot .it
การสร้างเกมส์ง่าย ๆ ด้วย Kahoot .it
 
6.2 st
6.2 st6.2 st
6.2 st
 
Ibuild app
Ibuild appIbuild app
Ibuild app
 
Infographic process 10 step
Infographic process 10 stepInfographic process 10 step
Infographic process 10 step
 
บทท 10ประเม_นส__อ
บทท  10ประเม_นส__อบทท  10ประเม_นส__อ
บทท 10ประเม_นส__อ
 
เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...
เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...
เอกสารประกอบการฝึกอบรมตามฐานสมรรถนะ หลักสูตรการผลิตสื่อมัลติมีเดียด้วยโปรแกรม...
 
Edmodo ฉบับครูไทย
Edmodo ฉบับครูไทยEdmodo ฉบับครูไทย
Edmodo ฉบับครูไทย
 
การประยุกต์ใช้ Cloud Computing กับงานสารสนเทศ
การประยุกต์ใช้ Cloud Computing กับงานสารสนเทศการประยุกต์ใช้ Cloud Computing กับงานสารสนเทศ
การประยุกต์ใช้ Cloud Computing กับงานสารสนเทศ
 
Unit1
Unit1Unit1
Unit1
 
รูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติ
รูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติรูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติ
รูปแบบการสอนแบบมุ่งสมรรถนะด้านทักษะปฏิบัติ
 

Similar to Webgallery (7)

Flickr
FlickrFlickr
Flickr
 
Flickr
FlickrFlickr
Flickr
 
Flickr
FlickrFlickr
Flickr
 
Flickr
FlickrFlickr
Flickr
 
Flickr
FlickrFlickr
Flickr
 
บทที่ 3
บทที่ 3บทที่ 3
บทที่ 3
 
บทที่ 3
บทที่ 3บทที่ 3
บทที่ 3
 

Recently uploaded

โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.pptโรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
pakpoomounhalekjit
 
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกันbio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
CholapruekSangkamane1
 
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
SweetdelMelon
 
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
NuttavutThongjor1
 
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
Postharvest Technology Innovation Center
 
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
NuttavutThongjor1
 

Recently uploaded (6)

โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.pptโรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
 
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกันbio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
 
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
 
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
 
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
 
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
 

Webgallery

  • 1. Web Gallery | 1 Web Gallery คือ เว็บไซต์หรือเว็ลเพจที่รวมรูปภาพหลายๆรูปไว้เป็นอัลบั้ม การสร้าง Web Gallery อย่างง่าย สามารถสร้างได้ด้วยโปรแกรม ACDSee Web Gallery Web Gallery คืออะไร? การสร้าง Web Gallery
  • 2. Web Gallery | 2 ซึ่งมีขั้นตอนการสร้าง ดังนี้ 1. เปิดโปรแกรม ACDSee ขึ้นมา แล้วโฟลเดอร์เก็บรูปที่ต้องการทาเป็น Web Gallery เมื่อคลิกที่โฟลเดอร์นั้น ภาพที่อยู่ภาพในโฟลเดอร์ก็จะแสดงขึ้นมาในโปรแกรม 2. ให้คลิกเลือกรูปที่ต้องการโดยการกด Ctrl ค้างแล้วคลิกภาพที่ต้องการ หากต้องการเลือกทั้ง โฟลเดอร์ให้กด Ctrl+A 3. เมื่อเลือกรูปเสร็จแล้วให้เลือกเครื่องมือ Create > HTML Album
  • 3. Web Gallery | 3 4. เมื่อคลิก HTML Album จะมีหน้าต่าง Create HTML Album Step 1 of 3 แสดงขึ้น ให้เลือก Web page styles ที่ต้องการ แล้วกด Next
  • 4. Web Gallery | 4 5. เมื่อคลิก Next แล้วจะปรากฏหน้าต่าง Create HTML Album Step 2 of 3 ให้ทาการกาหนดชื่อ Web Gallery ในช่อง Gallery Title และทาการแก้ไขข้อมูลที่จะแสดงที่ ส่วนท้ายเว็บเพจ โดยการคลิกที่ Set Information… จะแสดงหน้าต่าง Footer Information  ช่อง Text ให้ใส่ข้อความที่ต้องการแสดง  ช่อง Author ให้ใส่ชื่อผู้สร้าง Web Gallery  ช่อง E-mail address ให้ใส่อีเมล์ของผู้สร้าง Web Gallery  ช่อง Date ให้ใส่วันที่สร้าง Web Gallery เมื่อใส่ข้อมูลครบแล้วให้คลิก OK ที่หน้าต่าง Footer Information 6. เลือกโฟลเดอร์ที่จะเก็บ Web Gallery ที่ช่อง Output folder โดยคลิกที่ปุ่ม Browse… แล้วเลือก โฟลเดอร์ที่ต้องการ เมื่อกาหนดเรียบร้อยแล้วคลิก Next ที่หน้าต่าง Create HTML Album
  • 5. Web Gallery | 5 7. เมื่อคลิก Next แล้วจะปรากฏหน้าต่าง Create HTML Album Step 3 of 3 เป็นการกาหนดขนาดภาพที่ จะแสดงใน Web Gallery เมื่อกาหนดค่าต่างๆเรียบร้อยแล้วให้คลิก Preview Gallery เพื่อดูตัวอย่าง Web Gallery ที่สร้างขึ้นก่อนจะสร้างจริง
  • 6. Web Gallery | 6 8. เมื่อคลิก Preview Gallery แล้วโปรแกรมจะทาการแสดงตัวอย่าง Web Gallery ในบราวน์เซอร์ 9. หากต้องการปรับปรุงแก้ไข Web Gallery ให้กลับไปที่โปรแกรมและทาการแก้ไข หากได้ผลที่ พอใจแล้วให้คลิก Next ที่หน้าต่าง Create HTML Album Step 3 of 3 โปรแกรมจะทาการสร้างและบันทึก Web Gallery ในโฟลเดอร์ที่กาหนด ให้คลิก Finish เพื่อเสร็จสิ้นการสร้าง Web Gallery