ข้ามไปที่เนื้อหาหลัก

บทความ

กำลังแสดงโพสต์จาก กรกฎาคม, 2015

THE BASIC OF HTML

tag     ป้ายบอกส่วนต่างๆในเอกสาร HTML ว่าส่วนไหนชื่ออะไร มีหน้าที่อะไร ชื่อของ tag จะอยู่ภายใน เครื่องหมายน้อยกว่าและมากกว่า โดยปกติ tag จะมีอยู่ 2 ชนิด คือ tag เปิด <....>  และ tag ปิด </....> TAG พื้นฐานที่จะต้องรู้จัก <!DOCTYPE html>  ประกาศชนิดของเอกสาร <html>      ภาษา html จะทำงานอยู่ภายใน tag html </html> <head>  ....  </head> พื้นที่ในการกำหนดค่าต่าง เช่น ค่าของตัวอักษร รูปแบบเอกสาร(CSS) การประกาศโปรแกรม(Java และอื่นๆ) การ link แฟ้มจากภายนอกเข้ามาทำงานภายใน เป็นต้น และพวก tag <meta> ก็จะทำงานอยู่ที่นี่ด้วย <body> ....  </body> พื้นที่ของคำสั่ง html ที่จะแสดงผล รูปแบบการจัดเรียง <!DOCTYPE html> <html>      <head>           .......      </head>      <body>           ........      </body> </html>

HTML and CSS EDITER ใช้อะไรดีเขียน HTML

สำหรับผมแล้วไม่เจาะจงโปรแกรมที่ใช้เขียนครับ โปรแกรมตัวไหนในเวลานั้นๆมันมีให้ใช้งานอยู่ผมก็ใช้ตัวนั้นครับ แต่ถ้าจะให้แนะนำละก็ผมก็จะแนะนำโปรแกรมฟรีครับ สำหรับคนที่ใช้ Windows และ Linux 1. Notepad++  ใช้งานง่ายและเขียนได้หลายภาษาใช้งานง่ายๆครับเมื่อก่อนตอนใช้ Windows อยู่ผมก็ใช้ตัวนี้ละ ใช้ติดต่อกับHost ที่เก็บWebเราได้ด้วยครับ แก้ไขแล้วSaveไปที่ Host ได้เลยครับ ตอนนี้ออก Version ใหม่มาแล้วครับ   Notepad++ 6.7.9.2  (เข้าไป Download ได้เลยครับ) 2.Bluefish เป็นอีกตัวที่ผมใช้งานอยู่เป็นประจำครับ มีเมนูให้เราเลือก TAG ได้ (ใน Linux ผมก็ใช้ตัวนี้อยู่ครับ) ส่วน Version ใหม่ล่าสุดตอนนี้คือ  Bluefish 2.2.7. (เข้าไป Download ได้เลยครับ) การติดตั้งใน Linux ครับ:  http://bfwiki.tellefsen.net/index.php/Installing_Bluefish ส่วนใน Windows ให้ไปDownloadได้ใน  http://www.bennewitz.com/bluefish/stable/binaries/win32/ 3.Google Web Designer Download ได้ตามนี้ครับ ทำ Web Animasion ได้ดีมากๆครับ มีทั้ง Windows และ Linux https://www.google.com/webdesigner/ ส่วนตัวอื่นๆผมยังไม่แนะนำครับ สำหรับพ

CSS code for side menu

CSS code  <style type="text/css"> .menu{ margin:0;  padding:0;  width:165px;  list-style:none; background:rgb(255,255,255); } .menu li{ padding:0;  margin:0 0 1px 0;  height:40px;  display:block;  } .menu li a{ text-align:undefined; height:40px;  padding:0px 25px;  font:14px Verdana, Arial, Helvetica, sans-serif;  color:rgb(255,255,255);  display:block;  background:url('verMenuImages.jpg') 0px 0px no-repeat;  text-decoration:none; } .menu li a:hover{ background:url('verMenuImages.jpg') 0px -40px no-repeat;  color:rgb(255,255,255); } .menu li a.active, .menu li a.active:hover{ background:url('verMenuImages.jpg') 0px -80px no-repeat;  color:rgb(255,255,255); } .menu li a span{ line-height:40px; } </style> HTML code  <ul class="menu">  <li><a href="#" class="active"><span>Main</