Profile╮☆╰ 460-395 Web $ite Dev...PhotosBlogLists Tools Help

WebSite Development

++พัฒนาทักษะการเขียนเวบให้กับนักศึกษา++
No content has been added yet.
weblog  
Photo 1 of 13
September 28

จบกันสักทีเนอะ หุหุ

คะแนน พี่ก็ส่งให้อ.ไปแว้วนะคะ น้อง ๆคนไหนที่ส่งการบ้านครบทุกครั้งก็ได้ 10 เต็มหรือ 9.75 คะ แล้วแต่ว่าทำตามคำสั่งครบหรือป่าว มีแค่ 2 เรท ส่วนใครม่ะส่งครบทุกครั้ง คะแนนต่ำสุดก็ 6 คะ ไม่ต้องห่วงน้า หุหุ เต็มที่กะชีวิต หุหุ
 
ใครสนใจเกี่ยวกับWeblog ทุกอย่าง เพ่จะเอาลิงก์สัมมนามาลงให้นะ วันศุกร์นี้อ่ะ หุหุ ขอให้น้อง ๆ ใช้space กันอย่างสนุกสนานน้า!!!! ขอบคุณน้อง ๆทุกคนที่ให้ความร่วมมือ น้อง ๆน่ารักทุกคนเลยอ่ะ
September 03

+การบ้านครั้งที่ 3 กำหนดส่ง 9/9/48

 
ให้นักศึกษาใช้Module Costom HTMLให้ศึกษาการใช้ได้จาก คลิกที่นี่
 
และให้นักศึกษาสร้างbannerของตัวเองโดย
 
1.มีขนาด 565 x168 px หรือ 400x 100 px นะจ๊ะ
 
2.ในbannerต้องมี รหัสนักศึกษา อาจอยู่มุมใดมุมหนึ่งหรือส่วนไหนก็ได้
 
3.ไฟล์ต้องเป็นนามสกุล gif ซึ่งออกแบบในรูปแบบไหนก็ได้ แต่ต้องสามารถดุ๊กดิ๊กได้
 
4.นำไปใส่ไว้ในModule Custom HTML
โดยโค้ดที่นำไปใส่ได้ดูได้จาก คลิกที่นี่
 
ตัวอย่างbannerดูได้จากbanner ของwebizcom หรือในphoto album คลิกที่นี่
 
5.ส่งการบ้านโดยคอมเม้นไว้ว่า  ใช้โปรแกรมอะไรทำบ้าง เท่านั้นพอ
 
 
แหล่งศึกษา image ready แบบพื้นฐาน
  1. การทำภาพเคลื่อนไหว1
  2. การทำภาพเคลื่อนไหว2
  3. effect ต่าง ๆ ที่ทำกับ photo shop และ imageready
  4. การทำicon ดุ๊กดิ๊ก
  5. การย่อภาพgif ถ้าขนาดใหญ่เกิน
     กำหนดส่ง 9 กันยายน 2548
ในวันที่ 9 กันยา ขอให้นักศึกษาเข้าclass เรียนทุกคนนะคะ เพราะว่า มีเก็บคะแนนในห้องค่ะ ประกาศให้เพื่อน ๆทราบด้วยนะคะ
 
 
August 28

+การบ้านครั้งที่ 2 กำหนดส่ง 2/9/48

ให้นักศึกษาเรียนรู้เกี่ยวกับโค้ดที่สามารถนำมาใช้ในspace ได้จากlinkที่มีให้มา หรือนอกเหนือจากนี้ก็ได้ โดยให้ทำดังนี้

1. ให้นักศึกษาหาโค้ดมา 1 โค้ด

2.อธิบายโค้ดที่หามา ว่ามีความหมายว่าอย่างไร มาพอสังเขป

3.พร้อมทั้งทำตัวอย่างให้เห็นถึงผลลัพธ์

ส่งการบ้านภายในวันที่ 2 กันยายน 48 โดยcomment permalinkไว้เหมือนเดิม
 
  Link แนะนำสำหรับการทำเวบไซท์
  *สอนhtml* *เวบมาสเตอร์ที่ดี ** แหล่งรวมโค้ดhtml * ตัวอย่างspace *
  webthaidd webmaster mac1111  iammew noose
  htmlcodetutoria *tip&trick * d3vmax  crystal04 baybay16
  realdev dwthai patjareej ladyring  goodcharlotte491
  *สอนทำSpace * thaimisc Meter codetukyang jiranon
  d3vmax symic pangrum nongpare
  *สอนกราฟฟิก* moshi-saran
  thaigraph BooRaPaGan
     
     
 
  ให้น้อง ๆคลิกขวาที่ลิงค์นั้น ๆ แล้วเปิดหน้าต่างอันใหม่นะ **  
 
ส่งการบ้านที่commentนี้นะ**
August 27

"วิธีทำSpace ขั้นพื้นฐาน"

 
 
 
หลังจากคลิกแล้วต้องรอมันนับถอยหลัง ประมาณ 15 วินาทีนะ แล้วจะมีลิงค์ให้โหลดอยู่กลาง ๆหน้าเวบนะ

Counter free

Since 17 August 2005 By Webizcom

 
 
 
 
August 25

●•เรียนรู้ตาร๊าง ตารางกันหน่อย!!●•

 
 
   วันนี้มาเรียนรู้ตารางกันหน่อยดีกว่า Html  มีอะไรให้เล่นตั้งเยอะแยะ
ตารางก็เป็นลูกเล่นอีกอันที่น่าสนใจอย่างมาก
พี่ได้หาโค้ดจากSpace ของเพื่อน ๆ หรือคนรู้จักในSpace ของพี่มาให้น้อง ๆ  ได้เข้าไปดูว่า
 เค้าทำกันอย่างไร แล้วมีตารางอะไรบ้างลองคลิกไปดูตามลิงค์เหล่านี้กันเลยนะคะ
 
  1. วิธีการสร้างตาราง  By baybay16 ---->ลองเรียนรู้จากที่นี่ก่อนนะจ๊ะ
  2. โค้ดตารางต่าง ๆ By baybay16 ----> มีตารางน่ารัก ๆ  ทั้งน๊านนน บางอันไม่ต้องก๊อปโค้ดมา แต่ก๊อปดิบมาได้เล้ยย
  3. โค้ดตารางภาค 2 By baybay16 ----> มาอีกแว้วว น่ารัก สวย ๆ
  4. โค้ดตารางภาค3 By Mac1111 -----> มีตารางเป็นกระดานดำด้วยอ่ะ หุหุ
  5. โค้ดตารางภาค4 By Mac1111 -----> เป็นตารางเรียบ ๆ แต่ดูดี

 

Counter free

Since 17 August 2005 By Webizcom

August 23

●•วิธีทำให้ขอบรูปSoft ขึ้น●•

หุหุ มาอีกแว้ววว โค้ดHTML ธรรมด๊า ธรรมดานี่เอง แต่ทำได้หลากหลายอย่างมาก ๆ  น้อง ๆบางคนไม่ถนัดการตกแต่งรูปโดยใช้โปรกแกรมไม่ว่า จะเป็น Photo Shop ,Illustrator  หรือโปรแกรมตกแต่งรูป วันนี้พี่มีโค้ดตกแต่งรูปง่าย ๆ มาเสนอและให้ได้ศึกษากัน นั่นก็คือ
 
โค้ดทำให้ขอบรูปSoftมีดังนี้
 
<DIV style="FILTER: Alpha(opacity=100,finishOpacity=4,style=2); WIDTH: 300px; HEIGHT: 225px"><IMG height=225 src="url รูปที่น้อง ๆต้องการทำให้รูปSoft" width=300 border=0></DIV>
 
อธิบายโค้ดดังนี้(จะอธิบายบางส่วน)
  1. opacity=100 ---->ตัวเลขจะอยู่ในช่วง 0- 100
  2. finishOpacity=4 ---->ตัวเลขจะอยู่ในช่วง 0- 100
  3. style=2 ----> มีด้วยกัน 4 style
    • style=0 ---> เหมือนรูปปกติ
    • style=1 ----> ด้านซ้ายของรูปจะจางมากกว่าด้านขวา
    • style=2 ----> ดังตัวอย่างข้างบน คือจางเป็นวงกลม
    • style=3 ----> จะจางคล้ายข้างบนแต่เป็นทรงสี่เหลี่ยม

ให้น้อง ๆ ลองปรับกันดูนะคะ จะเห็นความแตกต่างค่ะ

 

15455_95635.gif

Counter free

Since 17 August 2005 By Webizcom

●•วิธีแทรกรูปในSpace●•

●•วิธีแทรกรูปในSpace●• 

 

วิธีแรก"ก๊อปดิบ"

-ก๊อปดิบ คือ การ"เชื่อมโยง"ข้อมูลจากสเปซอื่นมาสเปซเรา ถ้าเจ้าของลบรูปออก รูปที่เราก๊อปมาในสเปซก็จะหายด้วย

 

-บางเว็บไซท์สามารถก็อปดิบได้โดยตรง

 

-วิธีทำ

แค่ลากครอบข้อความ/ภาพที่ต้องการ แล้วก็Copy(Ctrl+C) ปกติแล้ว Paste (Ctrl+V)มาแปะในสเปซ ง่าย ๆ ม่ะยากเลยเนอะ

 

-ตัวอย่าง

เห็นได้ทั่ว ๆไปในspace อันเน้ที่เป็นรูปทั้งหมด ก็ก๊อปมาวางเฉย ๆเลย

 

-ลองทำตามกันดูนะจ๊ะ-ในบางเว็บจะทำวิธีแรกม่ะได้ก็ใช้วิธีสอง

  

วิธีสอง"ไฮโซ"

 

-เลือกรูปก่อน โดยเวลาพบรูปในเน็ท คลิกขวาที่ภาพได้เลย

 

-เลือก Properties จะปรากฎออกมาแบบนี้ (ตัวอย่าง http://82.208.4.102/kasaimg/foto/foto_bonus/nokia-6260-black_1.jpg)

 

-ให้พักไว้ก่อน

 

-คลิก Add entry เวลาอัพBlogปกติ มันก็จะมาหน้าที่ให้เขียนข้อความ แต่อย่าเพิ่งเขียนอะไรลงไป

 

-คลิกแถบ <HTML>  ข้างๆหน้ารูปยิ้มอะ

 

-จะขึ้น <DIV></DIV> มาให้ ลบออกให้หมด

 

-ใส่นี่ลงไป ตั้งแต่เครื่องหมาย < ถึง > เลยนะ เช่น

 <P><IMG src="ชื่อที่เราได้พักไว้เมื่อกี้"></P>

(ตัวอย่าง <P><IMG src="http://82.208.4.102/kasaimg/foto/foto_bonus/nokia-6260-black_1.jpg"></P> )

 

-คลิกแถบ <HTML>  ข้างๆหน้ารูปยิ้มอะ เพื่อกลับไปหน้าเขียนBlogปกติ จะเห็นรูปขึ้นมา ถ้ารูปไม่ขึ้นแสดงว่าทำผิดนะ หรืออาจต้องรอโหลดสักแป๊บ

 

-ถ้าจะตกแต่ง/เคลื่อนย้าย/ย่อ/ใส่ข้อความ ได้ปกติเลยเหมือนทำเว็บกับDream ประมาณนั้นเลยคะ

Link แหล่งรูปที่ก๊อปได้

  1. spritethailand
  2. DragonFlyGang79
  3. Nuchyy
  4. shinobu
  5. beingBee
  6. googig

Link แหล่งรูปที่ต้องใช้วิธีไฮโซ

  1. kumahp

ถ้าอยากเอารูปที่อยู่ในเครื่องขึ้นแต่ม่ะร้จะเอาฝากไว้ที่ไหนไปได้ที่นี่เลยจ้า!!!

  1. imageshack (อันนี้ถ้าอัพรูปขึ้นไปแล้วมันจะให้โค้ดมาเลย)
  2. FilesUpload
 

 

 
 

Counter free

Since 17 August 2005 By Webizcom