เค้าโครงหน้าเว็บ CSS ถือได้ว่าเป็นงานที่เป็นระบบ การพัฒนาเว็บไซต์ DIVCSS อาจดำเนินการโดยคนหลายคนและโดยทีมงาน สิ่งนี้เกี่ยวข้องกับปัญหาการดำเนินงานเชิงบรรทัดฐานหลายประการ แม้ว่าจะมีการพัฒนาโดยบุคคลเพียงคนเดียวก็ตาม จำเป็นต้องมีการจัดระเบียบและเป็นมาตรฐาน บทความนี้พิมพ์ซ้ำจาก Blue ซึ่งมีประสิทธิภาพมาก ผู้เขียนได้สรุปประสบการณ์การปฏิบัติมากมายและทุกคนสามารถอ้างอิงและเรียนรู้จากมันได้ สรุป ข้อกำหนดนี้เป็นทั้งข้อกำหนดการพัฒนาและการอ้างอิงภาษาสคริปต์ อย่างไรก็ตาม โปรดอย่าเปลี่ยนแปลงข้อมูลจำเพาะตามต้องการ หากคุณมีคำถามใดๆ โปรดติดต่อฉันทันเวลา และฉันจะเปลี่ยนแปลงตัวอย่างโค้ดและเอกสารที่เกี่ยวข้องของข้อกำหนดนี้ทันที ข้อกำหนดพื้นฐาน 1. เปิดไดเร็กทอรีย่อยของรูปภาพชั่วคราวสามไดเร็กทอรีในไดเร็กทอรีรากของเว็บไซต์ จากนั้นเปิดไดเร็กทอรีย่อยของสื่อตามต้องการ ไดเร็กทอรีรูปภาพประกอบด้วยรูปภาพสาธารณะที่ใช้โดยเพจต่างๆ ในคอลัมน์ต่างๆ เช่น โลโก้บริษัท แบนเนอร์ เมนู และปุ่มต่างๆ เป็นต้น ไดเร็กทอรีย่อยทั่วไปประกอบด้วยไฟล์สาธารณะ เช่น css, js, php, include เป็นต้น ไดเร็กทอรีย่อย temp ประกอบด้วยข้อความ รูปภาพ และสื่อต้นฉบับอื่น ๆ ที่ลูกค้าจัดเตรียมไว้ flash, avi, ควิกไทม์ ฯลฯ . 2. โดยหลักการแล้ว ควรเปิดไดเร็กทอรีสำหรับแต่ละคอลัมน์ในไดเร็กทอรีรากตามโครงสร้างคอลัมน์ของหน้าแรก หากจำเป็น ควรเปิดไดเร็กทอรีย่อยของรูปภาพและสื่อในไดเร็กทอรีของแต่ละคอลัมน์เพื่อวางรูปภาพและสื่อ เฉพาะคอลัมน์นี้เท่านั้น สำหรับไฟล์มัลติมีเดีย หากคอลัมน์นี้มีเนื้อหาจำนวนมากและแบ่งออกเป็นคอลัมน์ย่อยจำนวนมาก ไดเร็กทอรีอื่นๆ ก็สามารถเปิดได้ตามนั้น 3. มักจะมีไฟล์จำนวนมากในไดเร็กทอรีชั่วคราว ขอแนะนำให้เปิดไดเร็กทอรีที่ตั้งชื่อตามเวลาเพื่อจัดประเภทและจัดระเบียบข้อมูลที่ลูกค้าให้ไว้ทีละรายการ 4. ชื่อของไดเร็กทอรีและไฟล์ทั้งหมดควรใช้ตัวอักษรภาษาอังกฤษตัวพิมพ์เล็ก ตัวเลข และขีดล่าง จะต้องไม่รวมอักขระภาษาจีน ช่องว่าง และอักขระพิเศษ โปรดใช้ภาษาอังกฤษเป็นแนวทางในการตั้งชื่อ ไดเร็กทอรี อย่าใช้พินอินเว้นแต่จำเป็นจริงๆ จากประสบการณ์ได้พิสูจน์แล้วว่าไดเร็กทอรีที่ตั้งชื่อด้วยพินอินมักจะเข้าใจยากแม้ในหนึ่งเดือนต่อมา การเขียนสคริปต์ เราควรมีแนวคิดที่สอดคล้องกันเกี่ยวกับสไตล์โดยรวมของสคริปต์ ซึ่งหมายความว่าสไตล์ของสคริปต์ที่คุณเขียนในอีกหนึ่งเดือนต่อมานั้นสอดคล้องกับสไตล์ของสคริปต์ที่คุณเขียนเมื่อเดือนที่แล้ว และสไตล์ของสคริปต์ที่เขียนโดย นักพัฒนาที่แตกต่างกันในกลุ่มงานเดียวกันมีความสม่ำเสมอเนื่องจากเราไม่สามารถพัฒนาแบบแยกส่วนได้ตลอดไปคุณอาจทำงานร่วมกับตัวเองเมื่อสามเดือนที่แล้วได้ตลอดเวลา (ลูกค้าของคุณต้องมีการแก้ไข) คุณมักจะต้องพัฒนาโครงการกับเพื่อนร่วมงานที่แตกต่างกันใน studio และคุณอาจถูกขอให้แก้ไขคนที่ลาออกแล้ว แน่นอนว่าคุณอาจฝากโปรเจ็กต์ไว้ให้กับเพื่อนร่วมงานคนต่อไปได้ 1. เทมเพลตสากลสำหรับไฟล์ Html: div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] เมตาแท็กอื่น ๆ div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] สไตล์ชีตกำหนดนิยามฟังก์ชัน Javascript ฝั่งไคลเอ็นต์และการดำเนินการเริ่มต้น div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] เติมเงิน: 2. สำหรับหน้าเว็บที่อนุญาตให้เรียกค้นข้อความแบบเต็ม เพื่อให้เครื่องมือค้นหาบนอินเทอร์เน็ตสามารถเรียกค้นข้อมูลได้อย่างมีประสิทธิภาพ ควรเพิ่มเมตาแท็กคำหลักและคำอธิบายระหว่าง <head></head> ของ html บนหน้าแรกของช่อง , ตัวอย่างเช่น: div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] 3. โค้ดตัวอย่างรูปแบบไฟล์ CSS: div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] สิ่งที่ต้องให้ความสนใจเป็นพิเศษที่นี่คือลำดับของ a:link a:visited a:hover a:actived จะต้องเป็นไปตามโค้ดตัวอย่างข้างต้นอย่างเคร่งครัด ไม่เช่นนั้นปัญหาจะเกิดขึ้นไม่มากก็น้อย นอกจากนี้เรายังกำหนดว่าการกำหนดนิยามใหม่ต้องมาก่อน คลาสเทียมมาเป็นอันดับสอง และการปรับแต่งมาเป็นอันดับสุดท้าย ทำให้ตัวคุณเองและผู้อื่นอ่านได้ง่ายขึ้น! เพื่อให้แน่ใจว่าขนาดตัวอักษรจะสอดคล้องกันในเบราว์เซอร์ที่แตกต่างกัน ขอแนะนำให้กำหนดขนาดตัวอักษรเป็นพอยต์ pt และพิกเซล px โดยทั่วไปจะใช้ 9pt และ 11pt ใน Chinese Song Dynasty และโดยทั่วไป px จะใช้ 12px และ 14.7px ในภาษาจีน Songti นี่คือขนาดตัวอักษรที่ปรับให้เหมาะสม หน้าหนาหรือแบบอักษรเพลงเป็นตัวหนา โดยทั่วไปขนาดตัวอักษร 11pt และ 14.7px จะเหมาะสมกว่า เมื่อเขียน <table> เพื่อซ้อนกัน ให้ปฏิบัติตามมาตรฐานอย่างเคร่งครัด สำหรับ <table> รายการเดียว ควรจัดแนว <table><tr> <td> ควรเยื้องด้วยช่องว่างครึ่งความกว้าง 2 ช่อง และหากมี other สำหรับตารางที่ซ้อนกัน <table> จะถูกเยื้องด้วยช่องว่างครึ่งความกว้างสองช่อง หากไม่มีตารางที่ซ้อนกันใน <td> แท็กปิดของ </td> ควรอยู่ในบรรทัดเดียวกันกับ <td> โดยไม่มีบรรทัด หยุดพัก ดังที่เราทราบ ไม่ควรมีโค้ดดังกล่าวในซอร์สโค้ด: div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] แต่ควรมีลักษณะดังนี้: div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] เนื่องจากเบราว์เซอร์คิดว่าการขึ้นบรรทัดใหม่เทียบเท่ากับช่องว่างแบบครึ่งความกว้าง วิธีการเขียนที่ผิดปกติข้างต้นเทียบเท่ากับการเพิ่มช่องว่างแบบครึ่งความกว้างโดยไม่ได้ตั้งใจ หากจำเป็นจริงๆ ที่จะต้องเพิ่มช่องว่างแบบครึ่งความกว้าง เขียนแบบนี้: div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com] <table> ที่อยู่ในระดับเดียวกันจะต้องจัดชิดซ้าย นอกจากนี้ เซลล์ว่างที่ไม่มีเนื้อหาใดๆ จะไม่ได้รับอนุญาตให้เขียนไว้ระหว่าง <td> และ </td> If ความสูงน้อยกว่า 12px ควรแทรกรูปภาพ GIF โปร่งใสขนาด 1*1 ระหว่าง <td> ถึง </td> เนื่องจากเบราว์เซอร์บางตัวถือว่าเซลล์ว่างไม่ถูกต้องและจะไม่ตีความ หากลำดับโค้ดไม่เป็นระเบียบ คุณสามารถจัดเรียงใหม่ได้โดยใช้คำสั่ง -> ใช้การจัดรูปแบบ souce ใน DW3! 5. นอกจากนี้ยังมีมาตรฐานแบบรวมสำหรับวิธีการเขียนความกว้างและความสูง โดยทั่วไป สำหรับตารางที่มีคอลัมน์เดียว ความกว้างจะถูกเขียนในแท็ก <table> สำหรับตารางที่มีเพียงแถวเดียว ความสูงจะถูกเขียนในแท็ก <table> ; สำหรับตารางที่มีหลายแถวและหลายคอลัมน์ ตาราง ความกว้างและความสูงจะถูกเขียนในแท็ก <td> ของแถวหรือคอลัมน์แรก กล่าวโดยสรุป ปฏิบัติตามหลักการข้อหนึ่ง: ไม่ควรมีความสูงและความกว้างมากกว่าหนึ่งค่าที่ควบคุมขนาดของเซลล์เดียวกัน ตรวจสอบให้แน่ใจว่าความกว้างและความสูงใดๆ ถูกต้อง นั่นคือ ถ้าคุณเปลี่ยนค่าของความกว้างและความสูงใดๆ ใน รหัสควรอยู่ในการเปลี่ยนแปลงที่เห็นในเบราว์เซอร์ การทำเช่นนี้ไม่ใช่เรื่องง่าย แต่ต้องอาศัยการฝึกฝนและการคิดเป็นเวลานาน หลักการทั่วไป 1. ก่อนที่จะจัดโต๊ะ โปรดคิดอย่างรอบคอบเกี่ยวกับวิธีแก้ปัญหาที่ดีที่สุด พยายามควบคุมการซ้อนตารางภายในสามระดับ และพยายามหลีกเลี่ยงแท็กทั้งสอง <colspan> <rowspan> ประสบการณ์แสดงให้เห็นว่าเครื่องหมาย A ทั้งสองนี้สามารถทำให้เกิด ปัญหามากมาย 2. หน้าเว็บควรพยายามหลีกเลี่ยงการใช้ตารางขนาดใหญ่ทั้งหมด เนื้อหาทั้งหมดซ้อนอยู่ในตารางขนาดใหญ่นี้ เนื่องจากเมื่อเบราว์เซอร์ตีความองค์ประกอบของหน้า เนื้อหาเหล่านั้นจะแสดงทีละรายการในหน่วยของตาราง หากวางไว้ในตารางขนาดใหญ่ ผลที่ตามมาก็คือเมื่อผู้เยี่ยมชมพิมพ์ URL เขาจะต้องเผชิญกับช่องว่างเป็นเวลานาน จากนั้นเนื้อหาเว็บทั้งหมดจะปรากฏขึ้นพร้อมกัน หากคุณต้องทำสิ่งนี้ ให้ใช้แท็ก <tbody> เพื่อให้สามารถแสดงตารางขนาดใหญ่เป็นชิ้นๆ ได้ 3. ในการเรียงพิมพ์ เรามักจะพบกับความจำเป็นในการเยื้องบรรทัดแรก อย่าใช้หรือเว้นวรรคเต็มความกว้างเพื่อให้ได้ผลลัพธ์ แนวทางมาตรฐานคือการกำหนด p { text-indent: 2em } ในสไตล์ชีต เพิ่มแท็ก <p> แต่ละย่อหน้า โปรดทราบว่าภายใต้สถานการณ์ปกติ โปรดอย่าละเว้นแท็กปิด </p> 4. โดยหลักการแล้ว เราห้ามใช้ <img width=? height=?> เพื่อรบกวนขนาดของการแสดงภาพ และไม่แนะนำให้รวมความกว้างและความสูงไว้ในแท็ก <img> คุณลักษณะสองประการนี้เป็นเพราะในระหว่างกระบวนการผลิตรูปภาพมักจะต้องได้รับการแก้ไขซ้ำ ๆ ซึ่งสามารถหลีกเลี่ยงการแทรกแซงของมนุษย์ในขนาดของการแสดงภาพและเพิ่มฟังก์ชันการทำงานของเบราว์เซอร์เองได้ หน้าไม่ได้โหลดรูปภาพ เมื่อเพิ่มรูปภาพ ขนาดไซต์ของรูปภาพจะไม่ถูกละเลย ซึ่งอาจทำให้หน้าเว็บถูก อาการกระตุกขณะโหลด (หากใส่ภาพลงในตารางขนาดคงที่ อาการนี้จะไม่เกิดขึ้น) โดยเฉพาะเมื่อภาพมีขนาดใหญ่ อาการนี้จะเห็นได้ชัด ดังนั้น เมื่อคาดว่าอาการนี้จะเห็นได้ชัด เมื่อใด สถานการณ์ที่ทำให้หน้าเว็บเกิดความกระวนกระวายใจ โปรดตรวจสอบให้แน่ใจว่าได้แนบความกว้างไว้ที่ <img> ในตอนท้าย และคุณลักษณะส่วนสูง 5. เพื่อเพิ่มฟังก์ชันการเรียงพิมพ์อัตโนมัติของเบราว์เซอร์ให้สูงสุด โปรดพยายามอย่าใช้ <br> เพื่อแทรกแซงการแบ่งส่วนข้อความทั้งหมดด้วยตนเอง 6. ควรมีช่องว่างครึ่งความกว้างระหว่างคำในภาษาต่างๆ ยกเว้นก่อนสัญลักษณ์ส่วนหัวและหลังสัญลักษณ์ส่วนท้าย เครื่องหมายวรรคตอนระหว่างตัวอักษรจีนควรเป็นเครื่องหมายวรรคตอนแบบเต็มความกว้าง และวงเล็บรอบตัวอักษรภาษาอังกฤษและตัวเลขควรใช้ครึ่งหนึ่ง -วงเล็บกว้าง 7. ขนาดตัวอักษรทั้งหมดควรถูกนำมาใช้โดยใช้สไตล์ชีท และแท็ก <font size=?> ไม่ได้รับอนุญาตให้ปรากฏบนหน้าเว็บ 8. โปรดอย่าเว้นวรรคติดต่อกันมากกว่าหนึ่งช่องในหน้าเว็บ และใช้ช่องว่างเต็มความกว้างให้น้อยที่สุดเท่าที่จะเป็นไปได้ (ภายใต้ชุดอักขระภาษาอังกฤษ ช่องว่างเต็มความกว้างจะกลายเป็นอักขระที่อ่านไม่ออก ใช้การเยื้องข้อความ การเติมช่องว่าง และระยะขอบ) , hspace, vspace และความโปร่งใสสำหรับรูปภาพ gif 9. เมื่อผสมภาษาจีนและภาษาอังกฤษเข้าด้วยกัน เราพยายามอย่างดีที่สุดที่จะกำหนดภาษาอังกฤษและตัวเลขให้เป็นแบบอักษรสีเขียวและแบบอาเรียล 10. แนะนำให้กำหนดระยะห่างบรรทัดเป็นเปอร์เซ็นต์ ค่าระยะห่างบรรทัดสองบรรทัดที่ใช้กันทั่วไปคือ line-height:120%/150% 11. เส้นทางทั้งหมดในเว็บไซต์ใช้เส้นทางสัมพัทธ์ โดยทั่วไปแล้ว เส้นทางลิงก์ไปยังไฟล์เริ่มต้นในไดเร็กทอรีบางแห่งไม่จำเป็นต้องเขียนด้วยชื่อเต็ม ตัวอย่างเช่น เราไม่จำเป็นต้องทำเช่นนี้: <a href= ”aboutus/index.htm”> แต่ควรเป็นเช่นนี้ :<a href=”aboutus/”> 12. ใช้แบบอักษรขนาดใหญ่ขึ้นเมื่อฝังข้อความในกราฟิก ไม่แนะนำให้รวมข้อความในกราฟิก 13. "ขนาดหน้าเว็บ" หมายถึงผลรวมของขนาดไฟล์ของหน้าเว็บทั้งหมด รวมถึงไฟล์ HTML และวัตถุที่ฝังไว้ทั้งหมด ผู้ใช้ชอบไซต์ที่รวดเร็วมากกว่าแปลกใหม่ สำหรับผู้ใช้โมเด็ม ควรรักษาขนาดหน้าให้ต่ำกว่า 34K กฎการตั้งชื่อไฟล์ 1. แต่ละไดเร็กทอรีควรมีไฟล์ html เริ่มต้น และชื่อไฟล์ควรเป็น index.htm 2. ชื่อไฟล์ควรใช้ตัวอักษรภาษาอังกฤษตัวพิมพ์เล็ก ตัวเลข และขีดล่างผสมกัน 3. อุดมการณ์ที่เป็นแนวทางของการตั้งชื่อคือการทำให้ตัวเองและสมาชิกทุกคนในกลุ่มงานเข้าใจความหมายของแต่ละไฟล์ได้อย่างง่ายดาย ประการที่สองคือเมื่อเราใช้คำสั่ง "เรียงลำดับตามชื่อ" ในโฟลเดอร์ขนาดใหญ่เดียวกัน หมวดหมู่ของไฟล์สามารถจัดเรียงเข้าด้วยกันเพื่อให้เราสามารถค้นหา แก้ไข แทนที่ คำนวณโหลด เป็นต้น 4. ข้อมูลต่อไปนี้ใช้คอลัมน์ "ข่าว" (รวมถึง "ข่าวในประเทศ" และ "ข่าวต่างประเทศ") เพื่ออธิบายหลักการตั้งชื่อไฟล์ html: 5. หลักการตั้งชื่อรูปภาพเป็นไปตามมาตรฐานดังต่อไปนี้: ☆ส่วนหางใช้เพื่อแสดงความหมายเฉพาะของภาพ ☆ นี่คือตัวอย่างบางส่วน คุณควรจะเข้าใจความหมายของรูปภาพได้อย่างรวดเร็ว: div css xhtml xml ตัวอย่างซอร์สโค้ด ตัวอย่างซอร์สโค้ด [www.52css.com]
<html>
-
เครื่องกำเนิด: Sub Design Studio ( www.eastline.net.cn )
ข้อมูลการสร้าง: 2000-8-1
ผู้เขียนต้นฉบับ: eastline
-
<หัว>
<title>ชื่อเอกสาร</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="author" content="eastline">
<link rel="stylesheet" type="text/css" href="style/style.css">
</หัว>
<body bgcolor="#ffffff">
-
</ร่างกาย>
เพื่อให้แน่ใจว่าเว็บไซต์เข้ากันได้กับมาตรฐาน XML ภาษาเว็บรุ่นต่อไป คุณลักษณะแท็ก HTML ทั้งหมดจะต้องอยู่ในเครื่องหมายคำพูดเดี่ยวหรือเครื่องหมายคำพูดคู่ กล่าวคือ เราควรเขียน <a href="url"> แทน < a href=url >.
<meta name=”keywords” content=”Oriental Shinkansen, รถยนต์, การซื้อรถยนต์”/>
<meta name=”description” content=”Oriental New Kanjin Line ศูนย์ข้อมูลรถยนต์จีนแห่งแรกของโลก”/>
<style type="text/css">
-
p { เยื้องข้อความ: 2em;
body { ตระกูลแบบอักษร: "宋体";
ตาราง { ตระกูลแบบอักษร: "宋体";
a:link { ขนาดตัวอักษร: 9pt; color: #FFFFFF;
a: เยี่ยมชม { ขนาดตัวอักษร: 9pt สี: #99FFFF;
a:hover { ขนาดตัวอักษร: 9pt สี: #FF9900;
a:active { ขนาดตัวอักษร: 9pt; color: #FF9900;
a.1:link { ขนาดตัวอักษร: 9pt; สี: #3366cc;
a.1: เยี่ยมชม { ขนาดตัวอักษร: 9pt; สี: #3366cc;
a.1:hover { ขนาดตัวอักษร: 9pt; สี: #FF9900;
a.1:active { ขนาดตัวอักษร: 9pt; สี: #FF9922;
.blue { ตระกูลแบบอักษร: "宋体"; ขนาดตัวอักษร: 10.5pt; line-height: 20px;
-
</สไตล์>
<td><img src=”../images/sample.gif”>
</td>
<td><img src=”../images/sample.gif”></td>
<td><img src=”../images/sample.gif”> </td>
☆ สร้างไดเร็กทอรีข่าวสารในไดเร็กทอรีราก ☆ รายการข่าวเริ่มต้นรายการแรกชื่อ index.htm
☆ ข่าวทั้งหมดที่เป็นของ "ข่าวในประเทศ" ได้รับการตั้งชื่อตามลำดับ: china_1.htm, china_2.htm, …
☆ ข่าวทั้งหมดที่เป็นของ "ข่าวต่างประเทศ" ตั้งชื่อตามลำดับ: international_1.htm, international _2.htm, …
☆ หากจำนวนไฟล์เป็นตัวเลขสองหลัก โปรดตั้งชื่อไฟล์เก้าไฟล์แรก: china_01.htm, china_02.htm เพื่อให้แน่ใจว่าไฟล์ทั้งหมดสามารถจัดเรียงได้อย่างถูกต้องในโฟลเดอร์
☆ ชื่อแบ่งออกเป็น 2 ส่วน ส่วนแรกและส่วนสุดท้าย คั่นด้วยเครื่องหมายขีดล่าง
☆ ส่วนหัวบ่งบอกถึงลักษณะทั่วไปของรูปภาพ เช่น โฆษณา โลโก้ เมนู ปุ่ม ฯลฯ
☆ พูดโดยทั่วไป:
เราตั้งชื่อรูปภาพสี่เหลี่ยม เช่น โฆษณาและลวดลายตกแต่งที่ด้านบนของหน้า: แบนเนอร์
เราตั้งชื่อรูปภาพสัญลักษณ์นี้ว่า โลโก้
เราตั้งชื่อรูปภาพขนาดเล็กด้วยลิงก์ที่ไม่ได้รับการแก้ไขบนปุ่มหน้า
เราตั้งชื่อรูปภาพของคอลัมน์ลิงก์ที่ปรากฏอย่างต่อเนื่องที่ตำแหน่งใดตำแหน่งหนึ่งในหน้าและมีลักษณะเหมือนกัน: เมนู
เราตั้งชื่อภาพเพื่อการตกแต่ง: pic
เราตั้งชื่อรูปภาพโดยไม่มีลิงก์เพื่อระบุชื่อ: title
ปฏิบัติตามหลักการนี้เป็นต้น
Banner_sohu.gif
Banner_sina.gif
menu_aboutus.gif
menu_job.gif
title_news.gif
logo_police.gif
logo_national.gif
pic_people.jpg
pic_hill.jpg