Let's know the difference among Facebook, blogger and website. This shows you how we approach to publish website and gives you many basic ideas.

1. Website 01 FACE BOOK
TO WEB
Check the advantage of Face book , blog and website. Know the
difference, it is the way to publish your own website.

2. 1.Face book
 You have skill to manage face book.
 You can post the picture and story.
 You can post movie clip
How can you fine the old post, old picture?
New post stay in top.

3. 2.Blogger
 To post the blogger and face book is almost same.
 You can add the label for categorize.
 You can put many widget.
 You can add another page. (Limited)
You want to need more advance way?

4. 3.Blogger Structure

5. 4.Sample blog 1
 Title: Payakumbuh Our Land
 TANAH KITA PAYAKUMBHU
 Url: lovepayakumbuh.blogger.com
 Story and Category
About culture
About Tourism
About Event
About Daily life
About Food
About People

6. 5.Sample blog 2
 Title: My school STTP
 Sekolah Saya STTP
 Url: sttpayakumbuh.blogger.com
 Story and Category
About School
About Event
About Travel
About Daily life
About Education
About People(Staff, Teacher, Visitor)

7. 6.Website
 You can make fixed page and blog.
 Easy to make INDEX.
 Variety of Contents.
TRY TO PUBLISH WEB SITE

8. 7.WEB Site Structure

9. 8.Best way to know and publish website!
 Practice for Blogger.
 Create your blogger.
 Publish post every week for 6 months.
 You get skill for upload and write articles.
 Then proceed to website.
Check the instruction “ STTP 2017V04 Blogger”
Download site:
https://www.slideshare.net/SatoruHoshiba/sttp-
2017-v04-blogger

10. 9.Power Point VS Website
Slide 01
Introduction
Top 01
Introduction
Slide 05
Product 02
Slide 02
Subtitle
Slide 04
Product 01
Slide 03
Product INDEX
Page 02
Product Index
Page 01
Page 04
Product 02
Page 03
Product 01
Slide 06
Contact detail
Page 04
Contact page
Check the structure both

11. 10.Volume of Information
Small
Large
Picture
Movie
Panorama
Think the volume of Information.

12. 11.Volume of information
Caption Caption
Story
Details
Discretion
Small Large
Think the Volume of Information.
No Caption

13. 12.Advantage for manage site by self
 Now you can manage website by yourself
 What is the difference A and B?
A
B

14. 13.Advantage for manage site by self
 Now you can manage website by yourself
 What is the difference A and B?
A
B
CHECK POINT A B
Price LOW HIGH
Looks NORMAL GOOD
Quality MIDDLE HIGH
Contents RICH POOR
Design MIDIUM HIGH
Task MANY LESS
A reflect 100% your
opinion

15. 14.SAMPLE FOR TRASH PROJECT
How do you design the website of this project?

16. 15.Think the structure of Trash Project.
 Title: Trash Project
 Sub title: Keep our earth clean for future. Nature is crying because of human’s
selfishness. Live with Nature, Love the Nature.
 URL: trashproject.net
 URL: trashproject.weebly.com (FREE)
 Page Element:
Home, Contact, Link, Blog, Access, Gallery, Event etc.

17. 16.Think the structure of Trash Project.
Check the website below and make design for “trash project”
http://sinhgroup.com/
http://glacierworld.net/

18. 17.Check the quality of website
 Google search > “google page insight>
 https://developers.google.com/speed/pagespeed/insights/
 Follow the instruction.

19. 19.Check the Rank online
You can check the google
rank in keyword
https://serps.com/tool
s/rank-checker/

20. 20. Epilogue
1. Get different kind of skills and mix them.
2. Go firmly step by step.
PKB JAPAN
We see and feel
many things.
We see only sky and
cloud.
Mix with Veg, Meat, seasoning etc.