ธีมและสกิน

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

ถ้าคุณคุ้นเคยกับ Cascading Style Sheets (CSS) คุณจะไม่ยากที่จะเข้าใจการทำงานของปัญหาที่ ทั้งสองเทคนิคที่คล้ายกันเนื่องจากทั้งสองในความเป็นจริงคุณสามารถกำหนดลักษณะการแสดงผลของหน้าเว็บของเรา มันสามารถใช้รูปแบบการระบุลักษณะกราฟิกและองค์ประกอบอื่น ๆ ในหน้าของเว็บไซต์ของเรา

รูปแบบที่มีพื้นแฟ้มข้อความที่ระบุลักษณะที่เป็นองค์ประกอบของหน้าเว็บที่ต้องถือว่า ASP.NET และจะมีการเริ่มต้นหลาย ๆ แม้ว่าคุณสามารถของหลักสูตรกำหนดด้วยตัวคุณเอง

ดำเนินการกับตัวอย่าง สร้างรูปแบบเว็บใหม่ (ผมเรียกมันว่า EsempioTemi.aspx) และแล้วเราคลิกปุ่มขวาของเมาส์ที่อยู่ในโครงการของเราและเลือกเพิ่มตัวเลือกโฟลเดอร์ ASP.NET และเลือกประเภทโฟลเดอร์ที่เป็นชุดรูปแบบ

นี้นำไปสู่​​การสร้างโฟลเดอร์ที่อยู่ภายใน App_Themes กับโฟลเดอร์เริ่มต้น (เรียกว่า Theme1)

เปลี่ยนชื่อโฟลเดอร์ Theme1 ในการเริ่มต้นและคลิกที่มันมีปุ่มขวาของเมาส์, การเพิ่มองค์ประกอบใหม่ของ stylesheet ชนิด (สไตล์ชีท) เราเรียก default.css เดียวกัน

ณ จุดนี้เราจะต้องกำหนดลักษณะของแผ่นลักษณะของเรา ถ้าเราดับเบิลคลิกที่มันเราจะเห็นว่ามีเพียงแท็กร่างกาย

เพิ่มรายการใหม่คลิกที่รูปแบบกฎลักษณะเมนูเพิ่ม

นี้จะเปิดหน้าต่างต่อไปนี้

สมมติว่าคุณต้องการเพิ่มองค์ประกอบ H1 ไปยังแผ่นลักษณะของเรา องค์ประกอบเลือกในเมนูแบบเลื่อนลงและคลิกที่องค์ประกอบ h1 ปุ่ม> เพื่อวางไว้ในรายการลำดับชั้นของกฎสไตล์

คลิก OK อีกครั้งเราจะเห็นว่าสไตล์ที่มีการเปลี่ยนแปลงดังต่อไปนี้

หากต้องการแก้ไขรายการเพียงแค่เราคลิกที่แทรกด้วยเมาส์ปุ่มขวาที่แท็กและเลือกตัวเลือกลักษณะการสร้าง นี้จะเปิดกล่องโต้ตอบปรับเปลี่ยนรูปแบบที่เรากำลังจะตั้งค่าคุณสมบัติบางอย่างที่จะ

หลังจากที่คลิก OK เราจะเห็นทางเลือกของเรารวมอยู่ในสไตล์

เราจะทดสอบรูปแบบของเราตอนนี้โดยการเพิ่มรูปแบบเว็บที่สร้างขึ้นที่จุดเริ่มต้นของชุดรูปแบบ Directive บทเรียนและการเขียนสิ่งที่อยู่ในแท็ก H1

ข้อความที่ฉันป้อนฉันถูกทดสอบรูปแบบของโปรแกรมประยุกต์และมันจะถูกแสดงในเบราว์เซอร์ให้เป็นไปตาม IPOST แผ่นสไตล์ของเรา

สิ่งเดียวกันที่จะเกิดขึ้นสำหรับองค์ประกอบทั้งหมดของเราอยู่ในแท็ก H1 เห็นได้ชัดว่าเราได้ใช้แท็กนี้เป็นตัวอย่าง แต่ในหลักการในทางเดียวกันคุณสามารถปรับแต่งองค์ประกอบทั้งหมดของรูปแบบเว็บ

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

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

นี่คือตัวอย่าง สร้างโฟลเดอร์ใหม่ในโฟลเดอร์ที่เรียกว่าเริ่มต้นกินเห็นก่อนหน้านี้และเพิ่มองค์ประกอบใหม่เพื่อผิวประเภทที่อยู่ภายในที่เรียกว่า TestSkinFile

แทรกในการสร้างการปรับแต่งไฟล์สำหรับการควบคุมบางอย่างเช่นต่อไปนี้

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

• <<บทเรียนก่อนหน้า
• ดัชนีความช่วยเหลือ
• บทเรียนถัดไป>>