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

รหัส HTML ของหน้าคืออะไร?

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

ทำไมต้องเปลี่ยนหน้าเว็บ?

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

หลังจาก:

ตัวอย่างเช่น ฉันจะใช้ไซต์เดียวกันและเปลี่ยนประกาศก่อนหน้าของบทความ "" กำลังเปิด หน้าแรกใน Google Chrome ฉันคลิกขวาที่องค์ประกอบที่ต้องการเปลี่ยนแปลง เช่น ชื่อของประกาศ และเลือก "ดูโค้ด"

ในหน้าต่างที่เปิดขึ้น ให้ไปที่แท็บองค์ประกอบและดูโค้ด HTML ของหน้า ในนั้นเราต้องค้นหาข้อความที่เราสนใจ (ขีดเส้นใต้ด้วยสีแดง)

ตอนนี้ฉันจะลบข้อความเก่าและเขียนข้อความใหม่

เพียงเท่านี้ก็เปลี่ยนชื่อประกาศแล้ว ตอนนี้ฉันจะเปลี่ยนประกาศแท็กและหมวดหมู่

คุณสามารถแทรกรูปภาพอื่นได้โดยเปลี่ยนแอตทริบิวต์ src ในแท็ก img

ขนาด สีขององค์ประกอบที่สำคัญบางอย่างของบล็อก เช่น ชื่อบล็อกหรือโพสต์ แท็กเพิ่มเติม และอื่นๆ ฉันค้นหาโค้ดที่ต้องการด้วยตนเอง โดยทดลองกับโดเมนทดสอบ โดยอิงจากบทความที่เขียนในภายหลัง

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

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

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

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

วิธีค้นหาและเปลี่ยนโค้ด html และ css ของไซต์

หากคุณไม่ชอบบทความยาวๆ เรื่องนี้เหมาะสำหรับคุณ ในตอนท้ายของบทความวิดีโอสอนที่บอกวิธีที่คุณสามารถดูโค้ด html ของเว็บไซต์โดยใช้ Notepad++ และทำการเปลี่ยนแปลงการออกแบบเทมเพลตต่างๆ โดยใช้ตัวอย่างวิธีเปลี่ยนสีแบบอักษร ในวิดีโอมีรายละเอียดปลีกย่อยอื่นๆ ในการจัดการบล็อก และสำหรับผู้ที่ใกล้ชิดและชัดเจนกับข้อความด้านล่างนี้ การวิเคราะห์โดยละเอียดธีมพร้อมภาพหน้าจอ
httpv://youtu.be/uIlVvwCt2ho

ข้อกำหนดและแนวคิด

ตั้งชื่อบทความจะแม่นยำกว่า” จะหาได้อย่างไร รหัส CSS “ แต่ฉันตัดสินใจหยุดใช้ชื่อที่ "ผิด" เพราะโดยพื้นฐานแล้วคำตอบสำหรับคำถามนี้ค้นหาใน html CSS และ HTML เป็นสิ่งที่แตกต่างกันมาก แม้ว่าจะเป็นสองส่วนของระบบเดียวกันก็ตาม มีบทความทางเทคนิคมากมายบนอินเทอร์เน็ต ซึ่งก็เพียงพอแล้วสำหรับเราที่จะเข้าใจว่า:

• HTML— รับผิดชอบโครงสร้างของไซต์ (อะไรตามอะไร ตามลำดับอะไร ฯลฯ) นี่คือพื้นฐานในการสร้างไซต์ ถ้าเราเปรียบเทียบกับบ้านแล้วนี่คือแผนผังการจัดห้อง
• ซีเอสเอส— รับผิดชอบในการออกแบบ (แบบอักษร ขนาด สี ฯลฯ) นี่คือสไตล์ทั่วไปของบ้านและสไตล์ของห้องแต่ละห้อง: จะมีวอลเปเปอร์ประเภทใด, โคมไฟ, ผ้าม่าน, เฟอร์นิเจอร์ ดังนั้นเอกสารที่ระบุว่า รหัส CSSเรียกว่า "สไตล์ชีต"

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

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

วันหนึ่งฉันดูว่าอาจารย์ทำอะไรกันแน่ ฉันยังไม่รู้ว่าฟิวส์ทำงานอย่างไร แต่ฉันรู้ว่าจะต้องเปลี่ยนที่ไหน) ฉันจะไม่ซ่อมมอเตอร์ด้วยตัวเอง และการเปลี่ยนฟิวส์ก็ไม่ใช่เรื่องยาก เช่นเดียวกับเว็บไซต์

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

คุณจำเป็นต้องเป็นผู้เชี่ยวชาญในทุกสิ่งหรือไม่?

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

หลังจากมีอยู่ 10 วันบล็อกก็ขึ้นอันดับที่ 104 ในการจัดอันดับไซต์ Runet ทั้งหมดโดยมีปริมาณการเข้าชมประมาณ 1.5 พันคนต่อวัน ในอีก 10 วัน แล้วมีเรื่องอะไรล่ะ? Vladimir เชี่ยวชาญเรื่อง HTML เป็นอย่างดี และสามารถสั่งซื้อและซื้อเทมเพลตที่เป็นเอกลักษณ์ให้ตัวเองได้ ดังนั้นคุณต้องเข้าใจว่า ความลับไม่ได้อยู่ในเทมเพลต แต่อยู่ที่ประโยชน์ของข้อมูล

รหัส html ซ่อนอยู่ที่ไหน?

ขออภัยที่พูดนอกเรื่อง กลับไปที่รหัสของเรากันดีกว่า) สมมติว่าคุณต้องการเปลี่ยนสีตัวอักษรของชื่อบล็อก ลองดูตัวอย่างไซต์ทดสอบของฉัน

1. การเปิดเว็บไซต์ใน เบราว์เซอร์ Googleโครเมียม (หากคุณยังไม่ได้ใช้ ให้ติดตั้งเลย - ออกแบบมาอย่างดีสำหรับการทำงานกับเว็บไซต์ มีเครื่องมือในตัวมากมาย)
2. เราเลื่อนเคอร์เซอร์ของเมาส์ไปที่องค์ประกอบที่เรากำลังจะเปลี่ยนแปลง - ในกรณีนี้ - ชื่อของบล็อก เราคลิกขวาที่มันและในหน้าต่างที่ปรากฏขึ้นให้เลือก VIEW ELEMENT CODE

สิ่งสำคัญ: อย่าสับสนกับการดูรหัสหน้า! ตอนนี้เราไม่ต้องการทั้งหน้าแล้ว แค่มีองค์ประกอบแยกต่างหาก

คลิกที่มัน - หน้าต่างดูโค้ดจะปรากฏขึ้นที่ด้านล่างของเบราว์เซอร์:

บรรทัดโค้ดที่เรากำลังเปลี่ยนแปลงจะถูกเน้นด้วยสีแดง

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

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

หลักการทั่วไปจะหาอะไรได้ที่ไหน:

ชื่อแบบอักษร - ในบรรทัด FONT FAMILY

ขนาดตัวอักษร - ในบรรทัดขนาดตัวอักษร

สีตัวอักษร - ในบรรทัด COLOR

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

ความสนใจ:

เส้นที่เราจะคัดลอกจะถูกเน้นด้วยสีแดงในรูป

เพื่อให้คุณสามารถค้นหาได้ในสไตล์ชีตในภายหลัง

4. คัดลอกบรรทัด- เนื่องจากในตัวอย่างนี้ เราต้องการเปลี่ยนสีของชื่อไซต์ ฉันจึงคัดลอกเส้นที่ไฮไลต์ในสี่เหลี่ยมสีแดงในภาพที่สอง ในเทมเพลตของฉัน มีหน้าที่เปลี่ยนสีชื่อไซต์:

#header h1 a, #header h1 a:เยี่ยมชมแล้ว (

ค้นหาบรรทัดที่ต้องการในไฟล์ “สไตล์ชีต (style.css)” สิ่งนี้ทำไปแล้วในแผงผู้ดูแลระบบ ฉันขออย่างยิ่งว่า แม้ว่าจะไม่มีความมั่นใจและความเข้าใจที่สมบูรณ์ แต่การทดลองทั้งหมดควรดำเนินการบนโดเมนย่อยทดสอบเพื่อที่จะยกเว้น

ไปที่แผงผู้ดูแลระบบ: คอนโซล - ลักษณะที่ปรากฏ - เครื่องมือแก้ไข ในแถบด้านข้างขวาเราจะพบไฟล์ STYLE TABLE (STYLE.CSS) ให้เปิดขึ้นมา

ตอนนี้เปิดบรรทัดค้นหาโดยใช้ปุ่ม CTRL + F: หน้าต่างบรรทัดว่างจะปรากฏในหน้าต่างด้านบน เราวางลงในบรรทัดที่เราคัดลอกไว้ในขั้นตอนที่ 4

และคุณจะเห็นว่าเส้นนี้จะถูกเน้นในสไตล์ชีตอย่างไร (เป็นสีส้มในภาพ):

เราทำการเปลี่ยนแปลงองค์ประกอบ ในกรณีของเรา เรากำลังเปลี่ยนสีตัวอักษร ดังนั้นในบรรทัด COLOR เราจึงแทนที่ค่าอื่น - สีที่เราต้องการ ในตัวอย่างสีคือสีดำ ความหมายคือ:

คุณสามารถเลือกสีในบริการจานสีเว็บใดก็ได้: พิมพ์ “จานสีเว็บ” ในเครื่องมือค้นหาและเลือกสีที่คุณต้องการ เราเลือกสีคัดลอกค่าดิจิทัลและแทนที่ด้วยสีเก่าอย่างระมัดระวัง หลังจากนั้นเราคลิก UPDATE FILE แล้วไปดูสิ่งที่เกิดขึ้น

หากไม่แสดงการเปลี่ยนแปลงในชั่วโมงที่ผ่านมาและไปที่หน้าอีกครั้ง - คราวนี้ควรแสดงทุกอย่าง

ใช้เวลานานในการอธิบาย แต่ในทางปฏิบัติทุกอย่างเสร็จเร็ว โดยเฉพาะเมื่อทักษะเริ่มแรกปรากฏขึ้น

รายละเอียดเพิ่มเติมเกี่ยวกับวิธีเปลี่ยนองค์ประกอบบางอย่าง:

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

ฉันขอแนะนำให้ดูวิดีโอของ Artem Abramovich เกี่ยวกับวิธีการค้นหาและค้นหาคำหรือองค์ประกอบใด ๆ ในธีม/เทมเพลตใด ๆ สำหรับกลไกใด ๆ (wordpress, joomla ฯลฯ ) และแทนที่ด้วยสิ่งที่คุณต้องการ:

กรุณาแบ่งปันถ้าคุณชอบมัน:

คุณอาจสนใจที่จะรู้:

คำแนะนำ

วิธีที่ง่ายที่สุดในการเปิด html คือ รหัสเกี่ยวข้องกับการใช้ความสามารถของเบราว์เซอร์ในตัว แต่ละคนมีตัวเลือกการดู รหัสหน้า ใช่ในเบราว์เซอร์ อินเทอร์เน็ตเอ็กซ์พลอเรอร์เพื่อดู รหัสคุณต้องเปิดในเมนู: "ดู" - "ดู html- รหัส».

สำหรับผู้ที่ทำงานด้วย เบราว์เซอร์โอเปร่าเพื่อดู รหัสคุณควรเปิด: "ดู" - "ซอร์สโค้ด" หรือกดคีย์ผสม Ctrl + F3 ผู้ใช้ มอซซิลา ไฟร์ฟอกซ์สามารถดูโค้ด html ได้โดยคลิกขวาที่เพจแล้วเลือก "ซอร์สโค้ดของเพจ" จากเมนูบริบท

ผู้ใช้ที่ทำงานกับ Google Chrome ควรใช้เมนูบริบทซึ่งเรียกโดยคลิกขวาที่หน้าเว็บที่กำลังดูอยู่และเลือก "ดู" รหัสหน้า"

เพื่อบันทึก โอเพ่นซอร์สใน Opera ให้คลิกที่ เปิดหน้าด้วยปุ่ม html "บันทึก" ที่ด้านซ้ายบนของหน้าต่าง ใน Mozilla Firefox เลือก "ไฟล์" - "บันทึกหน้าเป็น..." รหัส HTML จะถูกบันทึกในลักษณะเดียวกันใน IE ใน Google Chrome คลิกขวาที่โค้ดโอเพ่นซอร์สและเลือก "บันทึกเป็น" จากเมนูบริบท

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

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

มากมาย เทมเพลตฟรีบนพื้นฐานของการที่คุณสามารถสร้างเว็บไซต์ที่สวยงามมากได้โพสต์บนอินเทอร์เน็ต เพียงดาวน์โหลดเทมเพลตที่คุณต้องการ เปิดใน Dreamweaver และแก้ไขตามที่คุณต้องการ คุณสามารถดาวน์โหลดเทมเพลตสำเร็จรูปได้ที่นี่: http://www.internet-technologies.ru/templates/

หน้าเว็บอินเทอร์เน็ตอาจมีลิงก์ไปยัง เอกสารเวิร์ด- เมื่อคุณคลิกลิงก์ ลิงก์นั้นอาจปรากฏขึ้นทั้งในเบราว์เซอร์ของคุณและ โปรแกรมแก้ไขข้อความ- เปิดทางไหนดีครับ ไฟล์ข้อความ?

โปรแกรมแก้ไขคำไม่มี การตั้งค่าตนเองเกี่ยวกับว่าเอกสารมาจากเบราว์เซอร์หรือไม่ การตั้งค่าทั้งหมดได้รับการกำหนดค่าโดยตรงใน Windows

เปิดกล่องโต้ตอบประเภทไฟล์โดยทำอย่างใดอย่างหนึ่งต่อไปนี้:

กดค้างไว้ คีย์วินโดวส์(ประกอบด้วยโลโก้ OS และตั้งอยู่ที่ด้านล่างของแป้นพิมพ์ ระหว่างปุ่ม Ctrl และ Alt)
- บนเดสก์ท็อปของคุณ ดับเบิลคลิกที่ไอคอน My Computer

ตอนนี้จากเมนูที่ปรากฏขึ้น ให้เลือก เครื่องมือ > ตัวเลือกโฟลเดอร์ และไปที่แท็บ ประเภทไฟล์ คุณจะต้องรอสักครู่ในขณะที่ Windows รวบรวมข้อมูลเกี่ยวกับ ประเภทต่างๆไฟล์.

เมื่อรายการปรากฏขึ้น คุณควรค้นหาส่วนขยาย DOC ในรายการ คลิกเพื่อไฮไลต์แล้วคลิกปุ่ม "ขั้นสูง" ตอนนี้คุณสามารถเห็นกล่องโต้ตอบแก้ไขคุณสมบัติประเภทไฟล์ การแก้ไขมี 2 ตัวเลือกสำหรับการแสดงเอกสาร Word ในเบราว์เซอร์

การเปิดเอกสารในโปรแกรมแก้ไขข้อความ

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

การเปิดเอกสารใน Internet Explorer

ในกล่องโต้ตอบ Change File Type Properties ให้ทำเครื่องหมายในช่องถัดจากแท็บเรียกดูในหน้าต่างเดียวกัน การตั้งค่านี้หมายความว่าเอกสาร Word จะเปิดใน Internet Explorer ตามค่าเริ่มต้น เบราว์เซอร์จะใช้ปลั๊กอินที่เกี่ยวข้องซึ่งมีแถบเครื่องมือซึ่งเป็นการผสมผสานระหว่างเมนูหลักของ Word และ Internet Explorer คุณสามารถแก้ไขและจัดรูปแบบเอกสารของคุณได้เช่นเดียวกับที่คุณทำในโปรแกรมประมวลผลคำ แต่ตัวเลือกบางอย่างอาจไม่พร้อมใช้งาน

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

การเปิดเอกสารในเบราว์เซอร์อื่น

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

เป็นเวลานานแล้วที่ตัวเลือก “แสดงแหล่งที่มาของหน้า” ไม่มีประโยชน์และไม่น่าสนใจสำหรับฉัน ลาก่อน การเรียนรู้ HTMLใน Codecademy และเลย์เอาต์ของเว็บไซต์ของฉันเองไม่ได้พัฒนาเป็นงานอดิเรกใหม่ของฉัน นี่คือที่มาของคำถาม: จะหากรณีจริงและยืมวิธีแก้ปัญหาที่น่าสนใจสำหรับ "กระปุกออมสิน" ของคุณได้ที่ไหน? คำตอบนั้นง่ายอย่างไม่คาดคิด เช่นเดียวกับสิ่งที่ชาญฉลาดทั้งหมด: ดูซอร์สโค้ดของหน้าเว็บใน Google Chrome! ฉันแบ่งปันกับคุณที่พบเล็กน้อย

ซอร์สโค้ดของหน้าคืออะไร

หากคุณเช่นฉันเพิ่งเริ่มขั้นตอนแรกในการเขียนโปรแกรม HTML เป็นความคิดที่ดีที่จะค้นหาว่าซอร์สโค้ดของเพจคืออะไร

ซอร์สโค้ดหรือที่เรียกว่าโค้ดเพจ HTML เป็นข้อความในภาษา Hyper Text Markup Language (HTML) ประกอบด้วยเนื้อหาของหน้าจริง (ข้อความ ตาราง) และแท็ก ส่วนหลังทำหน้าที่เป็นคำแนะนำสำหรับเบราว์เซอร์: วิธีแสดงเนื้อหา, ประเภทของการจัดรูปแบบที่จะใช้, ตำแหน่งที่จะแทรกไฮเปอร์ลิงก์หรือไฟล์มีเดีย สำหรับเราซึ่งเป็นโปรแกรมเมอร์มือใหม่ ซอร์สโค้ดเป็นพื้นที่ฝึกอบรมที่ดีที่สุด: เราพบไซต์ที่น่าสนใจและสอดแนมมัน บันทึก และใช้แฟรกเมนต์ที่ประสบความสำเร็จ ยังไง?

วิธีดูซอร์สโค้ดในหน้าเบราว์เซอร์ Google Chrome

ค้นหาเพจที่คุณชอบ เช่น ฉันสนใจการออกแบบเมนูของเว็บไซต์ มีสามวิธีในการเปิดซอร์สโค้ดในเบราว์เซอร์ Google Chrome:

1. คลิกที่ไอคอน เมนูที่มุมขวาบนของเบราว์เซอร์แล้วเลือก “ เครื่องมือเพิ่มเติม- มีตัวเลือก "ดูซอร์สโค้ด" บอกตามตรงว่าฉันไม่ค่อยได้ใช้มัน วิธีนี้: มีการเคลื่อนไหวที่ไม่จำเป็นมากมาย มันสามารถทำให้ง่ายยิ่งขึ้นไปอีก
2. กดคีย์ผสม Ctrl+U– หน้าต่างใหม่พร้อมซอร์สโค้ดจะเปิดขึ้น
3. สำหรับผู้ชื่นชอบเมนูบริบท: คลิกขวาที่หน้าแล้วเลือกตัวเลือก "ดูรหัสหน้า"

เราจัดการกับงานในการดูโค้ด HTML ของเพจในเบราว์เซอร์ เรามาดูขั้นตอนที่น่าสนใจที่สุดกันดีกว่า

วิธีแก้ไขและบันทึกซอร์สโค้ด

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

ตัวเลือก 1. “ด้วยตนเอง”

หลังจากที่เราเปิดซอร์สโค้ดของเพจแล้วเราก็โทร เมนูบริบทและเลือกตัวเลือก "บันทึกเป็น" และบันทึกไฟล์ไปที่ ฮาร์ดไดรฟ์- เราแก้ไขไฟล์ใน Notepad หรือ Notepad บันทึกการเปลี่ยนแปลงและเปิดผ่านเบราว์เซอร์ ผลลัพธ์ของการเปลี่ยนแปลงของเรา (สำเร็จและไม่สำเร็จ) จะปรากฏในหน้าต่างเบราว์เซอร์

ตัวเลือกที่ 2. สำหรับมืออาชีพ

เมื่อคุณ "เล่น" ด้วยซอร์สโค้ดทุกวัน กระบวนการ "บันทึก - เปิด - เปลี่ยนแปลง - บันทึก - ตรวจสอบ" จะน่าเบื่อหน่าย สำหรับตัวฉันเอง ฉันพบวิธีแก้ปัญหาในรูปแบบของการติดตั้งปลั๊กอินสำหรับ Google Chrome - Firebug Lite ช่วยให้คุณสามารถแก้ไขและบันทึกซอร์สโค้ดได้โดยไม่ต้องออกจากหน้าต่างเบราว์เซอร์

บริการ SendPulse เป็นเครื่องมือทางการตลาดสำหรับการสร้างฐานการสมัครสมาชิกและเปลี่ยนผู้เยี่ยมชมเว็บไซต์ของคุณให้กลายเป็นผู้เยี่ยมชมประจำ SendPulse รวมฟังก์ชันที่สำคัญที่สุดในการดึงดูดและรักษาลูกค้าไว้บนแพลตฟอร์มเดียว:
● จดหมายข่าวทางอีเมล
● พุชเว็บ
● การส่ง SMS
● SMTP
● จดหมายข่าวใน Viber
● ส่งข้อความไปยัง Facebook Messenger

จดหมายข่าวทางอีเมล

การส่งการแจ้งเตือนแบบพุช

SMTP

บอท Facebook Messenger

กำลังส่ง SMS

โปรแกรมพันธมิตร