ใช้ CSS เพื่อสร้างสไตล์แท็กเมฆ
แท็กเมฆเป็นภาพของภาพของรายการ คุณมักจะเห็นแท็กเมฆในบล็อก ได้รับความนิยมจากเว็บไซต์อย่าง Flickr
เมฆแท็กเป็นรายการลิงก์ที่มีการเปลี่ยนแปลงขนาดและน้ำหนัก (บางครั้งอาจมีสีมากเกินไป) ขึ้นอยู่กับแอตทริบิวต์ที่วัดได้ เมฆแท็กส่วนใหญ่สร้างขึ้นจากความนิยมหรือจำนวนหน้าที่ถูกแท็กด้วยแท็กเฉพาะ แต่คุณสามารถสร้างแท็กเมฆจากรายการสิ่งของในเว็บไซต์ของคุณที่มีวิธีการแสดงผลอย่างน้อยสองวิธี ตัวอย่างเช่น:
- รายการบทความเรียงตามตัวอักษรพร้อมรูปแบบที่แสดงถึงความนิยมของบทความ
- รายชื่อเว็บไซต์ตามลำดับตัวอักษรพร้อมด้วยรูปแบบที่แสดงว่าคนที่คุณชอบที่สุด
- รายชื่อของบรรณาธิการเว็บที่ระบุไว้ในใบสั่งราคาพร้อมด้วยสไตล์ที่แสดงว่าแต่ละชุดมีเกณฑ์ใกล้เคียงกันอย่างไร
- รายชื่อเพื่อนที่มีสไตล์ระบุระยะทางจากบ้านของคุณไปที่พวกเขา
สิ่งที่คุณจำเป็นต้องสร้างเมฆแท็ก?
ง่ายที่จะสร้างแท็กเมฆคุณจะต้องมีสองสิ่ง:
- รายการสิ่งของ (เช่นบทความทางเว็บเว็บไซต์หรือเพื่อนของคุณ)
- การวัดสำหรับแต่ละรายการ (เช่นการดูหน้าเว็บต่อวันการจัดอันดับ 1-10 หรือระยะทางจากบ้าน)
เมฆแท็กส่วนใหญ่เป็นรายการลิงก์ดังนั้นจึงช่วยได้หากแต่ละรายการมี URL ที่เชื่อมโยงอยู่ แต่ไม่จำเป็นต้องสร้างลำดับชั้นภาพ
ขั้นตอนในการสร้าง Tag Cloud ของลิงก์ยอดนิยม
เว็บไซต์ของฉันมีบทความที่ได้รับการดูหน้าเว็บทุกวันและนี่เป็นเมตริกที่ง่ายสำหรับฉันที่จะใช้เพื่อสร้างแท็กเมฆ ดังนั้นในตัวอย่างนี้เราจะสร้างแท็ก cloud จากรายการบทความบทความ 25 อันดับแรกบนเว็บไซต์ของฉันสำหรับสัปดาห์ 1 มกราคม 2007
- กำหนดจำนวนระดับที่คุณต้องการในลำดับชั้นของคุณ
- แม้ว่าจะมีหลายระดับในระบบคลาวด์ของคุณเนื่องจากคุณมีรายการในรายการ แต่โค้ดนี้ก็น่าเบื่อและความแตกต่างอาจน้อยมาก ขอแนะนำให้มีลำดับชั้นไม่เกิน 10 ระดับ
- ตัดสินใจตัดคะแนนสำหรับแต่ละระดับ
- อาจเป็นการง่ายๆเพียงแค่ตัดมุมมองหน้าของคุณต่อวันเป็นชิ้น 1/10 ชิ้นนั่นคือ ถ้าหน้าเว็บที่ใหญ่ที่สุดในไซต์ของคุณได้รับการดูหน้าเว็บ 100 ครั้งต่อวันคุณสามารถแบ่งเป็น 100+, 90-100, 80-90, 70-80 เป็นต้นฉันสับหน้าเว็บของฉันดูแบบนี้
- แสดงรายการของคุณในลำดับการดูหน้าเว็บและให้อันดับตามขั้นตอนที่ 2
- อย่ากังวลหากคุณไม่มีรายการใด ๆ ในช่องบางช่องซึ่งทำให้เมฆน่าสนใจยิ่งขึ้น
- จัดเรียงรายการตามลำดับตัวอักษร (หรือเรียงลำดับที่สองที่คุณต้องการใช้)
- นี่คือสิ่งที่ทำให้เมฆน่าสนใจ ถ้าคุณปล่อยให้เรียงลำดับตามอันดับจากนั้นก็จะเป็นรายการที่มีรายการที่ใหญ่ที่สุดที่ด้านบนลงไปที่เล็กที่สุดที่ด้านล่าง
- เขียน HTML ของคุณเพื่อให้อันดับเป็นจำนวนชั้นเรียน class = "tag4"> การเพิ่มไฟล์เสียงสตรีมมิ่ง
เมื่อคุณมี HTML สำหรับรายการแต่ละรายการและลำดับที่คุณต้องการแสดงแล้วคุณต้องตัดสินใจ คุณสามารถวางลิงก์ไว้ในย่อหน้าได้และคุณต้องทำ แต่จะไม่มีเครื่องหมายแสดงความหมายและทุกคนที่ไม่มี CSS มาที่แท็กของคุณจะเห็นลิงก์ขนาดใหญ่ HTML สำหรับรายการประเภทนี้จะมีลักษณะดังนี้:
การเพิ่มไฟล์เสียงสตรีม ซอฟต์แวร์ออกแบบเว็บที่ดีที่สุด สัญลักษณ์สัญลักษณ์สี aa033103a.htm "/> / aa033103a.htm" class = "tag2"> การสร้างหน้าเว็บสำหรับผู้ที่หลงทางทั้งหมด สัญลักษณ์สี < a> p> แต่ขอแนะนำให้คุณสร้างแท็กเมฆโดยใช้รายการที่เรียงลำดับ เป็นอีกหนึ่งบรรทัดของโค้ด HTML และ CSS แต่จะช่วยให้แน่ใจได้ว่าเนื้อหาจะสามารถอ่านได้ไม่ว่าใครจะมาดูบ้าง HTML จะมีลักษณะดังนี้: ตอนนี้เราได้รับส่วนสนุก - สไตล์ CSS เมื่อคุณจัดรูปแบบแท็กเมฆคุณมักจะเปลี่ยนขนาดตัวอักษรและน้ำหนักตัวอักษร คุณยังสามารถเปลี่ยนสีของแบบอักษรหรือพื้นหลังหรือแอตทริบิวต์สไตล์อื่นได้ แต่ขนาดและน้ำหนักเป็นแบบเดิม คุณจำเป็นต้องมี 10 ชั้นเรียนสไตล์หนึ่งสำหรับแต่ละอันดับแท็ก: ฉันต้องการรวมสไตล์บางอย่างไว้รอบ ๆ ตัวเมฆ: วางตัวข้อความในระบบคลาวด์และตั้งค่าความสูงเป็นเส้นหนึ่งเพื่อให้เมฆสามารถอ่านได้และตรวจดูให้แน่ใจว่าแท็ก anchor ไม่มีช่องว่างอยู่ สุดท้ายหากคุณกำลังใช้วิธีการจัดแนวความหมาย (เช่นรายการที่เรียงลำดับ) คุณจะต้องเพิ่ม CSS อีกสองบรรทัดเพื่อให้รายการไม่มีสัญลักษณ์แสดงหัวข้อย่อยและไม่เว้นไว้: แต่รูปแบบสำหรับแท็กมีเมฆอยู่ที่ไหน