1 files changed, 55 insertions, 0 deletions
diff --git a/files/th/learn/getting_started_with_the_web/index.html b/files/th/learn/getting_started_with_the_web/index.html
new file mode 100644
index 0000000000..0eb9b565f5
--- /dev/null
+++ b/files/th/learn/getting_started_with_the_web/index.html
@@ -0,0 +1,55 @@
+---
+title: เริ่มต้นใช้งานเว็บ
+slug: Learn/เริ่มต้นใช้งานเว็บ
+translation_of: Learn/Getting_started_with_the_web
+---
+<div><font><font>{{LearnSidebar}}</font></font></div>
+
+<div class="summary">
+<p><em><font><font>การเริ่มต้นใช้งานเว็บ</font></font></em><font><font>เป็นซีรีส์สั้น ๆ ที่จะแนะนำคุณเกี่ยวกับการปฏิบัติจริงของการพัฒนาเว็บ </font><font>คุณจะต้องตั้งค่าเครื่องมือที่จำเป็นในการสร้างหน้าเว็บแบบธรรมดาและเผยแพร่โค้ดง่ายๆของคุณเอง</font></font></p>
+</div>
+
+<h2 id="เรื่องราวของเว็บไซต์แรกของคุณ"><font><font>เรื่องราวของเว็บไซต์แรกของคุณ</font></font></h2>
+
+<p><font><font>การสร้างเว็บไซต์แบบมืออาชีพเป็นงานที่ต้องทำมากมายดังนั้นหากคุณยังใหม่กับการพัฒนาเว็บเราขอแนะนำให้คุณเริ่มต้นจากเล็ก ๆ </font><font>คุณจะไม่สร้าง Facebook ใหม่ในทันที แต่มันไม่ยากที่จะทำให้เว็บไซต์ง่ายๆของคุณเองทางออนไลน์เราจะเริ่มที่นั่น</font></font></p>
+
+<p><font><font>ด้วยการทำงานตามบทความด้านล่างตามลำดับคุณจะไม่ต้องทำอะไรเลยเพื่อให้หน้าเว็บแรกของคุณออนไลน์ </font><font>มาเริ่มการเดินทางกันเลย!</font></font></p>
+
+<h3 id="การติดตั้งซอฟต์แวร์พื้นฐาน"><a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"><font><font>การติดตั้งซอฟต์แวร์พื้นฐาน</font></font></a></h3>
+
+<p><font><font>เมื่อพูดถึงเครื่องมือในการสร้างเว็บไซต์มีหลายอย่างให้เลือก </font><font>หากคุณเพิ่งเริ่มต้นคุณอาจสับสนกับอาร์เรย์ของเครื่องมือแก้ไขโค้ดเฟรมเวิร์กและเครื่องมือทดสอบที่มีอยู่ </font><font>ใน</font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"><font><font>การติดตั้งซอฟต์แวร์พื้นฐาน</font></font></a><font><font>เราจะแสดงวิธีการติดตั้งซอฟต์แวร์ที่คุณต้องการเพื่อเริ่มต้นการพัฒนาเว็บขั้นพื้นฐานแบบทีละขั้นตอน</font></font></p>
+
+<h3 id="เว็บไซต์ของคุณจะเป็นอย่างไร"><a href="/en-US/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like"><font><font>เว็บไซต์ของคุณจะเป็นอย่างไร?</font></font></a></h3>
+
+<p><font><font>ก่อนที่คุณจะเริ่มเขียนโค้ดสำหรับเว็บไซต์ของคุณคุณควรวางแผนก่อน </font><font>คุณกำลังจัดแสดงข้อมูลอะไร </font><font>คุณใช้ฟอนต์และสีอะไร </font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like"><font><font>เว็บไซต์ของคุณจะเป็นอย่างไร? </font></font></a><font><font>เราสรุปวิธีการง่ายๆที่คุณสามารถปฏิบัติตามเพื่อวางแผนเนื้อหาและการออกแบบไซต์ของคุณ</font></font></p>
+
+<h3 id="การจัดการกับไฟล์"><a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"><font><font>การจัดการกับไฟล์</font></font></a></h3>
+
+<p><font><font>เว็บไซต์ประกอบด้วยไฟล์จำนวนมาก: เนื้อหาข้อความโค้ดสไตล์ชีตเนื้อหาสื่อและอื่น ๆ </font><font>เมื่อคุณสร้างเว็บไซต์คุณต้องรวบรวมไฟล์เหล่านี้ให้เป็นโครงสร้างที่เหมาะสมและตรวจสอบให้แน่ใจว่าพวกเขาสามารถพูดคุยกันได้ </font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"><font><font>การจัดการกับไฟล์</font></font></a><font><font>จะอธิบายถึงวิธีตั้งค่าโครงสร้างไฟล์ที่เหมาะสมสำหรับเว็บไซต์ของคุณและปัญหาที่คุณควรทราบ</font></font></p>
+
+<h3 id="พื้นฐาน_HTML"><a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics"><font><font>พื้นฐาน HTML</font></font></a></h3>
+
+<p><font><font>Hypertext Markup Language (HTML) คือรหัสที่คุณใช้เพื่อจัดโครงสร้างเนื้อหาเว็บของคุณและให้ความหมายและวัตถุประสงค์ </font><font>ตัวอย่างเช่นเนื้อหาของฉันเป็นชุดของย่อหน้าหรือรายการสัญลักษณ์แสดงหัวข้อย่อยหรือไม่ </font><font>ฉันมีภาพแทรกบนหน้าของฉันหรือไม่? </font><font>ฉันมีตารางข้อมูลหรือไม่? </font><font>โดยไม่ทำให้คุณ</font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics"><font><font>พื้นฐาน HTML</font></font></a><font><font>ให้ข้อมูลมากพอที่จะทำให้คุณคุ้นเคยกับ HTML</font></font></p>
+
+<h3 id="พื้นฐาน_CSS"><a href="/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics"><font><font>พื้นฐาน CSS</font></font></a></h3>
+
+<p><font><font>Cascading Stylesheets (CSS) คือโค้ดที่คุณใช้จัดรูปแบบเว็บไซต์ของคุณ </font><font>ตัวอย่างเช่นคุณต้องการให้ข้อความเป็นสีดำหรือสีแดง? </font><font>ควรวาดเนื้อหาบนหน้าจอที่ใด </font><font>ภาพพื้นหลังและสีใดที่ควรใช้ในการตกแต่งเว็บไซต์ของคุณ </font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics"><font><font>ข้อมูลเบื้องต้นเกี่ยวกับ CSS</font></font></a><font><font>จะนำคุณไปสู่สิ่งที่คุณต้องใช้ในการเริ่มต้น</font></font></p>
+
+<h3 id="พื้นฐาน_JavaScript"><a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics"><font><font>พื้นฐาน JavaScript</font></font></a></h3>
+
+<p><font><font>JavaScript เป็นภาษาการเขียนโปรแกรมที่คุณใช้เพื่อเพิ่มคุณลักษณะแบบโต้ตอบให้กับเว็บไซต์ของคุณ </font><font>ตัวอย่างบางส่วนอาจเป็นเกมสิ่งที่เกิดขึ้นเมื่อกดปุ่มหรือป้อนข้อมูลในแบบฟอร์มเอฟเฟกต์สไตล์ไดนามิกภาพเคลื่อนไหวและอื่น ๆ อีกมากมาย </font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics"><font><font>ข้อมูลเบื้องต้นเกี่ยวกับ JavaScript</font></font></a><font><font>ช่วยให้คุณทราบถึงสิ่งที่เป็นไปได้ในภาษาที่น่าตื่นเต้นนี้และจะเริ่มต้นอย่างไร</font></font></p>
+
+<h3 id="เผยแพร่เว็บไซต์ของคุณ"><a href="/en-US/docs/Learn/Getting_started_with_the_web/Publishing_your_website"><font><font>เผยแพร่เว็บไซต์ของคุณ</font></font></a></h3>
+
+<p><font><font>เมื่อคุณเขียนโค้ดและจัดระเบียบไฟล์ที่ประกอบเป็นเว็บไซต์ของคุณเสร็จแล้วคุณจะต้องวางโค้ดทั้งหมดทางออนไลน์เพื่อให้คนอื่นค้นพบได้ </font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/Publishing_your_website"><font><font>การเผยแพร่โค้ดตัวอย่างของคุณจะ</font></font></a><font><font>อธิบายถึงวิธีการรับโค้ดตัวอย่างแบบง่ายทางออนไลน์โดยใช้ความพยายามขั้นต่ำ</font></font></p>
+
+<h3 id="เว็บทำงานอย่างไร"><a href="/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works"><font><font>เว็บทำงานอย่างไร</font></font></a></h3>
+
+<p><font><font>เมื่อคุณเข้าถึงเว็บไซต์โปรดของคุณสิ่งที่ซับซ้อนมากมายเกิดขึ้นในเบื้องหลังที่คุณอาจไม่รู้ </font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works"><font><font>วิธีการทำงานของเว็บ</font></font></a><font><font>สรุปสิ่งที่เกิดขึ้นเมื่อคุณดูเว็บเพจบนคอมพิวเตอร์ของคุณ</font></font></p>
+
+<h2 id="ดูสิ่งนี้ด้วย"><font><font>ดูสิ่งนี้ด้วย</font></font></h2>
+
+<ul>
+ <li><a href="https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g"><font><font>Web Demystified</font></font></a><font><font> : ชุดวิดีโอที่ยอดเยี่ยมที่อธิบายพื้นฐานของเว็บโดยมุ่งเป้าไปที่ผู้เริ่มต้นพัฒนาเว็บโดยสมบูรณ์ </font><font>สร้างโดย</font></font><a href="https://twitter.com/JeremiePat"><font><font>Jeremie </font></font></a><font><font>Patonnier</font></font></li>
+ <li><a href="/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards"><font><font>มาตรฐานเว็บและเว็บ</font></font></a><font><font> : บทความนี้ให้ข้อมูลพื้นฐานที่เป็นประโยชน์บนเว็บ - ความเป็นมาของเทคโนโลยีมาตรฐานเว็บคืออะไรทำงานร่วมกันได้อย่างไรทำไม "นักพัฒนาเว็บ" จึงเป็นอาชีพที่ดีให้เลือกและประเภทของแนวทางปฏิบัติที่ดีที่สุด คุณจะได้เรียนรู้ตลอดหลักสูตร</font></font></li>
+</ul>