Xem trước HTML Tài liệu trên ĐTDĐ, máy tính bảng hoặc máy tính xách tay trong Dreamweaver - núm vú

Một trong những tính năng mới nổi bật của Dreamweaver (lần đầu tiên được giới thiệu trong CS5.5) là Multiscreen Preview, hoạt động song song với Media Query tương tác công cụ trong Dreamweaver. Những công cụ Truy vấn Truyền thông tạo ra các trang tính khác nhau áp dụng tùy thuộc vào phương tiện mà khách truy cập sử dụng để xem trang web.

Thiết kế các trang hoạt động tốt trên phương tiện truyền thông, từ những dự báo lớn đến các màn hình nhỏ, là một trong những thách thức lớn nhất trong thế giới thiết kế web hiện đại. Xem trước đa màn hình cho phép bạn xem tài liệu HTML mở rộng như thế nào trong các phương tiện khác nhau, chẳng hạn như trên điện thoại di động, máy tính bảng, máy tính để bàn hoặc máy tính xách tay.

1Click vào nút Multiscreen Preview trong thanh công cụ tài liệu, hoặc chọn Window → Multiscreen Preview từ cửa sổ tài liệu.

Nếu thanh công cụ tài liệu không hoạt động, hãy chọn Xem → Thanh công cụ → Tài liệu.

Cửa sổ Xem trước Đa màn hình mở ra, với ba chế độ xem.

2 Để điều chỉnh kích thước khung nhìn, kích nút Viewport Sizes trong cửa sổ Multiscreen Preview.

Hộp thoại Viewport Sizes mở ra. Bạn có thể chỉnh sửa các giá trị (theo pixel) cho chiều rộng và chiều cao tại đó một trong ba cửa sổ xem trước hiển thị. Hình này cho thấy chế độ xem Điện thoại được điều chỉnh tới 480 pixel để phù hợp với kích thước của điện thoại thông minh phổ biến.

3Click OK trong hộp thoại Viewport Sizes.

Bạn quay lại Xem trước Đa màn hình.

4 Xem trước đa màn hình bằng cách bỏ chọn tùy chọn đó trong trình đơn Window của tài liệu Dreamweaver.

Đừng cố chỉnh sửa nội dung trong Xem trước Đa màn hình. Chế độ này, như chế độ Live view của Dreamweaver, không cho phép chỉnh sửa.