Nội dung bài viết
สอน HTML CSS เบื้องต้น #01
นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูเพิ่มเติม
คอร์ส Workshop HTML, CSS (Bulma), JS มีวีดีโอสอน พร้อมโจทย์และโค้ดเฉลยเพียบ สั่งซื้อได้เลยครับช่วงราคาโปรโมชั่น
https://zinglecode.com/courses/htmlcssjavascriptworkshop
ติดตามและพูดคุยได้ที่
Facebook : https://www.facebook.com/zinglecode
Line : https://lin.ee/yG1XX6D
สอน HTML CSS เบื้องต้น เริ่มต้นจากพื้นฐานภาษา HTML CSS แล้วไปสิ้นสุดที่การสร้างเว็บระดับง่ายๆ
แนะนำโปรแกรม VSCode
https://youtu.be/OLXFKyKl_5k
วาร์ปหัวข้อ
0:00 Greeting (ทักทาย)
0:21 What is HTML CSS ? (มันคืออะไรกัน)
1:30 HTML Start (เริ่มสร้างเว็บเพจ)
6:07 HTML Text (ข้อความ)
9:35 HTML Image (รูปภาพ)
13:14 HTML Link (ลิ้งก์)
16:26 HTML Block (กรอบ)
18:49 HTML Header Footer (เฮดเด้อ ฟุตเต้อ)
22:30 CSS Start (เริ่มตกแต่งเว็บเพจ)
24:49 CSS Selectors (ตกแต่งอะไร คุณเลือกได้)
30:46 CSS Display (ตกแต่งการแสดงผล)
34:20 HTML CSS Fusion (ลองสร้างเว็บเพจง่ายๆ)
ปูพื้นฐานการสร้างเว็บด้วย HTML5 จบในคลิปเดียว
สนับสนุนช่องด้วยการสมัครสมาชิก (Membership):
https://www.youtube.com/channel/UCQ1r_4xPfETLIU4pqf98w/join
โค้ดประกอบการสอน :
https://github.com/kongruksiamza/htmlbasic
ดาวน์โหลด Visual Studio Code :
https://code.visualstudio.com/
ประกอบด้วยเนื้อหา :
0:00 HTML5 คืออะไร
12:24 ติดตั้ง Visual Studio Code
21:48 โครงสร้าง HTML
35:56 Meta Tags
42:59 การเขียน Comment
47:43 การกำหนดหัวเรื่อง (Heading)
01:07:22 สร้างเส้นคั่นและขึ้นบรรทัดใหม่
01:12:11 การกำหนด Link ในหน้าเว็บ
01:23:19 แท็กรูปภาพ (HTML Images)
01:35:38 การแสดงรายการ (Lists)
01:51:29 การสร้างตาราง (Table)
02:09:02 Attribute ของตาราง
02:29:06 แท็ก div และ แท็ก span
02:39:01 การสร้างฟอร์ม (HTML Form)
03:17:03 Block vs Inline
03:25:33 Class \u0026 Id
03:37:20 Semantic Tags
03:51:02 HTML Entity
04:08:35 การเล่นวิดีโอ (Video)
04:17:56 การเล่นเสียง (Audio)
ปูพื้นฐาน JavaScript (ES6):
https://www.youtube.com/watch?v=4bKaLDwCVP4\u0026list=PLltVQYLz1BMBOTnaiwtpENjN01GRM0xau
ปูพื้นฐาน HTML5 :
https://www.youtube.com/watch?v=0hfeNPM7piw\u0026list=PLltVQYLz1BMDfN2ZmyJKEv4VlpM_9m67
ปูพื้นฐาน CSS3 :
https://www.youtube.com/watch?v=HcInSUzhaUc\u0026list=PLltVQYLz1BMBeWsNwB06VT3t8m5575qCP
สอน JavaScript 20 Workshop [2020]:
https://www.youtube.com/watch?v=9FO4bACWmiI\u0026list=PLltVQYLz1BMBezCn1FldaKLXq8S92q2w6
สร้างเว็บด้วย HTML5 KongRuksiam
ติดตามข่าวสารของเราได้ที่แฟนเพจ :
https://www.facebook.com/pg/KongRuksiamTutorial/
ทบทวน html ep.2 สร้างประวัติส่วนตัว
สร้างประวัติส่วนตัว แทรกภาพ สร้างตาราง ทำลิงค์
HTML, CSS, PHP, MySQL, Database เขียนเว็บติดต่อฐานข้อมูล เริ่มจาก 0 (ศูนย์) | อ.เอิญ สุริยะฉาย
HTML, CSS, PHP, MySQL, Database เขียนเว็บติดต่อฐานข้อมูล เริ่มจาก 0 (ศูนย์)
Download เอกสารประกอบ
http://bit.ly/Web2DB_pdf
Download ไฟล์ประกอบ
http://bit.ly/Web2DB_Lab
Clip YouTube อธิบาย
https://youtu.be/bKIZH1eOAHM
สามารถดูแยกแต่ละส่วนได้
TimeLine
0:07:39 HTML
0:59:29 CSS
1:47:31 HTML Form
2:18:22 Bootstrap
2:34:29 PHP 1
3:37:05 PHP 2
4:23:39 SQL
5:30:26 PHP+MySQL
คลิปนี้เป็นการสอนในลักษณะพื้นฐานเบื้องต้นนะครับ
สำหรับ นศ. ที่พึ่งเริ่มศึกษา โดยพยามเลือกภาษาคอมให้ง่ายที่สุดก่อน
จะได้มีทักษะ และ การคิด แบบ โปรแกรมเมอร์ได้
เพื่อจะได้ต่อยอดไปยังภาษาอื่น และเทคโนโลยี ที่ใหม่ขึ้นได้ง่ายครับ
อ.เอิญ สุริยะฉาย (ENS)
ภาควิชาวิทยาการคอมพิวเตอร์และสารสนเทศ
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ
.
ไม่สงวนลิขสิทธิ์สำหรับเพื่อการศึกษา และไม่แสวงหากำไร
สามารถนำคลิปและเนื้อหาไปใช้ต่อได้เลย ยินดีครับ
ตอนที่ 19 การสร้างการเชื่อมโยงภายในเว็บไซต์ (Link) ในการเขียนเว็บเพจด้วยภาษา HTML
ตอนที่ 19 การสร้างการเชื่อมโยงภายในเว็บไซต์ (Link) ในการเขียนเว็บเพจด้วยภาษา HTML
นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูวิธีอื่นๆWiki
