ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » Dreamweaver

กำหนดหน้าเว็บเพจง่ายๆใน Dreamweaver Appearance(CSS)

Submitted by on วันพฤหัส, 26 พฤษภาคม 20113 Comments


คำค้นหา: , , , ,

dreamweaver cs4 logo กำหนดหน้าเว็บเพจง่ายๆใน Dreamweaver  Appearance(CSS)

Dreamweaver logo โปรแกรมทำเว็บไซต์

dreamweaver เป็นโปรแกรมที่ช่วยสร้างเว็บไซต์ได้ โดยผู้ใช้ไม่จำเป็นต้องการความรู้ด้าน การเขียนโปรแกรม ก็สามารถสร้างเว็บไซต์ได้ ด้วยโปรแกรม Dreamweaver ได้ วันนี้เรามาดูส่วนของการกำหนดรายละเอียดต่างๆในหน้าเว็บเพจเรากัน ซึ่งโปรแกรม Dreamweaver นั้นสามารถกำหน้ารายละเอียดได้อย่างง่ายดาย โดยเพียงไม่กี่คลิก หรือบางอย่างกำหนดโดยการใส่ตัวเลขไปเท่านั้น
วันนี้สะดุ้งดอทคอมขอแนะนำส่วนในการตั้งค่าหน้าเว็บเพจ ซึ่งจะเป็นส่วนของ Appearance(CSS) ซึ่งในโหมดนี้เราสามารถกำหนดได้อย่างอย่างในส่วนนี้เลย
มาเริ่มกันเลยนะครับ ขั้นแรกก็เปิดโปรแกรม Dreamweaver ขึ้นมานะครับ จากนั้นไปที่ เมนู Modify > Page Properties จากนั้นจะได้รูปดังนี้

Appearance dreamweaver กำหนดหน้าเว็บเพจง่ายๆใน Dreamweaver  Appearance(CSS)

Dreamweaver Appearance(CSS)

บางคนหน้าตาอาจจะไม่เหมือนในรูปก็ไม่เป็นไรนะครับ เพราะคนละเวอร์ชั่นกัน จากตัวอย่างใช้ Dreamweaver CS5

ต่อมาเรามาดูว่า ค่าอะไรกำหนดที่ไหนบ้าง
เริ่มจาก page font นะครับ ตรงส่วนนี้เป็นส่วนของการกำหนดฟอนต์ในหน้าเว็บเพจนะครับ ซึ่งเราสามารถเลือกชุดฟอนต์ที่ต้องการได้ หรือถ้าเราเลือกด้านบนสุดจะเป็น Default font ก็จะเป็นการกำหนด
ฟอนต์ให้เป็นฟอนต์ Default ของเบาว์เซอร์ของผู้เข้าชมเว็บไซต์แต่ละคนไป

Size เป็นการกำหนดขนาดของตัวอักษร หน่วยของขนาดตัวอักษรนี้เราสามารภกำหนดได้ว่าเป็น pixels,points,cm ก็ได้

Text Color ในส่วนนี้จะเป็นการกำหนดสีของตัวอักษรที่อยู่ในเว็บเพจนั้นๆ

Background color ก็เป็นการกำหนดสีของพื้นหลังของเว็บเพจ

Background image ก็เป็นกำหนดพื้นหลังของเว็บเพจว่าจะเป็นรูปอะไร เราสามารถเลือกได้ว่าต้องการนำรูปอะไรเป็นพื้นหลังได้

Repeat คือวิธีการจัดเรียงของ พื้นหลังแบบใส่รูป (Background image) ว่าจะให้ขึ้นรูปใหม่หรือไม่ หรือจะให้เรียงแบบตามแกนแนวนอน หรือแนวตั้ง

Left margin/Right margin ตรงนี้เป็นการกำหนดระยะห่างของเว็บเพจกับขอบ Bowser ด้านซ้ายและขวา

top margin/bottom margin ตรงนี้เป็นการกำหนดระยะห่างของเว็บเพจกับขอบ Bowser ด้านบนและด้านล่าง

เขียนอธิบายไปยาว อ่านแล้วอาจจะไม่เข้าใจ งั้นลองดูจากภาพด้านล่างนี้ ครับ

Appearance dreamweaver all กำหนดหน้าเว็บเพจง่ายๆใน Dreamweaver  Appearance(CSS)

ตัวอย่างการตั้งค่า ใน dreamweaver

<<< google Plus (กูเกิ้ล พลัส)ซัดที่นี่


Related Posts

คุณอาจจะสนใจ บทความต่อไปนี้(มั้ง)

  สามารถนำบทความไปเผยแพร่ต่อได้ แต่ต้องทำ ลิงค์กับมาที่บทความนั้นๆด้วยนะครับ หากไม่ทำตามจะมีความผิดทางกฏหมายตาม พรบ. เกี่ยวกับลิขสิทธิ์ นะครับ


3 Comments »

  • thaweewat said:

    ได้สาระความรู้ ขอบคุณครับ

    Reply to this commentตอบกลับความเห็นนี้
  • Dreamweaver said:

    magnificent points altogether, you simply gained a brand new reader. What would you suggest about your submit that you simply made some days ago? Any sure?

    Reply to this commentตอบกลับความเห็นนี้
  • รับทําเว็บไซต์ราคาถูก รับทําเว็บไซต์ ราคาถูก รับทำเว็บราคาถูก said:

    ขอบคุณมากนะคะ สำหรับบทความดีดีจ้า…

    Reply to this commentตอบกลับความเห็นนี้

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can add images to your comment by clicking here.