แสดงบทความที่มีป้ายกำกับ html แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ html แสดงบทความทั้งหมด

วันศุกร์ที่ 7 ธันวาคม พ.ศ. 2555

เนื้อหารายวิชาการพัฒนางานบนเว็บต่อสัปดาห์

สัปดาห์
หัวข้อ
สื่อการเรียน
กิจกรรมการเรียน
แบบฝึกหัด
ที่มอบหมาย
1
บทที่ 1    ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์

- เอกสารประกอบ
การสอน
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
ใบงานที่ 1
2-3
บทที่ 2    ขั้นตอนการพัฒนาเว็บไซต์
- เอกสารประกอบ
การสอน
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
ใบงานที่ 2
4
บทที่    การใช้สีในการออกแบบเว็บไซต์

- เอกสารประกอบ
การสอน
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
ใบงานที่ 3
5-6
บทที่4     ภาษา HTML และการใช้งาน

- เอกสารประกอบ
การสอน
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
ใบงานที่ 4
7-8
บทที่ 5    เครื่องมือในการพัฒนาเว็บไซต์

- Power Point
- เอกสารประกอบ
การสอน
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
  ใบงานที่ 5

9
สอบกลางภาค
10-11
บทที่ 6    เครื่องมือในการตกแต่งภาพ
-           
- Power Point
- เอกสารประกอบ
การสอน
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
   ใบงานที่ 6

12-14
บทที่ 7   สร้างเว็บไซต์ให้สมบูรณ์
- Power Point
- เอกสารประกอบ
การสอน
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
   ใบงานที่ 7
-           
15
สอบปลายภาค

วันเสาร์ที่ 17 พฤศจิกายน พ.ศ. 2555

วันเสาร์ที่ 3 พฤศจิกายน พ.ศ. 2555

การซ่อนเส้นขอบตาราง



lแอตทริบิวต์ BORDER ใช้กำหนดขนาดเส้นขอบตาราง ใช้กับ tag <TABLE> กรณีถ้าต้องการซ่อน ขอบตารางให้เรากำหนดค่า BORDER=0

ผลลัพธ์ที่ได้

ตัวอย่างโค้ด

การสร้างตาราง

ผลลัพธ์ที่ได้

ตัวอย่างโค้ด

การเชื่อมโยงข้อมูลต่างแฟ้มเอกสาร

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<A HREF = "http://www.veesa.com"> รับทำเว็บไซต์ </A>
</BODY>
</HTML>

การเชื่อมโยงข้อมูลภายในแฟ้มเอกสารเดียวกัน

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

<A NAME="top">

<p>บรรทัดที่1</p>

<p>บรรทัดที่2</p>

<p>บรรทัดที่3</p>

<p>บรรทัดที่4</p>

<p>บรรทัดที่5</p>

<p>บรรทัดท6</p>

<p>บรรทัดที่7</p>

<p>บรรทัดที่8</p>

<p>บรรทัดที่9</p>

<p>บรรทัดที่10</p>

<p>บรรทัดที่11</p>

<p>บรรทัดที่12</p>

<p>บรรทัดที่13</p>

<p>บรรทัดที่14</p>

<p>บรรทัดที่15</p>

<p>บรรทัดที่16</p>

<p>บรรทัดที่17</p>

<p>บรรทัดที่18</p>

<p>บรรทัดที่19</p>

<p>บรรทัดที่20</p>

<p>บรรทัดที่21</p>

<p>บรรทัดที่22</p>

<p>บรรทัดท23</p>

<p>บรรทัดที่24</p>

<p>บรรทัดที่25</p>

<p>บรรทัดที่26</p>

<p>บรรทัดที่27</p>

<p>บรรทัดที่28</p>

<p>บรรทัดที่29</p>

<p>บรรทัดที่30</p>

<p>บรรทัดที่31</p>

<p>บรรทัดที่32</p>

<p>บรรทัดที่33</p>

<p>บรรทัดที่34</p>

<A HREF ="#top"> Top </A>

</BODY>

</HTML>

การแทรกภาพลงในเอกสาร

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

<IMG SRC="rock.gif" ALT="Rock Garden">

</BODY>

</HTML>


การกำหนดสีให้กับตัวอักษรทั้งเอกสาร

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY TEXT = Red>

<H1> This is testing Text Color </H1>

 All text in this page is red color by body text = Red Text <BR>

</BODY>

</HTML>

การกำหนดสีให้กับตัวอักษรเฉพาะข้อความ

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<FONT COLOR = Red> This is Red color </FONT><BR>
<FONT COLOR = #0000FF> next is blue </FONT><BR>
<FONT COLOR = #00FF00> This is Green Color </FONT><BR>
</BODY>
</HTML>