Video: [Dreamweaver] 4/3 Cách làm việc với bảng table trên trang web 2025
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver hỗ trợ tạo và định dạng các bảng trong trang web của bạn. Khi bạn nghĩ đến một bảng , hãy nghĩ đến một mạng lưới, giống như một bảng tính. Bạn có thể thay đổi màu sắc của các ô trong bảng, phân chia hoặc span các ô (kết hợp chúng với các ô khác) và áp dụng các đường biên cho chúng.
Trong một số trường hợp, bạn không thấy bảng vì bạn có thể đặt nội dung vào hàng và cột mà không cần hiển thị bảng; trong trường hợp này, nó chỉ là một công cụ định dạng. Khi bạn tạo bảng, bạn có thể xác định có bao nhiêu hàng và cột chứa trong bảng. Bạn cũng có thể chọn để kéo các hàng và cột để tạo các bảng duy nhất.
-
Đặt con trỏ nơi bạn muốn bảng xuất hiện, đảm bảo rằng tab Chung trên bảng Chèn có thể nhìn thấy, và sau đó nhấp vào nút Bảng.
Ngoài ra, bạn có thể chọn Insert → Table. Cho dù bạn sử dụng phương pháp nào, hộp thoại Bảng xuất hiện.
Đặt các thông số của bảng trong hộp thoại Bảng.
-
Nhập hoặc chọn các thuộc tính của bảng mà bạn muốn tạo:
-
Hàng: Trong hộp văn bản Rows, nhập số hàng bạn muốn trong bảng. Các hàng stack theo chiều dọc và có thể được thêm vào hoặc xóa sau khi bạn tạo bảng.
-
Cột: Trong hộp văn bản Cột, nhập số cột mà bạn muốn trong bảng. Các cột được tạo theo chiều ngang trên một bảng và có thể được thêm hoặc xóa sau khi bạn tạo nó.
-
Chiều rộng bảng: Nhập một phép đo chiều rộng trong hộp văn bản Table Width và sau đó chọn một phép đo (Pixels or Percent) từ danh sách thả xuống ở bên phải. Chiều rộng bảng thiết lập kích thước mặc định cho bảng. Ở 100 phần trăm, bảng chiếm 100 phần trăm trang web của bạn, thay đổi kích thước khi trang được thay đổi kích thước. Nhập giá trị pixel để đảm bảo rằng bảng luôn ở cùng kích thước.
-
Độ dày đường viền: Nhập (bằng pixel) độ dày bạn muốn cho chiều rộng của đường viền xung quanh ô và bên ngoài bảng. Nếu bạn muốn thấy không có định dạng bảng, hãy gõ 0 trong hộp văn bản Border Thickness. Trong chế độ xem Thiết kế, bạn vẫn nhìn thấy một đường viền của bảng. Bạn thấy đường viền thật khi bạn xem trang trong trình duyệt hoặc trong Chế độ xem trực tiếp.
-
Cell Padding: Nhập một số vào hộp văn bản Cell Padding nếu bạn muốn tạo một khoảng lề xung quanh tất cả nội dung bên trong ô.
-
Khoảng cách giữa các ô: Nhập một số vào ô văn bản Cell Spacing nếu bạn muốn đẩy các ô ra.
-
Tiêu đề: Chọn loại tiêu đề bạn muốn đưa vào bảng (hoặc chọn Không có nếu bạn không muốn tiêu đề).
-
Khả năng truy cập: Thêm chú thích có liên quan đến bảng của bạn trong hộp văn bản Chú thích. Trong phần Tóm tắt, hãy bao gồm một vài dòng văn bản để cung cấp thêm thông tin về mục đích của bảng.
-
-
Nhấp vào OK.
Bảng của bạn được tạo ra.
Khi làm việc với bảng, hãy thử tận dụng tính năng Bảng mở rộng trong Dreamweaver. (Tìm nút Mở rộng trong phần Bố cục của bảng Chèn). Chế độ xem được mở rộng sẽ thêm khoảng đệm và khoảng cách của ô trong một bảng và tăng kích thước của đường viền để làm cho vùng chọn trở nên dễ dàng hơn. Để xem trước chính xác, hãy trở lại Chế độ xem chuẩn (nhấp vào nút Tiêu chuẩn trong phần Giao diện của bảng chèn) sau khi bạn hoàn tất chỉnh sửa.
