lozocat 
   
วิธีใส่ภาพในเว็บที่เราดาวน์โหลตัวอย่างเว็บ

เข้าโปรแกรม Photoshop หาภาพที่มีขนาดเดียวกันกับภาพหรือขนาด
ใกล้เคียง วิธีตรวจสอบขนาดภาพ เข้า file และเลือก open ดังภาพ


เข้าไปที่ไฟล์ที่เราสร้างขึ้นในการสร้างเว็บ ของกลางภู คือ central phu
แล้วคลิกเข้าไปที่ตัว images ดังภาพ


เมื่อคลิกเข้ามาแล้วจะได้ภาพนี้


กลางภูเลือกภาพหัวเว็บ ชื่อ templatemo_top_bg.jpg เเล้วคลิกบนเมนู
ชื่อ Image คลิก Image size ดังภาพ


จะปรากฎขนาดภาพขึ้นมา ภาพหัวเว็บนี้มีขนาด width 1100 pixels และ
Height 293 pixels


วิธีลดและเพิ่มขนาดของภาพ ก็เข้าที่เดี่ยวกันนี้แหละ คือ เข้าไปที่
Image และ Image size เข้าไปเปลี่ยนตัวเลข ตรง width และ Height
แล้ว OK ก็จะได้ขนาดที่เราต้องการ

กลางภูได้นำภาพ 2 ภาพ มาผนวกกัน ก็ได้รูที่แตกต่างดังนี้


วิธี save ภาพแทนที่ภาพหัวเว็บ คลิกภาพที่เราต้องการใช้ แทบภาพที่เรา
เลือกจะเป็นสีน้ำเงิน ดังนี้


เมื่อเลือกภาพได้แล้ว เข้าที่ file และคลิกที่ save for web & Devices
ดังภาพ


เลือกสกุลภาพ ในที่นี้กลางภูใช้สกุล JPEG แล้วคลิก Save


เอาไปแทนที่ภาพหัวเว็บเก่าในไฟล์ images เว็บที่เราเก็บไว้ ดังภาพ


เลือกภาพที่เราแทนที่หัวเว็บ ดังภาพ แล้ว Save


จะปรากฎภาพ ให้คลิกที่ Replace


เข้าไปดูที่ Dreamweaver mx 2004 หัวเว็บจะเปลี่ยนไปโดยอัตโนมัติ


ภาพก่อนทำหัวเว็บ


ภาพหลังทำหัวเว็บ


ภาพอื่นๆ ที่อยู่ในตัวอย่างเว็บก็ทำเหมือนกันเเบบนี้ เทคนิค
เพียงแค่รู้ขนาด และชื่อภาพที่เราจะเอาไปแทนที่ แค่นี้เราก็จะได้ภาพที่เรา
ต้องการใส่ลงไปในเว็บแล้ว วิธีการลิงค์เว็บ


Create Date : 01 ธันวาคม 2552
Last Update : 1 ธันวาคม 2552 10:16:30 น. 1 comments
Counter : 3044 Pageviews.

 
thank you


โดย: cherry IP: 125.24.169.180 วันที่: 20 มกราคม 2553 เวลา:13:47:10 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ

กลางภู
Location :
ขอนแก่น Thailand

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1 คน [?]




lozocat
คลิกที่ดอกไม้นะคะ จะมีเสียดนตรี
เขียนข้อความ..หรือ ใส่รูป
Group Blog
 
<<
ธันวาคม 2552
 
 12345
6789101112
13141516171819
20212223242526
2728293031 
 
1 ธันวาคม 2552
 
All Blogs
 
Friends' blogs
[Add กลางภู's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.