Tài liệu Thanh công cụ trong Adobe CS5 Dreamweaver - núm vú

Thanh công cụ Document trong Adobe Creative Suite 5 (Adobe CS5) Dreamweaver có các công cụ để giúp bạn xem tài liệu của bạn ở các chế độ khác nhau, chẳng hạn như Mã và Thiết kế, cũng như địa chỉ các mục đó như tiêu đề tài liệu và khả năng tương thích của trình duyệt.

• Xem Mã: Chỉ hiển thị mã và chỉ mã sử dụng chế độ xem này. Dreamweaver giúp bạn giải mã mã bằng thẻ mã màu, các thuộc tính, CSS và các phần tử khác.

• Split View: Chọn tùy chọn này sẽ phân chia cửa sổ tài liệu giữa các chế độ Mã và Thiết kế. Chế độ xem này có thể rất hữu ích vì bạn thấy cả thiết kế và mã đồng thời.

  

  Kiểm soát chế độ xem trang của bạn từ thanh công cụ Tài liệu.

• Chế độ xem thiết kế: Tùy chọn này hiển thị trang của bạn trong khung nhìn Thiết kế trong cửa sổ Tài liệu.

• Kiểm tra tính tương thích của trình duyệt: Menu này hiển thị các tùy chọn cho phép bạn kiểm tra tính toàn vẹn của trang, chẳng hạn như khả năng truy cập, hoặc liệu các quy tắc CSS của bạn có tương thích với các trình duyệt khác nhau hay không.

• Live View: Live View hiển thị trang của bạn như thể trong trình duyệt, không có đường viền, hướng dẫn và các hình ảnh trợ giúp khác. Trong Live View, bạn không thể chỉnh sửa nội dung đã xem trước, nhưng bạn có thể chuyển sang chế độ Mã, Tách hoặc Thiết kế và sửa đổi nội dung trang của bạn.

• nút Kiểm tra mới hoạt động với Live View để hiển thị các quy tắc CSS định dạng các phần tử trên trang của bạn. Khi bạn chọn một phần tử trên trang có bật Kiểm tra, bảng điều khiển kiểu CSS sẽ hiển thị các thuộc tính định dạng phần tử đó và cho phép bạn vô hiệu hóa hoặc sửa đổi các thuộc tính cụ thể và xem kết quả.

  Xem trước / Gỡ lỗi trong Trình duyệt:

• Nhấp vào nút này để xem trước hoặc gỡ lỗi tài liệu của bạn trong một trong những trình duyệt Web đã cài đặt của bạn, BrowserLab của Adobe hoặc Thiết bị Trung tâm. Hỗ trợ trực quan:

• Nhấp vào nút này để chọn các trợ giúp trực quan khác nhau (chẳng hạn như đường viền và hướng dẫn) để giúp bạn xem các phần tử khác nhau và giúp thiết kế trang của bạn dễ dàng hơn. Làm mới Chế độ xem Thiết kế:

• Nhấp vào nút này để làm mới Chế độ xem Thiết kế của tài liệu sau khi bạn thay đổi chế độ xem mã. Thay đổi bạn thực hiện trong Chế độ xem mã không xuất hiện tự động trong Chế độ xem thiết kế cho đến khi bạn thực hiện các hành động nhất định, chẳng hạn như lưu tệp hoặc nhấp vào nút này. Tiêu đề tài liệu:

• Nhập tên tài liệu của bạn vào trường này. Quản lý tập tin:

• Nhấp vào nút này để hiển thị menu Quản lý Tệp tin.Sử dụng trình đơn này để kiểm tra tài liệu của bạn vào hoặc ra khi bật cho trang web của bạn. Trong Live View, những công cụ này hoạt động giống như trong trình duyệt Web và cho phép bạn điều hướng giữa các trang, làm mới trang và xem địa chỉ của trang trang hiện tại. Thanh địa chỉ cũng hoạt động khi Live View không được bật, tiết lộ đường dẫn tới tài liệu mà bạn đang làm việc.

• Các tài liệu liên quan: Các tài liệu được sử dụng bởi và gắn vào trang của bạn, chẳng hạn như các tệp CSS và JavaScript bên ngoài, được liệt kê dưới đây (Mac) hoặc cao hơn (Windows) nút chọn xem (Mã / Chia / Thiết kế). Bạn có thể nhấp vào bất kỳ tài liệu được liệt kê nào để chỉnh sửa tệp đính kèm trong Chế độ xem Chia mà không phải chuyển tài liệu.

• Các loại tệp tin XML, JavaScript, CSS và các loại tệp dựa trên mã khác chỉ có thể được xem và chỉnh sửa trong chế độ xem mã; các nút Design and Split xuất hiện mờ đi. Làm mới cũng cập nhật các tính năng mã là phụ thuộc vào Mô hình Đối tượng Tài liệu (DOM), chẳng hạn như khả năng chọn mã mở hoặc đóng của mã.

• Tùy chọn Live View: Nhấp và chọn các tùy chọn từ trình đơn này để kiểm soát cách tài liệu của bạn xuất hiện và hoạt động khi Live View được kích hoạt.