ง 30205 การเขียนเว็บไซต์ด้วยภาษา HTML5 and CSS3 (M6 ALL) เทอม 2/2560

ง 30205 การเขียนเว็บไซต์ด้วยภาษา HTML5 and CSS3 (M6 ALL) เทอม 2/2560

คะแนนเก็บ
mind map
ผลการเรียนรู้
เอกสารประกอบการเรียน

element, attribute, comment (week 1-2)
element a, table, h, frame, font, color, center, left, rigth (week 3-15 update 2018.01.22)
การสร้างตาราง (ภาษาไทย)
element list, blocks,form, input (week 7-10) | (ภาษาไทย)
HTML Media (vdo, sound, youtube, object) (week 11-12)
HTML5 and HTML6 future (week 13) | HTML Color
CSS3 (week 14-16)
Java Script (week 17)
background
Editplus Software
Group Project Demo (week 18-20)

นักเรียนรวมกลุ่มไม่เกิน 5 คน
นักเรียนร่วมอภิปรายเสนอหัวข้อที่สนใจเพื่อจัดทำเว็บไซต์
นักเรียนต้องใช้ความรู้ที่ได้เรียนมาเพื่อจัดทำเว็บไซต์ให้มีความน่าสนใจ สร้างสรรค์ มีความถูกต้อง และมีจรรยาบรรณ ในการนำเอาข้อมูลจากเว็บไซต์อื่นมาใช้งาน
ไม่ระบุเครื่องมือ (tools) ในการสร้างสรรค์ผลงาน
ต้องมีจำนวน page ไม่ต่ำกว่า 10 page โดยแต่ละ page ต้อง link เชื่อมโยงหากัน
มีการใช้ tag table, img, vdo, formate font, color ใน page ด้วย
สมาชิกในกลุ่มต้องมีส่วนร่วมในการทำงาน
นักเรียนต้องนำเสนอเว็บไซต์ที่ทำเรียบร้อยแล้วหน้าชั้นเรียนในสัปดาห์ที่ 18-20 ชั่วโมงเรียน
คะแนน 20 คะแนน

ความคิดสร้างสรรค์ 5 คะแนน
ความถูกต้อง สมบูรณ์ มีการนำความรู้ที่ได้เรียนมาประยุกต์ใช้ 5 คะแนน
การมีส่วนร่วม ความสามัคคีในกลุ่ม 5 คะแนน
ความสวยงาม 3 คะแนน
การอ้างอิงแหล่งที่มา 2 คะแนน

Example
Referance
สร้างเว็บไซต์ง่าย ๆ ด้วย wordpress
โปรแกรม Dreamweaver Portable CS3
คู่มือการใช้งาน Dreamweaver
quiz | image quiz (2018.02.19)

สอบกลางภาค

มี 30 ข้อ 30 คะแนน เลือกตอบทั้งหมด
การใช้คำสั่ง HTML : <table>, <font>, <body>, <title>, <IMG>, <a>, <ul>, <ol>
คำสั่ง HTML เกี่ยวกับการสร้างฟอร์ม checkbox , radio button, text box, text area

สอบปลายภาค
เก็บคะแนน การสร้างตารางและแบบฟอร์ม

สร้างตารางต่อไปนี้

สร้างแบบฟอร์มต่อไปนี้

ให้ส่งเข้าอีเมล jtotone@gmail.com
lab
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY bgcolor="yellow">
<form action="http://google.com" name="f1">
<center>รสชาติไอศกรีม :<select name="s1">
<option value="1">ชอกโกแลต</option>
<option value="2" selected="selected">วนิลา</option>
<option value="3">สเตอรเบอรรี่</option>
<option value="4">โอริโอ</option>
<option value="5">กะทิ</option>
</select></center>
<br/><input type="text" size="30"><br/>
<input type="submit" value="ส่งข้อมูล"/>
<input type="reset" value="ล้างข้อมูล"/>
<input type="button" value="แสดงข้อความ" onclick="javascript:alert('Hello')"/>
</form>
</BODY>
</HTML>

Comments