dot.tk บริการจดโดเมนฟรีเพื่อท่านที่สนใจศึกษาเกี่ยวกับการทำเว็บไซต์ โดยโดเมนที่ได้จะเป็น yourname.tk นั้นเอง ซึ่งไม่ใช้ซับโดเมนแต่อย่างใด ที่ใดที่สนใจสามารถคลิ๊กที่นี่เพื่อไปสมัครใช้บริการได้เลยครับ Click..........................................................
วันจันทร์ที่ 29 เมษายน พ.ศ. 2556
วันอาทิตย์ที่ 28 เมษายน พ.ศ. 2556
FTP ย่อมาจาก (File Transfer Protocol) คือ รูปแบบมาตรฐานบนโครงข่าย (standard network protocol) ชนิดหนึ่ง ที่ใช้สำหรับการส่งไฟล์ หรือรับไฟล์ (receive file) ระหว่างเครื่องคอมพิวเตอร์ที่เป็นลูกข่ายที่ส่วนใหญ่จะเรียกว่าไคลเอนต์ (client) กับเครื่องคอมพิวเตอร์ที่เป็นแม่ข่ายที่ส่วนใหญ่จะเรียกว่า โฮสติง (hosting) หรือ เซิร์ฟเวอร์ (server) โดยที่การติดต่อกันทาง FTP เราจะต้องติดต่อกันทาง Port 21 ซึ่งก่อนที่จะเข้าใช้งานได้นั้น จะต้องเป็นสมาชิกและมีชื่อผู้เข้าใช้ (User) และ รหัสผู้เข้าใช้ (password) ก่อน โปรแกรมสำหรับติดต่อกับแม่ข่าย (server) ส่วนมากจะใช้โปรแกรมสำเร็จรูป เช่นโปรแกรม ไฟล์ซิลลา CuteFTP หรือ WSFTP ในการติดต่อ เป็นต้น
อ้างอิง http://th.wikipedia.org/wiki/Ftp
จากบทความด้านบนขอขยายความดังนี้ครับ โดยปกติเมื่อเราต้องการทำเว็บไซต์ไม่ว่าด้วยจุดประสงค์ใดก็ตาม สิ่งที่เราจะต้องนึกถึงและขาดไม่ได้คือ Hosting (Server) ซึ่งในปัจจุบันมีผู้ให้บริการอยู่เป็นจำนวนมาก การที่เว็บไซต์ของเราสามารถให้บริการได้ตลอด 24 ชั่วโมง 365 วันโดยไม่มีวันหยุดนั้น ก็เพราะ Hosting (Server) ไม่เคยปิดนั่นเอง ทีนี้เรามาพูดถึงการสร้างเว็บไซต์กันบ้าง การสร้างเว็บไซต์เกิดจากการเขียน Code โปรแกรม ไม่ว่าจะเขียนด้วยภาษา HTML, PHP, ASP, ฯลฯ ล้วนแล้วแต่ต้องนำไฟล์ที่เราเขียนเสร็จเรียบร้อยไปใส่บน Hosting เพื่อสามารถให้บริการได้ตลอด 24 ชั่วโมง 365 วัน แต่ด้วยหนทางที่อยู่ไกลกันระหว่างเรากับ Hosting ที่เราขอใช้บริการไว้ เราจึงต้องใช้เทคโนโลยีของคอมพิวเตอร์ ในการโอนย้ายไฟล์ระหว่างเครื่องคอมพิวเตอร์ของเรา กับ Hosting ซึ่งเทคโนโลยีนั้นคือ FTP นั่นเอง สำหรับโปรแกรมที่แนะนำให้ใช้ในการโอนย้ายไฟล์นั้น คือโปรแกรม Filezilla เพราะเป็น Opensouce สามารถ Download มาใช้งานได้ฟรี และใช้งานง่าย มีการ Update โปรแกรมอยู่โดยตลอด
คุณสามารถอ่านบทความเกี่ยวกับการใช้งานโปรแกรม FileZilla ได้ที่นี่ครับ >>คลิ๊กที่นี่<< เพื่ออ่านบทความ
Posted on 19:58 by Unknown
เว็บโฮสติ้ง คืออะไร
เว็บโฮสติ้ง ( Hosting, Host) คือ การเช่าพื้นที่เว็บไซต์ หากคุณต้องการมีเว็บไซต์ ก่อนอื่นคุณต้องจดโดเมนเนมก่อน จากนั้นคุณต้องจ้างให้คนทำเว็บให้ แล้วจึงเช่า เว็บโฮสติ้งเพื่อเก็บเว็บไซต์ คุณสามารถเช่า เว็บโฮสติ้งพร้อมจดโดเมนเนมได้ (โดเมนเนมคือชื่อเว็บไซต์) หากคุณเช่า เว็บโฮสติ้งและ จดโดเมนเนมที่เดียวกัน คุณก็สามารถใช้เว็บไซต์ได้ทันทีสรุปแล้ว เว็บโฮสติ้งคือการให้บริการรับฝากเว็บไซต์ โดย ราคานั้นจะขึ้นอยู่กับพื้นที่ หากคุณใช้พื้นที่ทำเว็บไซต์น้อย คุณก็เช่า เว็บโฮสติ้งโดยเลือกพื้นที่ เว็บโฮสติ้งไม่ต้องมากนักเป็นต้น หากคุณใช้อีเมล์ คุณก็ต้องเลือก เว็บโฮสติ้งที่มาพร้อมกับอีเมล์
ใช้ เว็บโฮสติ้งที่ไหนดี
เว็บโฮสติ้งที่ดี ต้องมีคุณสมบัติดังต่อไปนี้- เว็บโฮสติ้ง นั้นต้องไม่ล่มบ่อย ควรที่จะ Uptime 99.99%
- เว็บโฮสติ้ง นั้นต้องมีระบบป้องกันไวรัสและสแปม ควรได้ผลอย่างต่ำ 90%
- เว็บโฮสติ้ง นั้นต้องมี ระบบสำรองข้อมูล อย่างต่ำควรเป็น Weekly Backup
- เว็บโฮสติ้ง นั้นต้องเปิดเว็บได้รวดเร็ว ไม่โหลดข้อมูลนาน
- เว็บโฮสติ้ง นั้นต้องน่าเชื่อถือ ควรเป็นบริษัท ที่เปิดมานาน มีฐานลูกค้าที่มีเชื่อเสียงเยอะพอสมควร
หาก Web Hosting ที่คุณเลือกมีคุณสมบัติตามนี้ครบถ้วน คุณไม่ต้องลังเลใจ ใช้บริการกับ เว็บโฮสติ้งนั้นได้เลย
Posted on 19:53 by Unknown
ชื่อโดเมน หรือ โดเมนเนม (domain name) คืออะไร
โดเมนเนม ความหมายโดยทั่วๆ ไป หมายถึง ชื่อเว็บไซต์ ชื่อบล็อก ซึ่งเป็นชื่อที่ตั้งขึ้นเพื่อให้จดจำและนำไปใช้งานได้ง่าย
ทั้งในการเข้าชมผ่านบราวเซอร์ของผู้ใช้ทั่วไป ยังรวมไปถึงผู้ดูแลระบบโดเมนเนมซีสเทม ที่สามารถแก้ไขไอพีแอดเดรสของชื่อโดเมนเนมนั้นๆ ได้ทันที
โดยที่ผู้ใช้ทั่วไปไม่จำเป็นต้องรับรู้หรือจดจำไอพีแอดเดรสที่มีการเปลี่ยนแปลง
เครื่องคอมพิวเตอร์ที่ทำหน้าที่เผยแพร่เว็บไซต์ จะมีโดนเมนเนมเฉพาะไม่ซ้ำกับใคร
โดนเมนเนม มีด็อทอยู่หลายประเภทแต่ที่นิยมมากที่สุดนั้นก็คือ .com เพราะเป็นด็อทในยุคแรกๆ ที่เริ่มใช้กัน และง่ายต่อการจดจำ
ประเภทของ Domain Name แบ่งได้เป็น 2 ประเภท
1. โดเมน 2 ระดับ ชื่อโดเมน . ประเภทของโดเมน
2. โดเมน 3 ระดับ ชื่อโดเมน . ประเภทของโดเมน . ประเทศ
โดนเมนเนม 2 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน เช่น www.google.com
ประเภทของโดเมน คือ คำย่อขององค์กร โดยประเภทขององค์กรที่พบบ่อย มีดังต่อไปนี้
* .com คือ บริษัท หรือ องค์กรพาณิชย์
* .org คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
* .net คือ องค์กรที่เป็นเกตเวย์ หรือ จุดเชื่อมต่อเครือข่าย
* .edu คือ สถาบันการศึกษา
* .gov คือ องค์กรของรัฐบาล
* .mil คือ องค์กรทางทหาร
โดนเมนเนม 3 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน . ประเทศ เช่น www.kmitnb.ac.th, www.nectec.or.th, www.google.co.th
ประเภทขององค์กรที่พบบ่อยคือ
* .co คือ บริษัท หรือ องค์กรพาณิชย์
* .ac คือ สถาบันการศึกษา
* .go คือ องค์กรของรัฐบาล
* .net คือ องค์กรที่ให้บริการเครือข่าย
* .or คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
ตัวย่อของประเทศที่ตั้งขององค์กร
* .th คือ ประเทศไทย
* .cn คือ ประเทศจีน
* .uk คือ ประเทศอังกฤษ
* .jp คือ ประเทศญี่ปุ่น
* .au คือ ประเทศออสเตรเลีย
โดนเมนเนม ถือเป็นสิ่งสำคัญอันดับแรกที่มองข้ามไม่ได้เลยสำหรับเว็บไซต์นั้นๆ โดยเฉพาะกับการโฆษณาบนอินเตอร์เน็ท ถ้าได้ชื่อที่เฉพาะเจาะจง ตรงกับกลุ่มเป้าหมายที่มีความสนใจเป็นพื้นฐานเดิมอยู่แล้วนั้น จะทำให้โดเมนเนม หรือ เว็บไซต์นั้นๆ จะได้รับความสนใจและเป็นที่จดจำได้ง่ายไม่ใช่กับผู้เข้าชมหรือ
กลุ่มเป้าหมายที่เข้ามาชมเว็บไซต์ผ่านโดมเนมเท่านั้นยังรวมไปถึง Search Engine ชื่อดังต่างๆ เช่น Google Yahoo MSN เป็นต้น ที่จะเข้ามาแวะเวียนเข้ามาทำ index กับเว็บเพจหน้าต่างๆ ในเว็บไซต์ของเรา
หลังจากจดโดนเมนเนมเป็นที่เรียบร้อยแล้ว สิ่งสำคัญลำดับถัดมานั้นก็คือ โฮสติ้ง (Hosting) หรือ ที่เก็บข้อมูลเว็บไซต์ของเรานั้นเอง ซึ่งโฮสติ้งแต่ละที่จะมี DNS หรือ Name Server ที่ทางผู้ให้บริการโฮสติ้ง จะเป็นคนกำหนดและแจ้งให้เราทราบเพื่อเอาไปใส่ให้โดมเมเนมของเรา
เช่น DNS ของ B2C Creation จะมีชื่อว่า NS1.B2CCREATION.COM และ NS2.B2CCREATION.COM ซึ่งคุณไม่ต้องกังวลในเรื่องนี้
เพราะถ้าคุณจด Domain Name และใช้บริการโฮสติ้งกับผู้ให้บริการคนเดียวกันจะไม่มีปัญหาอะไรเลยครับ หรือแม้ว่าจะเป็นคนละคนกัน เพียงแค่นำ DNS ที่ได้ ไประบุให้กับโดเมนเนมนั้นตามที่ได้อธิบายไปแล้ว
ทั้งในการเข้าชมผ่านบราวเซอร์ของผู้ใช้ทั่วไป ยังรวมไปถึงผู้ดูแลระบบโดเมนเนมซีสเทม ที่สามารถแก้ไขไอพีแอดเดรสของชื่อโดเมนเนมนั้นๆ ได้ทันที
โดยที่ผู้ใช้ทั่วไปไม่จำเป็นต้องรับรู้หรือจดจำไอพีแอดเดรสที่มีการเปลี่ยนแปลง
เครื่องคอมพิวเตอร์ที่ทำหน้าที่เผยแพร่เว็บไซต์ จะมีโดนเมนเนมเฉพาะไม่ซ้ำกับใคร
โดนเมนเนม มีด็อทอยู่หลายประเภทแต่ที่นิยมมากที่สุดนั้นก็คือ .com เพราะเป็นด็อทในยุคแรกๆ ที่เริ่มใช้กัน และง่ายต่อการจดจำ
ประเภทของ Domain Name แบ่งได้เป็น 2 ประเภท
1. โดเมน 2 ระดับ ชื่อโดเมน . ประเภทของโดเมน
2. โดเมน 3 ระดับ ชื่อโดเมน . ประเภทของโดเมน . ประเทศ
โดนเมนเนม 2 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน เช่น www.google.com
ประเภทของโดเมน คือ คำย่อขององค์กร โดยประเภทขององค์กรที่พบบ่อย มีดังต่อไปนี้
* .com คือ บริษัท หรือ องค์กรพาณิชย์
* .org คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
* .net คือ องค์กรที่เป็นเกตเวย์ หรือ จุดเชื่อมต่อเครือข่าย
* .edu คือ สถาบันการศึกษา
* .gov คือ องค์กรของรัฐบาล
* .mil คือ องค์กรทางทหาร
โดนเมนเนม 3 ระดับ
จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน . ประเทศ เช่น www.kmitnb.ac.th, www.nectec.or.th, www.google.co.th
ประเภทขององค์กรที่พบบ่อยคือ
* .co คือ บริษัท หรือ องค์กรพาณิชย์
* .ac คือ สถาบันการศึกษา
* .go คือ องค์กรของรัฐบาล
* .net คือ องค์กรที่ให้บริการเครือข่าย
* .or คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
ตัวย่อของประเทศที่ตั้งขององค์กร
* .th คือ ประเทศไทย
* .cn คือ ประเทศจีน
* .uk คือ ประเทศอังกฤษ
* .jp คือ ประเทศญี่ปุ่น
* .au คือ ประเทศออสเตรเลีย
โดนเมนเนม ถือเป็นสิ่งสำคัญอันดับแรกที่มองข้ามไม่ได้เลยสำหรับเว็บไซต์นั้นๆ โดยเฉพาะกับการโฆษณาบนอินเตอร์เน็ท ถ้าได้ชื่อที่เฉพาะเจาะจง ตรงกับกลุ่มเป้าหมายที่มีความสนใจเป็นพื้นฐานเดิมอยู่แล้วนั้น จะทำให้โดเมนเนม หรือ เว็บไซต์นั้นๆ จะได้รับความสนใจและเป็นที่จดจำได้ง่ายไม่ใช่กับผู้เข้าชมหรือ
กลุ่มเป้าหมายที่เข้ามาชมเว็บไซต์ผ่านโดมเนมเท่านั้นยังรวมไปถึง Search Engine ชื่อดังต่างๆ เช่น Google Yahoo MSN เป็นต้น ที่จะเข้ามาแวะเวียนเข้ามาทำ index กับเว็บเพจหน้าต่างๆ ในเว็บไซต์ของเรา
หลังจากจดโดนเมนเนมเป็นที่เรียบร้อยแล้ว สิ่งสำคัญลำดับถัดมานั้นก็คือ โฮสติ้ง (Hosting) หรือ ที่เก็บข้อมูลเว็บไซต์ของเรานั้นเอง ซึ่งโฮสติ้งแต่ละที่จะมี DNS หรือ Name Server ที่ทางผู้ให้บริการโฮสติ้ง จะเป็นคนกำหนดและแจ้งให้เราทราบเพื่อเอาไปใส่ให้โดมเมเนมของเรา
เช่น DNS ของ B2C Creation จะมีชื่อว่า NS1.B2CCREATION.COM และ NS2.B2CCREATION.COM ซึ่งคุณไม่ต้องกังวลในเรื่องนี้
เพราะถ้าคุณจด Domain Name และใช้บริการโฮสติ้งกับผู้ให้บริการคนเดียวกันจะไม่มีปัญหาอะไรเลยครับ หรือแม้ว่าจะเป็นคนละคนกัน เพียงแค่นำ DNS ที่ได้ ไประบุให้กับโดเมนเนมนั้นตามที่ได้อธิบายไปแล้ว
Posted on 19:49 by Unknown
การใช้งาน Adobe Photoshop ในการตัดพื้นหลังของรูปภาพ dekwebdesign
1.เปิด Adobe Photoshop ของเราขึ้นมาน่ะครับ
2.ไปที่ File --> Open
3.เลือกรูปที่เราต้องการ (สมมุติผมจะเอารูปนี้)
4.เราจะใช้เครื่องมือ Polygonal Lasso Tool ในการเลือกพื้นที่ ที่เราต้องการลบทิ้งหรือ ตัดออก
จะได้ดังเรา เราก็ทำไปเรื่อยๆ จนกว่าเสร็จตามที่ต้องการ
6.เมื่อเสร็จจะได้รูปตัวการ์ตูนที่สามารถนำไปแปะที่ไหนก็ได้โดยไม่มีพื้นหลังดังรูป
7.เมื่อเราได้ทำการตัดพื้นหลังเสร็จแล้ว ให้ ไปที่ File--> Save As...
แล้ว Save รูปภาพในนามสกุล .png เพื่อให้พื้นหลังของรูปภาพโปร่งใส
ปล.การนำเสนอการตัดพื้นหลังรูปภาพของผมอาจจะไม่ค่อยเข้าใจ โอกาสหน้าเราจะทำวิดีโอมาให้ท่านได้ศึกษาเพื่อความเข้าใจของท่านครับ
Posted on 19:13 by Unknown
Adobe Photoshop CS6 โปรแกรมมากความสามารถ ซึ่งในที่นี้ เราจะนำโปรแกรมนี้มาเพื่อ ดีไซน์เว็บไซต์ของเราให้มีรูปแบบตามที่เราต้องการ ซึ่งบทเรียนต่อไปจะสอนการดีไซน์เว็บไซต์ในโปรแกรม Adobe Photoshop สามารถดาวน์โหลดโปรแกรมได้ที่ http://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop
ตัวอย่างการดีไซน์เว็บไซต์ด้วย Adobe Photoshop
ตัวอย่างการดีไซน์เว็บไซต์ด้วย Adobe Photoshop
Posted on 07:20 by Unknown
การสร้างตาราง
โดยทั่วไปข้อมูลบนเว็บอาจเก็บในลักษณะตารางก็ได้ ในตารางจะประกอบด้วย Row และ Corumn ตัดกันซึ่งเรียกว่า Cell
โดยโครงสร้างของตาราง <Table> โดยเบื้องต้นประกอบด้วย
<TABLE>
<CAPTION>ข้อความแสดงชื่อตาราง</CAPTION>
<TR><TH>คอลั่มที่ 1</TH><TH> คอลัมน์ที่2</TH><TH>คอลัมน์ที่3</TH></TR>
<TR><TD>แถวที่1 ข้อมูลที่1</TD><TD>แถวที่1 ข้อมูลที่2</TD><TD>แถวที่1 ข้อมูลที่3</TD></TR>
<TR><TD>แถวที่1 ข้อมูลที่2</TD><TD>แถวที่2 ข้อมูลที่2</TD><TD>แถวที่2 ข้อมูลที่3</TD></TR>
<TR><TD>แถวที่1 ข้อมูลที่3</TD><TD>แถวที่3 ข้อมูลที่2</TD><TD>แถวที่3 ข้อมูลที่3</TD></TR>
</TABLE>
โดยทั่วไปข้อมูลบนเว็บอาจเก็บในลักษณะตารางก็ได้ ในตารางจะประกอบด้วย Row และ Corumn ตัดกันซึ่งเรียกว่า Cell
โดยโครงสร้างของตาราง <Table> โดยเบื้องต้นประกอบด้วย
<TABLE>
<CAPTION>ข้อความแสดงชื่อตาราง</CAPTION>
<TR><TH>คอลั่มที่ 1</TH><TH> คอลัมน์ที่2</TH><TH>คอลัมน์ที่3</TH></TR>
<TR><TD>แถวที่1 ข้อมูลที่1</TD><TD>แถวที่1 ข้อมูลที่2</TD><TD>แถวที่1 ข้อมูลที่3</TD></TR>
<TR><TD>แถวที่1 ข้อมูลที่2</TD><TD>แถวที่2 ข้อมูลที่2</TD><TD>แถวที่2 ข้อมูลที่3</TD></TR>
<TR><TD>แถวที่1 ข้อมูลที่3</TD><TD>แถวที่3 ข้อมูลที่2</TD><TD>แถวที่3 ข้อมูลที่3</TD></TR>
</TABLE>
Posted on 04:38 by Unknown
Attribute ต่างๆ ที่จำเป็นต้องรู้ เกี่ยวกับคำสั่ง image
<IMG
src=" url ชื่อที่อยู่ รูป "
ALIGN="center or left or right or top or bottom or middle"
ALT="คำอธิบายรูป"
BORDr ของขอบรูป ถ้าไม่ต้องการให้มีขอบค่าเป็น 0
HEIGHT="ความสูงของรูป"
WIDTH="ความกว้างของรูป"
VSPACE="พื้นที่ว่างด้านบนและล่างของรูป"
HSPACE="พื้นที่ว่างด้านซ้ายและขวาของรูป"
<IMG
src=" url ชื่อที่อยู่ รูป "
ALIGN="center or left or right or top or bottom or middle"
ALT="คำอธิบายรูป"
BORDr ของขอบรูป ถ้าไม่ต้องการให้มีขอบค่าเป็น 0
HEIGHT="ความสูงของรูป"
WIDTH="ความกว้างของรูป"
VSPACE="พื้นที่ว่างด้านบนและล่างของรูป"
HSPACE="พื้นที่ว่างด้านซ้ายและขวาของรูป"
Posted on 04:00 by Unknown
รูปภาพ ( IMAGE )
รูปภาพถือเป็นส่วนประกอบ ที่สำคัญอย่างหนึ่ง ของเว็บเพจ เพราะจะทำให้เว็บเพจน่าสนใจมากยิ่งขึ้น โดยปกติแล้ว รูปภาพที่สามารถนำมาประกอบ เว็บเพจได้จะมีด้วยกันสองประเภท คือไฟล์ JPG. ( JPEG. ) และGIF.
รูปแบบคำสั่ง <IMG src="ตำแหน่งและชื่อไฟล์ JPG/GIF">
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE>รูปภาพ ( IMAGE ) </TITLE> </HEAD>
<BODY> <IMG src="dog.gif">
</BODY>
</HTML>
Posted on 03:42 by Unknown
คำสั่งรายการ [ Lists ]
การแสดงข้อมูลแบบรายการเป็นส่วนที่ทำให้เกิดความสะดวก,รวดเร็วในการอธิบายรายละเอียดต่างๆ ของข้อมูลในกรณีที่มีข้อมูลจำนวนมาก ซึ่งจะมีลักษณะการแสดงผล 3 แบบ คือ
แบบมีหมายเลขกำกับ ( Number Styles ) 1,2,3,4,5,….
แบบมีสัญลักษณ์กำกับ ( Bulleted Styles )
แบบไม่มีสัญลักษณ์กำกับ ( No Bulleted Styles )
การแสดงรายการแบบมีหมายเลขกำกับ ( Number Styles / Order Lists )
รูปแบบคำสั่ง
<OL TYPE="รูปแบบ">
<Li>..................
<Li>..................
<Li>...................
-
-
<Li>.................
</OL>
มีการแสดงแบบเรียงลำดับหลายรูปแบบ เช่น ตัวอักษร, ตัวเลข ฯลฯ
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE>การแสดงรายการแบบมีหมายเลขกำกับ </TITLE> </HEAD>
<BODY>
<B>ทดสอบ</B>
<OL TYPE="A">
<Li>รายการที่1
<Li>รายการที่2
<Li>รายการที่3
</OL>
</BODY>
</HTML>
การแสดงผล
ทดสอบ
A.รายการที่1
B.รายการที่2
C.รายการที่3
Posted on 03:40 by Unknown
การจัดวางตำแหน่งข้อความโดยใช้ ALIGN เป็นคำสั่งที่ใช้ ในการกำหนดให้ ไม่ว่าจะเป็น รูปภาพ หรือ ตัวอักษรขึ้นบรรทัดใหม่ แล้วอยู่ ชิดซ้าย,ชิดขวา,กึ่งกลาง
รูปแบบคำสั่ง <P ALIGN=" Left or Right or Center">......</P>
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE>-การจัดวางตำแหน่งข้อความ-โดยใช้ ALIGN -</TITLE> </HEAD>
<BODY> <P ALIGN= "Left">Left</P>
<P ALIGN="Right">Right</P>
<P ALIGN="Center">Center</P>
</BODY>
</HTML>
Posted on 03:38 by Unknown
การกำหนดรูปแบบตัวอักษร ในที่นี้จะได้ทราบถึงการกำหนดรูปแบบตัวอักษรให้เป็น ตัวอักษรเอียง<I>,ตัวอักษรหนา<B>,และตัวอักษรมีเส้น<U>
รูปแบบคำสั่ง <B>......</B> <I>......</I> <U>......</U>
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE>การกำหนดรูปแบบตัวอักษร</TITLE> </HEAD>
<BODY> <B>ตัวอักษรหนา</B><Br>
<I>ตัวอักษรเอียง</I><Br>
<U>ตัวอักษรมีเส้น</U><Br>
<B><I><U>การใช้คำสั่งทั้ง 3 แบบพร้อมกัน</U></I></B><Br>
</BODY>
</HTML>
Posted on 03:36 by Unknown
การกำหนดชนิดของตัวอักษร FONT FACE
เป็นคำสั่งที่ใช้กำหนด ชนิดของตัวอักษร ให้มีลักษณะเฉพาะส่วน ตามต้องการ โดยการกำหนด ชนิดของ fonts ต่างๆลงไป ซึ่งชนิดของ fonts ที่ใช้จะมีความสำคัญ อย่างมาก กับการแสดงผล ภาษาไทย
รูปแบบคำสั่ง < FONT FACE="ชนิดของ fonts สามารถใช้ได้มากกว่า 1 ค่า">......</FONT>
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE>การกำหนดชนิดของตัวอักษรเฉพาะส่วน< /TITLE> </HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000"> ทดสอบ
<FONT FACE="AngsanaUPC,FixedDB Thaitext New">
กำหนดตัวอักษรเฉพาะส่วน เป็น fonts ต่างๆ
</FONT> โดยคำสั่ง FONT FACE
</BODY>
</HTML>
Posted on 03:34 by Unknown
การกำหนดสีของตัวอักษร เป็นคำสั่งที่ใช้กำหนดสี ของตัวอักษร ทั้งหน้าเอกสาร ให้มีสีต่างๆตามต้องการ
รูปแบบคำสั่ง <BODY TEXT="#เลขฐาน16 จำนวน 6 ตัว">......</BODY>
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE>การกำหนดสีของตัวอักษร< /TITLE> </HEAD>
<BODY TEXT="#ff0000"> กำหนดตัวอักษร เป็นสีแดง
</BODY>
</HTML>
Posted on 03:31 by Unknown
คำสั่ง <FONT SIZE>
เป็นคำสั่งที่ใช้ ในการกำหนด ขนาดตัวอักษร ในบรรทัดเดียวกัน ให้มีขนาดที่ แตกต่างกันได้ ซึ่งมีค่าได้ ตั้งแต่ 1 ถึง 7 ซึ่งค่าตัวเลข ยิ่งมาก ขนาดของตัวอักษรก็จะ ยิ่งใหญ่มากขึ้น ;
รูปแบบคำสั่ง <FONT SIZE="number">.....</FONT>
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE> ขนาดตัวอักษร ( Fontsize )</TITLE> </HEAD>
<BODY> <FONT SIZE="2">ทดลองการกำหนดขนาด FONT SIZE="2"</FONT><BR> <FONT SIZE="1">ทดลองการกำหนดขนาด FONT SIZE="1"</FONT><BR>
</BODY>
</HTML>
Posted on 03:30 by Unknown
การกำหนดหัวเรื่อง
เป็นส่วนของคำสั่ง Tag ที่เป็นตัวกำหนด ตัวอักษร ให้มีความหนา และขนาดตัวอักษร ให้มีความแตกต่าง จากอักษรปกติ กล่าวคือเป็นส่วน ที่จะทำให้หัวเรื่อง มีความแตกต่าง จากอักษรปกติ เพราะหัวเรื่องจะต้อง เป็นส่วนที่มี จุดเด่นมากที่สุด ซึ่งคำสั่ง <Hx> จะมีขนาดของ ตัวอักษร อยู่ 6 ขนาด ตือ ขนาดใหญ่สุด คือ <H1> ( ใช้มาก ) และเล็กที่สุดคือ <H6> (ใช้น้อย )
รูปแบบคำสั่ง <Hx>........<Hx>
โดยที่ x คือค่าตัวเลขตั่งแต่ 1 ถึง 6
เมื่อเราใช้ Tag คำสั่งหัวเรื่อง ข้อมูลที่อยู่บรรทัด เดียวกับ Tag จะถูกขึ้นบรรทัดใหม่ โดยอัตโนมัติ แม้ว่าเรา จะไม่ใช้ คำสั่งขึ้นบรรทัดใหม่ ก็ตาม
ตัวอย่างการใช้คำสั่ง
<HTML>
<HEAD> <TITLE> การกำหนดหัวเรื่อง</TITLE> </HEAD>
<BODY>
<H1> การกำหนดหัวเรื่องH1 </H1>
<H2> การกำหนดหัวเรื่องH2</H2
> <H3> การกำหนดหัวเรื่องH3</H3>
<H4> การกำหนดหัวเรื่องH4</H4>
<H5> การกำหนดหัวเรื่องH5</H5>
<H6> การกำหนดหัวเรื่องH6</H6>
<BR>นี่คือ ตัวอักษรปกติ
</BODY>
</HTML>
Posted on 03:26 by Unknown
การกำหนดสีของพื้นฉากหลัง เป็นคำสั่งที่ใช้กำหนดสีของ Background จอภาพให้มีสีต่างๆตามต้องการโดยการกำหนดเลขฐาน16
รูปแบบคำสั่ง <BODY BGCOLOR="#เลขฐาน16 จำนวน 6 ตัว">......</BODY>
ตัวอย่างการใช้คำสั่ง
<HTML> <HEAD> <TITLE>การกำหนดสีของพื้นฉากหลัง</TITLE> </HEAD> <BODY BGCOLOR="#0000FF" TEXT="#FFFFFF"> กำหนดBACKGROUNDเป็นสีน้ำเงิน </BODY> </HTML>
Posted on 01:19 by Unknown
ข้อกำหนดของภาษา HTML
• คำสั่งแต่ละคำสั่งจะเรียกว่า Tag
• แต่ละ Tag จะอยู่ในเครื่องหมาย < > เสมอ
• Tag จะใช้ตัวอักษรพิมพ์ใหญ่หรือเล็กก็ได้ซึ่งมีความหมายเดียวกัน เช่น <IMG SRC> หรือ <img src> เป็นต้น
• Tag เกือบทุก Tag จะมีทั้ง TagเปิดและTagปิด โดยTag ปิดจะมีเครื่องหมาย / เสมอ
• Tag เริ่มต้น ของ HTML คือ <HTML> และสิ้นสุดการเขียนภาษาHTML ด้วย</HTML>
จำแนกโครงสร้างของคำสั่งออกเป็น 3 ส่วนด้วยกัน คือ
Tags คือ คำสั่งในภาษา HTML โดยจะมีประสิทธิภาพสูงสุด เมื่อกำหนดส่วนขยายให้กับ tags
Attributes เป็นส่วนประกอบหนึ่งของส่วนขยาย ทำหน้าที่กำหนดทิศทางของ tags
Values เป็นส่วนประกอบสุดท้ายของส่วนขยาย ทำหน้าที่กำหนด ขนาด หรือ ลักษณะ ให้กับ attributes
Posted on 00:55 by Unknown
วันเสาร์ที่ 27 เมษายน พ.ศ. 2556
HTML (เอชทีเอ็มแอล - เป็นคำย่อจากคำขึ้นต้นของ Hypertext Markup Language) เป็นภาษามาร์กอัปหลักในปัจจุบันที่ใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ ซึ่งตัวโค้ดจะแสดงโครงสร้างของข้อมูล ในการแสดง หัวข้อ ลิงก์ ย่อหน้า รายการ รวมถึงการสร้างแบบฟอร์ม เชื่อมโยงภาพหรือวิดีโอด้วย โครงสร้างของโค้ดเอชทีเอ็มแอลจะอยู่ในลักษณะภายในวงเล็บสามเหลี่ยม
โค้ด ภาษา HTML เบื้องต้นน่ะครับ จะมีดังนี้
<html>
<head> <title>ชื่อหัวเว็บที่จะแสดงบนไตเติ้ล บราวเซอร์</title></head>
<body>
ส่วนของเนื้อหาเว็บ
</body>
</html>
โค้ด ภาษา HTML เบื้องต้นน่ะครับ จะมีดังนี้
<html>
<head> <title>ชื่อหัวเว็บที่จะแสดงบนไตเติ้ล บราวเซอร์</title></head>
<body>
ส่วนของเนื้อหาเว็บ
</body>
</html>
Posted on 07:00 by Unknown
สมัครสมาชิก:
บทความ
(
Atom
)
