การสร้าง Cascading Style Sheets (css) = Dreamweaver โดย พ ย า ย า ม ดอทคอม

: หน้าหลัก : เกมส์ : HOT Free : มุขตลก : บทกลอน : ดูดวง : บริการออกแบบเว็บครบวงจร : การสร้างเว็บ : เกร็ดความรู้ : เว็บบอร์ด : เกี่ยวกับเว็บ :

เว็บบอร์ดของ Dreamweaver :: HTML :: CSS :: JAVA :: Upload :: Free SCRIPT :: Free HOSTING :: อื่น ๆ

^_ หน้าแรก _^

Basic

> กำหนดที่ตั้งของเว็บไซต์
> การเช็ดไทยใน Dream4
> การเช็ดไทยใน DreamMX
+ บันทึก-เรียกดูเว็บเพจ
- การบันทึก
- การเรียกดู
+ อุปกรณ์เบื้องต้น
- ตอนที่ 1
- ตอนที่ 2
+ ตัวอักษร
- เริ่มใช้งาน
- Tip & Trick
- การจัดรูปแบบอักษร
+ พื้นหลัง (ฺBackground)
- Text & Link
- Margin
+ การนำภาพลงเว็บเพจ
- วิธีทำ
- สาเหตุภาพไม่ปรากฏ 1
- สาเหตุภาพไม่ปรากฎ 2
- Rollover Image
- Navigation bar
+ ตาราง
- สร้างตาราง
- การเลือกตาราง
- คุณสมบัติตาราง
- cell colum row
- การรวม Cell
- การแบ่ง Cell
+ Layer
- การใช้เลเยอร์
- เลเยอร์ที่สร้างแล้ว
- ปัญหา layer ซ้อนทับกัน
- Layer Perference
+ การทำจุดเชื่อมโยง (Link)
- link ให้ตัวอักษร
- link ด้วยภาพ
- link hotspot
+ Flash
- การแทรก Flash
- ทำให้พื้นหลังโปร่งใส่
- Flash button
+ เฟรม (frame)
- ตอนที่ 1
- ตอนที่ 2
- ตอนที่ 3
- ตอนที่ 4

Advance

+ JumpMenu
- ตอนที่ 1
- ตอนที่ 2
+ css
- การสร้าง css
- กำหนดตัวอักษร
+ Behaviors
- ข้อความที่ Status bar
- เรียก Pop up

Download

@ ทำให้ Dream4 อ่านไทยได้
@ ทำให้ DreamMX อ่านไทยได้
@ DreamMX 2004 7.0 Trial

<< Back
-> Refresh
-> แจ้ง link เสีย

เขียนสมุดเยี่ยม

webboard

การสร้าง Cascading Style Sheets (css)

การที่เรานั้นนำ css (Cascading Style Sheets) มาใช้ร่วมกับการสร้างเว็บ นั้นจะช่วยอำนวยความสะดวก หากว่าเรานั้นต้องการที่ update รูปร่างหน้าตารูปแบบอักษร ลิงค์ ตาราง และอื่นๆ อีก บ่อย ๆ เจ้าตัว css ช่วยคุณได้ครับ แต่ว่าคุณยังไม่รู้ว่าเจ้าตัวนี้คืออะไร ผมก็อยากแนะนำให้ทุกคนที่ยังไม่รู้ถึงประโยชน์ของเจ้าตัวนี้ควรศึกษา ภาษา css ด้วยก็ดีนะครับที่ http://css.pyayam.com (หากว่าศึกษาตัวนี้ได้เข้าใจแล้ว รูปแบบเว็บของคุณสวยงามมากเลยครับ ก็ดูตัวอย่างเว็บ Pyayam.com ของผมซิครับ ให้ css ร่วมด้วยนะครับ ตรง scroll bar เปลี่ยนสีได้เพราะ css การทำ link โดยไม่ต้องมีขีดเส้นใต้ก็เพราะ css ) เรามาดูการนำ css มาใช้งานเลยนะครับ แต่ว่าเป็นแบบพื้น ๆ ครับ ตรงนี้ผมจะอกเฉพาะสิ่งที่เกี่ยวกับตัวอักษร ที่ http://css.pyayam.com นั้นเนื้อหาของ css เพียบเลย

- มาที่เมนู Text > Css Styles > New Style…

- จากนั้นจะมี Dialog Box New Style

- Neme : ใส่ชื่อที่คุณต้องการ
- Type : คลิกเลือก Make Custom Style (class)
- Define In : คลิกเลือก New Style Sheets (file)
- คลิก OK

แล้วจะปรากฏ Dialog Box ให้เรา save ชื่อ file เช่น pyayam .css (นามสกุลของ file)

การกำหนดตัวอักษร

เมื่อเราไม่ได้ทำการระบุ รูปแบบ ขนาด สี ของตัวอักษรในเว็บเพจ (แต่ว่าเรานั้นทำการระบุไว้ที่ file .css) นั้นตัวอักษร ก็จะเป็นไปเหมือนกันกับที่ระบุใน file .css

หลังจากที่สร้าง file .css แล้วนั้นจะเป็น Dialog Box : Style Definition เลือก Type ด้านซ้าย ในหัวข้อ Type ด้านขวามีรายละเอียดดังนี้

- Font คลิกลูกศรจะมี Font ให้เลือก
- Size คลิกลูกศรจะมี Size ให้เลือก
- ที่เหลือคงไว้เหมือนเดิม
- คลิก Apply
- คลิก OK

แล้วทำการ Preview โดยการกด F12 ดูครับว่าเป็นเหมือนกันกับที่ผมได้โม้ไว้หรือเปล่า

หมายเหตุ
หากต้องการรู้ว่าค่าต่าง ๆ นั้นคืออะไรบ้าง ควรศึกษาเรื่อง css ประกอบด้วยที่ http://css.pyayam.com ครับเนื้อหาของที่นี่มีเพียบเลยครับประมาณ 90 หน้า แต่ว่าอย่าเพิ่งขี้เกียจก่อนนะครับ หากว่าศึกษาไปแล้วจะชอบ .css เองครับ

และนี้ก็คือ code ที่นำ file .css มาใช้งานร่วมกับ Dreamweaver ครับ แต่ว่า code จริงนั้นยาวกว่านี้

<< Back :: ^ top ^

เพียง 15 นาที ก็
โปรโมทเว็บไซต์ไว้
ที่หน้าแรก Google
ใส่ ค้นหาและคำบรรยาย
ของเว็บไซต์ ด้วยตัวท่าน
เพียง 2,999 บาท คลิก!

รับสอนสร้างเว็บไซต์, โปรโมทเว็บ Adwords , PHP, MySQL, HTML, FTP, SMF, PHPMyAdmin, Dreamweaver, Oscommerce, Photoshop, Flash.

ฟรีเว็บไซต์สำเร็จรูป สำหรับ ธุรกิจขายตรง อาหารเสริม สร้างเครือข่าย หาทีมงาน ทำงานที่บ้าน ธุรกิจเครือข่าย MLM อาชีพเสริม รายได้พิเศษ - ธุรกิจ/ขายตรง

เมื่อพยายาม.com เป็นข่าว

MSN & E-mail : mr.pyayam [ at ] gmail.com
หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321 คำขอที่ 32 / 2548
Copyright © 2004 - 2008 PYAYAM.com. All rights reserved ®. Hosting by Baansiripatt.com