esigning a Web PageNow that you und

esigning a Web Page
Now that you understand the basic organization of Visual Studio, you can begin designing a simple web page.
To start, in the Solution Explorer, double-click the web page you want to design. (Start with Default.aspx if you
haven’t added any pages.)
Visual Studio gives you three ways to look at an .aspx page:
Design view: Here you’ll see a graphical representation of what your page looks like.
Source view: Here you’ll see the underlying markup, with the HTML for the page and
the ASP.NET control tags.
Split view: Tis combined view allows you to see both the design view and source view
at once, stacked one on top of the other.
You can switch between these three views freely by clicking the Design, Split, and Source buttons at the
bottom of the designer window.
You’ll spend some time in the source view a bit later in this chapter, when you dig into the web page markup.
But first, it’s easi est to start with the friendlier design view to begin adding content to your page.
■ Tip if you have a wide-screen monitor, you’ll probably prefer to have the split view use two side-by-side regions
(rather than a top and a bottom region). Fortunately, it’s easy to configure Visual studio to do so. Just choose Tools ➤
options, and then head to the HTMl designer ➤ General section in the tree of settings. Finally, select the split Views
Vertically op

Kết quả (Việt) 1:

esigning một trang WebBây giờ bạn hiểu các tổ chức cơ bản của Visual Studio, bạn có thể bắt đầu thiết kế một trang web đơn giản.Để bắt đầu, trong giải pháp Explorer, bấm đúp vào các trang web bạn muốn thiết kế. (Bắt đầu với Default.aspx nếu bạnđã không thêm vào bất kỳ trang nào.)Visual Studio cung cấp cho bạn ba cách để nhìn vào một trang .aspx:Thiết kế xem: ở đây bạn sẽ thấy một đại diện đồ họa của trang web của bạn trông giống như.Nguồn xem: ở đây bạn sẽ thấy các đánh dấu tiềm ẩn, với mã HTML cho trang vàCác thẻ điều khiển ASP.NET.Split view: Tis kết hợp view cho phép bạn xem thiết kế xem và xem mã nguồncùng một lúc, xếp chồng lên nhau một đầu khác.Bạn có thể chuyển đổi giữa các ba quan điểm tự do bằng cách nhấp vào nút thiết kế, phân chia, và nguồn ở cácdưới cùng của cửa sổ thiết kế.Bạn sẽ chi tiêu một số thời gian trong giao diện nguồn một chút sau đó trong chương này, khi bạn khai thác vào các đánh dấu trang web.Nhưng trước tiên, là easi est để bắt đầu với giao diện thiết kế thân thiện để bắt đầu thêm nội dung vào trang web của bạn.■ Tip nếu bạn có một màn hình rộng màn hình, bạn sẽ có thể thích để có cái nhìn chia hai bên cạnh khu vực sử dụng(chứ không phải là một đầu và một vùng đáy). May mắn thay, nó rất dễ dàng để cấu hình Visual studio để làm như vậy. Chỉ cần chọn công cụ ➤tùy chọn, và sau đó đầu đến HTMl ➤ thiết kế phần chung trong cây thiết lập. Cuối cùng, chọn phần tách lượt xemTheo chiều dọc op

Kết quả (Việt) 2:

esigning một trang Web
Bây giờ bạn hiểu các tổ chức cơ bản của Visual Studio, bạn có thể bắt đầu thiết kế một trang web đơn giản.
Để bắt đầu, trong Solution Explorer, bấm đúp vào các trang web mà bạn muốn thiết kế. (Bắt đầu với Default.aspx nếu bạn
chưa thêm bất kỳ trang nào.)
Visual Studio cung cấp cho bạn ba cách để nhìn vào một trang .aspx:
Design view:. Tại đây bạn sẽ thấy một đại diện đồ họa của những gì trang web của bạn trông giống như
xem Nguồn : tại đây bạn sẽ thấy các đánh dấu bên dưới, với HTML cho trang và
thẻ kiểm soát ASP.NET.
xem Split: Tis kết hợp xem cho phép bạn xem cả hai chế độ thiết kế và xem nguồn
cùng một lúc, xếp chồng lên nhau trên đầu trang của các khác.
bạn có thể chuyển đổi giữa ba quan điểm tự do bằng cách nhấn vào thiết kế, cắt, và nút nguồn ở
dưới cùng của cửa sổ thiết kế.
bạn sẽ dành một số thời gian trong nguồn xem trong phần sau của chương này, khi bạn thâm nhập vào các đánh dấu trang web.
Nhưng trước tiên, đó là EASI est để bắt đầu với quan điểm thiết kế thân thiện hơn để bắt đầu thêm nội dung cho trang web của bạn.
■ Mẹo nếu bạn có một màn hình rộng màn hình, có thể bạn sẽ thích có sự chia rẽ quan điểm sử dụng hai dụng phụ vùng by-side
(chứ không phải là một đầu và một khu vực dưới). May mắn thay, thật dễ dàng để cấu hình Visual studio để làm như vậy. Chỉ cần chọn Tools ➤
tùy chọn, và sau đó đi đến các nhà thiết kế HTML ➤ phần chung trong cây của các thiết lập. Cuối cùng, chọn split Xem
Vertically op