imkopkap

#2 : สร้างเว็บไซต์ภาษา html : Class และ Style

ใช้เวลา 10 นาที 04/08/2014

การทำเว็บไซต์มีประโยชน์ต่อผู้คนที่อยากจะมีเว็บไซต์ไว้ใช้ในเรื่องของธุรกิจ เรื่องของการค้าและอื่นๆ เป็นต้น ผมจะพยายามทำตั้งแต่ Basic จนถึง Advance จนพัฒนาอะไรหลายๆ อย่างได้เลยนะครับ โดยเฉพาะ WordPress เป็นสำคัญ ตอนนี้ภาษา Html5 ก็เป็นภาษาเว็บไซต์ชนิดหนึ่งในการทำเว็บซึ่งก็จะมีประโยชน์ต่อผู้เริ่มศึกษาอีกที Css ก็จะเป็นคล้ายๆเครื่องสำอางคือ มันเป็นตัวทำให้ภาษา html ของเราที่เป็นโครงสร้างบลาๆ แลดูมีสีสันมากขึ้น

 

 

ในบทที่ 2 จะเป็นการพูดถึงเรื่อง Head และ Body แต่จะเป็นเน้นการพูดในเรื่องของ Heading มากกว่า เพราะการสร้างเว็บไซต์มีส่วนที่สำคัญอย่างมากนั่นก็คือส่วนของ Head ซึ่งในส่วนตรงนี้ก็จะทำงานหลายๆอย่างเช่น แทรก Css แทรก Script แทรก Meta การทำ Content ให้กับส่วนหัวซึ่งจะมีประโยชน์ในด้านของ Seo อีกทั้งยังรวมไปถึงการทำ Keyword อีกด้วย

 

ในคลิปนี้ผมขอให้ทุกท่าน พยายามทำความเข้าใจนิดนึงนะครับเพราะผมก็ค่อนข้างพึ่งเคยจะหัดทำคลิปเหมือนกันถ้าหากมีข้อผิดพลาดอะไรก็ขออภัยไว้ด้วยนะครับ ผมจะตั้งใจทำให้ดีที่สุดครับ ^_^

 

คุณค่าของบทนี้

  • รู้เรื่องราวของ Head
  • การแทรกไฟล์ Css และ JavaSctipt
  • การใส่สีตัวอักษรและพื้นหลัง
  • การกำหนด Class
  • การกำหนด Style

 

ในบทนี้ก็จะมีประมาณนี้ครับ โดยทุกท่านสามารถเข้าไปเรียนได้โดยตรงที่เว็บไซต์ w3schools ผมก็เอามาจากเว็บนี้เพื่อทบทวนให้อีกทีนะครับ หากไฟล์วิดีโอของผมมีปัญหาตรงไหนให้ inbox ผมมาได้ทางแฟนเพจเลยนะครับ

<!DOCTYPE html>
<html>
 <head>
 <title>Kopkap</title>
 <meta charset="utf-8">
 <link rel="stylesheet" type="text/css" href="style.css">
 <script type="text/javascript" href="main.js"></script>

 <style type="text/css">
 body {background-color: #999;}
 p {color:blue;}
 .yellow {color:yellow;}
 </style>

 </head>
 <body>
 <p>สวัสดีชาวโลก!</p>
 <p style="color:red;">สีแดง</p>
 <p class="yellow">สีเหลือง</p>
 </body>
</html>

บันทึกแนะนำ