ขอถามเรื่อง CSS หน่อยครับ

[ooooo]

จะว่าไปมันก็ยากนะที่จะสอน เพราะคำสั่งมันเยอะ
ถึงรู้หน้าที่ของแต่ละตัว แต่ใช้ไม่เป็นก็จบ
ต้องลองเล่นเองสถานเดียวครับ

ปล.ถ้าเห็นจานถ่อมตัวอีกที จะลบทีละหนึ่งเลย 

[Black-Pigeon]

ก็สอนเฉพาะ โครงสร้างและวิธีนำไปใช้มันก็พอ
เพราะโครงสร้างก็ไม่มีอะไรมาก ก็มีแค่

selector {propertiy: value}

แล้วก็วิธีนำไปใช้ ก็มีไม่กี่วิธี เช่น ฝังไว้กับแท็ก, ฝังไว้ที่เฮดเดอร์ หรือฝังไว้ในไฟล์ (นอกนั้นยังมีการกำหนด CSS ด้วย จาวาสคริปท์อีก แต่มันยุ่งยากไป)


แล้วส่วนที่เป็น property กับ value จะมีอะไรบ้าง ก็ทำตารางให้เอาไปใช้เลย
ถ้าคนเป็น HTML แล้ว ก็น่าจะเข้าใจ เพราะว่าความเห็นส่วนตัวแล้ว ผมว่าภาษา HTML ยากกว่า CSS นะ


เอางี้ ถ้าไม่มีใครคิดจะสอน ผมจะสอน เพราะจะได้ทำประโยชน์ให้ชาวโลกได้บ้าง เพราะรู้สึกว่าตัวเองไม่ค่อยมีประโยชน์ต่อใครสักเท่าไหร่
แต่ถ้ามีใครสอนแล้ว ผมไม่ยุ่งด้วยล่ะ...

[i-poon]

สอน Java Script ได้ไหมครับ แค่ Java Script ธรรมดาๆนี่แหละ ผมไม่รู้จะไปหาความรู้ที่ไหนดัี หนังสือมันก็เป็น Java ตัวใหญ่เลย พวกในเว็บก็ไม่ค่อยมี Search เจอแต่ Free Script Download ซึ่งอ่านไม่รู้เรื่องอยู่ดีครับ 

[iannnnn]

งั้นจู๋นี้เอาไว้ติว CSS โดยจาน อจวว ละกันครับ

[Black-Pigeon]

ซวยล่ะ 

งั้น CSS พรุ่งนี้เริ่มสอนละกัน



ส่วน จาวาสคริปก็พอสอนได้ แต่ไม่ลึกมาก จะเอาไหม หรือจะมีใครอื่นที่เก่งกว่า มาสอนจาวาสคริปท์ดีไหม


ปล.เคยเป็นวิทยากรสอน CSS กับ จาวาสคริปท์ให้คนในบริษัทเก่ามา น่าจะพอสอนได้ แต่ไม่ลึกถึงขั้นเซียนนะ

[ooooo]

อยากให้สอน javascript มากๆครับ

[iannnnn]

ตั้งจู๋ใหม่เป็นเรื่อง CSS Tutorial ไปเลยครับ
หรืออีกจู๋ Javascript Tutor ก็ได้

จะได้รู้กันไปว่านี่คือเว็บฟ๐นต์

[i-poon]

แตก CSS
แตก JavaScript

[Black-Pigeon]

งั้นเริ่มสอน CSS ล่ะนะ

บทนำ
        ก่อนที่จะเริ่มสอน ทุกคนต้องพอรู้เรื่องเกี่ยวกับ HTML มาก่อน และพออ่านเป็น เขียนเป็นอยู่บ้าง ไม่งั้นจะไม่เข้าใจแน่นอน
ส่วนใครยังไม่เป็น HTML ก็เข้าไปอ่านในเว็บดังนี้
http://www.sansukhtml.com/ - อันนี้สอนเบื้องต้น เหมาะสำหรับคนยังไม่เคยเป็น
http://www.nectec.or.th/courseware/internet/html/index.html - อันนี้สอนละเอียดดี เหมาะสำหรับคนที่เป็นนิดๆแต่ยังไม่เชี่ยว

CSS ย่อมาจาก Cascading Style Sheets
และเนื้อหาบทนำอื่นๆ ได้มีคนกล่าวไว้แล้วในคำตอบที่ผ่านๆมา

[iannnnn]

ขอแทรกนิดนึงครับ
อยากทราบ javascript ที่ใช้ควบคุม css ในหน้าเว็บครับ
เช่นเว็บ ผจก ที่กดแล้วเปลี่ยนขนาดฟอนต์น่ะ
ในที่นี้ถ้าเราจะเอามาเปลี่ยน css ทั้งหน้า จะทำได้จะใด

[Black-Pigeon]

บทที่ 1 CSS Syntax
    ภาษา CSS เป็นภาษาที่ไม่เป็น case-sensitive คือ ตัวเล็กตัวใหญ่จะมีผลเหมือนกัน เช่นเดียวกับ html นั่นเอง ส่วนรูปแบบคำสั่งของ CSS เป็นดังนี้

1.1Syntax

โค้ด เลือกทั้งหมด ขยายเนื้อหา


    selectors {property: values}


โดย
    selectors คือ การบ่งบอกว่า เราจะให้คำสั่งนี้ ใช้กับอะไร (ที่เติม s เพราะว่า บางทีเราอาจเลือกหลายๆอย่างได้)
    property คือการกำหนดคุณสมบัติกับสิ่งที่ selector นั้นเลือก
    values คือ ตัวแปรที่จะกำหนด (ซึ่งบางครั้งก็มีหลายตัวแปร)

ตัวอย่างเช่น

โค้ด เลือกทั้งหมด ขยายเนื้อหา


    font {color: red}

    คำสั่งนี้ เป็นการทำให้ตัวอักษร tag "font" ทุกแท็กเป็นสีแดงหมด

ตัวอย่างต่อมา

โค้ด เลือกทั้งหมด ขยายเนื้อหา


    font {color: red; font-family: tahoma}

    คำสั่งนี้ เป็นการที่นอกจากจะทำให้ตัวอักษรใน tag "font" ทุกแท็กเป็นสีแดงหมด แล้วยังใช้ฟอนต์ Tahama เสียด้วย
    โดยเป็นการแสดงให้เห็นว่า ใน 1 คำสั่ง สามารถมีได้หลาย property นั่นเอง โดยเป็นการใช้  ";" คั่นระหว่าง property นั่นเอง

ลองดูอีกตัวอย่าง

โค้ด เลือกทั้งหมด ขยายเนื้อหา


    font {
         color: red;
         font-family: tahoma
         }

แบบนี้ก็มีผลอันเดียวกับด้านบน ซึ่งจะใช้แบบไหนแล้วแต่ถนัด แบบบน ประหยัดเนื่อที่ ส่วนอันล่างจะดูง่ายกว่า ใครพอรู้ภาษาตระกูล C หรือ จาวา มา จะเห็นว่ามันมีส่วนคล้าย ตรง ปีกกา "{ }" กับ การคั่น property ด้วย ";"  

ตัวอย่างต่อมา

โค้ด เลือกทั้งหมด ขยายเนื้อหา


    font {
         color: red;
         font-family: tahoma
         }

    body {
         background-color: green;
         }

เป็นตัวอย่างว่า เราสามารถใช้ได้หลายๆคำสั่งนั่นเอง คือ นอกจากจะให้กำหนด สีแดง กับฟอนต์ให้แท็ก "font" แล้ว ยังไปกำนด สีพื้นหลังให้กับหน้าเว็บเป็นสีเขียวอีกด้วย

[Black-Pigeon]

ขอแทรกนิดนึงครับ
อยากทราบ javascript ที่ใช้ควบคุม css ในหน้าเว็บครับ
เช่นเว็บ ผจก ที่กดแล้วเปลี่ยนขนาดฟอนต์น่ะ
ในที่นี้ถ้าเราจะเอามาเปลี่ยน css ทั้งหน้า จะทำได้จะใด

อ๊ะ เดี๋ยวลองดูให้ (แปบนึงนะ) อาจจะไม่ได้คำตอบที่สมบูรณ์นัก



แก้ไข: หาไม่เจอ ขอ URL หน่อย

[|<3N]

 

[Black-Pigeon]

โฮก... {หมีโหด}

กว่าจะหาเจอ....

โค้ด เลือกทั้งหมด ขยายเนื้อหา


<html>
  <head>
    <style type="text/css">
      .s1 {
        background-color: green;
        color: red;
       }
      .s2 {
        background-color: blue;
        color: orange;
       }
    </style>
    <script language="JavaScript">
      function toGreenRed() {
        document.getElementById("body1").className="s1";
      }
      function toBlueOrange() {
        document.getElementById("body1").className="s2";
      }
    </script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body id="body1">
    <font>ฟ๐นต์</font><br />
      <input type="button" onclick='toGreenRed()' value="พื้นหลังเขียว"/>
      <a href='javascript: toBlueOrange();'>พื้นหลังน้ำเงิน</a>
  </body>
</html>


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


แต่แบบที่เปลี่ยนไฟล์ CSS เลย ไม่รู้ว่าทำไงเหมือนกัน

โฮก.... {หมีโหด}

[beginsun]

สู้ตายนะลุงอจวว.