Source View is the default view whe

Source View is the default view when you open a page. It shows you the raw HTML and other
markup for the page, and is very useful if you want to tweak the contents of a page and you have a
good idea of what you want to change and where. As I explained in the previous chapter, I use the
term Markup View rather than Source View to refer to the markup of ASPX and HTML pages.
The Design button enables you to switch the Document Window into Design View, which gives
you an idea of how the page will end up. When in Design View, you can use the Visual Aids and
Formatting Marks submenus from the main View menu to control visual markers like line breaks,
borders, and spaces. Both submenus offer a menu item called Show that enables you to turn all
the visual aids on or off at once. Turning both off is useful if you want to have an idea of how the
page ends up in the browser. You should, however, use Design View only to get an idea of how the
page will end up. Although VS has a great rendering engine that renders the page in Design View
pretty well, you should always check your pages in different browsers as well, because what you
see in VS is the markup for the page before it gets processed. Server controls on the page may emit
HTML that changes the look of the page in the browser. Therefore, it’s recommended to view the
page in the browser as often as possible so you can check if it’s going to look the way you want it.
It’s also recommended to test your site in as many different browsers as you can get your hands on,
because there may be small differences between them in the way they render a web page. The Planet
Wrox website has been developed and tested against recent versions of Microsoft Internet Explorer,
Firefox, Google Chrome, Safari, and Opera. You’ll see screenshots of these browsers at various
places in the book.
The Split button enables you to look at Design View and Markup View at the same time, as you can
see in Figure 2-10.
Split View is great if you want to see the code that VS generates when you add controls to the Design
View of your page. The other way around is very useful too: When you make changes to the markup
of the page in Markup View, you can see how it ends up in Design View. Sometimes Design View
becomes out of sync with Markup View. If that’s the case, a message appears at the top of Design
View. Simply clicking the message or saving the entire page is enough to update the Design window

ผลลัพธ์ (ไทย) 1:

ดูแหล่งที่มาเป็นมุมมองเริ่มต้นเมื่อคุณเปิดเพจ มันแสดงคุณดิบ HTML และอื่น ๆมาร์กหน้า และมีประโยชน์มากถ้าคุณต้องการปรับเนื้อหาของเพจ และคุณมีการความคิดที่ดีของสิ่งที่คุณต้องการเปลี่ยนแปลง ตามที่ผมอธิบายไว้ในบทก่อนหน้านี้ ใช้การระยะมาร์กดูมากกว่าดูแหล่งอ้างอิงถึงมาร์กหน้า ASPX และ HTMLปุ่มออกแบบช่วยให้คุณสามารถสลับหน้าต่างเอกสารในมุมมองออกแบบ ซึ่งช่วยให้คุณคิดว่าหน้าจะสิ้นสุด ในมุมมองออกแบบ คุณสามารถใช้เอดส์ Visual และเครื่องหมายเมนูย่อยที่จัดรูปแบบจากเมนูมุมมองหลักในการควบคุมเครื่องหมายภาพเช่นตัวแบ่งบรรทัดเส้นขอบ และช่องว่าง เมนูย่อยทั้งมีเมนูสินค้าเรียกดูที่ช่วยให้คุณสามารถเปิดใช้งานทั้งหมดเอดส์ visual หรือ ปิดในเวลาเดียวกัน ปิดทั้งสองจะเป็นประโยชน์ถ้าคุณต้องการมีความคิดของวิธีหน้าสิ้นสุดลงในเบราว์เซอร์ อย่างไรก็ตาม คุณควร ใช้มุมมองออกแบบเท่านั้นจะได้รับความคิดของวิธีหน้าจะสิ้นสุด แม้ว่าเทียบกับมีเครื่องมือแสดงผลที่ดี ที่แสดงเพจในมุมมองออกแบบสวยดี คุณควรตรวจสอบเพจของคุณในเบราว์เซอร์ที่แตกต่างกันเช่น เพราะสิ่งที่คุณดูใน VS เป็นมาร์กอัปในหน้าก่อนได้รับการประมวลผล ตัวควบคุมเซิร์ฟเวอร์หน้าอาจคายHTML ที่เปลี่ยนแปลงลักษณะที่ปรากฏของเพจในเบราว์เซอร์ ดังนั้น จึงได้แนะนำให้ดูเพจในเบราว์เซอร์ได้บ่อยที่สุดเพื่อให้คุณสามารถตรวจสอบว่า มันเป็นไปตามรูป แบบคุณต้องการนอกจากนี้ยังได้แนะนำให้ทดสอบไซต์ของคุณในเบราว์เซอร์ต่าง ๆ เป็นจำนวนมากที่คุณสามารถใช้ได้เนื่องจากอาจมีความแตกต่างเล็ก ๆ ระหว่างพวกเขาในวิธีพวกเขาทำให้เว็บเพจ ดาวเคราะห์พัฒนา และทดสอบกับรุ่นล่าสุดของ Microsoft Internet Explorer เว็บไซต์ WroxFirefox, Google Chrome, Safari และโอเปร่า คุณจะเห็นหน้าจอของเบราว์เซอร์ที่ต่าง ๆ เหล่านี้สถานที่ในหนังสือปุ่ม'แยก'ช่วยให้คุณสามารถดูมุมมองออกแบบและมาร์กอัปในเวลาเดียวกัน เท่าที่คุณสามารถดูในรูปที่ 2-10มุมมองแยกเป็นถ้าคุณต้องการดูรหัสที่ VS สร้างเมื่อคุณเพิ่มตัวควบคุมการออกแบบมุมมองของเพจของคุณ วิธีอื่น ๆ รอบ ๆ เป็นประโยชน์อย่างมากเกินไป: เมื่อคุณเปลี่ยนการมาร์กอัปหน้าในมุมมองมาร์ก คุณสามารถดูว่ามันสิ้นสุดลงในมุมมองออกแบบ บางครั้งมุมมองออกแบบจะตรงกับมาร์กอัป ถ้าเป็นกรณี ข้อความปรากฏที่ด้านบนของการออกแบบดู เพียงคลิกที่ข้อความ หรือบันทึกหน้าทั้งหมดคือพอที่จะปรับปรุงหน้าต่างออกแบบ

ผลลัพธ์ (ไทย) 2:

ที่มาดูเป็นมุมมองเริ่มต้นเมื่อคุณเปิดหน้า มันแสดงให้เห็นคุณ HTML ดิบและอื่น ๆมาร์กอัปสำหรับหน้าและเป็นประโยชน์อย่างมากถ้าคุณต้องการที่จะปรับแต่งเนื้อหาของหน้าและคุณมีความคิดที่ดีของสิ่งที่คุณต้องการที่จะเปลี่ยนและสถานที่ที่ ขณะที่ผมได้อธิบายไว้ในบทก่อนหน้านี้ผมใช้คำว่ามาร์กอัปดูมากกว่าที่มาดูการอ้างถึงมาร์กอัปของ ASPX และหน้าเว็บ HTML ได้. ปุ่มออกแบบช่วยให้คุณสามารถสลับหน้าต่างเอกสารลงในมุมมองออกแบบซึ่งจะช่วยให้คุณมีความคิดของวิธีการที่หน้าจะจบลง เมื่ออยู่ในมุมมองออกแบบคุณสามารถใช้สื่อภาพและการจัดรูปแบบเมนูย่อย Marks จากมุมมองเมนูหลักในการควบคุมภาพเหมือนเครื่องหมายแบ่งบรรทัดชายแดนและพื้นที่ เมนูย่อยทั้งสองนำเสนอรายการเมนูที่เรียกว่าแสดงให้เห็นว่าช่วยให้คุณสามารถเปิดทุกโรคเอดส์ภาพหรือปิดได้ในครั้งเดียว เปิดออกทั้งสองจะเป็นประโยชน์ถ้าคุณต้องการที่จะมีความคิดวิธีการที่หน้าจะจบลงในเบราว์เซอร์ คุณควร แต่ใช้มุมมองออกแบบเท่านั้นที่จะได้รับความคิดของวิธีการที่หน้าจะจบลง แม้ว่า VS มีเครื่องมือการแสดงผลที่ดีที่ทำให้หน้าดูการออกแบบสวยดีคุณควรตรวจสอบหน้าเว็บของคุณในเบราว์เซอร์ที่แตกต่างกันเป็นอย่างดีเพราะสิ่งที่คุณเห็นในVS เป็นมาร์กอัปสำหรับหน้าเว็บก่อนที่มันจะได้รับการประมวลผล ควบคุมเซิร์ฟเวอร์บนหน้าอาจปล่อยHTML ที่มีการเปลี่ยนแปลงรูปลักษณ์ของหน้าในเบราว์เซอร์ ดังนั้นจึงแนะนำให้ดูหน้านี้ในเบราว์เซอร์ได้บ่อยเท่าที่เป็นไปได้เพื่อให้คุณสามารถตรวจสอบว่ามันจะมีลักษณะแบบที่คุณต้องการมัน. นอกจากนี้ยังแนะนำให้ทดสอบเว็บไซต์ของคุณในเบราว์เซอร์ที่แตกต่างกันมากที่สุดเท่าที่คุณจะได้รับในมือของคุณ, เพราะอาจมีความแตกต่างเล็ก ๆ ระหว่างพวกเขาในทางที่พวกเขาทำให้หน้าเว็บ ดาวเคราะห์Wrox เว็บไซต์ที่ได้รับการพัฒนาและทดสอบกับรุ่นล่าสุดของ Microsoft Internet Explorer, Firefox, Google Chrome, Safari, และ Opera คุณจะเห็นหน้าจอของเบราว์เซอร์ที่ต่างๆเหล่านี้สถานที่ในหนังสือเล่มนี้. ปุ่มแยกช่วยให้คุณมองไปที่มุมมองออกแบบและมาร์กอัปดูในเวลาเดียวกันในขณะที่คุณสามารถเห็นในรูปที่ 2-10. แยกดูดีมากถ้าคุณต้องการ เพื่อดูรหัสที่ VS สร้างเมื่อคุณเพิ่มการควบคุมการออกแบบมุมมองของหน้าเว็บของคุณ วิธีอื่น ๆ ที่มีประโยชน์มากเกินไป: เมื่อคุณทำการเปลี่ยนแปลงมาร์กอัปของหน้าในมาร์กอัปดูคุณจะเห็นว่ามันจะจบลงในมุมมองออกแบบ การออกแบบบางครั้งดูจะกลายเป็นออกจากซิงค์กับมาร์กอัปดู หากเป็นกรณีที่มีข้อความปรากฏขึ้นที่ด้านบนของการออกแบบดู เพียงแค่คลิกที่ข้อความหรือประหยัดทั้งหน้าก็เพียงพอที่จะปรับปรุงการออกแบบหน้าต่าง

ผลลัพธ์ (ไทย) 3:

แหล่งที่มาของมุมมองเป็นมุมมองเริ่มต้นเมื่อคุณเปิดหน้า มันแสดงให้คุณเห็นดิบ HTML และโปรแกรมอื่น ๆ
สำหรับหน้า และจะมีประโยชน์มากถ้าคุณต้องการที่จะปรับแต่งเนื้อหาของหน้าและคุณมี
ความคิดที่ดีของสิ่งที่คุณต้องการเปลี่ยนแปลง และที่ไหน ตามที่ผมอธิบายไว้ในบทก่อน ผมใช้โปรแกรมดูมากกว่า
ระยะแหล่งดูอ้างถึงมาร์กอัปของประเภทและหน้า HTML .
ปุ่มการออกแบบช่วยให้คุณสามารถเปิดหน้าต่างเอกสารในมุมมองออกแบบ ซึ่งจะช่วยให้คุณความคิดของวิธี
หน้าจะจบลง เมื่ออยู่ในมุมมองออกแบบ คุณสามารถใช้โสตทัศนูปกรณ์และ
จัดรูปแบบเครื่องหมายอยจากมุมมองเมนูหลักเพื่อควบคุมภาพเครื่องหมายเหมือนแบ่งบรรทัด
เส้นขอบและช่องว่าง ทั้งเมนูย่อยเสนอเมนูที่เรียกว่าการแสดงที่ช่วยให้คุณสามารถเปิดทุก
Visual เอดส์หรือปิดทันที ทั้งปิดเปิดจะเป็นประโยชน์ถ้าคุณต้องการที่จะได้รับความคิดของวิธี
หน้าสิ้นสุดในเบราว์เซอร์ คุณควร อย่างไรก็ตาม การใช้มุมมองออกแบบเท่านั้นที่จะได้รับความคิดของวิธี
หน้าจะจบลง แม้ว่า VS ที่ดีมีเครื่องมือการแสดงผลที่แสดงหน้าเว็บในการออกแบบมุมมอง
สวยดี คุณควรตรวจสอบหน้าเว็บของคุณในเบราว์เซอร์ที่แตกต่างกันเช่นกัน เพราะสิ่งที่คุณ
เห็นใน VS คือมาร์กอัปสำหรับหน้าก่อนที่จะแปรรูป เซิร์ฟเวอร์การควบคุมบนหน้าอาจปล่อย
HTML ที่มีการเปลี่ยนแปลงลักษณะของหน้าในเบราว์เซอร์ ดังนั้น จึงแนะนำให้ดู
เพจในเบราว์เซอร์มักจะเป็นไปได้เพื่อให้คุณสามารถตรวจสอบว่ามันต้องดูวิธีที่คุณต้องการมัน .
มันยังแนะนำให้ทดสอบเว็บไซต์ของคุณในเบราว์เซอร์ที่แตกต่างกันมากเท่าที่คุณสามารถได้รับในมือของคุณบน
เพราะอาจจะมีความแตกต่างเล็กระหว่างพวกเขาในทางที่พวกเขาจะแสดงผลหน้าเว็บ โลก
wrox เว็บไซต์ได้รับการพัฒนาและทดสอบกับรุ่นล่าสุดของ Microsoft Internet Explorer ,
Firefox , Google Chrome , Safari , และโอเปร่า คุณจะเห็นหน้าจอของเบราว์เซอร์เหล่านี้ในสถานที่ต่างๆ

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

เพียงคลิกที่ข้อความ หรือเก็บทั้งหน้าจะเพียงพอที่จะปรับปรุงหน้าต่างออกแบบ