วันพฤหัสบดีที่ 12 พฤศจิกายน พ.ศ. 2558

โค้ด HTML

 เกี่ยวกับรูปแบบ

<br> : เว้นบรรทัด
&nbsp; : เว้นวรรค
<div align="left">ข้อความ</div> : ข้อความชิดซ้าย
<div align="right">ข้อความ</div> : ข้อความชิดขวา
<div align="center">ข้อความ</div> : ข้อความอยู่กลาง
<center>ข้อความ</center> : ข้อความอยู่กลาง

------------------------------------------------------------
เกี่ยวกับสีสันข้อความ
<b>ข้อความ</b> : ตัวหนา
<strong>ข้อความ</strong> : ตัวหนา
<i>ข้อความ</i> : ตัวเอียง
<em>ข้อความ</em> : ตัวเอียง
<u>ข้อความ</u> ขีดเส้นใต้
<font size="10">ข้อความ</font> : ขนาดข้อความ
<font color="#000000">ข้อความ</font> : สีข้อความ
<font color="#000000" size="10">ข้อความ</font> : ขนาดและสีข้อความ

------------------------------------------------------------

เกี่ยวกับรูปภาพ
<img src="url"> : ใส่รูป
<img src="url" width="100px" height="100px"> : ใส่รูป แบบ กำหนดขนาด
<img src="url" border="3" border-color="#000000"> : ใส่รูป แบบ กำหนกขนาดและสีเส้นขอบ
<img src="url" ait="ข้อความ"> : ใส่รูป แบบ เวลาเอาเมาไปชี้แล้วมีข้อความขึ้นมา

------------------------------------------------------------

เกี่ยวกับ Link
<a href="url">ข้อความ</a> : ลิ้งโดยใช้ข้อความ
<a href="url"  target="_blank">ข้อความ</a> : ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างไหม่
<a href="url"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ
<a href="url"  target="_blank"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ แบบเปิดหน้าต่างไหม่

------------------------------------------------------------

เกี่ยวกับ marquee หรือข้อความเลื่อน (ถูกทางฮิห้าบล๊อก)
<marquee>ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย
<marquee direction="left">ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย
<marquee direction="right">ข้อความ</marquee> : ข้อความเลื่อนจากซ้ายไปขวา
<marquee direction="up">ข้อความ</marquee> : ข้อความเลื่อนจากล่างขึ้นบน
<marquee direction="down">ข้อความ</marquee> : ข้อความเลื่อนจากบนลงล่าง
<marquee width="100px" height="100px">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความกว้าง
<marquee bgcolor="#00CC99">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดสีพื้นหลัง
<marquee scrollamount="1">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความเร็ว
<marquee behavior="alternate">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปกลับ
<marquee behavior="slide">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปรอบเดียว

------------------------------------------------------------

เกี่ยวกับ marquee หรือรูปเลื่อน (ถูกทางฮิห้าบล๊อก)
<marquee><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย
<marquee direction="left"><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย
<marquee direction="right"><img src="urlรูป"></marquee> : รูปเลื่อนจากซ้ายไปขวา
<marquee direction="up"><img src="urlรูป"></marquee> : รูปเลื่อนจากล่างขึ้นบน
<marquee direction="down"><img src="urlรูป"></marquee> : รูปเลื่อนจากบนลงล่าง
<marquee width="100px" height="100px"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความกว้าง
<marquee bgcolor="#00CC99"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดสีพื้นหลัง
<marquee scrollamount="1"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความเร็ว
<marquee behavior="alternate"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ ไปกลับ
<marquee behavior="slide"> <img src="urlรูป"> </marquee> : รูปเลื่อน แบบ ไปรอบเดียว

------------------------------------------------------------

เกี่ยวกับตาราง
<table background="urlรูป"><tr><td>ข้อความ</td></tr></table> ใส่พื้นหลังไห้ข้อความ

------------------------------------------------------------

การดัดแปลง
เช่นผมคิดจะทำ topfriend เลื่อนได้ (ถูกทางฮิห้าบล๊อก)
<center>
        <table border="2" bordercolor="#สีขอบ" height="150" width="400" background="ภาพพื้นหลัง">
                <tr>
                        <td>
                                <marquee direction="left">
                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a>
                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a>
                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a>
                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a>
                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a>
                                </marquee>
                        </td>
                </tr>
        </table>
</center>

หรืออักษร welcome สวยๆ
<center>
     <b>
          <FONT COLOR="#FF0000" size="5">W</FONT>
          <FONT COLOR="#FF9900" size="5">e</FONT>
          <FONT COLOR="#FFFF00" size="5">l</FONT>
          <FONT COLOR="#99FF00" size="5">c</FONT>
          <FONT COLOR="#00FF00" size="5">o</FONT>
          <FONT COLOR="#00FF99" size="5">m</FONT>
          <FONT COLOR="#00FFFF" size="5">e</FONT>
          <FONT COLOR="#0099FF" size="5">T</FONT>
          <FONT COLOR="#0000FF" size="5">o</FONT>
          <FONT COLOR="#9900FF" size="5">H</FONT>
          <FONT COLOR="#FF00FF" size="5">i</FONT>
          <FONT COLOR="#FF0099" size="5">5</FONT>
     </b>
</center>
ขอแค่ว่าเปิดแล้วต้องปิด เท่านั้นครับ
แถมตารางสี



วันอาทิตย์ที่ 1 พฤศจิกายน พ.ศ. 2558

เครื่องมือ และ ฟังก์ชั่นต่างๆ ที่นักสร้างเว็บไซต์ชื่นชอบ
http://tools-guide-th.simdif.com/images/thumbs/

คู่มือการใช้งาน SimpleDifferent
SimpleDifferent ได้ออกแบบเครื่องมือในการสร้างเว็บไซต์ 
เพื่อให้ใช้งานง่าย  เพียงคุณเร่ิมต้นใช้งานภายในเวลาไม่นาน  
ก็จะคุ้นเคยกับเครื่องมือของเรา



สามารถเรียนรู้การใช้งานของเครื่องมือได้ด้วยตัวคุณเอง

การลงมือใช้งานจะช่วยให้คุณเข้าใจ และจดจำวิธีการใช้เครื่องมือ
ต่าง ๆ 

ได้อย่างรวดเร็วยิ่งขึ้น  หากคุณสนใจเรียนรู้การสร้างเว็บไซต์
เราขอแนะนำคู่มือการสร้างซึ่งสามารถศึกษาได้ด้วยตัวคุณเอง


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







 ในคู่มือช่วยเหลือนี้:

4 โหมด แสนง่าย ใน SimpleDifferent 
รูปแบบหน้า ที่เลือกได้
เพิ่ม แผนที่ รูปภาพ วิดิโอ ในเว็บไซต์
เปลี่ยนแบบอักษร ในเว็บไซต์
เพิ่ม สีสันและธีมกราฟฟิค ต่างๆ
การเพิ่ม ภาพด้านบน และล่าง






เขียนเว็บ แบบโปร



เว็บไซต์ที่ชัดเจน  จะเป็นที่ชื่นชอบของผู้เข้าชม

เมื่อผู้เข้าชมอ่านเว็บคุณ แล้วเห็นการจัดการที่ดีในหน้าเว็บ สามารถอ่านเข้าใจได้ทันที ไม่รู้สึกเสียเวลา

เว็บไซต์ที่ถูกจัดเรียงเนื้อหาให้ชัดเจน 
มีผลดีต่ออันดับการค้นหาของเครื่องมือค้นหา


SimpleDifferent ช่วยคุณได้

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

เพราะผู้อ่านจะทราบว่ากำลังอ่านเรื่องใดอยู่ จะคลิกเรื่องไหนต่อ...
...เนื้อหาไม่ซ้ำซ้อน  เพิ่มความสะดวกแก่ผู้อ่าน 

ตัวคุณไม่ใช่ลูกค้า

สร้างเว็บเพื่อตอบคำถามของผู้อ่าน   ไม่ใช่สำหรับคุณ   นี่เป็นหลัก พื้นฐานของการสร้างเว็บไซต์
การสร้างเว็บไซต์แบบตามใจฉันนั้น ไม่เป็นผลดีต่อเว็บไซต์ที่คุณสร้าง ควรคำนึงถึงความต้องการของผู้เข้าชมเป็นสิ่งสำคัญ เพื่อการใช้เว็บไซต์ให้ได้ประโยชน์สูงสุด ระวังข้อผิดพลาดเมื่อเริ่มสร้างเว็บ เรียนรู้การสร้างและจัดการเนื้อหาให้ดี เพื่อเว็บไซต์ที่มีประสิทธิภาพ

คำแนะนำของเว็บไซต์นี้
จะให้ความสำคัญกับผู้เข้าชมเป็นหลัก

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



วิธีการโปรโมทเว็บไซต์ให้เป็นที่รู้จัก

 http://promote-th.simdif.com/images/thumbs/
โปรโมทเว็บไซต์ ไม่ยากอย่างที่คิด

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

เหมาะสำหรับทุกท่าน ทั้งผู้ที่สร้างเว็บไซต์กับ SimpleDifferent, ผู้รักการทำเว็บไซต์ หรือ บุคคลทั่วไปที่ต้องการคำแนะนำเกี่ยวกับการโปรโมทเว็บไซต์

การโปรโมทเว็บไซต์นี้ เป็นขั้นตอนที่เกิดขึ้นหลังจากคุณเขียนเว็บเสร็จแล้ว
ศึกษาเพิ่มเติมในหัวข้อ เขียนเว็บอย่างไรให้โดนใจผู้อ่าน และ Search engines จากเว็บไซต์ช่วยเหลือของ SimpleDifferent

เริ่มจากคำแนะนำเบื้องต้น เรื่องการสร้างเว็บไซต์ให้รองรับการทำงานของเครื่องมือค้นหา (Search Engine) เพื่อช่วยให้กลุ่มผู้เข้าชมเป้าหมาย ค้นหาเว็บไซต์ของคุณเจอ
การเขียนเนื้อหาต้นฉบับ
การจัดการเนื้อหาให้มีประสิทธิภาพและประสิทธิผล
สร้างลิงค์เชื่อมโยงในเว็บคุณ
การเปิดใช้เครือข่ายออนไลน์ บนเว็บคุณ
ต่อไปเป็น การใช้เว็บไซต์อื่นเป็นเพื่อช่วยโปรโมทเว็บคุณ
สร้างลิงค์ที่เว็บไซต์อื่น แล้วเชื่อมโยงมายังเว็บไซต์คุณ
การใช้ Facebook และสังคมออนไลน์อื่นๆ(ถึงแม้ว่าคุณจะไม่มี บัญชีผู้ใช้ ก็ตาม)
การใช้ Flickr และ เว็บไซต์อื่นๆสำหรับแบ่งปันรูปภาพลิขสิทธิ์ 
การส่งที่อยู่เว็บไซต์ เข้าสู่สารบัญเว็บไซต์ต่างๆ
สุดท้ายเป็นคำแนะนำเกี่ยวกับ การโปรโมทเว็บไซต์ขั้นสูง ที่ใครๆก็สามารถอ่านเข้าใจได้ง่ายๆ
การโฆษณากับ Google (Google Adwords) 
การระบุตำแหน่งธุรกิจคุณ กับ Google (Google Place)