วิธีการทำเว็ปอย่างง่าย

อ่าน 219635 | ตอบ 17

ขั้นตอนการออกแบบเว็ปไซด์จาก www.myreadyweb.com ซึ่งเป็นเว็ปที่สามารถออกแบบเว็ปไซด์ได้ง่ายเพราะเป็นเว็ปสำเร็จรูป เหมาะสำหรับผู้ที่กำลังเริ่มต้นฝึกสร้างเว็ปเพจของตนเอง อาจยาวไปหน่อย แต่เพราะรักจึงต้องยาว แล้วก็ห้ามข้ามด้วยนะครับถ้าข้ามเดี๋ยวไม่รู้เรื่องแน่นอน

ขั้นตอนที่ 1 วิธีการสมัครเว็ปไซด์

1. เข้า www.myreadyweb.com แล้วกด 'เปิดเว็ปไซด์ฟรี!!' จะปรากฏหน้าใหม่ขึ้นมา หากกดอันอื่นคุณจะต้องเสียเงินนะครับ
2. หลังจากปรากฏหน้าใหม่ให้กด 'สมัคร' ต้องกดที่สีเขียวเท่านั้น หากกดอันอื่นคุณจะต้องเสียเงินนะครับ ยกเว้นว่าคุณจะรวยจะกดก็ไม่ว่ากัน

3. กรอก ข้อมูลต่างๆ (ตามความเป็นจริง)
4. เช็คถูกที่ 'ยอมรับข้อตกลง' แล้วกด Submit

5. กด 'ล็อกอินเข้าระบบ'

สิ้นสุดวิธีการสมัครเว็ปไซด์

ขั้นตอนที่ 2 วิธีการใส่รูป

การใส่รูปนั้นเราต้องมี URL ก่อน หากใครไม่รู้ว่าหาจากไหน ดูวิธีต่อไปนี้นะครับ

1. ให้เข้าเว็ป www.imgur.com
2. กดที่ Computer แล้วเลือกรูปที่ต้องการ
3. กด Start Upload แล้วหน้าต่าง Upload ก็จะเด้งขึ้นมา

4. พอหน้าต่าง Upload เด้งขึ้นมาเสร็จรอซักเดี๋ยวแล้วเราก็จะไปยังหน้าใหม่

5. พอมาถึงหน้าใหม่ ให้คลิกส่วนไหนก็ได้ของภาพ แล้วเราก็จะไปยังหน้าใหม่

6. พอมาถึงหน้าใหม่ให้ดูตรงช่อง Address (ที่ผมวงกลมสีแดงไว้) นั้นก็คือ URL
7. พอเราได้ URL แล้วก็ไปที่ช่ิองเขียนข้อความ ไม่ว่าจะเป็น ช่องข้อมูลหลัง ช่องไฮไลท์บาร์ ช่องเครดิต ฯลฯ

8. กดที่ ไอคอน รูปภาพ (ที่ผมวงกลมไว้) แล้วจะมีหน้าต่างใหม่ขึ้นมา

9. พอมีหน้าต่างใหม่ขึ้นมา ให้กรอก URL ที่ช่องแรก แล้วปรับขนาดของรูป แล้วกด ตกลง

สิ้นสุดวิธีการใส่รูป

ขั้นตอนที่ 3 วิธีการตกแต่งหน้าเว็ปไซด์

ขั้นตอนนี้แนะนำให้ทำไปด้วยดูหน้าเว็ปตัวเองไปด้วยนะครับ

1. เลือก 'บริหารข้อมูลหลักเว็ปไซด์' แล้วจะมีเมนูย่อยออกมา ให้กดที่ 'ข้อมูลหลักเว็ปไซด์' (เป็นการเพิ่มข้อความเพื่อเชิญชวน เมื่อนำลิ้งค์ไปโพส เช่น ใน facebook หากนำเว็ปของเราไปโพสจะมี โฆษณาที่เราเขียนไว้ขึ้มา) จะปรากฏหน้าใหม่ขึ้นมา
2. กรอก ข้อมูลต่างๆ ให้น่าสนใจ
3.กด Submit แล้วลองเอาลิ้งค์ไปโพสใน facebook ดูนะครับ

1. เลือก 'จัดรูปแบบการแสดงผล' แล้วจะมีเมนูย่อยออกมา ให้กดที่ 'เลือก Template' (เป็นการเปลี่ยนรูปแบบหน้าเว็ปของเราให้ดูดีขึ้น) จะปรากฏหน้าใหม่ขึ้นมา
2. หลังจากปรากฏหน้าใหม่ขึ้นมาจะมีรูปแบบ Template หลากหลายแบบ สามารถเลือกได้ตามใจชอบนะครับ พอเลือกแล้ว ลองไปดูที่หน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

1. ถัดลงมาจาก Template ให้กดที่ 'แบนเนอร์เทศกาล' (เป็นการโฆษณาสิ่งต่างๆ ไว้ที่หัวเว็ปไซด์) จะปรากฏหน้าใหม่ขึ้นมา
2. กด 'แสดง'
3. เลือกแบนเนอร์ได้ลากหลายที่ ไม่ว่าจะเป็น จากระบบ จากคอมพิวเตอร์ตัวเอง แต่ถ้าอยากให้ไว ก็เอาจากระบบนะครับ พอเลือกได้แล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

1. ถัดลงมาจาก แบนเนอร์เทศกาล ให้กดที่ 'ส่วนหัว โลโก้ ของเว็ปไซด์' (เป็นการใส่ โลโก้ของเว็ปเรา ซึ่งโลโก้ แนะนำให้ทำใน paint หรือ photoshop) จะปรากฏหน้าใหม่ขึ้นมา
2. หลังจากปรากฏหน้าใหม่ขึ้นมา กด 'แสดง' จากนั้นจะมี 2 หัวข้อขึ้นมาคือ
1. เลือกสถานะ ส่วนหัว
2. เลือกสถานะของ โลโก้
เลือกสถานะ ส่วนหัว
ก็คือ รูปที่ Template มีให้ไว้แล้ว หรือใครมีรูปที่สวยกว่าที่ Template ให้มาก็เอาไปใส่แทนได้นะครับ โดยกดที่ 'ใช้รูปภาพ' แล้วกด Browse... หรือใครมีรูป Flash (รูปเคลื่อนไหว) ก็เอาไปใส่แทนได้นะครับ โดยกดที่ 'ใช้ flash' แล้วกด Browse...

เลือกสถานะของ โลโก้
ขั้นตอนต่อไปจะทำหรือไม่ทำก็ได้นะครับ ไม่ว่ากันเพราะโลโก้ไม่ได้ทำกันง่ายๆ นอกจากว่าไปก็อปเว็ปอื่นมานะครับ
กดที่ 'แสดง โลโก้' แล้วกด Browse... หาโลโก้ที่เราทำเองหรือก็อปจากเว็ปอื่นมา หรือบางคนบอกว่า ผมอยากมีโลโก้ แต่ผมไม่อยากทำโลโก้และไม่อยากก็อปของใครมาด้วย ก็กด 'ข้อความแทนโลโก้' ได้นะครับ มันจะใส่ข้อความของเราให้กลายเป็นโลโก้พื้นฐาน

3.พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

1. ถัดลงมาจาก ส่วนหัว โลโก้ ของเว็ปไซด์ ให้กดที่ 'พื้นหลังของเว็ปไซด์' (เป็นการทำให้พื้นที่ส่วน ดำๆ ของ Template ที่เราเลือกกลายเป็นรูปของเรา)
2. ผมแนะนำใช้รูปจะดีกว่านะครับเพราะมันจะสวยกว่าสี ให้กดที่ 'ใช้รูปเป็นพื้นหลัง' แล้วกด Browse... จากนั้นให้กด 'ทำภาพซ้ำ-จัดกึ่งกลาง' แล้วกด ล็อก
3. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

1. ถัดลงมาจาก พื้นหลังของเว็ปไซด์ ให้กดที่ 'พื้นหลังบน/ล่าง' (เป็นการทำให้พื้นหลัง แบนเนอร์หรือ เครดิตเว็ปไซด์ เป็นรูปที่เลือก) จะมี 3 ตัวเลือกคือ 1. จากอัพโหลด-แสดงด้านบน 2. จากอัพโหลด-แสดงด้านล่าง
3. จาก Template
จากอัพโหลด-แสดงด้านบน และ จากอัพโหลด-แสดงด้านล่าง พอคลิกจะให้หารูป ก็กด Browse... พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ) ถ้าไม่มีก็ไม่เป็นไรครับเพราะรูปพื้นหลังย่อมเจอ 'ยาก'

1. ถัดลงมาจาก พื้นหลังบน/ล่าง จะเป็น 'พื้นหลังเนื้อหา' อันนี้ไม่แนะนำให้ใช้เพราะหากใช้จะอ่านเนื้อหาไม่ค่อยออก แต่ใครอยากใช้ก็ได้ แต่ควรใช้แบบสี
2. กดที่ ใช้สีเป็นพื้นหลัง แล้วจะมีตัว #ffffff ให้กดที่ #ffffff แล้วจะมีหน้าต่างใหม่ขึ้นมา ให้เลือกสี
3. พอเลือกได้แล้วให้กดวงกลมสีรุ้ง ตรงมุมขวา แล้วก็กด Submit แล้วลองไปดูที่หน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

*ถัดลงมาจากพื้นหลังเนื้อหา จะเป็น 'เครดิตเว็ปไซด์' ซึ่งไม่จำเป็นต้้องเปลี่ยนนะครับ เพราะมันเป็นของ www.myreadyweb.com หากเปลี่ยน เหมือนเราไม่ให้การขอบคุณเค้า ทั้งๆที่เค้าให้เราทำเว็ปเพจได้ง่ายขึ้นมาก

1. เลือก 'ระบบไฮไลท์บาร์' แล้วจะมีเมนูย่อยออกมา คือ

แก้ไข ไฮไลท์บาร์ ด้านบน
แก้ไข ไฮไลท์บาร์ ด้านล่าง

(เป็นการแสดงข้อความต่างๆที่เราอยากให้ผู้ที่เข้ามาอ่าน โดยข้อความจะวิ่งตลอดเวลาจึงทำให้ผู้ที่เข้ามาเห็นได้ง่าย) ผมแนะนำให้ใช้แค่ แก้ไข ไฮไลท์บาร์ ด้านบนก็พอนะครับ เพราะ 78% ของผู้ที่เข้าชมเว็ปไซด์ไม่เคยที่จะดูข้างล่างเว็ปไซด์เลย
2. กดรูปสามเหลี่ยมที่ สถานะไฮไลท์บาร์ แล้วเลือก 'ใช้งาน'
3.กรอกข้อมูลที่อยากให้คนที่เข้ามารู้ ผมแนะนำควรเป็นข้อความสั้นๆได้ใจความ
4. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

สิ้นสุดวิธีการตกแต่งหน้าเว็ปไซด์

ขั้นตอนที่ 3 วิธีการ เพิ่ม/แก้ไข/ลบ หมวดหมู่บทความ และ การ เขียน/แก้ไข/ลบ บทความ

1. เลือก 'ระบบ บทความ' แล้วจะมีเมนูย่อยออกมา คือ

บริหารหมวดหมู่ บทความ
- เพิ่มหมวดหมู่ บทความ
- แก้ไข/ลบ หมวดหมู่ บทความ
- รูปแบบหมวดหมู่บทความ
บริหาร บทความ
- สร้างบทความใหม่
- แก้ไขบทความ
- แก้ไข/ลบ ความคิดเห็น
- รูปแบบบทความ
- เส้นขอบบทความ

การเพิ่มหมวดหมู่บทความ

1. ให้เลือก 'บริหารหมวดหมู่ บทความ' แล้วกด 'เพิ่มหมวดหมู่ บทความ' จะมีหน้าใหม่ขึ้นมา
2. พอถึงหน้าใหม่ ก็พิมพ์ชื่อหมวดหมู่ บทความ ที่ 'ชื่อหมวดหมู่ ไทย' เช่น ประวัติ,เกมส์,โปรแกรม,สัตว์เลี้ยง,รถยนต์ ฯลฯ (มีไอคอนจะดีมาก เพราะจะทำให้เด่น) ซึ่งจะเป็นหมวดหมู่ใหญ่ๆ และจะไปแตกย่อยในการเขียนบความ และแน่นอน การเพิ่มหมวดหมู่บทความนั้นไม่ต้องเขียนรายละเอียด ก็เหมือนกับหมวดหมู่หนังสือในห้องสมุด เช่น หมวด เบ็ดเตล็ด ที่เค้าเข้าในหมวด เบ็ดเตล็ด ไม่ได้อยากมารู้ว่า เบ็ดเตล็ด คืออะไร แต่อยากรู้ว่ามีหนังสือเรื่องที่ต้องการไหม ดังนั้น หมวดหมู่บทความก็เช่นกัน ไม่จำเป็นต้องเขียนรายละเอียด
3. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปด้านซ้ายมือของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

การ แก้ไข/ลบ หมวดหมู่บทความ

1. ให้เลือก 'บริหารหมวดหมู่ บทความ' แล้วกด 'แก้ไข/ลบ หมวดหมู่ บทความ' จะมีหน้าใหม่ขึ้นมา
2. ต้องการแก้ไขหมวดหมู่บทความ ให้กด 'แก้ไข' หรือ ต้องการลบหมวดหมู่บทความ ให้กด 'ลบ'
3. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปด้านซ้ายมือของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

การสร้างบทความ

1. ให้เลือก 'บริหาร บทความ' แล้วกด 'สร้างบทความใหม่' จะมีหน้าใหม่ขึ้นมา
2. เลือกหมวดหมู่บทความ ที่ต้องการให้ บทความที่เราเขียนนี้ เป็นหัวข้อย่อยของหมวดหมู่นั้น
3. เขียนรายละเอียด ใส่รูป ให้สวยงาม
4. พอเสร็จแล้วก็กด Submit แล้วลองไปดูที่หน้าเว็ปด้านซ้ายมือของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

การ แก้ไข/ลบ บทความ

1. ให้เลือก 'บริหาร บทความ' แล้วกด 'แก้ไขบทความ' จะมีหน้าใหม่ขึ้นมา
2. ต้องการแก้ไขบทความ กด 'แก้ไข' หรือ ต้องการลบบทความ กด 'ลบ'
3. พอเสร็จแล้วก็กด Submit แล้วลองไปดูที่หน้าเว็ปด้านซ้ายมือของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

วิธีการใส่เส้นขอบของบทความ

1. ให้เลือก 'บริหาร บทความ' แล้วกด 'เส้นขอบบทความ' จะมีหน้าใหม่ขึ้นมา
2. เลือกเส้นขอบของบทความตามใจชอบ
3. พอเสร็จแล้วก็กด Submit แล้วลองไปดูที่หมวดหมู่ บทความของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)

สิ้นสุดวิธีการใส่เส้นขอบของบทความ

ขอบคุณทุกท่านที่ติดตามมากครับ กระผมหวังว่าบทความนี้จะเป็นประโยชน์แก่ท่านไม่มากก็น้อย

ความคิดเห็น :

1

อ้างอิง
krubie	เก่งมากจ๊ะ ขอบใจมากที่ถ่ายทอดความรู้เป็นวิทยาทานแก่ผู้ที่สนใจ krubie
	ลิงค์ที่เกี่ยวข้อง : http://krubie.myreadyweb.com krubie [119.42.103.xxx] เมื่อ 29/12/2011 23:16

2

อ้างอิง
Kanhathip	ขอบ jai
	ลิงค์ที่เกี่ยวข้อง : http://kanhathip.myreadyweb.com/webboard/category-46358.html Kanhathip [14.207.200.xxx] เมื่อ 19/06/2012 20:28

3

อ้างอิง
Luca	https://talks.ee.ic.ac.uk/talk/index/3293 https://www.myconcertarchive.com/en/user_home?id=95996 https://dribbble.com/shots/19762557-Live-Chat-Jobs https://sac.edu/art/Lists/SampleSurvey/DispForm.aspx?ID=106815 https://www.giantbomb.com/profile/graham23s/ https://startupmatcher.com/p/conniejones https://connieb1966.skyrock.com/3352551706-The-best-way-to-get-live-chat-jobs.html https://demo.socialscript.com/blogs/view/21992/How-can-you-make-money-online-safely https://sites.google.com/view/live-chat-jobs-review-2022/home https://blogfreely.net/connieb1966/going-to-work-etc-a-typical-treadmill-exercise-routine-would-encompass-a https://www.artistecard.com/ConnieB1966 https://www.scoop.it/topic/live-chat-jobs https://www.cakeresume.com/portfolios/project-1-545991 https://www.vingle.net/posts/4933102 Related Searches https://upakcanna.com/product/black-and-clear-vacuum-bags/comment-page-1/
	ลิงค์ที่เกี่ยวข้อง : https://www.myconcertarchive.com/en/user_home?id=95996 Luca [149.5.4.xxx] เมื่อ 6/11/2022 07:13

4

อ้างอิง
Adriene	https://dragonesrugbyclub.com/blog/somos-campeones/ http://www.noahtech.co.kr/bbs/board.php?bo_table=qna&wr_id=3074 https://ww4catastrophe.org/forum/index.php?action=profile;u=27095 http://sailing-bluewater.com/forum/index.php?action=profile;u=443983 http://dentalesthetic.biz/component/k2/item/29 https://www.place160.kr/cbsos_3_2/173200 http://e-miraeoa.co.kr/bbs/board.php?bo_table=free&wr_id=34029 https://www.beluran.biz/osclass/index.php?page=user&action=pub_profile&id=252315 https://www.investingtweets.com/forums/profile/maricruzwedge33/ https://africacancerhub.com/forum/profile/larryebden8570/ http://nlifelab.org/bbs/board.php?bo_table=free&wr_id=7136 https://xn---6-jlc6c.xn--p1ai/user/IlaPascal98809/ http://bestone-korea.com/bbs/board.php?bo_table=free&wr_id=7554 https://leavec.co.kr:443/bbs/board.php?bo_table=free&wr_id=12860 http://www.ywad.kr/bbs/board.php?bo_table=free&wr_id=14936
	ลิงค์ที่เกี่ยวข้อง : http://www.sjzok.net/home.php?mod=space&uid=333552&do=profile Adriene [170.83.177.xxx] เมื่อ 29/11/2022 04:31

5

อ้างอิง
Marcella	По результатам проведенного анализа стало понятно, что страницы услуг так же, как и статьи, несут информационный характер, и это серьезная недоработка, которая снижает конверсию с сайта и ИКС.
	ลิงค์ที่เกี่ยวข้อง : http://isgz.me/go/index.php?https://auslander.ru Marcella [194.104.10.xxx] เมื่อ 6/12/2022 09:30

6

อ้างอิง
Lucie	Наполнение сайта хорошим, полезным и релевантным контентом — едва ли не самая важная часть всей поисковой оптимизации.
	ลิงค์ที่เกี่ยวข้อง : https://www.longisland.com/profile/chefsweets22 Lucie [193.202.83.xxx] เมื่อ 27/12/2022 16:06

7

อ้างอิง
Savannah	Стильный дизайн флакона в элегантной черно-золотой гамме полностью соответствует своему драгоценному содержимому и притягивает взгляд оформлением, выдержанном в безупречном стиле Дома Ferragamo.
	ลิงค์ที่เกี่ยวข้อง : https://almeida-staal.federatedjournals.com/frantsuzskie-dukhi-istoriia-proizvodstvo-pokupka-poezdka-vo-frantsiiu-1672410732 Savannah [212.60.21.xxx] เมื่อ 7/01/2023 02:45

8

อ้างอิง
Tammi	This information is worth everyone's attention. When can I find out more?
	ลิงค์ที่เกี่ยวข้อง : https://www.primefrenchbulldogs.com/product/french-bulldog-for-sale/ Tammi [199.21.115.xxx] เมื่อ 3/02/2023 08:41

9

อ้างอิง
Roberto	What's up to every one, it's in fact a fastidious for me to go to see this web page, it contains useful Information.
	ลิงค์ที่เกี่ยวข้อง : http://kriminal-ohlyad.com.ua/user/ElmaTrotter60/ Roberto [104.227.55.xxx] เมื่อ 9/02/2023 15:51

10

อ้างอิง
Renate	About Network Digital Office Systems Inc. Founded in 1997, Network Digital Office Systems Inc. set out to change the way businesses lease, rent, and purchase their office equipment. With a 25-year track record of exceptional service, Network Digital's management has over 40+ years in the industry. Whether you have a home office, small business, or large corporation, we have the skills and service you can depend on.
	ลิงค์ที่เกี่ยวข้อง : https://www.networkdig.com/ Renate [38.170.24.xxx] เมื่อ 9/02/2023 19:07

1 2

หน้าแรก

ข่าวสาร

บทความ

เว็บบอร์ด

รวมรูปภาพ

สมาชิก

ติดต่อเรา

หน้าแรก

ข่าวสาร

บทความ

เว็บบอร์ด

รวมรูปภาพ

สมาชิก

ติดต่อเรา

วิธีการทำเว็ปอย่างง่าย