วิธีทำปุ่ม อ่านเพิ่มเติม ใน blogger.com
 |
| วิธีทำปุ่ม อ่านเพิ่มเติม ใน blogger.com |
วันอาทิตย์ที่ 23 ธันวาคม พ.ศ. 2555
วิธีทำปุ่ม อ่านเพิ่มเติม ใน blogger.com
วิธีทำปุ่ม อ่านเพิ่มเติม ใน blogger.com
วันอาทิตย์ที่ 9 ธันวาคม พ.ศ. 2555
วิธีเพิ่มรูปภาพด้วย Gadget "HTML/จาวาสคริปต์" ใน blogger.com
วิธีใช้ Gadget HTML/จาวาสคริปต์ ใน blogger.com
1. เข้าสู่หน้าแดชบอร์ดของ blogger.com
1. เข้าสู่หน้าแดชบอร์ดของ blogger.com
วันศุกร์ที่ 7 ธันวาคม พ.ศ. 2555
เนื้อหารายวิชาการพัฒนางานบนเว็บต่อสัปดาห์
สัปดาห์
|
หัวข้อ
|
สื่อการเรียน
|
กิจกรรมการเรียน
|
แบบฝึกหัด
ที่มอบหมาย
|
1
|
บทที่ 1 ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์
|
- เอกสารประกอบ
การสอน |
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
|
ใบงานที่ 1
|
2-3
|
บทที่ 2 ขั้นตอนการพัฒนาเว็บไซต์
|
- เอกสารประกอบ
การสอน |
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
|
ใบงานที่ 2
|
4
|
บทที่ 3 การใช้สีในการออกแบบเว็บไซต์
|
- เอกสารประกอบ
การสอน |
บรรยาย อภิปราย การเขียนกระดาน และใช้สื่อประสม
|
ใบงานที่ 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
|
สอบปลายภาค
|
|||
วันเสาร์ที่ 1 ธันวาคม พ.ศ. 2555
วันพฤหัสบดีที่ 22 พฤศจิกายน พ.ศ. 2555
การสร้างเมนูใน blogger.com
1.เข้าสู่ระบบของ Blogger.com และไปยังส่วนจัดการของ blog ที่เราจะทำเมนู
2.ทำการเพิ่มโค้ด html ดังรูปด้านล่าง
2.1 ไปยังเมนู รูปแบบ
2.2 ทำการ เพิ่ม Gadget
วันเสาร์ที่ 17 พฤศจิกายน พ.ศ. 2555
วิธีสร้างเว็บเพจ ด้วยโปรแกรม Notepad
1.ให้คุณเปิดโปรแกรม Notepad ขึ้นมา โดยไปที่ All programs > Accessories > Notepad
ซึ่งโปรแกรม notepad จะมีหน้าตาแบบนี้
ซึ่งโปรแกรม notepad จะมีหน้าตาแบบนี้
วันอาทิตย์ที่ 4 พฤศจิกายน พ.ศ. 2555
วิธีหา URL ของรูปภาพในเว็บไซต์ด้วย Firefox และ Chrome
> วิธีหา URL ของรูปภาพในเว็บไซต์ด้วย Firefox
- คลิ้กขวาที่รูปภาพบนเว็บไซต์ จากนั้นให้เลือก คัดลอกที่ตั้งภาพ
- คลิ้กขวาที่รูปภาพบนเว็บไซต์ จากนั้นให้เลือก คัดลอกที่ตั้งภาพ
วันเสาร์ที่ 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>
สมัครสมาชิก:
บทความ (Atom)