เว็บไซต์ครูวิภาวี
  • Thai ไทย (ภาษาไทย)
  • Français (France)
  • English (Australia)
  • Հայերեն
  • English (United Kingdom)
Toggle Navigation
  • Home
  • รู้จักกัน
  • ติวคณิตคอม
  • ตัดต่อวีดีโอ
    • กลุ่ม พค 31 ปี 2563
    • กลุ่ม พค 32 ปี 2563
    • กลุ่ม พค 33 ปี 2563
  • สร้างเว็บไซต์
    • เว็บไซต์กลุ่ม พค 32 ปี 2562
    • เว็บไซต์กลุ่ม พค 31 ปี 2562
    • เว็บไซต์ กลุ่ม พค 23 ปี 2562
    • เว็บไซต์กลุ่ม พค 32 1/2563
    • ผลงานเว็บไซต์ ปีการศึกษา 1/2565
  • รวมคำสั่ง
    • คำสั่ง ปี 2560
    • รวมคำสั่ง 2559
    • รวมคำสั่ง 2558
    • คำสั่งปี 2561
    • รวมคำสั่งปี 2562
      • กิจกรรม 2562
  • ติว v-net
  • ฐานข้อมูล
  • ดาวน์โหลด
    • รวมคำสั่ง ปี 2564
  • การสร้าง CAI
  • คอมพิวเตอร์สารสนเทศเพื่องานอาชีพ
  • Animation2D
  • สร้างช่อง youtube
  • นโยบาย สอศ
  • สอบมาตรฐานวิชาชีพ

Գլխավոր

ผลงานออกแบบเว็บไซต์ ร้าน Butterrain skincare

Մանրամասները
Հեղինակ՝ ครูวิภาวี

ผลงานนักศึกษาวิชาการสร้างเว็บไซต์ กลุ่ม พค 23  
คลิกชมผลงานเว็บไซต์ขายเครื่องสำอาง http://butterrainskincaer.orgfree.com/

การทำ Swap Image

Մանրամասները
Հեղինակ՝ ครูวิภาวี

การทำ swap Image หมายถึงการกำหนดให้วัตถุ( Object )เปลี่ยนจากรูปภาพหนึ่งเป็นอีกรูปภาพหนึ่ง โดยสามารถกำหนด Action ได้หลายประเภทตามที่ต้องการ มีขั้นตอนการทำ Swap Image ดังนี้

  1. คลิกเลือกรูปภาพเล็ก รูปภาพที่ต้องการ ทำ Swap Image
  2. ที่ช่อง id ตั้งชื่อให้กับรูปภาพ  small 1, small 2, small 3 ตามลำดับ
  3. คลิกรูปใหญ่ ตั้งชื่อ big
  4. คลิกรูปภาพที่ 1 small 1
  5. ที่หน้าต่าง Behaviors คลิกเครื่องหมาย  บวก  Add Behaviors
  6. เลือก Swap Image
  7.  จะปรากฏกล่องข้อความ Swap Image คลิกที่ big image เพื่อให้เลือกรูปภาพที่ต้องการให้เปลี่ยน
  8. คลิก  Browse เพื่อเลือกแหล่งที่เก็บรูปภาพ
    9. ทำตามขั้นตอนที่  4- 8 กับภาพ Small 2,small3

เตรียมพื้นที่ และโปรแกรมก่อนการ upload เว็บไซต์

Մանրամասները
Հեղինակ՝ ครูวิภาวี

สมัครขอพื้นที่เว็บไฟรี ได้ที่

freehost.in.th   

ดาวน์โหลด โปรแกรมและติดตั้งก่อนการนำส่งไฟล์

FileZilla  FTP Client

สอนการจัดการรูปภาพในเว็บไซต์

Մանրամասները
Հեղինակ՝ ครูวิภาวี


ให้คลิกที่ไฟล์ HTMl แล้วใช้ AP Div วาดเค้าโครงรูปภาพที่สินค้าเพื่อดูขนาดรูปภาพเมื่อได้ขนาดแล้วก็ทำไฟล์รูปภาพสินค้าในโปรแกรม photoshop
- จะสร้างไฟล์สินค้าและบันทึกรูปภาพอย่างไร
 เพื่อสร้างไฟล์รูปภาพเสร็จให้คลิก เมนู file Save for web บันทึกไฟล์เป็นนามสกุล .png
 -  จะแทรกรูปภาพในโปรแกรม Dreamweaver อย่างไร
คลิกที่icon  image แทรกรูปภาพที่ต้องการ

Էջ 202, 308-ից

  • 197
  • 198
  • ...
  • 200
  • 201
  • 202
  • 203
  • 204
  • ...
  • 206
  • Դուք այստեղ եք՝  
  • Գլխավոր

Main menu hy-AM

  • Գլխավոր

ติวvnet

  • ตารางสอบ v-net
  • ติวสอบ vnet คอมพิวเตอร์ ตอนที่ 1
  • รวมแนวข้อสอบ v-net
  • รวมแนวข้อสอบ v-net
  • สอบ vnet ตอนที่ 2
  • เนื้อหาการสอบ (Test Blueprint) V-NET ปีการศึกษา 2566 ภาพ V-NET

เด็กคอมควรรู้ก่อนเรียนจบ

  • การติดตั้งโปรแกรม Adobe premiere ccการติดตั้งโปรแกรม Adobe premiere cc
  • วิเคราะห์ข้อมูลโครงการวิเคราะห์ข้อมูลโครงการ
  • ภาษาอังกฤษวันละคำภาษาอังกฤษวันละคำ

ผลงานการสร้างเว็บไซต์ 2562

สมัครขายภาพถ่ายคลิกเลยจ้า

     
เทียบโอนความรู้ฯ รุ่น 13

วิชาการวิเคราะห์และออกแบบระบบ
(System Analysis and Design)

รายวิชาการออกแบบและพัฒนาเว็บไซต์

แผนการสอน การสร้างเว็บไซต์ (Website
Creation) รหัส 20204-2008


            กลุ่ม พค 31 คลิก   

           กลุ่ม พค 32 คลิก

 

สถิติผู้เยี่ยมชม

3970312
Today
Yesterday
This Week
Last Week
This Month
Last Month
All days
2666
3672
29696
3889645
60211
114902
3970312

2025-05-10 16:51
Visitors Counter

ข้อมูลที่ปรึกษา

  • สมาชิกกลุ่ม พค 11 ปีการศึกษา 2562
  • เครือข่ายผู้ปกครอง
  • แผนการเรียน 2/2562

Դեպի վերև

© 2025 เว็บไซต์ครูวิภาวี