รายงานสรุปผลการเรียนรู้การใช้งาน...
-
Upload
ning-chanitra -
Category
Documents
-
view
235 -
download
0
description
Transcript of รายงานสรุปผลการเรียนรู้การใช้งาน...
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
2
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ค ำน ำ
เอกสารรายงานสรปผลการเรยนรการใชงาน Blogger ในเบองตนทจดท าขนน
เปนเอกสารประกอบการเรยนรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ARTI3319 ของนายธเนศ วฒกจ โดยใชชอ ตนแบบการจดการความรออนไลนวา “ คมอ
การเรยนรการใชงาน Blogger ในเบองตน ” โดยเรมท าการสรางขนเมอวนท 10
กรกฎาคม พ.ศ. 2556
การจดท าคมอการจดการเรยนรออนไลนฉบบน ผจดท าพยายามเขยนใหเขาใจได
งาย สะดวกตอการปฏบตตาม และน าไปใชตอยอดการเรยนรได
อยางไรกตามในการจดท าคมอการจดการเรยนรออนไลนฉบบน หากมขอบกพรอง ใน
ขนตอนใด ผจดท าขออภยมา ณ ทน และสามารถสอบถาม
ตชม หรอใหค าแนะน าตอผจดท าไดโดยตรงท เบอรโทรศพท 082-6550756
หรออเมลล [email protected]
นายธเนศ วฒกจ, 2556
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
3
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
สำรบญ
บทท 1 วธลงชอสมครสมาชกของ Gmail……………………………….......................................4
ขนตอนการลงชอสมครเขาใชเปนสมาชกของ Gmail…………………....................................4
บทท 2 วธการลงชอเขาใชงาน Blogger………………………………………………………………….10
วธลงชอเขาใชงาน Blogger ………………………………………………………………………………....10
การสราง Blogger………………………………………………………………………………………..………12
บทท 3 วธการปรบแตงขนาดและกราฟฟคพนของ Blogger เบองตน………………………..15
วธการปรบแตงขนาดและกราฟฟคพนของ Blogger…………………………………………………15
บทท 4 วธการตงคา Blogger ขนพนฐาน…………………………………………………………..…..20
บทท 5 วธการใสแกดเจต (Gadget) ใหกบ Blogger.…………………………………………..…..21
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
4
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
บทท 1 (Chapter 1)
วธลงชอสมครสมำชกของ Gmail
1. ขนตอนการลงชอสมครเขาใชเปนสมาชกของ Gmail
1.1 ขนตอนแรกใหเขาไปท http://www.gmail.com เพอท าการสมครสมาชก ตามภาพ
ท 1.1
ภาพท 1.1 แสดงหนาตางลงชอเขาใชงานของ Gmail
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 1 คอ Create an account หรอสมครสมาชกใหม
หมายเลข 2 คอ กรอกชออเมลลของผใช หากลงชอเปนสมาชกอยกอนแลว
ในทนเราจะท าการเลอก Create an account ทหมายเลข 1 เพอตองการสมครสมาชก
1 2
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
5
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
1.2 เมอเลอก Create an account เรยบรอยแลว จะปรากฎหนาเพจ ให Create a
new Google account ตามภาพท 1.2
ภาพท 1.2 แสดงหนาตางกรอกรายละเอยดของผสมคร Gmail
ทมา : นายธเนศ วฒกจ, 2556
3
4
5
6
7
8
9
10
11
12
13
หมายเลข 3 คอ ใหกรอกชอและนามสกล (ควร
เปนภาษาสากล)
หมายเลข 4 คอ กรอกอเมลลของผใชงาน
หมายเลข 5 คอ ตงรหสผานส าหรบลงชอเขาใช
หมายเลข 6 คอ ยนยนรหสผานอก 1 ครง
หมายเลข 7 คอ แจงวน เดอน ป เกด
หมายเลข 8 คอ ระบเพศ
หมายเลข 9 คอ ระบหมายเลขโทรศพท
หมายเลข 10 คอใหระบอเมลลส ารอง
หมายเลข 11 คอ กดยนยนวามชอผใชอยจรง
และพมพตวอกษรตามภาพ
หมายเลข 12 คอ เลอกภมล าเนาของผใช
หมายเลข 13 คอ กดเครองหมายยอมรบเงอนไข
การลงชอเขาใช และเลอกกด Next step เพอ
ด าเนนการขนตอไป
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
6
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
1.3 หนาตางแสดงบญชของผใชจะปรากฎขนมาตามภาพท 1.3
ภาพท 1.3 แสดงหนาตางบญชของผใชงาน
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 14 Add profile photo ใหใสรปภาพประจ าตวของผใช
14
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
7
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
หลงจากคลกเลอกท Add profile photo จะปรากฎหนาตางของภาพท 1.4
ภาพท 1.4 แสดงหนาตางใหผใชอพโหลดรปภาพประจ าตว
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 15 คอ อพโหลดรปภาพจากกลอง
หมายเลข 16 คอ เลอกรปภาพจากคอมพวเตอร
ในทนจะท าการเลอกรปภาพจากคอมพวเตอรและอพโหลด ตามภาพท 1.5
16
15
หมายเลข 17 เมอจดขนาดของภาพไดเรยบรอย ให
คลกท Set as profile photo ตามหมายเลข 17
17
ภาพท 1.5 แสดงหนาตางอพโหลดรปภาพจากเครองคอมพวเตอร ทมา : นายธเนศ วฒกจ, 2556
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
8
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ภาพท 1.6 แสดงหนาตางบญชของผใชงานหลงจาก อพโหลดรปประจ าตว
ทมา : นายธเนศ วฒกจ, 2556
เมออพโหลดรปประจ าเรยบรอยจะประกฎตามภาพท 1.6
หมายเลข 18 หากตองการจะเปลยนรปประจ าตวอกครงหนง ใหเลอกทน
หมายเลข 19 คลกเพอท าการตอไปตามภาพท 1.7
ภาพท 1.7 แสดงเพจหนาแรกของผเรมใชงาน Gmail ครงแรก
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 20 คอ ชอผใชงานและจ านวนของขอความในกลองจดหมายหมายเลข 21 คอ
ใหท าการคลกทนเพอเขาส Gmail
18 19
21
20
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
9
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ภาพท 1.8 แสดงกลองขอความจดหมายของผใช Gmail
ทมา : นายธเนศ วฒกจ, 2556
ทงหมดทกลาวมาเปนวธการสมครเขาใชงานเปนสมาชกของ Gmail โดยในบทตอไปจะ
อธบายถงวธการเขาใชงาน Blogger
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
10
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
บทท 2 (Chapter 2)
วธกำรลงชอเขำใชงำน Blogger
2. การลงชอเขาใช Blogger
2.1 วธลงชอเขาใชงาน Blogger
ภาพท 2.1 แสดงกลองขอความจดหมายของผใช Gmail
ทมา : นายธเนศ วฒกจ, 2556
ท าการคลกทหมายเลข 22 More จะมหวขอยอยเรยงลงมา ใหผใชเลอกทหวขอ Blogger
ตามหมายเลข 23
22
23
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
11
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ภาพท 2.2 แสดงหนาแรกของบญชผใช Blogger
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 24 คอ การปรบเปลยนภาษา
หมายเลข 25 คอ Continue to Blogger คลกทนเพอเขาใชงานตอไป
25
24
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
12
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
2.2 การสราง Blogger
ภาพท 2.3 แสดงหนาบญชของผใช Blogger
ทมา : นายธเนศ วฒกจ, 2556
คลกท New Blog ตามหมายเลข 26 เพอเปนการสราง Blog ขนมาใหม
จะประกฎหนาตางตามภาพท 2.4
26
27
28
หมายเลข 27 ใหใสชอทจะใชแสดงบนหนา
Blogger
หมายเลข 28 ใหใสชอเพอเปนการก าหนด
URL ของ Blogger
ภาพท 2.4 แสดงหนาตาง Create New Blog
ทมา : นายธเนศ วฒกจ, 2556
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
13
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
หลงจากท าหารสราง Blogger ขนมาใหมแลว หนา Home ของผใช
จะปรากฎชอ Blog ใหมทถกสรางขนมา ดงภาพท 2.6
ภาพท 2.6 แสดงหนา Home ของผใช
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 31 คอ Blog ทถกสราง และก าหนดชอขนมาใหม ใหคลกทนเพอไปสหนา
Dashboard เพอด าเนนการปรบแตง Blogger ตอไป
29
30
หมายเลข 29 เลอก Template เบองตน
เพอใชใน blogger
หมายเลข 30 เมอใสขอมลและเลอก
Template เบองตนแลวใหคลกทน
31
ภาพท 2.5 แสดงหนาตาง Create New Blog
ทมา : นายธเนศ วฒกจ, 2556
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
14
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
*หากผใชตองการสราง Blog เพมเตม ใหท าซ าตามขอ 2.2
ภาพท 2.7 แสดงหนา Dashboard ของ Blog
ทมา : นายธเนศ วฒกจ, 2556
ทงหมดทกลาวมาเปนวธการลงชอเขาใชและการสราง Blogger โดยในบทตอไปจะอธบาย
ถงวธการปรบแตงขนาดและกราฟฟคพนของ Blogger
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
15
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
บทท 3 (Chapter 3)
วธกำรปรบแตงขนำดและกรำฟฟคพนของ Blogger เบองตน
3. วธการปรบแตงขนาดและกราฟฟคพน
ภาพท 3.1 แสดงหนาแผงควบคม (Dashboard) ของผใชงาน Blogger
ทมา : นายธเนศ วฒกจ, 2556
ใหท าการเลอกทแมแบบ (Template) ตามหมายเลข 32 ในภาพท 3.2
ภาพท 3.2 แสดงหวขอของแมแบบในแผงควบคม ทมา : นายธเนศ วฒกจ, 2556
33
32
หมายเลข 32 คอ หวขอยอยของค าสง
แมแบบ
หมายเลข 33 คอ การก าหนดคา
(Customize) ใหคลกเลอกทน
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
16
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ภาพท 3.3 แสดงหนาเครองมอออกแบบเทมเพลต ของ Blogger
ทมา : นายธเนศ วฒกจ, 2556
ใหท าการเลอกเทมเพลตตามหมายเลข 34 ในทนเลอกเทมเพลตแบบ Picture Window
หรอกรอบหนาตาง ตอไปใหเลอกทพนหลง(Background) ตามหมายเลข 35
34 35
36 37
38
หมายเลข 34 คอ เทมเพลต
หมายเลข 35 คอ พนหลง
หมายเลข 36 คอ ปรบความกวาง
หมายเลข 37 คอ รปแบบ
หมายเลข 38 คอ ปรบแตงขนสง
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
17
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ภาพท 3.4 แสดงหวขอใหปรบแตงพนหลงของเทมเพลต
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 39 ในหวขอพนหลงใหเลอกอพโหลดรปภาพจากคอมพวเตอรและตงคาการ
จดเรยง (Alignment) ใหอยทต าแหนงกลางดานบน และเลอกไมจดเรยง (Don’t Tile)
และคลกเครองหมายถกท Scroll with page หรอค าสงเลอนไปพรอมกบหนาเวบ
ภาพท 3.5 แสดงหวขอใหปรบขนาดความกวางของหนาเทมเพลต
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 40 คอ แถบปรบขนาดความกวางของหนาเทมเพลต ในทนจะตงความกวาง
ทงหมด (Entire blog) เปน 980 px และแถบดานขางขวา (Right Sidebar) เปน 330 px
39
40
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
18
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ภาพท 3.6 แสดงหวขอใหปรบรปแบบ (Layout) ของหนาเทมเพลต
ทมา : นายธเนศ วฒกจ, 2556
การออกแบบรปแบบของเทมเพลต ในทนผใชจะเลอกใชการออกแบบเนอความ (Body
layout) เปนแบบ 2 แถว (Column) ตามหมายเลข 41 และเลอกใชการออกแบบ
สวนทาย (Footer layout) เปนแบบ 2 แถว (Column) ตามหมายเลข 42
เมอก าหนดคาค าสงทงหมดเสรจสน ใหท าการคลกทค าสง ใชกบบลอก (Apply to blog)
ตามหมายเลข 43
ภาพท 3.6 แสดงหนาเครองมอออกแบบเทมเพลต ของ Blogger
ทมา : นายธเนศ วฒกจ, 2556
41
42
43
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
19
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ภาพท 3.7 แสดงหนาเวบ Blogger หลงจากทท าการปรบแตงขนาดและกราฟฟคพน
ทมา : นายธเนศ วฒกจ, 2556
หลงจากทท าการปรบแตงเทมเพลต, พนหลง, ขนาด และรปแบบ ทงหมดเสรจเรยบรอย
และคลกยนยนค าสง ใชกบบลอก (Apply to blog) และท าการดบลอก (View blog)
แลว จะปรากฎหนาเวบบลอกตามภาพท 3.7 ซงถาหากจะท าการแกไขหรอปรบแตง
เพมเตมใหท าตามหวขอท 3 อกครงหนง
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
20
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
บทท 4 (Chapter 4)
วธกำรตงคำ Blogger ขนพนฐำน
วธการตงคา Blogger ขนพนฐาน ใหท าการคลกเลอกทการตงคา (Setting) จะปรากฎ
หนาเพจตามภาพ 4.1
ภาพท 4.1 แสดงหนาเพจการตงคา (Setting) ของ Blogger
ทมา : นายธเนศ วฒกจ, 2556
44
45 46
47
48
49
50
หมายเลข 44 คอ ชอหวขอของBlogger
(Title)
หมายเลข 45 คอ ค าอธบายรายละเอยดของ
Blogger (Description)
หมายเลข 46 คอ สทธสวนบคคลแสดงใน
Blogger เครองมอคนหาสามารถพบได
(Privacy)
หมายเลข 47 คอ ทอยของบลอก (Blog
address)
หมายเลข 48 คอ ผเขยนบลอก (Blog
Authors) โดยสามารถตงคาใหเปนผดแล
หรอ เฉพาะผเขยน (Admin, Author)
หมายเลข 49 คอ เพมผเขยน (Add authors)
หากตองการเพมผเขยน ใหกรอกอเมลของผท
ตองการเพมและกดเชญท Invite authors
หมายเลข 50 คอ ผอานบลอก (Blog
readers) โดยตงคาใหเปนสาธารณะหรอ
สวนตว
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
21
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
บทท 5 (Chapter 5)
วธกำรใสแกดเจต (Gadget) ใหกบ Blogger
วธกำรใสแกดเจต (Gadget) ใหกบ Blogger สำมำรถท ำไดโดยคลกเลอกทรปแบบ
(Layout) ในหนำตำงของแผงควบคม (Dashboard) ตำมภำพท 5.1
หมายเลข 51 คอ ใหท าการคลกเพมแกดเจต (Add gadget) เมอท าการเพมแกดเจตแลว
จะปรากฎหนาตางแกดเจตขนมาตามภาพท 5.2
ภาพท 5.1 ภาพแสดงรปแบบ (Layout) ของ Blogger
ทมา : นายธเนศ วฒกจ, 2556
51
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
22
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
ในทนผเขยนจะยกตวอยางของแกดเจตฟด (Feed) โดยใหท าการเลอกแกดเจตฟด เมอท า
การเลอกแลวจะปรากฎหนาตางตงคาฟด (Configure feed) ตามภาพท 5.4
ภาพท 5.2 ภาพแสดงหนาตางของแกดเจต (Gadget)
ทมา : นายธเนศ วฒกจ, 2556
ภาพท 5.3 ภาพแสดงหนาตางของแกดเจตฟด (Feed)
ทมา : นายธเนศ วฒกจ, 2556
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
23
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
หมายเลข 52 คอ ผเขยนตองการทจะฟด (Feed) เวบบลอกของ
humankm.blogspot.com ผเขยนจงไดน าทอยของเวบบลอก (URL) มาใสไวในชอง
(Feed URL) และคลกด าเนนการตอไป (Continue)
ภาพท 5.4 ภาพแสดงหนาตางการตงคาฟด (Configure feed)
ทมา : นายธเนศ วฒกจ, 2556
52
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
24
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
53
54
ภาพท 5.5 ภาพแสดงหนาตางการตงคาฟดหลงจากใสทอยของเวบบลอก
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 53 คอ ชอทจะแสดงในฟดของบลอกเกอร โดยผใชสามารถปรบเปลยนได
หมายเลข 54 คอ การแสดงผลครงละกรายการ, วนทของรายการ, ทมาหรอผเขยน
รายการ,เปดลงคในหนาตางแทบใหม
นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556
25
เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป
เมอท าการตงคาในหนาตางของฟดเสรจ ใหท าการบนทก (Save) ใหเรยบรอยในทกครง
55
ภาพท 5.6 ภาพแสดงแกดเจตของแผงปรบแตงรปแบบ
ทมา : นายธเนศ วฒกจ, 2556
หมายเลข 55 คอ แกดเจตทผเขยนไดเพมเขาสบลอกเกอร
ภาพท 5.7 ภาพแสดงแกดเจตของหนาเวบบลอก
ทมา : นายธเนศ วฒกจ, 2556
หากผใชงานตองการทจะเพมแกดเจต (Gadget) ในบลอกเกอรเพมอก ใหท าซ าตาม
หวขอบทท 5 อกครงหนง โดยแกดเจต (Gadget) แตละแบบอาจเหมอน หรอตางกน
ไมมากนก