Phone : 02-9578755, E-mail : info@aosoft.co.th
Knowledge client list all contact us
ออกแบบเว็บไซต์ ออกแบบ Intro ออกแบบเว็บบอร์ด ออกแบบ Flash ลูกค้า Domain ลูกค้า Hosting ปรับโปรแกรม ดูแลรายเดือน เว็บสองภาษา ทั้งหมด

ด้วยผลงานมากกว่า 77 เว็บไซต์ ประสบการณ์มากกว่า 13 ปี จึงทำให้เราและลูกค้ามั่นใจ

รับออกแบบเว็บไซต์เชื่อถือได้ไม่หนีงาน

สามารถดูผลงานเพิ่มเติมได้ที่ Aosoft.co.th, Web-thai.com ครับ

เมนูหลักของเว็บไซต์
รับเขียนเว็บไซต์ บริการต่างๆของเรา
ให้คำปรึกษาในการออกแบบเ็ว็บไซต์ บทความน่ารู้กับการเขียนเว็บไซต์
ผลงานการออกแบบเว็บไซต์ ผลงานทั้งหมด
ตัวอย่างลูกค้าออกแบบเว็บไซต์ รายนามลูกค้าทั้งหมด
บริการสำหรับลูกค้า
ออกแบบเว็บไซต์ บริการพื้นที่เว็บไซต์ ( เฉพาะลูกค้าเรา)
รับออกแบบเว็บ แจ้งขอจดโดเมนใหม่ !!
- กรอกรายละเอียดเพื่อเป็นข้อมูลของโดเมน
รับออกแบบเว็บ จัดการโดเมนของท่าน (สำหรับลูกค้าเรา)
- จัดการตั้งค่า Nameserver
- จัดการข้อมูล Domain
รับออกแบบเว็บ ตรวจสอบเจ้าของโดเมนเนม (whois)
รับดูแลเว็บไซต์ ตรวจสอบ/ค้นหาโดเมนว่าง (อยู่ในช่วงจัดทำ)
รับออกแบบเว็บ ตรวจสอบ SEO Reports (อยู่ในช่วงจัดทำ)
คู่มือการใช้งานเว็บ คู่มือการใช้งานโปรแกรม (cPanel)
ติดต่อเขียนเว็บไซต์ ติดต่อสอบถาม
คุณรู้จักสิ่งเหล่านี้แล้วหรือยัง ?
3 สิ่งเล็กๆ ที่ควรรู้สำหรับเจ้าของเว็บไซต์
สวัสดีครับหลังๆนี้ผมก็ไม่ได้เข้ามาเขียนบทความมากสักเท่าใหร่ว..
รับออกแบบเว็บไซต์เชื่อถือได้ไม่หนี.
วันนี้คงมีเนื้อหามาแนะนำกันไม่มากนะครับ แต่จะขอเน้นไปทางลูกค..
นักพัฒนา facebook +ติดตั้ง SSL Certificate
พอดีวันนี้มีข่าวมาแจ้งให้ทราบ ที่จริงข่าวนี้หลายๆท่านน่าจะทร..
วิธีหาว่าได้ defined constants อะไรไว้บ้างและมีค่าเป็นอะไร
เนื่องจาก CMS หรือ Framework หลายๆตัว มีการ defined constant..
เว็บ 3.0 คือ / web 3.0 คือ
สวัสดีครับ วันนี้ siammodify แวะมาเขียนบทความให้อ่านขำๆอีกสั..
วิธีเขียนป้องกันการโดนดึงรูปไปใช้ (.htaccess)
พอดีมีโอกาสได้เขียน htaccess เลยเอามาโพสแนะนำไว้ให้ครับ สำหร..
รหัส Error บนเว็บไซต์ (101,200,301,304,..)
ปกติแล้วการทำงาน เขียนโปรแกรมรวมไปถึงคนที่ใช้ชีวิตประจำวันบน..
รหัส Error บนเว็บไซต์ (403,404,500,504,505)
error ต่างๆบนเว็บไซต์ ตอนนี้ขอเป็นตอนต่อนะครับ ติดค้างไว้นาน..
ใส่ปุ่ม back ในเว็บแบบขำๆ javascript
ก่อนอื่นก็ต้องบอกก่อนนะครับว่า ขำๆในที่นี้คือง่ายๆ ไม่ได้หรู..
PHP 5.3 เปลี่ยนอะไรบ้าง (php version 5.3.x)
สวัสดีครับ มาดูกันว่าใน php version 5.3 มีอะไรเปลี่ยนแปลงบ้า..
share

วันนี้ขออธิบายถึง iframe กันนะครับ

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

iframe คือ HTML CODE ที่ใช้ในการดึงหน้าเว็บไม่ว่าจะเป็น path url จากเว็บเราหรือจากเว็บอื่น มาแสดงในเว็บของเราครับ และสามารถกำหนดได้ทั้งขนาดของกรอบที่จะแสดงว่า กว้าง / ยาวเท่าใหร่ ซึ่งบางที่ใช้ในการดึงกรอบข่าวสารจากเว็บอื่นๆมาแสดงที่เว็บของตัวเองครับ

ข้อดีของ iframe
ข้อดีอีกอย่างคือช่วยแบ่งการโหลดหน้าเว็บออกเป็นส่วนๆครับ ทำให้ลดการโหลดหน้าเว็บหลักของเราทำให้ดูเหมือนเว็บโหลดไวขึ้นครับ นอกจากนี้ยังสามารถดึงหน้าเว็บจากเว็บอื่นมาแสดงที่หน้าเว็บของเราได้ด้วย iframe เช่นเดียวกัน และ หากไฟล์หรือลิ้งค์ที่เราใส่ไว้ใน iframe เกิดมีปัญหา error ก็จะไม่ส่งผลกับหน้าเว็บหลักของเราครับ แต่จะไป error ในส่วนของ iframe แทนครับ และยังมีข้อดีอื่นๆอีกครับ แต่ก็ใช่ว่าจะมีแต่ข้อดีนะครับ เพราะการใช้ iframe ก็มีข้อเสียอยู่หลายส่วนเช่นกันครับ

ข้อเสียของ iframe
1. ไม่ดีต่อ robot search

หลังจากที่เราได้ทราบข้อดี และ ข้อเสียของ iframe แล้วต่อไปเรามาดูวิธีการเรียกใช้งานกันนะครับ ซึ่งวิธีการใช้งานก็ง่ายๆครับ เอา code iframe ไปไว้ใน html ส่วนที่เราต้องการให้แสดงผลครับ โดย code iframe สามารถเขียนคร่าวๆได้ดังนี้ครับ

<iframe src="http://www.siammodify.com" height="600" width="700" >
</iframe>

สำหรับ option ของ tag iframe นี้จะมีให้เลือกใช้อยู่มากมายครับ อยู่ที่เราจะใส่เข้าไปครับ ในที่นี้ผมจะช่วยเขียนอธิบายให้ทราบ เท่าที่หลักๆได้ใช้งานกันนะครับ

เป็น url ของหน้าที่ต้องการดึงมาแสดงใส่ได้ทั้งลิ้งค์ภายใน และ ลิ้งค์ภายนอกจากที่อื่นครับ

src="http://www.siammodify.com"

ในส่วนนี้จะเป็นความสูงครับ

height="600"

ความกว้างของกรอบ iframe ที่เราดึงมาแสดงครับ

width="700"

สามารถใส่ได้ (auto | yes | no) ในส่วนนี้คือกำหนดให้กรอบของเรามี scrollbar หรือไม่

scrolling="auto"

สามารถใส่ class และ id เช่นเดิม

class="{classname}"

หลักๆสามารถใส่ได้ (0 | 1 | yes | no) หรือตัวเลขครับ ในส่วนนี้จะเป็น border ของกรอบครับ

frameborder="1"

ระยะห่างจากขอบ

marginheight=""  marginwidth=""

สามารถใส่ style css ได้ตามปกติ

style=""

สีของเส้นขอบ border ของกรอบ iframe

bordercolor="#CCCCCC"

จัดกลาง / ขวา / ซ้าย

align="left"

ที่นี้ผมหวังว่าหลายๆท่านที่สงสัยเกี่ยวกับ iframe และเรื่องการเรียกใช้งาน รวมไปถึง option ต่างๆน่าจะพอเข้าใจอยู่บ้างนะครับไม่มากก็น้อย และหวังว่าบทความชุดนี้คงเป็นประโยชน์สำหรับหลายๆท่านนะครับ หากตัวเนื้อหาของผมในจุดไหนไม่ถูกต้องหรือไม่ครบถ้วนสามารถแจ้งมาได้ครับ และทางทีมงาน siammodify ก็ต้องขออภัยด้วยครับ

หากท่านใดนำบทความเราไปใส่ในเว็บผมรบกวนใส่ลิ้งค์ที่มา ให้ผมด้วยนะครับ
ขอบคุณครับ

แสดงผล 68165 ครั้ง
 
Copyright © 2010 siammodify.com
เว็บไซต์นี้ออกแบบโดยทีมงาน siammodify และ ปรับแต่งภายใต้โปรแกรม wordpress