สวัสดีผู้เยี่ยมชม [ เข้าระบบ | สมัครสมาชิก ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

►Howto◄ Dreamweaver

ตอนที่ 10 : ►Howto :: การใส่รูป


     อัพเดท 24 ธ.ค. 53
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/ดีไซน์ กราฟิก
Tags: ็Howto , Dreamweaver , Tip , All
ผู้แต่ง : - Teenage - ดูเน็ตเวิร์คอื่นๆ ของ - Teenage -
My.iD: http://my.dek-d.com/teenagedream
< Review/Vote > Rating : 97% [ 7 mem(s) ]
This month views : 22 Overall : 4,598
260 Comment(s), [ แฟนพันธุ์แท้ 284 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
►Howto◄ Dreamweaver ตอนที่ 10 : ►Howto :: การใส่รูป , ผู้เข้าชมตอนนี้ : 627 , โพส : 11 , Rating : 5 / 1 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด




มาใส่รูปกันดีกว่านะครับบ
การใส่รูปมี 2 แบบ คือ
1. สำหรับทำเว็บไซท์
2.สำหรับทำไอดีดรีม



อันนี้เป็นการสอนแบบแรกก่อนนะครับ แบบสำหรับสร้างเว็บไซท์
ขั้นตอนแรก สร้างเลเยอร์ขึ้นมาก่อน
 



สร้างเลเยอร์(ขนาดใดก็ได้)และไป
คลิ๊กเม้าท์ไว้ในเลเยอร์ทีนึง
 




ต่อมาเปลี่ยนแถบเมนูเป็นCommon แล้วกดเครื่องมือImageขึ้นมา
 




แล้วมันจะขึ้นให้เลือกรูปจากในเครื่อง
 




รูปก็จะออกมาอย่างนี้(อยู่ในเลเยอร์)
 




ตามที่รูปอธิบายเลยครับ
 

เสร็จแล้ววิธีใส่รูปแบบเว็บไซท์





ต่อไปเป็นแบบสำหรับไอดีดรีมนะครับ

ขึ้นแรกเลย
ไปฝากรูปที่เว็บฝากรูปนะครับ
(แนะนำเว็บฝากรูป
www.photobucket.com ต้องสมัครสมาชิกก่อนแต่สามารถเก็บรูปได้ไม่อั้น
และไม่จำกัดขนาดไฟล์ของรูป
หรือเว็บ www.uppic.net/ก็ได้ )
แล้วก็ก๊อปโค้ดHTML(แบบFull image)มา


ต่อจากนั้นสร้างเลเยอร์ขึ้นมา
คลิ๊กเม้าท์ไว้ในเลเยอร์ทีนึง




แล้วเปลี่ยนแบบหน้าจอเป็นแบบCode
 



ตัวขีดๆจะอยู่ตรงเลเยอร์
อยู่ระหว่าง
<div id="Layer2"> กับ </div>
 




หลังจากก็วางโค้ดระหว่าง
<div id="Layer2"> กับ </div>
 




พอเสร็จแล้วก็กดเปลี่ยนแบบเป็น Design
 





รูปก็จะออกมา
 




หลังจากนั้นคลิ๊กที่รูปทีนึง
 





พอคลิ๊กรูปเสร็จลงมาดูpropertiesด้านล่าง(ห้ามคลิ๊กอย่างอื่นนอกจากรูปนะ)
 





ลบลิ้งรูปออกซะ
 




เสร็จแล้วจ้าวิธีลงรูปแบบไอดีดรีม
แต่นี้แหละ






ทั้งหมดพอเข้าใจไหมเอ่ย แต่การที่ร้อยรู้ไม่เท่าลงมือทำนะจ๊ะ
ลองทำนะ




ช่วยComment กับ โหวต ให้กำลังใจไรเตอร์หน่อยเถอะนะครับ T^T

ขอขอบพระคุณTheme Qreaz. 10


Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
►Howto◄ Dreamweaver ตอนที่ 10 : ►Howto :: การใส่รูป , ผู้เข้าชมตอนนี้ : 627 , โพส : 11 , Rating : 5 / 1 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1

#11 : ความคิดเห็นที่ 209
เข้าใจแว้วว >
PS.  ♥ ยิ้มไม่ออกก็จะยิ้ม เพราะยิ้มแล้ว..รู้สึกดี ;w;
Name : ♔leo.la`< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ♔leo.la` [ IP : 171.4.145.55 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 11 พฤษภาคม 2555 / 20:30

#10 : ความคิดเห็นที่ 182
 อ้อ เข้าใจล้ะ
หัดจับ
แต่ต้องลองดู>W<
PS.  LOVE B2st Sj bigbang snsd 4minute after school สุดท้ายนี้ ร๊ากกกกกคนนี้>3< ' JB ' is my fan(โดนรุมตื้บ!)
Name : +'อาตี๋กินกล้วย '+< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ +'อาตี๋กินกล้วย '+ [ IP : 115.87.29.205 ]
Email / Msn: jinny_lovely84872009(แอท)hotmail.com ส่งข้อความลับ
วันที่: 30 พฤศจิกายน 2554 / 16:27


#9 : ความคิดเห็นที่ 173
 อ่อ =w=;;
PS.  น่ารักง๊าาา า # :)
Name : (¯`•¸•´¯) Lïqµê< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ (¯`•¸•´¯) Lïqµê [ IP : 125.27.117.153 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 1 พฤศจิกายน 2554 / 15:21

#8 : ความคิดเห็นที่ 150
ขอบคุณค่า =w=
PS.  Cerzy cerzy . I want your help
Name : IshαppчDayѕ< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ IshαppчDayѕ [ IP : 49.49.79.24 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 20 กันยายน 2554 / 19:17

#7 : ความคิดเห็นที่ 105
ขอบคุณค่ะ

PS.  จงเป็นศุกร์เป็รศุกร์เถิด...อย่าได้เป็นจันทร์ อังคาร พุธ พฤหัสเลย- -++
Name : WT1504PM< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ WT1504PM [ IP : 124.122.196.52 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 4 พฤษภาคม 2554 / 13:07

#6 : ความคิดเห็นที่ 96
พอทำได้แล้ว มันสนุกดีนะคะ =w= แต่ต่อไปคงเริ่มเครียดแล้ว = =;;

กราบขอบคุณค่ะ
Name : โชยุมายองเนส< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ โชยุมายองเนส [ IP : 203.144.144.164 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 2 พฤษภาคม 2554 / 14:50

#5 : ความคิดเห็นที่ 76
ขอบคุณมากค่า
PS.  เมฆาผู้โดดเดี่ยว ..สายหมอกผู้บางเบา ฉันรักสองคนนี้จริง ๆ สิให้ตาย !!
Name : ขนมปังขิง´´< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ขนมปังขิง´´ [ IP : 183.89.78.107 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 14 เมษายน 2554 / 19:22

#4 : ความคิดเห็นที่ 62
ขอบคุณน๊าฮับ ^^

PS.  อันตัวข้านั่นชอบ D18 8059 ... Am FUTA
Name : -FUTA-< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ -FUTA- [ IP : 223.204.223.248 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 28 มีนาคม 2554 / 17:21

#3 : ความคิดเห็นที่ 51
ขอบคุณน้าาา จะลองไปทำดู

ยังไม่เคยใส่รูปแบบ ไอดีดรีม +_+
PS.  `•–Lost in a fairytale–•˜
Name : Lullabiiez,,*< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Lullabiiez,,* [ IP : 27.130.64.101 ]
Email / Msn: genie_ceylon(แอท)hotmail.com ส่งข้อความลับ
วันที่: 26 กุมภาพันธ์ 2554 / 18:41

#2 : ความคิดเห็นที่ 32
ขอบคุณฮับ =w=\

PS.  ;D โอ้ลัลล้า~
Name : O๑ ハクミ ๑O< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ O๑ ハクミ ๑O [ IP : 223.205.55.211 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 8 กุมภาพันธ์ 2554 / 00:46

#1 : ความคิดเห็นที่ 31
 ค่ะ ขอบคุณค่ะ
PS.  ...อันความจริง...คือสิ่งที่ปรากฎอยู่ตรงหน้า...
Name : มนุษย์มีปีก< My.iD > ดูเน็ตเวิร์คอื่นๆ ของ มนุษย์มีปีก [ IP : 101.108.162.247 ]
Email / Msn: - ส่งข้อความลับ
วันที่: 5 กุมภาพันธ์ 2554 / 18:02

หน้าที่ 1
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

"หนังสือสดใหม่ ประจำเดือน ตุลาคม 2557"

ข้อตกลง & เงื่อนไขการใช้งาน

  • กรณีที่ผลงานชิ้นนี้เป็นผลงานที่แต่งโดยผู้ลงผลงานเอง ลิขสิทธิ์ของผลงานนี้จะ
    เป็นของผู้ลงผลงานโดยตรง ห้ามมิให้คัดลอก ทำซ้ำ เผยแพร่ ก่อนได้รับอนุญาต
    จากผู้ลงผลงาน

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android